/*------------------------------------------------------------------------------
Stylesheet fuer Frontend
- Erstellt am 15.12.2009 durch C. Klein
- Letzte Änderung am 09.04.2010 durch B.Brümmer
- Version 1.0
------------------------------------------------------------------------------*/

/* BEGIN Standards ------------------------------------------------------ */

html,body,table,td,div,form,button,select,input,textarea,h1,h2,h3,h4,h5,h6,a,p,cite,quote,u,i 
{
	margin: 0px;
	padding: 0px;
	font-family: Arial,Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #000000;
}

html,body 
{
	color: #FFFFFF;
	background-color: #FFFFFF;
	background: url(../img/bg_page.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-top: 5px;
	text-align: center;
}

img 
{
	border: 0px none;
	padding:0px;
	margin:0px;
}

form 
{
	margin: 0px;
}

a
{
	font-family: Arial,Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	line-height: 140%;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	font-family: Arial,Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #66CC33;
	text-decoration: none;
	font-weight: bold;
	
}


a.EventDetail
{
	font-family: Arial,Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	line-height: 140%;
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.EventDetail:hover
{
	font-family: Arial,Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.Standard
{
	font-family: Arial,Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #0066CC;  /* blau */
	text-decoration: none;
	font-weight: bold;
}

a.Standard:hover
{
	font-family: Arial,Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #66CC33;  /* grün */
	text-decoration: none;
	font-weight: bold;
}



#error
{
	font-family: Arial,Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}

h1 
{
	margin: 0px;
	padding: 0px;
	font-family: Arial,Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
	font-size: 16px;
	line-height: 150%;
	color: #FFFFFF;
}

h2 
{
	margin: 0px;
	padding: 0px;
	font-family: Arial,Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #000000;
}

h2a 
{
	margin: 0px;
	padding: 10px;
	font-family: Arial,Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #000000;
}

hr
{
	border: 0; 
	height: 1px; 
	border-bottom: 1px solid #cccccc;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}


#events
{
	margin: 0px;
	padding: 10px;
	font-family: Arial,Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 1px;
	font-weight: bold;
	color: #000000;
}

/* END Standards ------------------------------------------------------ */

/* BEGIN Seitenlayout ------------------------------------------------------ */

#container
 {
	width: 1000px;
	margin-bottom: 10px;
	margin: 10px auto;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	text-align: left;
}


#header 
{
	background-color: #333333;
	text-align: right;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 90px;
	position: relative;
	color: #999999;
	/*background: url(../img/bg_header.png);*/
	/*background: url(../../../../Bilder/Header_Fruehling.png);*/
	/*background: url(../../../../Bilder/Header_Sommer.png);*/
	background: url(../../../../Bilder/Header_Herbst.png);
	/*background: url(../../../../Bilder/Header_Winter.png);*/
	/*background: url(../../../../Bilder/Header_Sonnenuntergang.png);*/
}

#menu_upper 
{
	background-color: #000000;
	text-align: left;
	margin: 0px;
	padding:0px;
	width: 100%;
	height: 28px;
	position: relative;
	background: url(../img/bg_menu_upper.png);
}


#menu_lower 
{
	background-color: #EEEEEE;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	width: 100%;
	height: 28px;
	position: relative;
	background: url(../img/bg_menu_lower.png) repeat-x;
}

#content 
{
	/*clear:both;*/
	/*float:left;*/
	padding: 0px;
	width: 975px;
	margin: 0px; 
	background-color: #FFFFFF;
	/*margin: 5px 185px;*/
}


#content_inner 
{
	/*clear:both;*/
	/*float:left;*/
	padding: 10px;
	width: 975px;
	margin: 0px; 
	background-color: #FFFFFF;
	/*margin: 5px 185px;*/
}

div#content 
{ 
	min-height:599px;
	height:expression(this.scrollHeight > 599 ? "auto":"599px"); 
}

#version 
{
	vertical-align: top;
	font-size: 12px;
	color: #000000;
	font-weight: bold; 
	vertical-align: top;
	letter-spacing: 2px;
}


#footer 
{
	clear: both;
	color: #000000;
	text-align: center;
	font-size: 9px;
	font-weight: none;
	letter-spacing: 2px;
	height: 30px;
	line-height: 11px;
	background: url(../img/footer_bg.png);
}

#page_header 
{
	background-color: #FFFFFF;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 600px;
	height: 70px;
}

#page_header_image 
{
	background-color: #FFFFFF;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 80px;
	height: 65px;
	position: absolute;
	float: left;
}

#page_header_title 
{
	background-color: #FFFFFF;
	text-align: left;
	padding: 0px;
	margin-left: 80px;
	margin-top: 10px;
	width: 600px;
	height: 40px;
	position: absolute;
	float: left;
}

/* END Seitenlayout ------------------------------------------------------ */


/* BEGIN Menu-Navigation ------------------------------------------------------ */
#menu_upper ul
{
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
} 

#menu_upper li
{
	float: left;
	margin: 0px;
} 

#menu_upper li a
{
	/*background: url(../img/bg_menu_upper_up.png);*/
	height: 30px;
	line-height: 19px;
	float: left;
	width: 120px;
	display: block;
	font-family: Arial;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	letter-spacing: 2px;
	color: #FFFFFF;
} 

#menu_upper li a:hover
{
	background: url(../img/bg_menu_upper_down.png);
	color: #ffffff;
	letter-spacing: 3px;
} 


/* Hide from IE5-Mac \*/
#menu_upper_nav li a
{
	float: none
}
/* End hide */ 

#menu_upper_nav
{
	width:100%;
} 


#menu_lower a
{
	line-height: 19px;
	font-family: Arial;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	color: #000000;
} 

#menu_lower a:hover
{
	background: url(../img/topnav_btn_down.png);
	/*color: #FF9900;  orange*/
	color:#0066CC;
} 

#menu_lower  img
{
	vertical-align: middle;
} 


#menu_lower
{
	width:100%;
} 

/* END Menu-Navigation ------------------------------------------------------ */


/* BEGIN Eingabefelder  ------------------------------------------------------ */
input.login_field 
{
	border:1px;
	border-style:solid;
	border-color:#cccccc;
	background-color:#333333;
	color:#ffffff;
	height: 16px;
	width: 120px;
	font-size: 11px;
}

input.login_btn 
{
	height: 20px;
	width: 120px;
	background-color: #B52021;
	font: bold 8pt Arial;
	color: white;
	border: 1px solid #cccccc;
}

input 
{
	border:1px;
	border-style:solid;
	border-color:#333333;
	background-color:#eeeeee;
	color:#000000;
	height: 16px;
	width: 30px;
	font-size: 11px;
	text-align:center;
}

input.Adresse
{
	border:1px;
	border-style:solid;
	border-color:#333333;
	background-color:#eeeeee;
	color:#000000;
	height: 16px;
	width: 120px;
	font-size: 11px;
	text-align:center;
}

input.button 
{
	height: 20px;
	width: 160px;
	background-color: #B52021;
	font: bold 8pt Arial;
	color: white;
	border: 1px solid #cccccc;
}

/* END Eingabefelder  ------------------------------------------------------ */

table
{
	width: 100%;
	border-collapse: collapse;
}

table.bordered
{
	width: 100%;
	border: 1px solid #999999;
}

table.bordered tr
{
	height: 30px;
}

td
{
padding-left:10px;
}

td.headline
{
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #000000;
	padding-left:10px;

}