@charset "utf-8";
body {
background-color : #ffffff;
padding-top : 50px;
font-family : Arial, Helvetica, sans-serif;
margin : auto;
text-align : center;
overflow-y:scroll;
margin-bottom:75px;
}
#nav, #nav ul {
padding : 0;
margin : 0;
list-style : none;
line-height : 1;
margin-top : -38px;
margin-left : -1px;
padding-bottom : 0;
text-align : left;
}
#nav a {
display : block;
width : 114px;
color : #ebedec;
background-color : #959f9f;

padding : 5px 0 5px 7px;
line-height : 16px;
text-decoration : none;
margin-right:1px;
}
#nav a:hover {
color : white;
background-color : #22bae2;
}
#nav li {
float : left;
width : 122px;
border-right : 1px solid white;
}
#nav li ul {
margin-left : -5px;
position : absolute;
background : #22bae2;
width : 121px;
margin-top : 0;
padding-left : 5px;
left : -999em;
}
#nav li ul ul {
margin : 0 0 0 119px;
top : 0;
margin-left : 117px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left : -999em;
background-color : #22bae2;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left : auto;
}

#nav li.wide {
width:136px;
margin-right:7px;
background-color:#5CC8E2;
}

#nav li a.wide {
width:136px;
background-color: #5CC8E2;
}

#nav li.wide:hover, #nav li a.wide:hover {
background-color: #959f9f;
}

#nav li.lehm, #nav li a.lehm {
width : 113px;
}

#nav li.lehm:hover, #nav li a.lehm:hover {
background-color: #7F3000;
width : 113px;
}

#nav li a.lehm {
border-left:5px solid #7F3000;;
position: relative;
left:-5px;
padding-right:1px;
}

p {
margin : 0;
padding : 0;
}
a:link, a:active, a:visited {
text-decoration : underline;
font-style : italic;
color : #454f4f;
font-size : 16px;
}
a:hover {
text-decoration : underline;
font-style : italic;
color : #11778f;
}
.nolink:hover {
text-decoration : none;
color : #717878;
font-style : normal;
font-size : 16px;
}
#footer a:link, #footer a:active, #footer a:visited {
text-decoration : none;
}
#mainframe {
background-color : white;
position : relative;
top : -1px;
left : -1px;
}
#header {
height : 125px;
position : relative;
font-variant : small-caps;
padding-bottom : 25px;
margin : 5px;
margin-top : 8px;
margin-bottom : 40px;
}
#header .left {
color : white;
background-color : #717878;
width : 490px;
height : 98px;
text-align : center;
padding-top : 70px;
margin-bottom : 2px;
font-size : 24px;
left : 0;
top : 0;
float : left;
position : relative;
margin-left : 5px;
margin-top : 10px;
}
#header .right {
background-color : #22bae2;
height : 115px;
width : 287px;
font-size : 50px;
color : #ffffff;
text-align : center;
padding-top : 53px;
clear : right;
position : relative;
float : right;
margin-right : 6px;
margin-top : 10px;
margin-bottom : 2px;
}

#content {
position : relative;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
margin-top : 10px;
spacing-top:20px;
text-align : justify;
color : #717878;
}
h1 {
border-bottom : 1px solid #717878;
clear : both;
padding-top : 25px;
margin-bottom : 0;
background-position : left 11px;
line-height : 29px;
background-image : url(../images/quadrat.jpg);
background-repeat : no-repeat;
padding-left : 45px;
width : 735px;
}
h3 {
margin-bottom : 0;
padding-bottom : 0;
margin-top : 15px;
border-bottom : 1px solid #717878;
width : 480px;
font-size : 18px;
}
#footer {
color : #ffffff;
background-color : #717878;
font-size : 13px;
padding : 5px;
bottom : 10px;
margin : 10px;
position:relative;
width : 770px;

}

p.halb {
width : 480px;
}
#footer p {
float : left;
text-align : center;
padding-right : 25px;
padding-left : 25px;
margin-top:15px;
text-align:left;
}
.trademark {
font-size : 30px;
margin-bottom : 10px;
vertical-align : super;
}
span.footer {
text-align : center;
margin-left : 20px;
margin-right : 20px;
}

a.footer {
color : #ffffff;
font-size : 13px;
font-style:normal;
}

#s1 {
position : relative;
background-color : #dfdfdf;
width : 800px;
top : -1px;
left : -1px;
margin-bottom:15px;
}
#s2 {
position : relative;
background-color : #cfcfcf;
width : 800px;
top : -1px;
left : -1px;
}
#s3 {
position : relative;
background-color : #bfbfbf;
width : 800px;
top : -1px;
left : -1px;
}
#s4 {
position : relative;
background-color : #afafaf;
width : 800px;
top : -1px;
left : -1px;
}
#s5 {
position : relative;
background-color : #9f9f9f;
width : 800px;
top : -1px;
left : -1px;
}
#menu {
border-top : 1px dotted white;
text-align : left;
width : 478px;
z-index : 999;
}
img.bild1 {
width : 288px;
margin-left : 10px;
margin-right : 0;
padding-top : 3px;
}
img.bild2 {
width : 288px;
margin-left : 10px;
margin-right : 0;
padding-top : 222px;
}
img.bild3 {
width : 288px;
margin-left : 10px;
margin-right : 0;
padding-top : 441px;
}
.image {
	opacity: .75;
	filter: alpha(opacity=75);
border:1px solid #717878;
padding:2px;
margin-top:3px;
width:282px;
margin-bottom:3px;
}
.image:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.image2 {
	opacity: .75;
	filter: alpha(opacity=75);
border:1px solid #717878;
padding:2px;
margin-top:3px;
width:170px;
margin-bottom:3px;
}
.image2:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

span.seperator {
position:relative;
clear:both;
border-top:1px solid #717878;
display:block;
text-align:left;
padding-left:493px;
vertical-align:top;
clear:both;
margin-bottom:40px;
}
.smalllink {
border:0px;
line-height:20px;
vertical-align:top;
margin-right:5px;
}
a.smalllink {
display:inline;
float:left;
width:138px;
text-align:left;
margin-bottom:15px;
}
table.farbmustertabelle {
}

table.farbmustertabelle td {
width:125px;
background-repeat:no-repeat;
background-position: center 2px;
vertical-align:top;
text-align:center;

padding-bottom:8px;
}
table.farbmustertabelle img {
border: 3px solid white;
}
h2 {
font-size:20px;
}
li.muster {
margin-top:6px;
margin-bottom:6px;
font-weight:bold;
}
a.copy {
font-size:11px;
text-align:center;
color:#959f9f;
text-decoration:none;
}

#nav, #nav ul {
z-index : 999;
}

.imagez {
	opacity: .75;
	filter: alpha(opacity=75);
border:1px solid #717878;
padding:2px;
margin-top:3px;
width:200px;
margin-bottom:3px;
}
.imagez:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.smalllink2 {
border:0px;
line-height:20px;
vertical-align:top;
margin-right:5px;
width:250px;
}

a.smalllink2 {
display:inline;
float:left;
text-align:left;
margin-bottom:15px;
width:250px;
}

table.farbmustertabelle {
}

input {
width:75px;
}