/* 
Projekt: WDD
Start: 07.04.2006
*/




html , body , div , h1 , h2 , h3 , h4 , h5 , h6 , ul , ol , span , a , table , td , form , img , li , blockquote, textarea, input, select {
margin : 0;
padding : 0; 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; }
 
html , body {font-size : 100%; padding : 0; margin : 0; background:#ffffff;} 
	

	
	

/* GLOBAL */
dfn {
font : bold 0.8em verdana, sans-serif; 
color : #000000; } 

.unsichtbar {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;}

hr {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;}


#abstand {
width: 100px;
height:50px;
float:left;
clear:both;}



.grau01 {background:#ebebeb;} 


#illu 		{padding: 0; margin: 0; float:left; border-right:1px solid #ffffff;} 
#content 	{padding: 15px 20px 10px 20px; margin: 0px; float:left; } 

#content2 			{padding: 15px 20px 10px 20px; margin: 0px; float:left;  width:435px; } 
#content-portrait  	{padding: 15px 20px 10px 20px; margin: 0px; float:left;  width:435px; } 

#content3 				{padding: 15px 20px 10px 20px; margin: 0px; float:left;  width:198px; } 
#content-landscape  	{padding: 15px 20px 10px 20px; margin: 0px; float:left;  width:198px; } 

p {color: #666666; font-size: 11px; line-height: 16px; }
 
a:link , a:visited{
color: #DE411A; text-decoration: none; padding:0px; margin:0px;} 
a:hover , a:active{
color: #000000; text-decoration: none; padding:0px; margin:0px;} 


h1 {font-size : 15px; font-weight: bold; color: #696969; margin:0 0 -9px 0;} 
h1.version2 {font-size : 15px; font-weight: bold; color: #696969; margin:0 0 0 0;} 
h2 {font-size : 13px; font-weight: bold; color: #696969; margin:0 0 -9px 0;} 
h3 {font-size : 12px; font-weight: bold; color: #696969; margin:0 0 -9px 0;} 
h4 {font-size : 10px; font-weight: bold; color: #696969; margin:0 0 -9px 0;} 
h5 {font-size : 9px; font-weight: bold; color: #696969; margin:0 0 -9px 0;} 
h6 {font-size : 8px; font-weight: bold; color: #696969; margin:0 0 -9px 0;} 


ul		{ 	 margin-top:5px; margin-bottom:5px;}
ul li	{ 	 color: #666666; font-size: 11px; line-height: 16px; list-style: disc outside; display: list-item; margin: 0px 10px 0px 30px;}
ol 		{ 	 margin-top:5px; margin-bottom:5px;}
ol li	{ 	 color: #666666; font-size: 11px; line-height: 16px; list-style: decimal outside; display: list-item; margin: 0px 10px 0px 35px;}












p.metanav {margin:0; padding:18px 0 11px 0; line-height: 11px;}

a.metanav:link , a.metanav:visited{
font-size: 11px; font-weight: normal; color: #DE411A; text-decoration: none; padding:0 12px 0 12px; margin:0; background:url(../images/metanav_trenner.gif) left no-repeat; } 
a.metanav:hover , a.metanav:active{
font-size: 11px; font-weight: normal; color: #333333; text-decoration: none; padding:0 12px 0 12px; margin:0; background:url(../images/metanav_trenner.gif) left no-repeat; } 

a.metanav-last:link , a.metanav-last:visited{
font-size: 11px; font-weight: normal; color: #DE411A; text-decoration: none; padding:0 12px 0 12px; margin:0; } 
a.metanav-last:hover , a.metanav-last:active{
font-size: 11px; font-weight: normal; color: #333333; text-decoration: none; padding:0 12px 0 12px; margin:0; } 















#logo {
position:absolute; 
top:69px; 
left:760px;
z-index:110;}

#intro {
position:absolute; 
top:130px; 
left:136px;
z-index:120;}

#intro p.subhead {
font-size:13px; line-height:100%; font-weight:bold; color:#ffffff; padding:1px 0 5px 2px; margin:0;}
#intro p.head {
font-size:24px; line-height:100%; font-weight:normal; color:#ffffff; padding:1px 0 3px 0; margin:0;}
#intro p {
font-size:11px; line-height:130%; font-weight:normal; color:#ffffff; padding:5px 0 3px 2px; margin:0;}



#intro-folge {
position:absolute; 
top:110px; 
left:136px;
width:290px;
z-index:120;}

#intro-folge p.head {
font-size:24px; line-height:100%; font-weight:normal; color:#ffffff; padding:1px 0 3px 0; margin:0;}
#intro-folge p {
font-size:11px; line-height:130%; font-weight:normal; color:#ffffff; padding:5px 0 3px 2px; margin:0;}






.flashbereich {
margin:0 0 20px 0;}

.headbereich {
margin:0 0 20px 0;}




.kontakt {
background:url(../images/line.gif) bottom repeat-x;}
.kontakt p{
font-size:11px; line-height:130%; font-weight:normal; color:#7F7F7F; padding:5px 0 8px 10px; margin:0;}



.news {
background:#CDCDCD;}
.news p{
font-size:11px; line-height:15px; font-weight:normal; color:#666666; padding:5px 10px 8px 10px; margin:0;}



.leistungen {
background:#EBEBEB;}






#kartei-head-01 {
	position:absolute;
	left:495px;
	top:410px;
	width:475px;
	height:25px;
	z-index:121;
	background:#D7D7D7;
	visibility: visible;
}


#kartei-head-02 {
	position:absolute;
	left:495px;
	top:410px;
	width:475px;
	height:25px;
	z-index:121;
	background:#D7D7D7;
	visibility:hidden;
}

#kartei-head-03 {
	position:absolute;
	left:495px;
	top:410px;
	width:475px;
	height:25px;
	z-index:121;
	background:#D7D7D7;
	visibility: hidden;
}

#kartei-head-04 {
	position:absolute;
	left:495px;
	top:410px;
	width:475px;
	height:25px;
	z-index:121;
	background:#D7D7D7;
	visibility: hidden;
}

#kartei-head-05 {
	position:absolute;
	left:495px;
	top:410px;
	width:475px;
	height:25px;
	z-index:121;
	background:#D7D7D7;
	visibility: hidden;
}


#kartei-head-06 {
	position:absolute;
	left:495px;
	top:410px;
	width:475px;
	height:25px;
	z-index:121;
	background:#D7D7D7;
	visibility: hidden;
}

#kartei-body-01 {
	position:absolute;
	left:495px;
	top:435px;
	width:475px;
	z-index:122;
	background:#EBEBEB;
	visibility: visible;
}
#kartei-body-01 img
{
	padding:0 0 0 0;

}

#kartei-body-01 p{
font-size:11px; line-height:14px; font-weight:normal; color:#7F7F7F; padding:10px 20px 8px 20px; margin:0;}

#kartei-body-02 {
	position:absolute;
	left:495px;
	top:435px;
	width:475px;
	z-index:122;
	background:#EBEBEB;
	visibility:hidden;
}
#kartei-body-02 p{
font-size:11px; line-height:14px; font-weight:normal; color:#7F7F7F; padding:10px 20px 8px 20px; margin:0;}

#kartei-body-03 {
	position:absolute;
	left:495px;
	top:435px;
	width:475px;
	z-index:122;
	background:#EBEBEB;
	visibility: hidden;
}
#kartei-body-03 p{
font-size:11px; line-height:130%; font-weight:normal; color:#7F7F7F; padding:10px 20px 8px 20px; margin:0;}

#kartei-body-04 {
	position:absolute;
	left:495px;
	top:435px;
	width:475px;
	z-index:122;
	background:#EBEBEB;
	visibility: hidden;
}
#kartei-body-04 p{
font-size:11px; line-height:130%; font-weight:normal; color:#7F7F7F; padding:10px 20px 8px 20px; margin:0;}

#kartei-body-05 {
	position:absolute;
	left:495px;
	top:435px;
	width:475px;
	z-index:122;
	background:#EBEBEB;
	visibility: hidden;
}
#kartei-body-05 p{
font-size:11px; line-height:130%; font-weight:normal; color:#7F7F7F; padding:10px 20px 8px 20px; margin:0;}

#kartei-body-06 {
	position:absolute;
	left:495px;
	top:435px;
	width:475px;
	z-index:122;
	background:#EBEBEB;
	visibility: hidden;
}
#kartei-body-06 p{
font-size:11px; line-height:130%; font-weight:normal; color:#7F7F7F; padding:10px 20px 8px 20px; margin:0;}




#nav01 {
position:absolute; 
top:69px; 
left:19px;
z-index:100;
padding:0;
margin:0; }

#nav01 img{
float:left;
padding:0;
margin:0; }


#menue01 {
width:720px;
float:left;
padding:0;
margin:-2px 0 0 0; }

#menue01 ul {
list-style:none;
padding:0;
margin:0;  }

#menue01 ul li {
margin:0;
padding:0;
display:inline;
font-size: 100%;  
float:left;}


a.nav01aus:link, a.nav01aus:visited {
font-size: 11px; line-height:100%; font-weight: bold; text-decoration: none; color: #EEB4A6; padding: 2px 0 0 0; margin: 0px 25px 0px 0px; display: block;  }
a.nav01aus:active, a.nav01aus:hover {
font-size: 11px; line-height:100%; font-weight: bold; text-decoration: none; color: #ffffff; padding: 2px 0 0 0; margin: 0px 25px 0px 0px; display: block;  }
a.nav01an:link, a.nav01an:visited {
font-size: 11px; line-height:100%; font-weight: bold; text-decoration: none; color: #ffffff; padding: 2px 0 0 0; margin: 0px 25px 0px 0px; display: block;  }
a.nav01an:active, a.nav01an:hover {
font-size: 11px; line-height:100%; font-weight: bold; text-decoration: none; color: #ffffff; padding: 2px 0 0 0; margin: 0px 25px 0px 0px; display: block;  }









#menue02 {
width: 226px; 
min-height:146px;
float:left;
clear:both;
margin:0 0 1px 0;
background:#EBEBEB;}

#menue02 ul {
list-style:none;
padding:0;
margin:0;  }

#menue02 ul ul{
list-style:none;
padding:0;
margin:0;}

#menue02 ul li {
margin:0;
padding:0;
display:inline;
font-size: 100%;  }

#menue02 ul li ul li {
margin:0;
padding: 0;
display:inline;
font-size: 100%; }


a.nav02aus:link, a.nav02aus:visited {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #666666; padding: 6px 10px 5px 20px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #EBEBEB; }
a.nav02aus:active, a.nav02aus:hover {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #000000; padding: 6px 10px 5px 20px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #F5F5F5; }
a.nav02an:link, a.nav02an:visited {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #000000; padding: 6px 10px 5px 20px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #CDCDCD; }
a.nav02an:active, a.nav02an:hover {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #000000; padding: 6px 10px 5px 20px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #CDCDCD; }










#menue03 {
width: 237px; 
float:left;
clear:both;
margin:0;
background:#EBEBEB;}

#menue03 ul {
list-style:none;
padding:0;
margin:0;  }

#menue03 ul ul{
list-style:none;
padding:0;
margin:0;}

#menue03 ul li {
margin:0;
padding:0;
display:inline;
font-size: 100%;  }

#menue03 ul li ul li {
margin:0;
padding: 0;
display:inline;
font-size: 100%; }


a.nav03aus:link, a.nav03aus:visited {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #666666; padding: 6px 10px 5px 20px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #EBEBEB; }
a.nav03aus:active, a.nav03aus:hover {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #000000; padding: 6px 10px 5px 20px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #F5F5F5; }
a.nav03an:link, a.nav03an:visited {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #000000; padding: 6px 10px 5px 20px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #CDCDCD; }
a.nav03an:active, a.nav03an:hover {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #000000; padding: 6px 10px 5px 20px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #CDCDCD; }











#header01 {
background:#000000;
position:absolute; 
top:218px; 
left:19px;
height:25px;
width:237px;
z-index:110;
filter:Alpha(opacity=20);
-moz-opacity:0.2;
opacity:0.2;}

#header01text {
position:absolute; 
top:218px; 
left:19px;
height:25px;
width:237px;
z-index:111;}

#header01text p{
color:#F44F26;
border-left:1px solid #F44F26;
font-weight:bold;
font-size:11px;
margin:8px 0 0 11px;
padding:1px 0 1px 5px;
line-height:8px;}



#header02 {
background:#000000;
position:absolute; 
top:218px; 
left:257px;
height:25px;
width:713px;
z-index:110;
filter:Alpha(opacity=20);
-moz-opacity:0.2;
opacity:0.2;}

#header02text {
position:absolute; 
top:218px; 
left:257px;
height:25px;
width:713px;
z-index:111;}

#header02text p{
color:#F44F26;
border-left:1px solid #F44F26;
font-weight:bold;
font-size:11px;
margin:8px 0 0 11px;
padding:1px 0 1px 5px;
line-height:8px;}




#header03 {
background:#000000;
position:absolute; 
top:213px; 
left:19px;
height:25px;
width:951px;
z-index:110;
filter:Alpha(opacity=20);
-moz-opacity:0.2;
opacity:0.2;}

#header03text {
position:absolute; 
top:213px; 
left:19px;
height:25px;
width:237px;
z-index:111;}

#header03text p{
color:#F44F26;
border-left:1px solid #F44F26;
font-weight:bold;
font-size:11px;
margin:8px 0 0 11px;
padding:1px 0 1px 5px;
line-height:8px;}


#header04 {
background:#000000;
position:absolute; 
top:218px; 
left:19px;
height:25px;
width:951px;
z-index:110;
filter:Alpha(opacity=20);
-moz-opacity:0.2;
opacity:0.2;}

#header04text {
position:absolute; 
top:218px; 
left:19px;
height:25px;
width:237px;
z-index:111;}

#header04text p{
color:#F44F26;
border-left:1px solid #F44F26;
font-weight:bold;
font-size:11px;
margin:8px 0 0 11px;
padding:1px 0 1px 5px;
line-height:8px;}





#headerZBtext {
position:absolute; 
top:570px; 
left:252px;
height:25px;
width:180px;
z-index:111;}

#headerZBtext p{
color:#F44F26;
border-left:1px solid #F44F26;
font-weight:bold;
font-size:11px;
margin:8px 0 0 11px;
padding:1px 0 1px 5px;
line-height:8px;}











/* SITEMAP */
div.sm-menue {
width:100%;
margin: 0 0 0 0;
float:left;
}


div.sm-menue ul {
list-style : none;
padding : 0 0 0 0;
margin : 0;
}
div.sm-menue ul ul {
list-style : none;
padding : 0 0 0 0;
margin : 0;
}
div.sm-menue ul ul ul {
list-style : none;
padding : 0;
margin : 0;
}


div.sm-menue ul li {
margin : 0;
padding : 0;
display : inline;
font-size: 100%;
}
div.sm-menue ul li ul li {
margin : 0;
padding : 0;
display : inline;
font-size: 100%;
}
div.sm-menue ul li ul li ul li {
margin : 0;
padding : 0;
display : inline;
font-size: 100%;
}


a.sm-nav01aus:link , a.sm-nav01aus:visited {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #000000; padding: 6px 10px 5px 20px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #CDCDCD; }
a.sm-nav01aus:hover , a.sm-nav01aus:active {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #000000; padding: 6px 10px 5px 20px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #CDCDCD; }

a.sm-nav02aus:link , a.sm-nav02aus:visited {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #666666; padding: 6px 10px 5px 20px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #EBEBEB; }
a.sm-nav02aus:hover , a.sm-nav02aus:active {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #000000; padding: 6px 10px 5px 20px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #F5F5F5; }

a.sm-nav03aus:link , a.sm-nav03aus:visited {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #666666; padding: 6px 10px 5px 40px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #EBEBEB; }
a.sm-nav03aus:hover , a.sm-nav03aus:active {
font-size: 11px; line-height:120%; font-weight: normal; text-decoration: none; color: #000000; padding: 6px 10px 5px 40px; margin: 0; border-bottom: 1px solid #ffffff; display: block; background: #F5F5F5; }















/* FORMULAR */
form {
margin: 0px 0px 0px 0px;
padding: 0; } 

fieldset {
border: 0px solid #000000;
padding : 0 0 0 0; 
margin:0 0px 0 0px;}
 
legend {
display:none;
font-size : 0.70em; 
font-weight : bold; 
color : #000000; 
margin: 0 5px 0 10px;
padding: 0 5px 0 5px; } 





.formtext {
float : left; 
font-size : 0.75em; 
padding-top: 10px;
}

.formtext1 {
float : left; 
padding: 0 15px 0 15px; 
font-size : 0.75em; 
} 



label.left {
float:left;
text-align : left; 
margin:3px 0 3px 0;
font-size : 11px; 
font-weight : bold; 
line-height : 150%;
color : #666666; 
} 

label.check {
float:left;
display: inline;
width: 170px;
text-align: left; 
margin: 4px 0 0 10px;
font-size: 11px; 
font-weight: bold; 
color: #666666;
line-height: 18px;
} 




select.formular-mittel {
float : left; 
clear:left;
font-size : 11px; 
font-weight : normal; 
width : 120px; 
margin-left : 0px; } 

textarea.formular {
float : left; 
clear:left;
font-size : 11px; 
line-height: 150%;
font-weight : normal; 
width : 182px; 
height:101px;
margin-left : 0px; 
padding: 1px 0 1px 5px;} 

input.formular {
float : left; 
clear:left;
font-size : 11px; 
font-weight : normal; 
width : 180px; 
margin: 0 10px 0 0;
padding: 1px 0 1px 5px;}

input.check {
float: left; 
display: inline;
margin: 7px 0 0 0;
padding: 0;
}

* html input.check {
float: left; 
display: inline;
margin: 3px 0 0 -3px;
padding: 0;
}

*+html input.check {
float: left; 
display: inline;
margin: 3px 0 0 -3px;
padding: 0;
}

input.formular-mittel {
float : left; 
clear:left;
font-size : 11px; 
font-weight : normal; 
width : 100px; 
margin: 0 10px 0 0;
padding: 1px 0 1px 5px;}

input.formular-kurz {
float : left; 
clear:left;
font-size : 11px; 
font-weight : normal; 
width : 40px; 
margin: 0 10px 0 0;
padding: 1px 0 1px 5px;}


 

input.radiobutton {
float : left; 
font-size : 0.70em; 
font-weight : normal; 
margin: 5px 5px 0 0px;
padding: 0px 0 0px 0px;} 

input.checkbox {
float : left; 
font-size : 0.70em; 
font-weight : normal; 
margin: 5px 5px 0 0;
padding: 0px 0 0px 0px;} 






#submit{
padding: 0; margin: 8px 0 0 0;  }

a.submit:link, a.submit:visited 	{ 
font-size: 11px; font-weight: bold; text-decoration: none; color: #DE411A; padding: 0 0 0 15px; margin:0 0 0 110px; background:url(../images/bullet_submit_aus.gif) no-repeat left;}
a.submit:hover, a.submit:active 	{ 
font-size: 11px; font-weight: bold; text-decoration: none; color: #000000; padding: 0 0 0 15px; margin:0 0 0 110px; background:url(../images/bullet_submit_an.gif) no-repeat left; }


#pflichtfeld{
padding: 0; margin: 8px 0 0 0;  }

p.pflichtfeld { 
font-size: 10px; font-weight: normal; text-decoration: none; color: #666666; padding: 0; margin:0 0 0 132px;}

span.bold { 
font-weight: bold; }




form br {
clear : both; } 

.rot {
padding: 0;
margin: 0;
color : #ff0000; } 

.rot2 {
padding: 10px 0 0 0;
margin: 0;
color : #ff0000; } 


fieldset p.formular {
font-size : 0.70em; 
font-weight : normal; 
text-align : left; 
margin : 0; 
padding : 0 20px 20px 15px; 
} 



input.right {
float : left; 
clear : both; 
margin: 0px 5px 0 0;
font-size : 11px; 
font-weight : normal; 
} 

label.right {
text-align : left; 
margin-right : 0; 
margin-left : 0; 
padding-left : 0px; 
font-size : 11px; 
font-weight : normal; 
line-height : 120%; 
} 








div.kundenliste {
padding:0 0 20px 0;
margin:0 0 0 0;
float:left;
clear:left; }

span.alphabet{
font-size: 11px; color:#000000; font-weight:bold; line-height:100%; margin:0 0 0 0; padding:10px 0 0 0; float:left; clear:left;}

span.trennstrich{
font-size: 11px; color:#000000; line-height:170%; padding:0 5px 0 10px;}

a.kundenliste:link, a.kundenliste:visited {
font-size:11px; line-height:170%; font-weight: normal; text-decoration: none; color: #DE411A; padding: 0; margin: 0;   }
a.kundenliste:active, a.kundenliste:hover {
font-size:11px; line-height:170%; font-weight: normal; text-decoration: none; color: #000000; padding: 0; margin: 0;  background: #F5F5F5;}
