/* CSS für Lauterbachkerber */


/*============================
  Allgemeines
  ============================*/
  

body 	{
		text-align:center;
		margin:0;
		padding:0;
		}

/* Form */
fieldset { border:none; }
label { width:100px; display:block; float:left	;}
input { width:400px; }
textarea { width:400px; height:150px;}
input.csc-mailform-submit { width:auto; }

iframe.gmap { border:1px solid #666; width:550px; height:350px;}


/*============================
  Layoutbereiche
  ============================*/
  
#wrapper { /*positioniert ganze seite*/
	width:1010px;
	margin:0 auto 0 auto;
	text-align:left;
	}
	  

#allcontent {
/*		position:absolute; */
		width:950px;
		padding:0 30px 70px 30px;
		background: url(../images/bg-schatten.jpg) repeat-y;
		}


/*----------------------------
  header
  ----------------------------*/

#header {
	padding-left:38px;
	height:256px;
	background:#fff url('../images/wellen/welle1.jpg') no-repeat;
	background-position:left bottom ;
}
		
#logo {
	display:block;
	width:403px;
	height:72px;
/*	margin:38px 0 0 38px; */
	}
#logo a { display:block; }	

/* Wellen bild */
#wellenbild {
/*	background:url('../images/wellen/welle1.jpg') no-repeat; */
	width:950px;
	height:146px;
}
/* mininavi */

#mininavi {
		float:right;
		top:-38px;
		padding: 14px 20px 0 0;
		}
#mininavi li {
		display:inline;
		list-style-type:none;
		text-align:center;
		font-size:10px;
		border-right:1px solid #777;
		margin:0;
		padding: 0 3px 0 3px;
		}
#mininavi a {
	color:#777;
	font-weight:normal;
	}
			
#mininavi a:hover {color:#7bd036;}
#mininavi a:active {color:#666;}

#mininavi li.noborder {border-right:none;}

/*----------------------------
  main
  ----------------------------*/	


#main {
/*	background:#FFFFFF url(../images/verlauf.jpg) repeat-x bottom left;	*/
	background:#B3E7FF url(../images/verlauf.jpg) repeat-x top left;
	padding:25px 20px 40px 20px;
}
	
/* navigationsbox
  ---------------- */	

#navi {
	float:left;
	margin:0;
	width:143px;
	}
	
#navi ul,
#navi li,
#navi li li {list-style-type:none; padding:0; margin:0; line-height:13px;}


/* erste ebene (in blauen kasten) */	
#navi a {
	color:#e5e5e5;
	display:block;
	background: url(../images/button_up.gif) no-repeat;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:8px 0 10px 8px;
}
#navi a:visited {color:#e5e5e5;}
		
#navi a:hover {color:#FFF;}
#navi a:active {
	color:#666;
	background: url(../images/button_down.gif) no-repeat;
}

/*zweite ebene () */
	
#navi li li a {
	color:#444;
	background:none;
	display:block;
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	margin:0 5px 0 16px;
	padding:4px 8px 3px 3px;
	border-bottom:1px solid #999;
}
		
#navi li li.last {margin-bottom:16px;}

#navi li li a:visited {color:#444;}
#navi li li a:hover {color:#7bd036; }
#navi li li a:active { 
				color:#666;
				background:none;
				}

/* "aktiv"-klasse für aktive unterseiten*/
#navi li li.aktiv {background: url(../images/pfeil.gif) top left no-repeat;}
#navi li li.aktiv:hover { background: url(../images/pfeil_hover.gif) top left no-repeat; }
#navi li li.aktiv a { color:#000; }
#navi li li.aktiv a:hover {color:#247914;}
#navi li li.aktiv a:active {color:#666;}



/* contentbox
  ---------------- */	
  
#content {
		float: left;
		width: 540px;
		margin:0 0 0 34px;
		}


/* spalten-layout
  ---------------- */
div.c2_container { position:relative; }
div.c2_left { float:left; width:50%;}
div.c2_right {float:right; width:50%;}

/* To Top */
.csc-linkToTop { text-align:right; clear:both;}
.csc-linkToTop a { font-size:10px; }


/* images 
  ---------------- */

dd.csc-textpic-caption {
	font-size:10px;
/*	background-color:#FFFFFF;
	border:1px solid #DDD; */
	padding-top:5px;
}




/* sitepromos-box
  ---------------- */

#sitepromos {
	float: right;
	width: 143px;
	margin: 0;
	font-size: 14px;
	color:#004466; 
	font-weight:normal;
}

/* top */
#sitepromos div.promo_top {
	height:1px;
	background:url(../images/sitepromo/sitepromo-top.gif) top left no-repeat;
	margin:0 1px 0 1px;
}

/* div */
#sitepromos div.promo_bottom {
	height:2px;
	background:url(../images/sitepromo/sitepromo-bottom.gif) top left no-repeat;
	margin-bottom:10px;
}


/* box */
#sitepromos div.promo_box {
	padding-right:1px;
	border-width: 0 1px 0 1px;
	border-style:solid;
	border-color:#b3d7ea #b3d7ea #657780 #b3d7ea;
	width:140px;
	background-color:#657780;
}

#sitepromos div.promo_box div{
	padding-bottom:5px;
	background:#82d5ff url(../images/sitepromo/sitepromo-fill.gif) no-repeat top left;
}

/* Heading */
#sitepromos div.promo_box h1 {
	font-size: 14px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	height: 34px;
	margin:0;
	padding:3px;
	background:top left no-repeat;
	background-image:url(../images/blaetter/sp1.jpg);
	text-shadow:#000 0 0 3px;
}

/* Body Text */
#sitepromos div.promo_box p {
	padding:3px;
	margin:0;
}

/* Sitepromo Variations */
#sitepromos  div.promo_box h1.sp1 { background-image:url(../images/blaetter/sp1.jpg); }
#sitepromos  div.promo_box h1.sp2 { background-image:url(../images/blaetter/sp2.jpg); }
#sitepromos  div.promo_box h1.sp3 { background-image:url(../images/blaetter/sp3.jpg); }
#sitepromos  div.promo_box h1.sp4 { background-image:url(../images/blaetter/sp4.jpg); }
#sitepromos  div.promo_box h1.sp5 { background-image:url(../images/blaetter/sp5.jpg); }
#sitepromos  div.promo_box h1.sp6 { background-image:url(../images/blaetter/sp6.jpg); }
#sitepromos  div.promo_box h1.sp7 { background-image:url(../images/blaetter/sp7.jpg); }
#sitepromos  div.promo_box h1.sp8 { background-image:url(../images/blaetter/sp8.jpg); }
#sitepromos  div.promo_box h1.sp9 { background-image:url(../images/blaetter/sp9.jpg); }

	
/*----------------------------
  footer
  ----------------------------*/
		
#footer {
	height:45px;
	padding-top:100px;
	background: url(../images/bg-footer.jpg) no-repeat;
}