/* CSS Document */
@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol,
form, label, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border: 0;
	outline: 0;
	font-style:inherit;
	font-size: 14px;
	font-family:verdana;
	color:white;
	vertical-align:baseline;
	}
	

html, body {
	margin-top:0px;
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-color:#065C7F;
	}

#header {
	margin:auto;
	width:1024px;
	border-left:1px solid white;
	border-right:1px solid white;
	padding:0 0 0 0;
	}
	
#header img.logo {
	padding-left: 35px;
	position:absolute;
	z-index:1;
}
	
#header ul {
	padding: 0 0 0 0;
	margin: 0;
}

#img.logo {
	position: absolute;
	z-index: 100;
}

#navi {
	background-color:black;
	width:1024px;
	height:37px;
	opacity:0.7;
	filter:alpha(opacity=70);
	}

#navi ul {
	padding-top:10px;
	padding:10px 0 0 35px;
	margin:0;
	}

#navi li {
	list-style:none;
	display:inline;
	}

#navi a {
	text-decoration:none;
	padding-right:70px;
	color:white;
	font-weight:bold;
	font-family:verdana;
	}

#navi a:hover {
	color:#0B6082;
	}

#content{
	margin:auto;
	height:100%;
	width:1024px;
	background-image:url(images/verlauf.jpg);
	background-repeat:no-repeat;
	background-color:white;
	border-left:1px solid white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	}
	
#content h1 {
	padding:38px 0 0 40px;
	color:#0B6082;
	font-size:21px;
	font-family:verdana;
	font-weight:bold;
	}
	
#content h2 {
	padding:20px 0 0 40px;
	font-size:16px;
	font-family:verdana;
	color:#0B6082;
	}
	
#content p {
	padding:20px 0 0 40px;
	font-size:14px;
	font-family:verdana;
	color:#3E3E3D;
	}
	
#content li {
	padding:0 0 0 40px;
	font-size:14px;
	font-family:verdana;
	color:#3E3E3D;
	list-style:none;
	}
	
#content img {
	padding:20px 0 0 40px;
	}
	
#content a {
	color: #0B6082;
	text-decoration:none;
}

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

#content input {
	border:1px solid #0B6082;
}

#content textarea {
	border:1px solid #0B6082;
}

.formular {
	padding-left: 40px;
}

.cmxform {
	color: black;
}

#footer {
	margin:auto;
	border-bottom:2px solid white;
	height:36.5px;
	width:1024px;
	}
	
#footer td {
	padding:10px 0 0 20px;
	color:white;
	font-size:12px;
	font-family:verdana;
	width:480px;
	}
	
#footer .names {
	text-align:right;
	}
	
#s3slider { 
   width: 1024px; /* important to be same as image width */ 
   height: 230px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 1024px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 0px;
   width: 0px;
   background-color: #000;
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}