/* --------------------- Allgemeine Eigenschaften der Seite ----------------------- */

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #003478;
	font-size: 10px;
	font-weight: bold;
    font-family: Arial, Verdana, sans-serif;
}

/* Formatierung der h1-Überschriften der Website */
h1 {
	font-size: 16px; 
}
	
/* Ein erster DIV Container zum vertikalen zentrieren der Webseite */
#page1 {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
}
/* Ein zweiter DIV Container zum horizontalen zentrieren der Seite 
   margin-left: ist genau  - (die Hälfte der Breite des Rechteckes) 
   top: ist genau -( die Höhe des Rechteckes */
#page2 {
	margin-left: -400px;
	position: absolute;
	top: -300px;
	left: 50%;
	width: 800px;
	height: 600px;
	background-color:#CAF2FB;
}

/* --------------------- Content-Templates ----------------------- */

#header {
	width: 800px;
	height: 100px;
	background-color:#33D8D3;
}

#line {
	height: 42px;
	background-color:#77D8D3;
	text-align:left;
	padding-left: 150px; 
	padding-top: 8px;
}

#line h1 {	
	font-weight: bold;
    font-size: 21px;
    font-family: Arial, Verdana, sans-serif;    
}

#menu {	
	width: 150px;
	height: 295px;
	background-color: #CAF2FB;
	padding: 15px 0px 0px 0px;
	float:left;
}

#content {	
	width: 620px;
	height: 290px;
	padding: 20px 15px 0px 15px;
	overflow: auto;
	text-align:left;
	float:left;
}

#content .csc-textpic-image {	
	margin:0px;
	padding:0px;

}

#content .content_all {	

}

#content .content_left {	
	width: 200px;
	float:left;

}

#content .content_right {	
	width: 420px;
	float:left;
}

#footer {	
	position: absolute;
	z-index: 2;
	left: 0px; 
	top: 460px;
	width: 800px;
    height: 140px;
	background-image:url(images/welle.gif);
	clear:both;
}

#footer .footer_logo{	
	position: absolute;
	z-index: 3;
	right: 20px; 
	top: 28px;
	width: 226px;
    height: 99px;
	background-image:url(images/welle_logo.gif);
}

/* --------------------- Starttemplate ----------------------- */
#startmenue {
	background-color:#77D8D3;
	height: 50px;
	text-align:center;
}

#startpic {
	width: 560px;
	height: 410px;
	float:left;
}

#starttext {
	width: 240px;
	height: 410px;
	float:left;
}

#startfooter {
	z-index: 1;
	height: 140px;
	clear:both;
	background-image:url(images/footer_start2.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

#startfooter .oeffnungszeit {
	z-index:2;
	width: 120px;
	height: 60px;
	margin-left:20px;
	margin-top:50px;
	float:left;
}

#startfooter .logo {
	z-index: 2;
	float:right;
	width: 226px;
    height: 99px;
	margin-right:20px;
	margin-top:28px;
	background:url(images/welle_logo.gif) no-repeat;
}
/* --------------------- Sonstiges ----------------------- */

.bodytext {
	padding-top:0px;
	margin-top:0px;
	}