/* Code is Poetry */
/* Website gestaltet und produziert von Michael Geißler - soulstyled.de */

@charset "UTF-8";
body {
	font: 100% "Bookman Old Style";
	background: #c2def9;
	background-image:url(bg.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.base #container {
	width: 931px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-top: 25px;
	
}
.base #header {
	background: #DDDDDD; 
	padding:0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.base #mainContent {
	padding:20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#edeff4;
	background-image:url(content_bg.gif);
}
.base #footer {
	padding: 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#edeff4;
	background-image:url(footer_verlaufslinie.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
.base #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	padding-top:25px;
	font: 11px Arial, Helvetica, sans-serif;
}

.base #footer a { color:#00519e; text-decoration: underline;}
.base #footer a:active { color:#00519e; text-decoration:none;}
.base #footer a:hover { color:#000099; text-decoration:none;}

.base h1 { padding:0; margin:0; margin-bottom:15px; color:#00519e; font-size:26px; font-weight:bold;}
.base #content { margin-left:40px; font: 11pt "Bookman Old Style"; text-align:justify;}
.base #contentimg { margin-top:5px; margin-right:10px; margin-bottom:10px; float:left; border: 1px solid #333333}

.stoerer {position: absolute; bottom:10px; left:10px; display:block; height:277px; width:272px;}

/* ----------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/
/* ----------------------------------- Hier kommt die CSS fürs Menu -----------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/



.menu #topnav {
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align: right; /* this overrides the text-align: center on the body element. */
		/* margin-top:8%; */
		height:24px;
		padding-right:8px;
		background-image:url(content-nav-bg.gif);
		background-position:right;
		background-repeat:no-repeat;
}

.menu #topnavindex {
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align: right; /* this overrides the text-align: center on the body element. */
		/* margin-top:8%; */
		height:24px;
		background-image:url(nav_bg.gif);
		background-position:right;
		background-repeat:no-repeat;
}

.menu #nav { font: 16px Arial, Helvetica, sans-serif;
   		color:#FFFFFF;
		padding-right: 7px;
		padding-top: 3px;
		float: right;}
	

.menu #nav ul{
		list-style-type:none;
  	    margin:0;
		padding-top:0;
}
.menu #nav ul li{
		float:left;
	
	
}
.menu #nav ul li a{
		color:#ffffff;
		text-decoration: none; 
		margin-left:20px; 
	
}
.menu #nav ul li a:active{
		color:#ffffff;
		text-decoration: none; 
		margin-left:20px;  
 
}
.menu #nav ul li a:hover{
		color:#cccccc;
 		text-decoration:none;
		margin-left:20px;

}
	




/* ----------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/
/* ----------------------------------- Hier kommt die CSS für den index -------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/



.splash {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #c2def9;
	background-image:url(bg.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.splash #container {
	width: 1023px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: right; /* this overrides the text-align: center on the body element. */
	padding-top:100px;;
}


.splash #logo{ }

.splash #bottomnav{ 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: right; /* this overrides the text-align: center on the body element. */
	height:24px;
	background-image:url(nav_bg_unten.gif);
	background-position:right;
	background-repeat:no-repeat;}

.splash #footer{ margin-top: 80px;
				 text-align:center;
				 font: 11px Arial, Helvetica, sans-serif;}
				 
.splash #footer a { color:#00519e; text-decoration: underline;}
.splash #footer a:active { color:#00519e; text-decoration:none;}
.splash #footer a:hover { color:#000099; text-decoration:none;}