body{
	font-size:10pt;
	margin:0px;
	width:100%;
	text-align:center;
}
a {
	text-decoration:none;
}

#container{
	position:relative;
	text-align:left;
	margin:auto;

	width:812px;
	padding:0px;
}

/* ********************************************************************** */
/* Damit im Firefox immer ein Scrollbalken angezeigt wird und die         */
/* zentrierte Seite nicht springt 					  */
/* ********************************************************************** */
#zeige_scrollbalken{
	position:absolute; 
	top:0px; 
	bottom:-1px; 
	width:1em; 
	z-index:-1;
}
/* ********************************************************************** */

/* ********************************************************************** */
/* Oberer Rand   - Abstand und Schattenbild
/* ********************************************************************** */
.oben_rand{
	height:20px;
	background-image:url(images/hintergrund_schatten_oben_r.jpg);
	background-repeat:repeat-x;
	margin-left:24px;
	margin-right:20px;
}

/* ********************************************************************** */
/* Oberer Block   -  Logo				                  */
/* ********************************************************************** */
.oben{
	background-color:#FFFFFF;
	height:130px;
	width:812px;
	margin-left:0px;
	margin-right:0px;
	background-image:url(images/hintergrund_schatten_oben.jpg);
	background-repeat:repeat-y;

}
.oben img{
	margin-top:44px;
	margin-left:50px;
}
/* ********************************************************************** */


/* ********************************************************************** */
/*  Mittlerer Block   -  Hauptnavigation und Stimmungsbild                */
/* ********************************************************************** */
.mitte_hintergrund{				/* Container für den Hintergrundschatten*/
	width:812px;
	margin-left:0px;
	margin-right:0px;
	background-image:url(images/hintergrund_schatten.jpg);
	background-repeat:repeat-y;
	background-color:#ff8701;
}
.mitte{
	background-color:#ff8701;
	background-image:url(images/hintergrund_mitte.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height:182px;
	width:763px;
	margin-left:26px;
}
.mitte img{				/* Stimmungsbild */
	float:right;
	height:180px;
	width:515px;
	border-left:solid 2px #FFFFFF;
}
.navi_main{				/* Hauptnavigation Liste */
	float:left;
	color:#FFFFFF;
	font-family:'Verdana';
	font-weight:800;
	list-style-type:none;
	margin-left:0px;
	margin-top:15px;
	padding:0px;
}
.navi_main li{				/* Menüpunkt ( Listeneintrag ) */
	padding-top:3px;
	padding-bottom:3px;
	padding-left:20px;
	padding-right:10px;
	margin-left:0px;
	margin-top:3px;
	width:160px;
}


.navi_main li a{			/* Links in Menüpunkten */
	color:#FFFFFF;
}
.navi_main li a:hover{			/* Mausover */
	color:#333333;
}

.hauptnavigation_aktiv{			/* Hauptnavigation aktiver Listeneintrag */
	color:#333333;
	background-color:#ffa200;
}
li.hauptnavigation_aktiv a{			/* Hauptnavigation aktiver Listeneintrag */
	color:#333333;
	background-color:#ffa200;
}
/* ********************************************************************** */


/* ********************************************************************** */
/* Unterer Block - Subnavigation und Contetn			          */
/* ********************************************************************** */
.unten{					/* Container */
	position:relative;
	float:left;
	padding-left:26px;
	margin:0px;
	margin-top:0px;
	margin-left:0px;		
	width:786px;
	background-color:#f0f6f6;
	background-image:url(images/hintergrund_schatten.jpg);
	background-repeat:repeat-y;
}
/* *** Sub-Navigation ********** */
.navigation_news{			/* Container für Subnavi und News */
	float:left;
	width:248px;
	padding-bottom:15px;
	/*
	background-image:url(images/hintergrund_subnavi.gif);
	background-repeat:no-repeat;
	*/
}

.navigation_news h1{			/* Überschrift über Subnavi */
	font-size:100%;
	color:#333333;
	font-family:'Verdana';
	font-weight:800;
	margin-left:20px;
	margin-top:15px;
}
.navigation_news ul{			/* Liste in Subnavi */
	color:#444444;
	font-family:'Verdana';
	font-weight:800;
	list-style-type:none;
	margin-top:13px;
	padding-top:0px;
	margin-left:0px;
	padding-left:0px;
	
	
	margin-left:0px;
	padding-left:0px;
	
	margin-top:0px;
	padding-top:13px;
	
	margin-right:2px;
	
	padding-bottom:17px;
	
	background-color:#217f7f;
	background-image:url(images/hintergrund_subnavi_flaeche.jpg);

	background-repeat:repeat-x;
	
}
.navigation_news ul li{			/* EIntrag in Subnavi */
	margin-top:4px;
	padding-left:20px;
	width:170px;
	padding-top:3px;
	padding-bottom:3px;
}
.navigation_news ul li a{

	color:#FFFFFF;
}
.navigation_news ul li a:hover{
	color:#111111;
}
.subnavigation_aktiv{			/* Aktiver Subnavipunkt */
	color:#111111;
	background-color:#69abab;
}
.subnavigation_aktiv a{
	color:#111111;
	
}
.subnavi_aktiv_pfeil{
	position:relative;
	top:1px;
}
.navigation_news ul li a.subnavi_aktiv_link{
	color:#111111;

}
.navigation_news_trennlinie{			/* Trennlinie zwischen Subnavi und News */
	margin-left:20px;
}


/* *** News ********** */
.newseintrag{				/* Newseintrag Container */
	margin-left:20px;
	color:#333333;
	font-family:'Verdana';
	font-weight:500;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:10px;
	font-size:75%;
	padding-top:0px;	
}
.newseintrag h1{			/* Newseintrag Überschrift */
	font-size:113%;
	
	color:#333333;
	font-family:'Verdana';
	font-weight:800;
	margin:0px;
	margin-bottom:5px;
	padding-left:15px;
	background-image:url(images/news_pfeil.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}
.newseintrag a{				/* Link in Newseintrag */
	/*
	white-space:nowrap;
	
	background-image:url(images/unterstrich.gif); 
	background-position:bottom; 
	background-repeat:repeat-x;	
	*/
	text-decoration:none;
	color:#333333;
	font-weight:800;
}
.newseintrag a span{
	font-size:120%;
	color:#ff8701;
	font-weight:800;
	font-family:'Arial';
	position:relative;
	top:1px;
}
.newseintrag a:hover{
	background-image:url(images/unterstrich.gif); 
	background-position:bottom; 
	background-repeat:repeat-x;	
}
/* *** Content ********** */

.content{				/* Content-Bereich */
	margin:0px;
	margin-top:21px;
	
	float:right;
	width:476px;
	padding-right:45px;
		
	padding-bottom:20px;
	
	font-size:85%;
	color:#333333;
	font-family:'Verdana';
	font-weight:500;
	
	
}
.aktions_navi{				/* Liste Aktionsnavi ( Größer / Kleiner / Sitemap ) */
	position:absolute;
	margin:0px;
	padding:0px;
	right:27px;
	top:3px;
	list-style-type:none;
	float:right;
}
.aktions_navi li{			/* Liste Aktionsnavi - Listenpunkt */
	float:left;
	margin-left:3px;
	
}
.aktions_navi li im{
	margin-right:0px;
	margin-left:0px;
}

.content h1{				/* Überschrift im COntent */
	font-size:110%;
	color:#000000;
	font-family:'Verdana';
	font-weight:800;
	margin:0px;
	padding-right:25px;
	margin-top:15px;
	margin-bottom:5px;
}

.content h2{				/* Überschrift im COntent */
	font-size:100%;
	color:#333333;
	font-family:'Verdana';
	font-weight:800;
	margin:0px;
	padding-right:25px;
	margin-top:15px;
	margin-bottom:5px;
}
.content img{				/* Bild im Fliesstext */
	display:block;
	margin-top:3px;
	margin-right:10px;
	margin-bottom:5px;
}
.content a{				/* Link im Fliesstext */
	/*
	white-space:nowrap;
	
	background-image:url(images/unterstrich.gif); 
	background-position:bottom; 
	background-repeat:repeat-x;	
	*/
	text-decoration:none;
	font-weight:800;
	color:#333333;
}
.content a span{
	font-size:120%;
	color:#ff8701;
	font-weight:800;
	font-family:'Arial';
	position:relative;
	top:1px;
}
.content a:hover{
	background-image:url(images/unterstrich.gif); 
	background-position:bottom; 
	background-repeat:repeat-x;	
}

.content_image_center_container{
	display:block;
	text-align:center;
	margin:0px;
	padding:0px;
}
.content_img_left{
	float:left;
}
.content_img_right{
	float:right;
	margin-left:15px;
}
.content_img_center{
	
}

.link_pfeil_span{
	font-size:120%;
	color:#ff8701;
	font-weight:800;
	font-family:'Arial';
	position:relative;
	top:1px;
}
/* ******************************************************* */
/* Sitemap						   */
/* ******************************************************* */
.sitemap{

}
.sitemap ul{
	margin-top:10px;
	margin-bottom:10px;
	list-style-type:none;
}
	
.sitemap ul li{
	margin-top:5px;
}

.sitemap a{
	color:#444444;
}
.sitemap a:hover{
	color:#111111;
	background-image:url(images/unterstrich.gif); 
	background-position:bottom; 
	background-repeat:repeat-x;	
}




/* ******************************************************* */
/* Lasse das p im COntent weg, ist zu kompliziert beim parsen */
/* ******************************************************* */
.content p{				/* Fliesstext im Content */
	font-size:75%;
	color:#333333;
	font-family:'Verdana';
	font-weight:500;
	padding-right:25px;
}
.content p img{				/* Bild im Fliesstext */
	float:left;
	margin-top:3px;
	margin-right:10px;
	margin-bottom:5px;
}
.content p a{				/* Link im Fliesstext */
	white-space:nowrap;
	text-decoration:none;
	background-image:url(images/unterstrich.gif); 
	background-position:bottom; 
	background-repeat:repeat-x;	
	color:#333333;
}
/* ******************************************************* */


.button_nach_oben{			/* Button nach oben , unten - rechts */
	position:absolute;
	right:27px;
	bottom:5px;
}

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


/* ********************************************************************** */
/* Zeigt den Schatten am unteren Ende der Seite
/* ********************************************************************** */
.abschluss_unten{
	clear:both;
	background-image:url(images/hintergrund_schatten_abschl.jpg); 
	background-repeat:no-repeat;
	margin:0px;
	width:812px;
	height:50px;
}
/* ********************************************************************** */


/* ********************************************************************** */
/* Robotersachen */
/* ********************************************************************** */
.robotersteuerung{
	position:absolute;
	z-index:10;	
	width:40px;
}
#pfeil_1{
	top:390px;
	left:150px;
	width:40px;
}
#pfeil_2{
	top:390px;
	left:220px;
	width:40px;
}
#pfeil_4{
	top:254px;
	left:195px;
	width:40px;
}
#pfeil_5{
	top:305px;
	left:125px;
	width:40px;
	
}
#pfeil_7{
	top:186px;
	left:124px;
	width:30px;
}
#pfeil_8{
	
	top:258px;
	left:82px;
	width:30px;
}

#roboter_aktiv{
	font-family:'Verdana';
	font-weight:500;
	padding:10px;
	display:block;
}
#roboter_container_steuerung{
	display:none;
}
#roboter_starten{
	display:none;
	border:1px solid #006766;
	padding:5px;
	font-family:'Verdana';
	font-weight:bold;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
	margin-top:30px;
}
#roboter_starten:hover{
		background-color:#69ABAB;
		cursor:pointer;
}
#roboter_zeit_abgelaufen{
	font-family:'Verdana';
	font-weight:500;
	padding:10px;
	display:none;
	
}
#countdown_block{
	font-family:'Verdana';
	font-weight:bold;
	font-size:120%;
	text-align:right;
	position:relative;
	top:20px;
	right:5px;
}
#roboter_video{
	margin-top:20px;
	margin-left:70px;
	
	
}
/* ********************************************************************** */