img{
	border: none;
}

noscript p{
	font: bold 14px 'Arial';
}

.zeilenbild{
	height: 17px;
	width: 100px;
	display: inline;
	vertical-align: middle;
}

.description p{
	line-height: 30px;
}

.faq_headline{
	font-weight: bold; color: #fff;
}

body{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('images/body_bg.jpg') repeat;
}

object{
    display: block;
    width: 350px;
    height: 400px;
    margin: 0px 0px 20px 0px;
    padding:0px;
}

#background{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index:2;
	background: url('images/bg4.jpg') repeat-x;
}

* html{
	height: 100%;
}
* html body{
	height: 100%;
}

#countdown_ende{
	display: none;
	position: absolute;
	top: 148px;
	left: 1px;
	width: 648px;
	height: 471px;
	z-index: 2000;
	background: url('images/abgelaufen_bg.png') no-repeat;
	text-align: center;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

#texte{
	position: absolute;
	top: 385px;
	left: 0px;
	z-index: 10;
	width: 303px;
	padding: 0px;
	background: none;
	font: normal 10px 'Arial'; color: #646466;
	border: solid 1px #888888;
}

	#texte p{
		padding: 10px;
		margin: 0px;
		width: 283px;
	}

* html #texte{
	top: 385px;
	width: 302px;
}

*+ html #texte{
	top: 385px;
}

	#texte strong{
		font: bold 11px 'Arial'; color: #57B239;
	}

	#texte strong.blau{
		font: bold 11px 'Arial'; color: #3D7FB6;
	}


#countdown{
	display: none;
	position: relative;
	padding: 0px;
	margin: -1px;
}

#wrapper{
	position: relative;
	border: none;
	width: 650px;
	height: 500px;
	margin: 0px auto 0px auto;
	padding: 50px 0px 0px 0px;
}

	#wrapper #logo{
		float: left;
		width: 296px;
		height: 77px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
		#wrapper #logo img{
			border: none;
		}		

	#wrapper #navi{
		clear: both;
		list-style: none;
		width: 650px;
		height: 30px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
		text-align: center;
	}
		#wrapper #navi li{
			display: inline;
			width: auto;
			margin: 0px;
			padding: 0px 21px 0px 0px;
			font: normal 11px 'Verdana'; color: #288DFF;
		}
			#wrapper #navi li a{
				font: normal 11px 'Verdana'; color: #fff !important;
				text-decoration: none;
			}
			#wrapper #navi li a.act{
				color: #288DFF !important;
				
			}
			#wrapper #navi li a:hover{
				color: #288DFF !important;
			}
	
	#wrapper #description{
		clear: left;
		float: left;
		width: 250px;
		padding: 20px 0px 0px 20px;
		margin: 0px 0px 0px 0px;
		font: normal 11px 'Verdana'; color: #fff;
	}

		#wrapper #description p{
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
		}
		

	.button_margin{
		margin: 1px 3px 0px 0px;
		padding: 0px 0px 0px 0px;
		font: bold 11px 'Verdana'; color: #fff;
		text-decoration: none;
		vertical-align: bottom;
	}

		.button_margin img{
			float: left;
			margin: 1px 3px 0px 0px;
		}


	#stopdescription{
		margin: 0px 0px 20px 0px !important;
		padding: 0px 14px 5px 0px !important;
		color: #2F92EE;
	}

	#countdowndescription{
		margin: 0px 0px 20px 0px !important;
		padding: 0px 14px 5px 0px !important;
		color: #2F92EE;
	}
    
    
    
    #downloaddescription{
		margin: 0px 0px 20px 0px !important;
		padding: 0px 14px 5px 0px !important;
		color: #2F92EE;
	}
        
	#faqdescription{
		margin: 0px 0px 20px 0px !important;
		padding: 0px 14px 5px 0px !important;
		color: #2F92EE;
	}

#uhr_ebene{
	position: relative;
	float: right;
	width: 350px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
}

.link{
    font: normal 11px 'Verdana'; color: #fff;
    text-decoration: underline;
}

.link2{
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}


#download_div{
    min-height:441px;
    height:auto !important;
    height:441px;
    width: auto;
     
    padding: 0px 20px 0px 20px;
    margin: 0px;
}

    #download_div h1{
        font: bold 20px 'Arial'; color: #fff;
    }
    
    #download_div p{
        font: normal 14px 'Arial'; color: #2F92EE;
    }
        
    #download_div ul{
			position:relative;
			width: auto;
			height: auto;
			margin: 0;            
			padding: 30px 0px 0px 50px;
            
            font: normal 14px 'Arial'; color: #fff;
            list-style: none;
        }
			#download_div ul li{
				position: relative;
				padding: 0px 0px 0px 25px;
				margin: 0px;
                background: url('images/save.gif') no-repeat 0px 0px;
			}

#einbett_hover{
    color: #2F92EE;
    font-weight: normal;
    cursor: pointer;
}

.color_blue{
    color: #2F92EE !important;
}
            
#einbetten_p{
        display: block;
        padding: 0px 0px 0px 0px !important;
        margin:0px 0px 0px 0px;
		font: normal 12px 'Arial'; color: #fff;
        margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #fff;
}
    #einbetten_p p{
        margin: 0px 20px 0px 20px;
    }
    
    #einbetten_p p.einbettung{
        margin: 0px 20px 10px 20px;
    }
    
       #einbett_desc{
            display: none;
            margin: 10px 0px 0px 0px;
       }
   
        #einbetten{
        height: auto;
        width: 305px;
        border: solid 1px #000;    
        background: #fff;
        font: normal 14px 'Courier New'; color: #868686; 
        padding: 0px 0px 0px 0px;
        margin: 5px 0px 0px 0px;
    }
   

#impressum_ebene{
	position: relative;
	clear: left;
	float: left;
	width: 650px;
	height: 550px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	background: url('images/impressum.gif') no-repeat;
	overflow: visible;
}

#oben{
	position: relative;
	float: left;
	width: 650px;
	height: 15px;
	line-height: 0px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url('images/rahmen_oben.png') no-repeat;
}

#mitte{
	position: relative;
	float: left;
	width: 630px;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	background: url('images/rahmen_mitte2.png') no-repeat;
    overflow: hidden;
 }

	#mitte .kontakt{
		display: block;
		font: normal 11px 'Verdana'; color: #fff;
		text-align: left;
		padding: 0px 20px 0px 20px;
		margin: 0px 0px 10px 0px;
	}

	#mitte .kontakt_abg{
		display: block;
		font: bold 12px 'Verdana'; color: #fff;
		text-align: center;
		padding: 150px 20px 150px 20px;
		margin: 0px 0px 10px 0px;
	}
	
	#mitte .kontakt input{
		border: solid 1px #000;
		font: normal 11px 'Verdana'; color: #333333;
	}

	#mitte .kontakt textarea{
		border: solid 1px #000;
		font: normal 11px 'Verdana'; color: #333333;
	}
	
	#mitte .kontakt_gross{
		font: bold 12px 'Verdana' !important;
		padding: 0px 20px 10px 20px !important;
	}
	#mitte .kontakt_klein{
		font: normal 9px 'Verdana' !important; color: #fff;
	}

	.fehler{
		font: bold 12px 'Verdana' !important; color: red !important;
		padding: 0px 20px 10px 20px !important;
	}
	#fehler_ul{
		list-style: square;
	}
		#fehler_ul li{
			font: bold 10px 'Verdana' ; color: grey;
			padding: 0px 20px 10px 0px;
		}
	
	#mitte #kontakt_ebene{
		display: block;
		font: normal 11px 'Verdana'; color: #fff;
		text-align: center;
		padding: 150px 0px 150px 0px;
		margin: 0px 0px 0px 0px;
	}
		#mitte #kontakt_ebene img{
			margin: 20px 0px 0px 0px;
		}

#unten{
	position: relative;
	clear: both;
    float: left;
	width: 650px;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background: url('images/rahmen_unten.png') no-repeat;
}

/*
#startknopp{
	position: absolute;
	top: 46px;
	left: 132px;
	z-index: 10;
	width: 41px;
	height: 53px;
	background: none;
	border: none;
	cursor: pointer;
}

#resetknopp{
	position: absolute;
	top: 73px;
	left: 200px;
	z-index: 10;
	width: 35px;
	height: 40px;
	background: none;
	border: none;
	cursor: pointer;
}

#switch{
	position: absolute;
	top: 75px;
	left: 65px;
	z-index: 10;
	width: 33px;
	height: 37px;
	background: url('images/switch.jpg') no-repeat;
	border: none;
}

#wechseln_oben{
	position: absolute;
	top: -29px;
	left: 0px;
	z-index: 100;
	width: 307px;
	height: 30px;
	background: url('images/wechselbutton_oben.png') no-repeat;
	border: none;
}

.wechseln{
	position: absolute;
	top: 380px;
	left: 0px;
	z-index: 10;
	width: 307px;
	height: 30px;
	background: url('images/wechselbutton.png') no-repeat;
	border: none;
	cursor: pointer;
}

* html #wechseln{
	bottom: -30px;
}

#zeitebene{	
	position: absolute;
	top: 227px;
	left: 87px;
	z-index: 200;	
	width: auto;
	height: auto;
	padding: 0px 0px;
	margin: 0px;
	border: none;
	background: none;	
}

#zeitfeld_stunden{
	float: left;
	width: 25px;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;				
	text-align: center;
	font: normal 20px 'Arial'; color: #fff;
}
#zeitfeld_minuten{	
	float: left;
	width: 25px;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;				
	text-align: center;
	font: normal 20px 'Arial'; color: #fff;
}
#zeitfeld_sekunden{	
	float: left;
	width: 25px;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;				
	text-align: center;
	font: normal 20px 'Arial'; color: #fff;
}
#zeitfeld_millisekunden{	
	float: left;
	width: 35px;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;				
	text-align: center;
	font: normal 20px 'Arial'; color: #fff;
}
.zeitfeld_doppelpunkt{	
	float: left;
	width: 8px;
	height: auto;
	padding: 0px;
	margin: -2px 0px 0px 0px;
	border: none;
	background: none;				
	text-align: center;
	font: normal 20px 'Arial'; color: #fff;
}

#anzeige{	
	position: absolute;
	top: 255px;
	left: 87px;
	z-index: 15;	
	width: 130px;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;				
	text-align: center;
	letter-spacing: 3px;
	font: normal 10px 'Verdana'; color: #288DFF;
}

#zeitfeld_bg{
	position: absolute;
	top: 219px;
	left: 85px;
	z-index: 150;				
	width: 140px;
	height: 32px;
	padding: 0px;
	margin: 0px;
	border: none;
	background: url('images/zeit_ebene_bg2.png') no-repeat;								
	text-align: center;
	font: normal 20px 'Arial'; color: #B33A37;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}*/
