/* CSS Document */



/*###################*/
/* Schriftarten ########################################################################################################################################################################/ 
/*###################*/

a:link {
    text-decoration: none;
    color: #CCCCCC;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
    text-decoration: none;  
	color: #CCCCCC;  
}
a:active {
    text-decoration: none;
	color: #CCCCCC;
}

.style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color:#CCCCCC;
	padding:25px;
	line-height:20px;
}
.style2 {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
}
.style3 {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    font-size: 16px;
    color: #666666;
}
.style4, .style4 a:visited, .style4 a:link, .style4 a:active, .style4 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}
#style_navi_aktuell {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;	
    color: #CC6600;
	border-bottom:solid 2px;
}
.style_unity {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color:#CCCCCC;
	padding:8px;
	padding-top:0px;
	line-height:20px;
	z-index:-1;
}

/*
#page { width:50em; text-align:left; background:#FFF; border:4px solid #ecf3f9; margin:32px auto; padding:2em; }
h1 { font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 0.5em 0; }
.clear { clear:both; }
*/


/*###################*/
/* lebenslauf * ########################################################################################################################################################################/ 
/*###################*/

#lbl_div {	
	height:20px;
	vertical-align:middle;
	position:relative;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	width:500px;
	background-color:#333333;
	border-bottom:solid; 
	border-bottom-width:1px; 
	border-bottom-color:#999999;
	margin-top:5px;	
	margin-bottom:10px;	
}
.lbl {
	padding:25px;	
	color:#CCCCCC;
}
.lbl_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#CCCCCC;
	line-height:20px;
}
.lbl_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CCCCCC;
	line-height:25px;
}
.lbl_3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#CCCCCC;
	line-height:25px;
	text-align: left;
}
.lbl_4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CCCCCC;
	line-height:25px;
	margin-left:30px
}
.lbl_5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CCCCCC;
	line-height:25px;
}
.lbl_6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	line-height:25px;
}
.lbl_6 a:link, a:visited {
	text-decoration: none;
	color: #666666;
}

.lbl_7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CCCCCC;
	line-height:20px;
	margin-left:30px
}



/*###################*/
/* Beginn Navigation ########################################################################################################################################################################/ 
/*###################*/

#navi li{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
   /* color: #666666;*/
	position:relative;
}
#navi ul li{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
/*    color: #666666;*/
}

#navi, #navi ul {
	list-style-type:none;
	margin:0;
	padding:0;
} 

/* Style-Reset */
#navi li { width:142px; float:left; } /* Horizontale Anordnung */		
#navi li ul { display:none; } /* Normalzustand eingeklappt */
#navi li:hover ul {
	display:block;
	float: left;
} 



/* Ausgeklappt */
	
/*###################*/
/* Styles fuers Auge ########################################################################################################################################################################/ 
/*###################*/
  
#navcontainer {
	padding: 0px;
	border:solid;
	border-width:0px;
	width:852px;
	height:20px;
	border-bottom:solid; 
	border-bottom-width:2px; 
	border-bottom-color:#333333;	
}	  
#navi {
	position:absolute;
	width:852px;
	margin-top:-4px;
	background:url(bilder/blank.gif);	
}	  
#navi li { border:0px solid #000; margin:0px 0px 0px 0px; }  
#navi li a { color:#CCCCCC;}  
#navi ul li { border:none; margin:0; filter:Alpha(opacity=75); }		
#navi a { text-align:center; display:block; padding:0px; }
#navi a:link {		color:#CCCCCC; background-color:#000000; opacity:0.75; padding: 3px;}
#navi a:visited { background-color:#000000; opacity:0.75; padding:3px; }
#navi a:active, #navi a:hover { color:#CC6600; background-color:#000000; opacity:0.95; filter:Alpha(opacity=100); border-bottom:solid 2px; }


/*###################*/
/* Kontainers * ########################################################################################################################################################################/ 
/*###################*/

:root{
 overflow-y:scroll;
 overflow-x:hidden; 
}

html,
body {
	margin:0;
	padding:0;
	height:100%;	
	background-image:url(bilder/bg_stripe.jpg);
	background-position:center;
	background-position:top;
}

body#home a#startseite,
body#ueber_mich a#um,
body#portfolio a#port,
body#videos a#vid,
body#miscellaneous a#misc,
body#kont a#kontakt {
    color: #CC6600;
	border-bottom:solid 2px;
	overflow-x:hidden; 
}

#seitenanfang a, a:visited {
    text-decoration: none;    
    color: #999999;
}


#container {
  height:100.01%;
  position:relative;
}
#Kopfzeile {
	z-index:2;
	border:#00CC00;
	height:120px;
	position:relative;
	margin:0px;
	width:100%;
}
#Inhalt {
	z-index:2; 
	width:100%; 	
	margin-top:0px; 
	padding:0px; 	
	padding-bottom:20px;
	padding-top:0px;
}
/*#Fusszeile {
	z-index:5;
	position:absolute;
	width:100%;
	height:50px;
	background-color:#1F1F1F;
	bottom:0px;
	border-top: solid;
	border-top-color:#333333;
	border-top-width:2px;
	opacity:0.8;
	filter:Alpha(opacity=85);
}*/



/*###################*/
/* Galerie * ########################################################################################################################################################################/ 
/*###################*/

.galerie { 
	text-align:center;
	margin-top:20px;
	width:100%;
}
.galerie img, .galerie a img { border:1px solid #666666; padding:5px; margin:0; background-color:#333333;}
.galerie a:hover img { border:1px solid #CCCCCC; background-color:#333333;}
.galerie a:hover { color:#81c8d5; }
.galerie a, a:visited {
	color:#666;
	text-decoration:none;
	outline:none;
}
.galerie img.centered,div.centered { display:block; margin:0 auto; }
.galerie img.aligncenter,div.aligncenter { display:block; margin:0 auto; }
.galerie img.alignright, div.alignright { margin:4px 0 10px 10px; display:inline; }
.galerie img.alignleft, div.alignleft { margin:4px 10px 10px 0; display:inline; }
.galerie img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }


.galerie_titel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #666666;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	margin-top:10px;
	text-align:left;
	width:500px;
	background-color:#333333;
	border-bottom:solid; 
	border-bottom-width:1px; 
	border-bottom-color:#999999;		
}
.galerie_infos {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
	text-align:left;
	padding-top:5px;
	margin-bottom:10px;
}
.galerie_beschreibung {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align:left;
	padding-top:10px;
	margin-bottom:20px;
}
.galerie_beschreibung_2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-align:left;
}

a img { border:none; }

.galerie_block {
	border-bottom:solid; 
	border-bottom-width:2px; 
	border-bottom-color:#333333;
	margin-bottom:20px;
}

.galerie_series {
	padding-left:20px;
	padding-right:20px;
	margin-left:20px;
	margin-right:20px;
}

#galerie_th_2d	 {
	height:270px;
	width: 850px; 
	margin: 0 auto; 
}
#galerie_th_3d	 {
	height:270px;
	width: 850px; 
	margin: 0 auto; 
}
#galerie_th_3d_ArchViz {
	width: 850px; 
	height:150px;
	margin: 0 auto;
}
#galerie_th_storyboards	 {
	height:270px;
	width: 850px; 
	margin: 0 auto; 
}
.galerie_th-link { 
	padding: 5px; 
	margin: 5px; 
	border: 1px solid #666666; 
	display: block;
	float: left; 
}
.galerie_th-link:hover	{ 
	border-color: #CCCCCC; 
}

.pfeile_anfang {
	position:absolute;
	margin-left: 836px;
}

.foto {
	padding: 5px;
	border: 1px solid #666666;
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}

.escondido, .escondido a {
	color: #666666;
}