/* ************************************* */

/* Farben 
orange:#FF6627; 
grau:  #555555; Rahmen
       #777777; font footer
*/

/* body */
html {
min-height: 100.1%;
}

body {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:16.5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
    background:#D4ECF6 url(../img-style/bg-body.jpg) repeat-x;
    }
	
	p, td, th, h1, h2, h3, h4 {
	font-size:16px;
	margin:0;
	padding:0;
	margin-left:10px;
	margin-right:0px;
	}
	table {
	margin-top:0px;
	margin-left:10px;
	}
	td {
	padding-bottom:10px;
	font-size:13px;
	vertical-align:top;
	}
	
	p {
	margin-bottom:10px;
	margin-top:20px;
	margin-left:10px;
	line-height:1.5em;
	}
	
	.orange {
	color:#FF6627;
	}
	
	li {
	margin:0px;
	padding:0px;
	}
	
	ul {
	padding:0px;
	margin:0px;
	}
	
	.formular {
	border: 2px solid #555555;
	background-color:#CCCCCC;
	padding:3px;
	}
	.formular:active, .formular:focus, .formular:hover {
	border: 2px solid #CCCCCC;
	background-color:#FFFFFF;
	}

	h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#FF6627;
	letter-spacing:0.16em;
    line-height:1.3em;
	text-transform:uppercase;
	}
	
	h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#DF0004;
	line-height:1.3em;
	}
	
	a.aktuell:hover {
	text-decoration:underline;
	}
	a.aktuell-mehr {
	color:#5673AD; text-decoration:underline; font-size:11px;
	}
	
	a.redu, a.redu:link, a.redu:active, a.redu:visited {
    color:#666666;
    text-decoration:none;
    }

	a.redu:hover {
	color:#666666;
    text-decoration:underline;
	}
    
	form {
	margin:0px;
	padding:0px;
	}
	
    input {
	font-family:Arial, Helvetica, sans-serif;
    }
	
	textfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	a {
	/*color:#FF8A00;*/
	color:#D50004;
	font-weight:bold;
	}
	
#header {
position:relative; 
width:960px; 
height:148px; 
margin-left: auto; 
margin-right: auto;
margin-top:0px;
background-image:url(../img-style/bg-header.jpg);
background-repeat:no-repeat;
}

#header-logo {
position:absolute; 
left:30px;
top:10px;
}


#header-img {
position:absolute; left:247px; top:20px; 
}


#navigation {
float:left; width:200px;
min-height:350px;
height:auto !important;  /* für moderne Browser */
height:400px;  /*für den IE */
} 


img{
border:0;
}

.img-border{
border:3px solid #555555;
}

a.float{
float:left;
margin-right:18px;
display: inline;
}
a.second{
margin-top:9px;
}

a.show {
display:block;
width:109px;
height:148px;
border:3px solid #555555;
}

a.showbreit {
display:block;
width:160px;
height:107px;
border:3px solid #555555;
}

a.show:hover, a.showbreit:hover {
border:3px solid #CCCCCC;
}

#content-100 {
position:relative;
width:100%;
background:#D4ECF6 url(../img-style/bg-content.jpg) repeat-x;
}

#content {
position:relative; 
overflow:auto !important;  /* für moderne Browser */
overflow:inherit;
width:960px; 
margin-left: auto; 
margin-right: auto;
min-height:382px;
padding-top:0px;
height:auto !important;  /* für moderne Browser */
height:382px;  /*für den IE */
}   

#text-left {
float:left; width:514px; margin-left:0px; margin-top:35px; padding-bottom:30px;
display: inline;
}

#spiele {
width:100%; margin-top:35px; padding-bottom:30px;
display: inline;
}

.spiel { width:200px; border:3px solid #C1E1EC; background-color:#C1E1EC; margin-right:44px; float:left; margin-bottom:20px;}
.spiel img { padding-bottom:10px;}


#text-left ul, #text-left ul ul {
padding:0px;
margin:0px;
margin-left:20px;
list-style:square;
}
#text-left li, #text-left li li {
padding:0px;
margin:0px;
padding-left:0px;
margin-top:10px;
font-size:13px;
}

#text-right {
float:right; width:351px; margin-top:35px; margin-right:25px; padding-bottom:30px;
display: inline;
}

.clear {
clear:both;
line-height:20px;
float:none;
}


#footer {
position:relative;
clear:both; 
width:100%; 
height:171px; 
margin-left: auto; 
margin-right: auto;
background:#6C9640 url(../img-style/bg-footer.jpg) repeat-x;
}

#footer-inhalt {
position:relative;
margin:0px auto;
width:960px; 
font-size:11px;
color:#D9FFAF;
}

#footer-left {
float:left; margin-top:20px; margin-left:25px; border-left:1px dotted #D9FFAF;  display: inline;
}
#footer-left a {
color:#D9FFAF; font-weight:normal;
}
#footer-left p{
font-size:11px;
padding:0px;
margin:0px;
margin-left:5px;
}

#footer-right {
float:right; margin-top:20px; margin-right:25px; display: inline;
}
#footer-right a {
font-size:11px;
padding:0px;
margin:0px;
color:#D9FFAF;
text-transform:uppercase;
text-decoration:underline;
}





#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;
margin:0px;
margin-left:30px;
margin-bottom:5px;
background-image: url(../img-style/haken.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
		
		
#slideshow{
    position:relative;
	width:500px;
	height:303px;
	border:7px solid #555555;
	background:transparent;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:0;
}
#slideshow img.start {
 display:block;
}

#topmenu{
    position:absolute;
    bottom:0px;
	right:25px;
	text-align:right;
	height:30px;
}
/*lists---*/
#topmenu ul {
	margin:0pt auto;
}
#topmenu ul li {
	display:block;
	float:left;
}
#topmenu ul li.last {
	border:medium none;
}
#topmenu ul li a, #active {
	color:#0F5F7F;
	display:block;
	width:120px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0px;
	padding:8px 0px;
	text-align:center;
	margin-right:2px;
	font-size:14px;
	text-decoration:none;
	background-color:#C3E1EC;
}
#topmenu ul li a:hover {
background-color:#8BBF53;
color:#FFFFFF!important;
}
#active {
background-color:#729D44!important;
color:#FFFFFF!important;
}