/***********************************/
/* CSS FILE FOR LIQUID ROCKS   */
/***********************************/

* {
	margin: 0; 
	padding: 0;
	border:0px solid yellow;
}

body {
	background:#000000;
	color:#ffffff;
	font-family:Verdana,sans-serif;

}

#centerblock {
}

/****************************************************************************************************/
/*  HEADER AREAS                                                                                                                        */
/****************************************************************************************************/

#header  {
	
	width:100%;
	height:166px;
	background:#E9EAF4 ;
	display:block;
	margin-top:2%;

}

#copyright
{
	
		font-size:12px;
		color:red;
		margin-top:80px;
}

#messagearea
{
	margin-top:0px;
	
}

#logo {
	
	text-align:center;
	height:106px;
	background:#EAECE0  ;
	width:70%;
	
	margin-left:15%;
	
}

#logo img {
	
	float:left;
	margin-top:25px;
	margin-left:20px;
	
}

#flagbox {
	height:20px;
	width:70%;
	margin-left:15%;
	background:#DADCD0  ;
	
}

#flagbox img {
	
	float:right;
	margin-left:3px;
	
}

/****************************************************************************************************/
/*  MENU AREAS                                                                                                                           */
/****************************************************************************************************/


.h1menu 
{
	 margin-top:10px;	
	font-size:13px; 
}

#menu {
	font-style:normal;
	font-weight:bold;
	color:#FFCC33;
	height:40px;
	width:70%;
	min-width:300px;
	margin-left:15%;
	background:#B1BDC0;

	
}

#menu ul {
	font-size:24px;
	width:100%;
	list-style-type: none;
	height:40px;
	border:0px solid blue;

}

#menu li 
{
	border:0px solid red;
	text-align:center;
	float:left;
	height:40px
	border:0px solid blue;

}


#menu a 
{
	color:#000000  ;
	width:100%;
	text-align:center;
	height:40px;
}

#menu a:link  
{

	text-decoration:none;
}

#menu a:visited  {
	text-decoration:none;
}

#menu a:hover  {
	text-decoration:none;
	color:#FFFFFF   ;
}

#menu a:active  {

}

#menu a:focus  {


}

#menu .menutext {
	

}

#submenu 
{
	color:#B1BDC0;
	margin-bottom:10px;
	
	text-align:left;
	border:0px solid black;
	font-weight:900;
	font-size:13px;
	height:32px;
	padding-top:12px;
	padding-left:20px;
	background:#EAECE0;
}


#submenu a 
{
	width:100%;
	text-align:center;
	height:13px;
	margin-left:22px;	color:#919DA0;
}

#submenu a:link  
{
	text-decoration:none;	color:#919DA0;
}

#submenu a:visited  {
	text-decoration:none;	color:#919DA0;
}

#submenu a:hover  {
	text-decoration:none;	color:#000000;
	background:#FAFAFA;
}

#submenu a:active  {
	color:#B1BDC0;
}

#submenu a:focus  {	color:#919DA0;
}

/****************************************************************************************************/
/*  CONTENT AREAS                                                                                                                      */
/****************************************************************************************************/

#mainarea
{
	z-index:2;width:800px;height:500px;
}

#headermainbox
{
	width:800px;height:110px;
	
}

#schriftlogo
{
	z-index:2;float:left;margin:10px;margin-left:-6px;width:170px;height:86px;
}

#bildlogo
{
	/* z-index:2;float:right;margin:10px;margin-right:40px;margin-top:18px;width:233px;height:86px; */
	z-index:2;float:right;margin-top:18px;width:275px;height:65px;
}

#maincontainer
{
	border:0px solid yellow;margin-top:30px;z-index:1;position:absolute;margin-left:-400px;left:50%;
}

#rautenbereich
{
	position:absolute;top:400px;left:-15;border:0px solid red;width:800px;height:160px;z-index:3;
}

#contentarea
{
	color:#0000ff;z-index:2;margin-top:20px;border:1px solid black;width:800px;height:390px;
}



#videoselectionform
{
	overflow:auto;margin-right:20px;color:#0000FF;height:200px;background:#000000;width:200px;float:right;
}

#videoplayer
{
	color:white;height:200px;width:350px;background:#FF0000;float:right;
}

#mp3andslideshow
{
	color:white;height:200px;width:350px;background:#000000;float:right;
}


#slideshow
{
	float:right;color:white;height:195px;width:195px;background:#000000;
}

#mp3
{
	color:white;height:195px;width:100px;background:#000000;float:right;margin-right:20px;
}


#projectpicture
{
	font-size:12px;float:left;width:100px;height:105px;
}

#infoaboutproject
{
	overflow:auto;margin-left:100px;color:blue;height:200px;background:#000000;width:200px;float:left;
}



#contentwrapper 
{
	width:100%;
	height:100%;
	min-width:100%;
	min-height:100%;
}

/*######################*/
/*  CONTENT AREA                           */
/*######################*/

 .content
{
	display:block;
	margin-top:0%;
	margin-left:15%;
	width:70%;
	background:#EAECE0 ;
	border:0px solid gray;
	border-left:1px solid black;
	border-right:1px solid black;
	font-size:14px;
	height:100%;
	border-bottom:1px solid black;
}

	/*######################*/
	/*  CONTENT AREA DEFAULT LINK   */
	/*######################*/

	 .content a 
	{
		text-decoration:underline;
		color:#000000 ;
		font-size:14px;
	}

	 .content a:link  
	{
		text-decoration:underline;
		color:#000000 ;
		font-size:14px;
		
	}

	.content a:visited  
	{
		text-decoration:underline;
		color:#000000 ;
		font-size:14px;
	}

	.content a:hover  
	{
		text-decoration:none;
		color:blue;
		font-size:20px;
	}

	 .content a:active  
	 {
		 text-decoration:none;
		 color:#B1BDC0 ;
		 font-size:14px;
	}

	.content  a:focus  {
		text-decoration:none;
		color:#B1BDC0 ;
		font-size:14px;

	}
	
	 .content img 
	{
		margin:12px;
		
	}

.topic 
{
    width:80%;
	margin-left:10%;
    height:25px;
    padding:5px;
    font-size:20px;
    text-align:center;
    float:none;
}

.talking 
{
    width:90%;
    margin:5%;
    font-size:14px;
    text-align:center;
    
}

#devdiary 
{
    text-align:center;
}

.devlogbox
{
   border:1px solid black;
   width:90%;
   height:auto;
   font-size:12px;
   margin:5%;
   margin-top:40px;
   
}

.devlogbox h1 {
   font-weight:900;
   font-size:14px;
   margin:1%; 
}

.devlogbox h2 {
   font-weight:100;
   font-size:14px;
   margin:2%; 
}

.devlogbox h3 {
   font-weight:200;
   font-size:12px;
   margin:3%; 
}





#projectbrowser a 
{
	color:#000000  ;
	width:100%;
	text-align:center;
	height:40px;
}

#projectbrowser a:link  
{

	text-decoration:none;
}

#projectbrowser a:visited  {
	text-decoration:none;
}

#projectbrowser a:hover  {
	text-decoration:none;
	color:#FFFFFF   ;
}

#projectbrowser a:active  {

}

#projectbrowser a:focus  {


}


div.tooltip {
    color: red;
    background-color: black;
    position: absolute;
    z-index: 9999;
    padding: 5px;
    margin: 5px;
    border:5px solid blue;
    margin-left: 15px; /* Abstand zum Zeiger */
}

.bereich {
	padding: 5px;
    margin: 5px;
    border:5px solid blue;margin-left: 15px; background-color: black;
}