body
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background: black;
	/*overflow:hidden;*/
	overflow-x:hidden;
}


/*Seitenkonstrukt*/

/*wrapper - div, in dem alle anderen angeordnet werden*/
#wrapper
{
	margin: 0 auto 0 auto; /*Zentrierung*/
	width: 800px;
	visibility: hidden;
}


#header
{
	/*background-image: url(images/bg_header_hq.jpg);*/
 	height:130px;
 	width: 800px;
}

#headerLeftForDate{
	/*border: 1px solid yellow;*/
	height: 98px;
	width: 195px;
	padding-top: 30px;
	padding-left: 40px;
}

#contentColumn h2
{
	margin: 0;
	margin-top:5px;
	padding: 0;
	color:#FF6600;
	font-size: 18px;
}

#contentColumn p
{
	/*margin: 0;
	padding: 0;*/
	font-size: 13px;
}


#contentColumn ul
{
	font-size: 13px;
}



#header span
{
	font-size: 30px;
	color: white;
}

/*Übergeordnetes Bodyelement mit Hintergrund*/
#bodyContent
{
 	min-height: 400px; 
	width: 800px; 
	/*background-image: url(images/bg_body_hq.jpg);*/
}

/*Menüteil im body*/
#contentLeft
{
	float:left; 
	/*border: 1px solid blue;*/
	width: 233px;
}

/*Rechter teil (Hilfsteil) der den bilderteil und den contentteil enthält*/
#contentRight
{
	float:right; 
	/*border: 1px solid red;*/
}

#pictureColumn
{
	float:left;
	padding: 5px; 
	/*border: 1px solid green;*/
	width: 110px;
}


.imgClass
{
	width: 90px;
	height: 90px;
	/*border: 1px solid #FF6600;*/
}

#img1
{
	
	background-image: url(pics/1.jpg);
}

#img2
{
	background-image: url(pics/2.jpg);
	float: right;
}

#img3
{
	
	background-image: url(pics/3.jpg);
}

#img4
{
	background-image: url(pics/4.jpg);
	float: right;
}

#img5
{
	
	background-image: url(pics/5.jpg);

}

.clearer
{
clear:both;	

}

#contentColumn
{
	float: right; 
	/*border: 1px solid yellow;*/ 
	width: 420px;
}

/*Fußbereich unter dem Bodyteil - do stengan die madl ;-)*/
#footer{
	min-height: 480px; 
	width: 800px; 
	/*background-image: url(images/bg_footer_hq.jpg);*/
}

/*Menü*/
/*geile beschreibung zu menüs mit ul li a: http://de.selfhtml.org/css/layouts/navigationsleisten.htm*/
.menueList{
list-style: none;
}

/*Links allgemein*/
a:link {color:#FF6600; text-decoration:none}
a:visited {color:#FF6600; text-decoration:none}
a:active {color:#FF6600; text-decoration:none}
a:hover {color:#FF6600; text-decoration:underline}

/*fog*/
#desicionDiv
{	
	position: absolute;
	width: 300px;
	height: 200px;
	/*border: 2px solid white;*/
	margin:-100px 0px 0px -150px;
	top: 50%;
 	left: 50%;
	
	/*margin: 0 auto 0 auto;
	margin-top: 150px;
	*/

}

#face
{
	float:left;
	border: 3px solid white;
	width:100px;
	height:200px;
	background-image: url(images/face_hq.jpg);
}

#welcomeText
{
	padding-top: 50px;
	padding-left: 30px;
	float:right;
	width:160px;
	height:160px;
	color: white;
}


a.welcomeLinks:link {color:white; text-decoration:underline}
a.welcomeLinks:visited {color:white; text-decoration:none}
a.welcomeLinks:hover {color:white; text-decoration:underline}
a.welcomeLinks:active {color:white; text-decoration:none}