/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	margin:0;
	background-color:#E7E7E7;
	background-image:url("../_images/body_back.gif");
	background-repeat:repeat-y;
	background-position:center;
}
	#content{
		background-color:#fff;
		display:block;
		width:800px;
		margin:0 auto 0 auto;
		}
		#content .endhr{
			height:5px;
			color:#012969;
			background-color:#012969
		}
	 #content #head{
	 	padding-top:20px;
		text-align:right;
		background-image: url("../_images/content_back.gif");
		background-repeat:repeat-x;

	 }
	 #content #head img{
	 	margin-right:20px;
		border:none;
	 }
	 #content #head .L1{
	 	background-image: url("../_images/nav_li_back.gif");
		background-position:top left;
		background-repeat:no-repeat;
	 }
#ul_noscript{
	display:block;
	height:40px;
	}
#ul_noscript li{
	display:block;
	float:left;
	width:110px;
	padding-right:20px;
	padding-bottom:5px;
	font-size:10px;
	text-align:left;
}
#ul_noscript li a{
	color:#A10009;
}
#ul_noscript li a:hover{
	color:#012969;
}
	#content #inhalt{
		text-align:left;
		background:#FFFFFF url("../_images/inhalt_back.gif") no-repeat;
		padding-left:40px;
		padding-top:18px;
	}
	#content #inhalt #topics{
		margin-left:35px;
		display:block;
		float:right;
	}
	#content #inhalt form{
		text-align:right;
		margin:0;
		padding:0;
		padding-right:25px;
	}
	#content #inhalt form address{
		font-style:normal;
	}
	#content #inhalt form .finde{
		float:right;
		padding-left:3px;
	}
	#content #inhalt #text{
		width:459px;
		display:block;
		float:left;
	}
	#content #inhalt #bild{
		display:block;
		width:229px;
		float:left;
		margin-left:69px;
		margin-top:18px;
		text-align:center;
		padding-top:106px;
		padding-bottom:30px;
		clear:right;
		background-color:#E5E5E5;
		background-image: url("../_images/bild_back.gif");
		background-repeat:repeat-y;
		background-position:right
	}
	#content #inhalt #bild img{
		margin:0;
		padding:0;
		margin-bottom:40px;
		border:none;
		clear:right;
	}
	#content #inhalt #bild h1,#content #inhalt #bild p{
		margin-right:30px;
		text-align:right;
	}
	#content #inhalt #bild h1{
		font-size:16px;
	}
	#content #inhalt #bild p{
		font-size:12px;
	}
	#content #inhalt #bild a{
		color:#4A6DA6;
		display:block;
		margin-left:30px;
		text-align:left;
	}
	#content #inhalt #text ol .ol{
		list-style-type:lower-alpha;
	}
	#content #inhalt #text form{
		height:500px;
		padding-top:20px;
	}
	#content #inhalt #text form#tickerform{
		background-image:none;
	}
	#content #inhalt #text form input{
		float:left;
		width:190px;
		border:1px solid #999999;
		background-color:#CEDFFA;
		margin-bottom:15px;
		font-size:9px;
	}
	#content #inhalt #text form input.submit{
		width:250px;
		height:25px;
		margin-left:150px;
		margin-top:30px;
	}
	#content #inhalt #text form .checkbox{
		background-color:#FFFFFF !important;
		border:none;
		width:auto;
	}
	#content #inhalt #text form .nachricht{
		background-color:#FFFFFF !important;
		border:1px solid #999999;
		padding:0;
		margin:0 0 20px 150px;
		float:left;
		height:150px;
		width:250px;
	}
	#content #inhalt #text form label{
		display:block;
		width:150px;
		float:left;
		margin-right:10px;
		color:#333333;
		font-weight:bold;
	}
		#content #inhalt #text form .checkboxlabel{
		width:350px;
		float:left;
		margin-left:15px;
		font-size:11px;
	}
	#content #inhalt #text a{
		color:#4A6DA6;
	}
	#content #inhalt #text h1{
		color:#696C8E;
		margin-top:0px;
		margin-bottom:40px;
		padding-top:20px;
		font-size:23px;
		background-image:url(../_images/dotted_line.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		width:450px;
	}
	#content #inhalt #text a h1{
		color:#696C8E;
		margin-top:0px;
		margin-bottom:0px;
		padding-top:20px;
		font-size:23px;
		background-image:none;
		width:auto;
		
	}
	#content #inhalt #text h2{
		color:#A10009;
		font-size:15px;
		margin-bottom:30px;
		padding-left:15px;
		background:url(../_images/doppelpfeil.gif) no-repeat;
	}
	#content #inhalt #text h3{
		color:#000000;
		font-size:12px;
		margin-bottom:15px;
		margin-left:15px;
		margin-top:25px;
		padding-bottom:0px;
	}
	#content #inhalt #text #flash{
		margin-left:-40px !important;
		padding-left:-40px !important;
		position:relative;
		left:-20px;
        z-index: -1;
	}
	#content #inhalt #text ul{
		margin-left:20px;
		padding-left:20px;
		padding-top:0px;
		margin-top:5px;
	}
	#content #inhalt #text ul li{
		list-style-image:url(../_images/text_li.gif);
		font-size:13px;
		margin-bottom:10px;
		padding:0;
	}
	#content #inhalt #download{
		width:450px;
	}
	#content #inhalt #download th{
		background-color:#CEDFFA;
		padding-bottom:15px;
		text-align:center;
	}
	#content #inhalt #download td{
		padding-top:20px;
		background-color:#E9E9E9;
	}
	#content #inhalt #download .beschreibung{
		padding-right:20px;
		padding-left:15px;
		padding-bottom:10px;
		font-size:12px;
		vertical-align:middle;
	}
	#content #inhalt #download .groesse, #content #inhalt #download .file{
		text-align:center;
		vertical-align:middle;
		font-size:12px;
	}
	#content #inhalt #download .groesse{
		font-size:10px;
	}
	#content #inhalt #download .file a{
		text-decoration:none;
	}
	#content #inhalt #download .file a:hover{
		color:#666666;
		text-decoration:underline;
	}
	#content #inhalt #text p{
		font-size:13px;
		width:450px;
		text-align:justify;
		background-image: url("../_images/p_back.gif");
		background-repeat:repeat-y;
		padding-left:10px;
		margin-bottom:30px;
		margin-top:5px;
	}
		#content #inhalt #text .start_topic{
			background-image:url(../_images/start_topic_back.jpg);
			text-decoration:none;
			display:block;
			width:178px;
			background-repeat:no-repeat;
			background-position:0px 15px;
			height:200px;
			float:left !important;
			margin-right:50px;
			margin-bottom:40px;
	}
		#content #inhalt #text a.start_topic .h1:hover{
			text-decoration:underline !important;
		}
		#content #inhalt #text .start_topic_end{
			margin-right:0px !important;
		}
	#content #inhalt .start_topic .h1{
		font-size:16px !important;
		font-weight:bold;
		color:#FFFFFF !important;
		text-align:center;
		margin-top:20px;
		margin-bottom:10px;
		padding-top:0;
		display:block;
	}
	#content #inhalt .start_topic .h2{
		color:#012969 !important;
		font-size:12px !important;
		background:none !important;
		font-weight:normal;
		padding-left:20px;
		padding-right:20px;
		padding-top:10px;
		display:block;
		width:140px;
		text-align:left;
	}
	#content #inhalt #text table {
		margin-left:15px;
		margin-top:15px;
	}
	#content #inhalt #text table td{
		font-size:13px;
	}
	#content #footer {
		display:block;
		clear:both;
		height:20px;
		padding-top:50px;
		padding-bottom:10px;
	}
	#content #footer hr{
		width:670px;
		margin-left:0px;
	}
	#content #footer p{
		font-size:11px;
		margin-top:10px;
	}
	#content #footer a{
		padding-left:5px;
		padding-right:5px;
		color:#A10009;
	}
	#content #footer a:hover{
		text-decoration:overline underline;
		color:#012969;
	}
    
    body {font-family:arial; font-size:11px;}
.clear {clear:both}	
/* remove the list style */
#nav {
    margin:0; 
    padding:0; 
    list-style:none;
}	

#wrapper {
    background:url(bg.jpg);
    background:url(../bg.jpg);
    background-position: -20px 35px;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
    float:left; 
    display:block; 
    margin: 0px;
    position:relative;
    z-index:500; 
    margin:0 1px;
    color: black;
    padding: 0px 10px 0px 10px;
}

#nav .li {
    background:url(bg.jpg);
}

#flash {
    z-index: 1;
}

/* this is the parent menu */
#nav li a {
    display:block; 
    padding:8px 5px 0 5px; 
    font-weight:700;  
    height:23px; 
    text-decoration:none; 
    color: #FFFFFF;
}

/* you can make a different style for default selected value */
#nav a.selected {
    color:#f00;
}

/* submenu, it's hidden by default */
#nav ul {
    position:absolute; 
    left:0; 
    display:none; 
    margin:0 0 0 -1px; 
    padding:0; 
    list-style:none;
}

#nav ul li {
    background-color: #000000;
    width: 100%; 
    float:left; 
    text-align: left;
    border-top:1px solid #000000;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1989f6), color-stop(1, #147ade) );
    background:-moz-linear-gradient( center top, #1989f6 5%, #147ade 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1989f6', endColorstr='#147ade');
}

#nav ul li:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4ea4f8), color-stop(1, #1989f6) );
    background:-moz-linear-gradient( center top, #4ea4f8 5%, #1989f6 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ea4f8', endColorstr='#1989f6');
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
    display:block;  
    height:15px;
    padding: 8px 5px; 
    color: white;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
#nav ul {
    margin:0 0 0 -2px;
}