html, body { 
          background-color: #3C3C3C;
         margin: 0;
         padding: 0;
         height: 100%; 
		 overflow: hidden !important; 
		 font-family: Arial, Helvetica, sans-serif;
	     font-size: 11px;
	     font-style: normal;
	     color: #888888;
         }
   
   html, body p {
   
         margin-top: 0px;
         } 
  
   #oben {
         background-color:#4F4F4F; 
		
         width: 100%; 
         margin: auto; 
         min-height: 50%; 
         height:auto !important; 
         height:50%; 
         overflow: hidden !important; 
         }


   #cube {
         position:relative;
         left:60%;
         top:-100px;
         width:200px;
         height:200px;
         /*background-color:#33FF00;*/
         }

   #navigation {
         position:absolute;
         left:30%;
         top:11%; /*350 */
         width:600px;
         height:200px;
         /*background-color:#33FF00;*/
		 z-index:0;
         }
		 
   #logo {
         float:left; 
		 vertical-align:top; 
		 padding:3px 6px 0px 6px;
		 }
		 
		 
   *+html #logo span,  *+html #logo { /*IE7 only*/
        margin-top: 0px;
		} 
		
   .sub_nav_left {
        text-align:right;
		}
   
   .sub_nav_left, .sub_nav_right {
        font-family:Arial; 
	    color:#FFFFFF;
        font-family: Arial; 
        font-size: 11px; ; 
	    text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
		list-style: none;
		/* margin: 0;
		padding: 0; */
		border: none;
		display:none;
		z-index:100;
	    }
		
	.sub_nav_left span, .sub_nav_right  span{
	    color:#999999;
		}
		
	.sub_div_left a , .sub_div_right a {
	    color:#999999;
		}	
		
	/* .sub_nav_left  span{
	    margin-top:4px;
		}	 */		
		
	.sub_nav_left ul, .sub_nav_right  ul {
	    font-family:Arial;
        font-size: 11px; ; 
	    text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	    }
		
	.sub_nav_left li, .sub_nav_right  li {
		font-family:Arial;
		font-size: 11px; ; 
		text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
	    white-space:nowrap;
        margin-top: 2px;
		margin-top:  2px\9; /* ie8 */
		/*margin-left: 10px;*/ !important
		}
	/* 
      * html .sub_nav_left li, , * html .sub_nav_right  li {// IE6 only
        margin-top: -2px; 
       } 
 */

       *+html .sub_nav_left li, , *+html .sub_nav_right  li { /*IE7 only*/
        margin-top: 2px; 
       }  	
		
	.sub_nav_left li a, .sub_nav_right  li a {
		font-family:Arial;
		font-size: 11px; ; 
		text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
		}	
		
		
	.sub_nav_left li a:hover, .sub_nav_right  li a:hover {
		font-family:Arial;
		font-size: 11px; ; 
		text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
		}	
 		
	.sub_nav_left a, .sub_nav_right   a {
		font-family:Arial;
		font-size: 11px; ; 
		text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
		}



	.sub_nav_left a:hover, .sub_nav_right   a:hover {
		font-family:Arial;
		font-size: 11px; ; 
		text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
		}
		
		
	#menu_left {
	    text-align:right;
		}			
	
	 * html  #menu_right , * html #menu_left { /*IE 6 only*/  
	   /* margin-bottom: -10px; */
       }
	   
	 * html  #menu_right li, * html #menu_left li { /*IE 6 only*/  
	    margin-bottom: -2px; 
       }  
			
	 #menu_right ul, #menu_left ul {
        
		font-family: Arial; 
        font-size: 11px; ; 
	    text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#menu_right li, #menu_left li {
		font-family:Arial;
		font-size: 11px; ; 
		text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
	    white-space:nowrap;
        margin-top: 2px;
		margin-top:  2px\9; /* ie8 */

		cursor:pointer;
		}
	
	
	
	//selector {
//prop: value; /* real browsers */
//_prop: value; /* ie6 */
//*prop: value; /* ie6 ie7 */
//prop: value\9; /* ie8 */
//}


	
	/* 
	* html #menu_right li, * html #menu_left li { // ie 6 only
        margin-top: -10px; 
       }
	 */
		
	*+html #menu_right li, *+html #menu_left li { /*IE7 only ok*/
        margin-top: 2px; 
       }
	   
		
		
 	#menu_right li a, #menu_left li a {
		font-family:Arial;
		font-size: 11px; ; 
		text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
		cursor:pointer;
		}

	
 
 
 /*html>body #menu li a {
		width: auto;
		}*/

  	#menu_right li a:hover, #menu_left li a:hover {
		font-family:Arial;
		font-size: 11px; ; 
		text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
		}	
 		
	#menu_right  a, #menu_left  a {
		font-family:Arial;
		font-size: 11px; ; 
		text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
		}



	#menu_right  a:hover, #menu_left  a:hover {
		font-family:Arial;
		font-size: 11px; ; 
		text-decoration:none; 
	    font-variant: normal;
	    font-weight: normal;
		}	
 
  
   


 .normlink_x:link {
    color: #888888; text-decoration: none;
} 

.normlink_x:visited {
    color: #888888; text-decoration:none;
} 
 
.normlink_x:hover {
    color: #8A360F; text-decoration: none;
}

.normlink_x del {text-decoration: none;  color: red; font-size:18px}

 
 .normlink:link {
    color: #888888; text-decoration: none;
} 

.normlink:visited {
    color: #888888; text-decoration:none;
} 
 
.normlink:hover {
    color: #8A360F; text-decoration: none;
}


 
  

  .normlink>ins:before {content: "@"; text-decoration: none; }
  .normlink del {text-decoration: none;  color: #888888;}
  .normlink ins {text-decoration: none;  color: #888888;}
  .normlink>del {display: none;  color: #888888;}
  *:first-child+html .normlink>del {display:inline;  color: #888888;}  
  
  

 a.normlink:hover ins  {
    color: #8A360F; text-decoration: none;
}
 
   
   a.normlink:link ins {
    color: #888888; text-decoration: none;
} 

a.normlink:visited  ins{
    color: #888888; text-decoration:none;
} 
 
a.normlink:hover ins{
    color: #8A360F; text-decoration: none;
}
   
div.logo {
        display:table; border-collapse:collapse; width:100%; 
        

}
div.tr { display:table-row; width:100%; }
div.td_left { display:table-cell; border:0px dotted #6633FF; width:33%; text-align:left; }
div.td_center { display:table-cell; border:0px dotted #6633FF; width:67%; text-align:left; }
div.td_center_thumbs { display:table-cell; border:0px dotted #6633FF; width:67%; text-align:right; }
div.td_right { display:table-cell; border:0px dotted #6633FF; width:33%; text-align:left; }

div.td_100 { display:table-cell; border:0px dotted #6633FF; width:100%; text-align:left;}

div.td_left_50 { display:table-cell; border:0px dotted red; width:65%; text-align:left; }
div.td_right_50 { display:table-cell; border:0px dotted #6633FF; width:35%; text-align:left; }
 
 
  /*IE6 only*/
  
 * html .td_left { display:block;  width:333px; text-align:left; float:left; }
 * html .td_center { display:block; width:660px; text-align:left;float:right; }
 * html .td_center_thumbs { display:block; width:660px; text-align:right;float:right; }
 * html .td_left_50 { display:block;  width:650px; text-align:left;float:left; }
 * html .td_right_50 { display:block; width:350px; text-align:left;float:right; }

  
  
  /*IE7 only*/
  
  /* *+html .menu_active { 
     margin:  2px 3px 0 5px; */
  } 
 *+html .td_left { display:block;  width:333px; text-align:left; float:left; }
 *+html .td_center { display:block; width:660px; text-align:left;float:right; }
  *+html .td_center_thumbs { display:block; width:660px; text-align:right;float:right; }
 *+html .td_left_50 { display:block; width:650px; text-align:left;float:left; }
 *+html .td_right_50 { display:block; width:350px; text-align:right;float:right; }

 

div.bottom
{
position: absolute;
bottom: 0;
width:1000px;

}

 /*IE6 only*/

* html .bottom
{
position: relative;
bottom:none;
display:block;
width:1000px;
/* background-color:#FFCC33; */

}
 

	
.bottom_line {
    border: 0;
	border-top: 1px dotted #cccccc;
	width: 1007px;
	height: 1px;
	margin: -2px 0px 5px 2px;
  
    }	
	

	
table.inhalt {
    font-family: Tahoma;
	border-width: thin;
	//border-spacing: ;
	border-style: none;
	border-color: #cccccc;
	border-collapse: collapse;
	
	
}

table.inhalt td {
    font-family: Tahoma;
	border-width: 1px;
	padding: 5px;
	border-style: none;
	border-color: #cccccc;
	
}	

table.inhalt_inhalt td {
    font-family: Tahoma;
	border-width: 0px;
	
	
}	
table.inhalt_inhalt p {
    font-family: Tahoma;
	padding-top: -20px;
	padding-bottom: -20px;
	
	
}	  
  

/* img, input { behavior: url("../js/iepngfix.htc") } */

 




 
 
 .normlink_fix:link {
    color: #888888; font-size:10px; text-decoration: none;
} 

.normlink_fix:visited {
    color: #888888;  font-size:10px; text-decoration:none;
}
 
.normlink_fix:hover {
    color: #8A360F; font-size:10px;  text-decoration: none;
} 

.small {
    font-size:9px;
	}  

.textarea {
width:400px;

color:#666666;
font-size:11px;
font-family:Arial,Tahoma;
padding-left:6px;
border: 0px solid #cccccc;
background-color: #cccccc;

} 

.textarea_small {
width:150px;

color:#666666;
font-size:11px;
font-family:Arial,Tahoma;
padding-left:6px;
border: 1px dotted #666666;
background-color: #FFFFFF;

} 

.textarea_small_log {
width:100px;

color:#666666;
font-size:11px;
font-family:Arial,Tahoma;
padding-left:6px;
border: 1px dotted #666666;
background-color: #FFFFFF;

} 


.textarea_check {
//width:20px;

color:#666666;
font-size:11px;
font-family:Arial,Tahoma;
padding-left:6px;
border: 1px dotted #666666;
background-color: #FFFFFF;

} 


.textarea_message {
width:399px;
height:120px;
color:#666666;
font-size:11px;
font-family:Arial,Tahoma;
padding-left:6px;
 border: 0px solid #cccccc;
background-color: #cccccc;
margin-top:5px;

} 

.textarea_select {

color:#666666;
font-size:11px;
font-family:Arial,Tahoma;

border: 1px solid #666666;
background-color: #FFFFFF;

} 
 

h1 { 
color : #999999; 
font-size : 11px; 
font-family : Arial, Helvetica, sans-serif; 
font-style: normal;
font-variant: normal;
font-weight: normal;
margin : 0px; 


}

h2 {
    
	
	color : #999999; 
    font-size :10px; 
    font-family : Arial, Helvetica, sans-serif; 
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
	margin : 0px; 

} 

h3 {
    
	
	color : #999999; 
    font-size :10px; 
    font-family : Arial, Helvetica, sans-serif; 
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
	margin : 0px;
	

} 


.aktuell {
font-size: 10px;


}

p.i {
font-style : italic;
font-size: 11px;

}

p.n {
//font-style : italic;
font-size: 10px;

}


div.i {
font-style : italic;
font-size: 11px;

}




.footer {

font-size : 11px; 
font-family :"Courier New", Courier,Typewriter,Tahoma,Arial; 
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align:center;

}

//mail
*.spalte { text-align:left;  float:left; }
*.space { width:5px; padding:5px;  float:left; }  
*.spalte_text {width:150px;  text-align:right; margin-top:4px; float:left; } 
*.spalte_text_acc {width:300px;  text-align:right; margin-top:4px; float:left; } 
*.spalte_text_small {width:150px;  text-align:right; margin-top:4px; float:left; } 
//******



.box { 
float:left; 
width: 100px; 
height: 120px; 
padding: 5px 0px; 
margin:0px; 
text-align:center; 
vertical-align:bottom; 
line-height: 10px; 
border: 1px solid red; 
position:relative; /* needed to position .pic div */ 
} 
.pic { 
height: 85px; 
width:85px; 
margin: 5px; 
border: 1px solid blue; 
position:absolute; 
bottom:0; 
} 

.thumbnail 
{
float:left;
width:80px;
height:80px;
margin:5px;
}

a.maillink:link {
    color:#888888;
	font-family:  Arial; 
    font-size: 10px; 
	text-decoration:none; 
	font-variant: normal;
	font-weight: normal;
	}
a.maillink:visited {
    color:#888888;
	font-family:  Arial; 
	font-size: 10px; 
	text-decoration:none; 
	font-variant: normal;
	font-weight: normal;
	}
a.maillink:hover {
    color: #CC0033;
	font-family:  Arial; 
	font-size:  10px; 
	text-decoration:none;
	font-variant: normal;
	font-weight: normal;
	} 
  
 
  

  .maillink>ins:before {content: "@"; text-decoration: none; }
  .maillink del {text-decoration: none;  color: #888888;}
  .maillink ins {text-decoration: none;  color: #888888;}
  .maillink>del {display: none;  color: #888888;}
  *:first-child+html .maillink>del {display:inline;  color: #888888;}  
  
  

 a.maillink:hover ins  {
    color: #8A360F; text-decoration: none;
}
 
   
   a.maillink:link ins {
    color: #888888; text-decoration: none;
} 

a.maillink:visited  ins{
    color: #888888; text-decoration:none;
} 
 
a.maillink:hover ins{
    color: #CC0033; text-decoration: none;
}




 a.normlink_x:link {
    color: #888888; text-decoration: none; font-size : 10px; 
} 

a.normlink_x:visited {
    color: #888888; text-decoration:none; font-size : 10px; 
} 
 
a.normlink_x:hover {
    color: #CC0033; text-decoration: none; font-size : 10px; 
}




 a.normlink_xx:link {
    color: #888888; text-decoration: none; font-size :16px; 
} 

a.normlink_xx:visited {
    color: #888888; text-decoration:none; font-size :16px; 
} 
 
a.normlink_xx:hover {
    color: #CC0033; text-decoration: none; font-size :16px; 
}





 a.normlink_text:link {
    color: #888888; text-decoration: none; font-size : 11px; 
} 

a.normlink_text:visited {
    color: #888888; text-decoration:none; font-size : 11px; 
} 
 
a.normlink_text:hover {
    color: #888888; text-decoration: underline; font-size : 11px; 
}


.medium_gray {
    color: #888888; text-decoration: none; font-size : 11px; 
}

#slideshow {
	
	width: 600px;
	height: 280px;
	}
 
#slideshow div {
		
	display: none;
	padding: 0;
	margin-right: 0;
	text-align:right;
	width:100%;
		
	}
 
#slideshow div.current {
	display: block;
	}
 
#slideshow div img {
	float: right;
	in-right: 0px;
	text-align:right;
	}
	
 .project_text {
     line-height: 100%;
	 
	 }