body {
background-color:#CCCCCC;
font: 80%/1.2em Verdana,Helvetica,Geneva,Arial;
margin: 0px;
padding: 0px;
background-repeat:repeat-y;
}


h1 {
font-size: 125%; 
font-weight: bold;
font-family:Verdana,Helvetica,Geneva,Arial;
color:#002788;
margin-top: 0px; 
}

h2 {
font-size: 100%; 
font-weight: bold;
font-family:Verdana,Helvetica,Geneva,Arial;
display:inline;
color:#000000;
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
}



.bild_links {
width:160px;
float:left;
}

.text_bild_links {
width:360px;
float:left;
}

.text_bild_links_small {
width:240px;
float:left;
/*background:green;*/
}


.bilduntertitel {
color:#666666;
}

.highlight {

    font-size: 85%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
    color:#FFFFFF;
	background:#002788;
	padding:1px;
    }


.header_open_close{
    color:#FFFFFF;
	background:#002788;
	padding:2px;
	margin-top:3px;
    }
	
.header_open_close  a,.header_open_close  a:link,.header_open_close a:visited {
color:#FFFFFF;
text-decoration:none;
}

.open_close{
	background:#FFFFFF;
	padding:2px;
	border-style:solid;
	border-width:1px;
	border-color:#002788;
    }

.rating_information{
	margin-top:3px;
	margin-bottom:3px;
	color:#666666;
	font-weight: italic;
    }
	
.rating_img{
	margin-right:5px;
    }
	
.schriftcopyright {
    font-size: 75%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
    color:#999999;
    }
	


.schriftcomments {
    color:#999999;
    }

/* Abstände zunächst ausschalten */
li {
margin-top: 0px;
margin-bottom: 10px;

}

ul {
list-style-type:square;
margin-top: 0px;
margin-bottom: 0px;
}


ul {
list-style-type:square;
margin-top: 0px;
margin-bottom: 0px;
}

/* z.b. sitemap ohne punkte davor*/

ul.bullet, ul.bullet ul {
	list-style-type: none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 2px 0px;
}

ul.bullet li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 2px 0px;  
	}

ul.bullet ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
}

/************* Links ***************/

table.kalender{
	text-align: center;
	color:#FFFFFF;
	background:#002788;
}


.calender_days {
	background:#FFFFFF;
	color:#002788;

	font-weight:bold;
	margin:4px 0px 4px 0px;
	font-size: 9px;
}

.calender_top {
	color:#FFFFFF;
	background:#002788;
	font-weight:bold;
	margin:4px 0px 4px 0px;
	font-size: 9px;
	padding:5px;
}

table.kalender  a,  a:link, a:visited   
{
color:#FFFFFF;
text-decoration:underline;
/*font-weight:bold;*/
}

.calender_days_number {
	color:#FFFFFF;
	background:#002788;
	font-weight:normal;
	margin:4px 0px 4px 0px;
	font-size: 9px;
	
}



table.kalender td.kalender_today{
	background:#FFFFFF;
	color:#002788;
	border: 1px solid #002788;
	font-weight:bold;	
}

table.kalender td.kalender_match_days{
	background:#002788;
	color:#FFFFFF;
	border: 1px solid #002788;
	font-weight:bold;	
}


table.kalender td.kalender_days{
	background:#FFFFFF;
	color:#002788;
	border: 1px solid #002788;	
}


/************* Links ***************/

a,  a:link, a:visited   
{
color:#002788;
text-decoration:underline;
/*font-weight:bold;*/
}



a:hover, a:active {
color:#FFFFFF;
background-color:#002788;
}




.imglink a,  .imglink a:link, .imglink a:visited .imglink a:hover, .imglink a:active
{
text-decoration:none;
background-color:inherit;
}

.logo a,  .logo a:link, .logo a:visited .logo a:hover, .logo a:active
{
text-decoration:none;
background-color:inherit;
}



/************* Formulare ***************/


form br {
  	clear: both;
 }
 
form div.comment {
	padding:5px 0px 0px 9em;
	clear:both;
}

.button_white {
    width:150px;
	border:1px;
	border-color:#FFFFFF; 
	border-style:solid;
	background-color:#002788;
    font-size: 100%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
    color:#FFFFFF;
    font-weight:normal;
	margin-top:3px;
	margin-left:0px;
    }

.button {
    border:0px;
	background-color:#002788;
    font-size: 100%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
    color:#FFFFFF;
    font-weight:normal;
	margin-top:10px;
    }
	
	
.button_rating {
    border:0px;
	background-color:#002788;
    font-size: 100%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
    color:#FFFFFF;
    font-weight:normal;
	margin-top:0px;
    }

.button_nav {
    width:140px;
	border:1px solid #FFFFFF;
	background-color:#002788;
    font-size: 80%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
    color:#FFFFFF;
    font-weight:normal;
	margin-top:5px;
    }

.button_headernav {
    width:60px;
	border:1px solid #FFFFFF;
	background-color:#002788;
    font-size: 100%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
    color:#FFFFFF;
    font-weight:normal;
    }
	
label {
	float: left;
	text-align: right;
	width:120px;
	padding:0px 3px 10px 0px;
	color:#666666;
	font-style:italic;
}


label.googlesuche{
	float: right;
	text-align: left;
	width:120px;
	padding:0px 0px 0px 0px;
	color:#666666;
	font-style:normal;
}

.input_field {
   font-size: 100%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
	color:#FFFFFF;
    width:300px;
    border:1px solid #000000;
    background-color:#002788;
    }

.input_field_short {
    font-size: 100%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
	color:#FFFFFF;
    width:100px;
    border:1px solid #000000;
    background-color:#002788;
    }


.select_right {
    font-size: 100%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
	color:#002788;
    width:150px;
    border:1px solid #FFFFFF;
    background-color:#FFFFFF;
	margin-bottom:3px;
    }



.imageleft
{
float:left;
margin:5px 5px 5px 0px;
}

.imageright
{
float:right;
margin:5px 0px 5px 5px;
}


/************* Google ***************/

div#googleaddsense
{
position:relative;
width:160px;
float:right;
padding-top:25px;
background-color:#002788;
}

/************* Navigation ***************/



div#nav
{
font-size: 100%; 
float:left;
position:relative;
margin:0px 0px 0px 0px; 
/*left:0px;*/
top:0px;
width:150px;
padding-top:8px;
padding-left:8px;
padding-right:8px;
/*font-size:12px;*/
font-family:Arial,Tahoma,Helvetica,Arial,sans-serif;
color:#FFFFFF;
}

#nav a, #nav a:link, #headernav a, #headernav a:link {
font-weight: normal;
text-decoration: none;
color:#FFFFFF;
}



#nav a:hover, #nav a:focus, #nav a:active, #nav a.selected, #headernav a:hover, #headernav a:focus, #headernav a:active, #headernav a.selected  {
font-weight: bold;
background-color:inherit;
color:#FFFFFF;
}


.input_field_nav {
	color:#002788;
    width:140px;
    border:1px solid #FFFFFF;
    background-color:#FFFFFF;
    }

.input_field_headernav {
	color:#002788;
    width:90px;
    border:1px solid #FFFFFF;
    background-color:#FFFFFF;
    }

#nav ul {
list-style-type: none;
margin:0px 0px 0px 0px;
padding:0px 0px 2px 0px;

}



#nav ul li {
margin:0px 0px 0px 0px;
padding:0px 0px 2px 0px;  
}

/*
#nav ul li.selected {
margin:0px 0px 0px 0px;
padding:0px 0px 2px 0px;  
background:red;
}
*/

#nav ul li ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
}



#nav li a, #nav li a:link {
font-weight: normal;
text-decoration: none;
color:#FFFFFF;
}



#nav li a:hover, #nav li a:focus, #nav li a:active, #nav li a.selected {
font-weight: bold;
background-color:inherit;
color:#FFFFFF;
}


   .schrift_nav {
    font-size: 100%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
    color:#FFFFFF;
    }


/************* Schrift ***************/



 .schrift_klein {
    font-size: 80%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
    }


 .schrift_weiss {
    font-size:0.7em;
    font-family:Verdana,Helvetica,Geneva,Arial;
    color:#FFFFFF;
    }


 .schrift_weiss_klein {
    font-size: 80%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
    color:#FFFFFF;
    }

/***************Tabellen***************** */

table {
	border-style:none;
	font-size: 100%; 
}

th { 
	text-align: left;
	vertical-align:top;
	font-size: 100%; 
	line-height:1.6em;
	padding:2px;
color:#000000;
	}
	
td {
	text-align: left;
	vertical-align:top;
	font-size:1em;
	line-height:1.6em;
	padding:2px;


}


td.separator, th.separator { 
padding-top: 5px;
background:#002788;
color:#FFFFFF;
/*margin:0px 2px 2px 0px;*/
	}



table.backgroundcolor {
	border-style:none;
	font-size: 100%; 
	background:#002788;
}

table.backgroundcolor th { 
	text-align: left;
	vertical-align:top;
	font-size: 100%; 
	line-height:1.6em;
	padding:2px;
color:#FFFFFF;
}

table.backgroundcolor td.td_color1{
	text-align: left;
	vertical-align:top;
	font-size: 100%; 
	line-height:1.6em;
	padding:2px;
	background:#EEEEEE;
}

table.backgroundcolor td.td_color2{
	text-align: left;
	vertical-align:top;
	font-size: 100%; 
	line-height:1.6em;
	padding:2px;
	background:#CCCCCC;
}


.table_pictures td
{
padding-bottom: 20px;
padding-right: 20px;
}


/************* divs ***************/

div#header
{
position:relative;

/*left:0px;*/
/*top:0px;*/
width:788px;
height:120px;
background-image: url('/images/header_bild_suppurbia.jpg');
}

div#headernav
{
color:#FFFFFF;
position:relative;
text-align:right;
padding: 3px 5px 3px 0px;
/*left:0px;*/
/*top:0px;*/
width:783px;
height:20px;
background-color:#002788;
}


div#container
{
float:right;
position:relative;
/*left:166px;*/
/*top:120px;*/
border:0px;

width:622px;
padding:0px 0px 0px 0px; 
margin:0px 0px 0px 0px; 

}



div#content_left
{

position:relative;
float:left;

margin:0px 0px 0px 0px; 

padding-top:8px;
padding-left:8px;
padding-right:8px;

width:440px;
min-height:300px;
height:auto; 

}

div#content_right
{
/*background-color:red;*/
position:relative;
float:right;

margin:0px 0px 0px 0px; 

padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
width:150px;

font-size: 80%; 
font-family:Verdana,Helvetica,Geneva,Arial;
color:#FFFFFF;
}

/*
 .schrift_rechts {
    font-size: 80%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
    color:#FFFFFF;
    }
*/




div#content_right a,  div#content_right a:link, div#content_right a:visited   
{
color:#FFFFFF;
text-decoration:underline;
}



div#content_right a:hover, div#content_right a:active {
text-decoration:none;
color:#002788;
background-color:#FFFFFF;
}


div#comments
{
width:440px;
position:relative;
clear:both;
padding-top:15px;
padding-left:8px;
padding-right:5px;
padding-bottom:5px;
}

div#downloads
{
width:440px;
position:relative;
clear:both;
padding-top:15px;
padding-left:8px;
padding-right:5px;
padding-bottom:5px;
}

div#links
{
width:440px;
position:relative;
clear:both;
padding-top:15px;
padding-left:8px;
padding-right:5px;
padding-bottom:5px;
}

div#fusszeile
{
position:relative;

height:20px;
clear: both;
padding-top:15px;
padding-bottom:5px;
padding-left:5px;

}

div#fusszeile a,  div#fusszeile a:link, div#fusszeile a:visited
{
color: #002788;
}

div#fusszeile a:hover, div#fusszeile a:active
{
color:#FFFFFF;
background-color:#002788;
}

   .schrift_fusszeile {
    font-size: 80%; 
    font-family:Verdana,Helvetica,Geneva,Arial;
    color:#666666;
    }




.tag {
line-height:1.6em;
}