@charset "utf-8";
/* css document */

* { margin:0px; padding:0px; border:none;}

/*overflow: hidden;*/
body {
	margin: 0;
	padding: 0;
	background: #fce683 url("../images/hintergrund.jpg") top center no-repeat; 
	font-size: 14px;
	color: #FFFFFF;
}

body, th, td, input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	/*text-transform: lowercase;*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #c60001;
}

h1 {
	letter-spacing: -1px;
	font-size: 1.8em;
	padding-top: 10px;
	padding-left: 5px;
	line-height:1.5;
	white-space:nowrap;
}

h2 {
	letter-spacing: -1px;
	font-size: 1.5em;
}

h3 {
	font-size: 0.95em;
	text-align:left;
	padding-bottom:5px;
}

h4 {
	font-size: 0.85em;
	text-align:left;
	padding-bottom:5px;
	color:#666666;
}

p, ul, ol {
	line-height: 200%;
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

a {
	color: #FFEA6F;
}

a:hover {
	text-decoration: none;
}

img { border: none; }

.mitte {
	font-size:16px;
	margin: 10px 0px 5px 80px;
	color:#333333;
}

.mitte-1 {
	font-size:16px;
	margin: 10px 0px 5px 60px;
	color:#c90d0d;
	font-weight:bold;
}


.mitte-2 {
	font-size:14px;
	margin: 5px 0px 5px 82px;
	color:#333333;
}

.schriftrot {
	color:#c90d0d;
}

.img-baby {
	position:relative;
	float: left;
	border:none; 
	padding-left: 40px;
	padding-right: 40px;
	padding-top:15px;
	
}
	
.baustelle {
	position:relative;
	float: left;
	border:none; 
	padding-left: 180px;
	padding-right: 0px;
	padding-top:60px;
	
}


/* anfang-oben */
#anfang-oben {width: 985px;height: 100px;margin: 0 auto;}

/* Logo */
#logo {height: 100px;background: url(../images/logo-buettner-kopf-telefon.png) no-repeat left 65%;}



/* Menu */

#menu {width: 535px;height: 50px;}

#menu ul {margin: 0;padding: 0px 0px 0px 0px;list-style: none;}

#menu li {display: inline;}

#menu a {
	display: block;
	float: right;
	width: 120px;
	height: 50px;
	padding-top: 35px;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 24px;
	color: #666666;
}

#menu a:hover {color: #cc080c;}

#menu .active a {color: #cc080c;}

/* seitengroesse */

#seitengroesse {width: 853px; height: 580px; margin: 0 auto;padding: 20px 0;}

/* inhalt */

#inhalt {float: left;width: 567px; height: 560px;}
#inhalt-1 {float: left;width: 567px; height: 576px;}
#inhalt-2 {float: left;width: 567px; height: 546px;}
#inhalt-3 {float: left;width: 567px; height: 506px;}




.untenabstand {padding: 0 0 20px 0;}

.title {text-align:center;}

.h1-ueberschrift {text-align:center;}

/* menurechts */

#menurechts {float: right;width: 285px;}

#menurechts ul {margin: 0;padding: 0;list-style: none;}

#menurechts li {}

#menurechts li ul {padding: 15px 0px 0px 0px;}

#menurechts li li {padding-left: 10px;}

#menurechts h2 {margin: 0;padding: 5px 0px 2px 35px;}

#menurechts a {text-decoration: none;}

#menurechts a:hover {text-decoration: underline;}

.img-border {border: 2px solid #CCC; margin-bottom:5px;}
.img-border:hover {border-top: 2px solid #c90d0e; border-bottom: 2px solid #c90d0e; border-right: 2px solid #c90d0e;}



/* Leistungen*/
.leistungen {padding-left: 0px;white-space:nowrap;}
.alle-leistungen {
	font-size: 16px;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	white-space:nowrap;
}

.alle-leistungen-bautrocknung {
	margin-left: 10px;
	font-size: 1em;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	white-space:nowrap;
}
.alle-leistungen-bautrocknung1 {
	margin-left: 20px;
	font-size: 1em;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	white-space:nowrap;
}
.alle-leistungen-bautrocknung2 {
	margin-left: -20px;
	font-size: 1em;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	white-space:nowrap;
}

.alle-leistungen-bautrocknung3 {
	margin-left: 33px;
	font-size: 0.9em;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	white-space:nowrap;
}

.alle-leistungen-kanalinspektion {
	margin-left: 60px;
	font-size: 1em;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	white-space:nowrap;
}

.alle-leistungen-kanalinspektion1 {
	margin-left: 36px;
	font-size: 1em;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	white-space:nowrap;
}

.alle-leistungen-kanalinspektion2 {
	margin-left: 58px;
	font-size: 0.85em;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	white-space:nowrap;
}


.alle-leistungen-kanalreinigung {
	margin-left: 135px;
	font-size: 1em;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	white-space:nowrap;
}	

.alle-leistungen-kellerabdichtung {
	margin-left: 105px;
	font-size: 1em;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	white-space:nowrap;
}

.unsere-leistungen {
	font-size: 16px;
	font-weight:bold;
	line-height:1.5;
	color:#333;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space:nowrap;
}

.unsere-leistungen-menu-rechts {
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	line-height:1.5;
	color:#333;
	padding-bottom: 8px;
	white-space:nowrap;
}

.text-bb {
	font-size:16px;
	margin: 10px 0px 5px 0px;
	color:#333333;
	text-align:center;
	white-space:nowrap;
}

.text-nnu {
	font-size:16px;
	margin: 10px 0px 5px 0px;
	color:#c90d0d;
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
}

.text-unten {
	font-size:14px;
	margin: 10px 0px 0px 0px;
	color:#333333;
	text-align:center;
	white-space:nowrap;
}

.kanaltext {
	font-size: 14px;
	color:#000;
	white-space:nowrap;
	text-align:center;
}

#galleriafoto {
	width: 360px;
	margin: 0px 0px 0px 110px;
	height: 250px;
}
#galleriafotoblow {
	width: 360px;
	margin: 0px 0px 0px 110px;
	height: 320px;
}


ul, li {list-style-type:none;}

/* Styles*/
.hoehe-5 {height: 5px;}
.hoehe-10 {height: 10px;}
.hoehe-15 {height: 15px;}
.hoehe-17 {height: 17px;}
.hoehe-20 {height: 20px;}
.hoehe-25 {height: 25px;}
.hoehe-30 {height: 30px;}
.hoehe-35 {height: 35px;}
.hoehe-40 {height: 40px;}
.hoehe-45 {height: 45px;}
.hoehe-50 {height: 50px;}
.hoehe-60 {height: 60px;}
.hoehe-70 {height: 70px;}
.hoehe-80 {height: 80px;}
.hoehe-90 {height: 90px;}
.hoehe-100 {height: 100px;}	 


/* Footer */

#footer {
  	font-size:14px;
  	height: 23px;
  	padding: 0px 0px 3px 0px;
  	text-align: center; 
  	border-top: 1px solid #A5A5A5;
	border-bottom: 1px solid #A5A5A5; 
  	color: #666666;
  	text-transform: uppercase;
  	letter-spacing: 0.1em;
	background: #E1E1E1;
}

#footer a {color: #333333;text-decoration: none;}

#footer a:hover {color: #000000;text-decoration: underline;}


#webdesign-edelmann {
  	font-size:13px;
  	height: 22px;
  	padding: 0px 0px 3px 0px;
  	text-align: center; 
  	color: #666666;
  	letter-spacing: 0.1em;
	
}

.farbe {
	color:#666;
}

#webdesign-edelmann a {	color: #363636; text-decoration: underline;}
#webdesign-edelmann a:hover {text-decoration:none; color: #c90d0e}

/*Impressum*/
#container {margin: 0 auto; width: 515px; position: relative;}
#containerform {margin: 0 auto; width: 450px; position: relative;}

.scrollbalkenform {
	position:absolute;
	left: 0px;
	top:17px;
	width:505px;
	height:460px;
	overflow:auto;
	padding-right:5px;
	padding-bottom:5px;
}
.scrollbalken {
	position:absolute;
	left: 0px;
	top:17px;
	width:505px;
	height:450px;
	overflow:auto;
	padding-right:5px;
	padding-bottom:5px;
}
.textscrollbalken {font-size: 12px; color:#666666; padding-left:5px;}
.datenschutz {font-size: 12px; color:#666666; padding-left:35px; padding-right:25px;}
.recht {color:#666 !important;}