html, body     { font-family: Verdana; background-image: url("../images/rk_bg.gif"); margin: 0; padding: 0; position: relative; z-index: 1; top: 0; height: 100% } 
 
#pagewidth        { text-align: left; position: relative; z-index: 1; top: 0; left: 0; width: 800px; height: 100% } 

#wrapper    { background-color: #ffffff; position: relative; z-index: 1; top: 0; left: 0; height: 100% }
	
#head    { background-color: #bac9d1; margin: 0; padding: 0; position: relative; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 800px; height: 170px }
	
/* =============== LOGO  */
#logo    { margin: 0; padding: 0; position: relative; z-index: 2; top: 0; bottom: 0; left: 170px; width: 366px; height: 120px }	
/* =============== END LOGO  */

/* =============== NAVIGATION  */
#navcontainer     { margin: 0; padding: 0; position: relative; z-index: 1; top: 0; left: 170px; width: 366px; height: 20px }	

#navcontainer2           { margin: 0; padding: 0; position: absolute; z-index: 0; top: 420px; left: 0; width: 155px; height: 100px }
/* =============== END NAVIGATION */

#abstandshalter    { margin: 0; padding: 0; position: relative; z-index: 1; top: 0; left: 0; width: 522px; height: 29px }
	
#bildcontainer     { background-color: #486370; margin: 0; padding: 0; position: relative; z-index: 1; top: 169px; width: 800px; height: 170px; float: left }
	
#maincol      { background-color: #ffffff; display: inline; position: absolute; z-index: 1; top: 340px; left: 180px; width: 800px; height: 100% }
#subnavi     { display: inline; padding-top: 15px; position: relative; z-index: 1; top: 0; width: 260px; height: 130px }
/* *** Float containers fix: *** */ 
.clearfix:after {
	 content: "."; 
	 display: block; 
	 height: 0; 
	 clear: both; 
	 visibility: hidden;
 	}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix  { height: auto }

.clearfix {
	display: block;
	}
/* End hide from IE-mac */  

 /*printer styles*/ 
 	@media print{ 
/*hide the left column when printing*/ 

	#leftcol {
	display:none;
	} 
	
	#twocols, #maincol {
	width:100%; 
	float:none;}
}

.copyright { 
	color: #999999; 
	font: 7pt/12pt Verdana, sans-serif; 
	text-align: left; 
	margin-bottom: 1.33em 
	}
	
.arrow { 
	color: #b82837; 
	padding-top: 15px 
	}


/* =============== ARTICLE  */
#article  { font-size: 9pt; line-height: 14pt; margin: 0; padding-top: 15px; top: 0 }
		
#article p   { color: #486370; font: 9pt/14pt Verdana; text-align: left; padding-top: 15px; top: 0 }
	
#article ul   { color: 000000; font: 9pt/12pt Verdana; list-style-type: circle; padding-top: 15px; top: 0 }	
		
#article li  { color: #486370; font-size: 9pt; line-height: 14pt; margin-left: 0; padding-top: 15px; top: 0 }				

/* =============== END ARTICLE  */

a:hover    { color: #b82837 }

td.philosophie  { 
	color: FFFFFF; 
	font-size: 9pt; 
	font-family: verdana; 
	background: #d8e1e6; 
	text-align: center; 
	margin: 0; 
	padding-top: 2px; 
	width: 96px; 
	height: 20px; 
	}
	
td.philosophie_on  { 
	color: #c9243f; 
	font-size: 9pt; 
	font-family: verdana; 
	font-weight: bold; 
	text-decoration: none; 
	background: white; 
	text-align: center; 
	margin: 0; 
	padding-top: 2px; 
	width: 96px; 
	height: 20px; 
	valign: top 
    }
    
td.portrait { 
	color: #c9243f; 
	font-size: 9pt; 
	font-family: verdana; 
	font-weight: bold; 
	text-decoration: none; 
	background: white; 
	text-align: center; 
	margin: 0; 
	padding-top: 2px; 
	width: 96px; 
	height: 20px;
	}
	
td.portrait_on { 
	color: #c9243f; 
	font-size: 9pt; 
	font-family: verdana; 
	font-weight: bold; 
	text-decoration: none; 
	background: white; 
	text-align: center; 
	margin: 0; 
	padding-top: 2px; 
	width: 96px; 
	height: 20px; 
	} 

td.portfolio { 
	color: white; 
	font-size: 9pt; 
	font-family: verdana; 
	background: #d8e1e6; 
	text-align: center; 
	margin: 0; 
	padding-top: 2px; 
	width: 96px; 
	height: 20px; 
	}
	
td.portfolio_on { 
	color: #c9243f; 
	font-size: 9pt; 
	font-family: verdana; 
	font-weight: bold; 
	text-decoration: none; 
	background: white; 
	text-align: center; 
	margin: 0; 
	padding-top: 2px; 
	width: 96px; 
	height: 20px; 
	}
	
td.michael     { color: #486370; font-size: 9pt; font-family: Verdana; background-color: #d8e1e6; background-image: none; background-position: 0 0; text-align: right; margin: 0; padding-top: 2px; padding-right: 10px; width: 155px; height: 20px }
	
td.michael_on     { color: #c9243f; font-size: 9pt; font-family: Verdana; font-weight: bold; text-decoration: none; background-color: #d8e1e6; background-image: none; background-position: 0 0; text-align: right; margin: 0; padding-top: 2px; padding-right: 10px; width: 155px; height: 20px }

td.christian     { color: #486370; font-size: 9pt; font-family: Verdana; background-color: #d8e1e6; background-image: none; background-position: 0 0; text-align: right; margin: 0; padding-top: 2px; padding-right: 10px; width: 155px; height: 20px }
	
td.christian_on   { color: #c9243f; font-size: 9pt; font-family: Verdana; font-weight: bold; text-decoration: none; background-color: #d8e1e6; background-image: none; background-position: 0 0; text-align: right; margin: 0; padding-top: 2px; padding-right: 10px; width: 155px; height: 20px }

td.martina     { color: #486370; font-size: 9pt; font-family: Verdana; background-color: #d8e1e6; background-image: none; background-position: 0 0; text-align: right; margin: 0; padding-top: 2px; padding-right: 10px; width: 155px; height: 20px }
	
td.martina_on   { color: #c9243f; font-size: 9pt; font-family: Verdana; font-weight: bold; text-decoration: none; background-color: #d8e1e6; background-image: none; background-position: 0 0; text-align: right; margin: 0; padding-top: 2px; padding-right: 10px; width: 155px; height: 20px }

td.team    { color: #486370; font-size: 9pt; font-family: Verdana; background-color: #d8e1e6; background-image: none; background-position: 0 0; text-align: right; margin: 0; padding-top: 2px; padding-right: 10px; width: 155px; height: 20px }

td.team_on   { color: #b8274c; font-size: 9pt; font-family: Verdana; font-weight: bold; text-decoration: none; background-color: #d8e1e6; background-image: none; background-position: 0 0; text-align: right; margin: 0; padding-top: 2px; padding-right: 10px; width: 155px; height: 20px }
	
/* ===============  NAVIGATION  */
td.kontakt { 
	color: FFFFFF; 
	font-size: 9pt; 
	font-family: verdana; 
	text-decoration: none; 
	width: 85px; 
	repeat: background-attachment: scroll   
	}
	
td.kontakt_on { 
	color: #c9243f; 
	font-size: 9pt; 
	font-family: verdana; 
	font-weight: bold; 
	text-decoration: none; 
	margin: 0; 
	width: 85px; 
	valign: top
	}

td.impressum { 
	color: white; 
	font-size: 9pt; 
	font-family: verdana; 
	text-decoration: none; 
	width: 103px; 
	repeat: background-attachment: scroll   
	}
	
td.impressum_on { 
	color: #c9243f; 
	font-size: 9pt; 
	font-family: verdana; 
	font-weight: bold; 
	text-decoration: none; 
	margin: 0; 
	width: 103px; 
	valign: top    
	}

td.english  { color: white; font-size: 9pt; font-family: Verdana; text-decoration: none; width: 85px; repeat: background-attachment: scroll   
	 }
	
td.english_on   { color: #c9243f; font-size: 9pt; font-family: Verdana; font-weight: bold; text-decoration: none; margin: 0; width: 85px; valign: top    
	  }


/* ===============  SUBNAVI  */
.menuitem    { 
	color: #486370; 
	font-size: 9pt; 
	font-family: verdana; 
	font-weight: bold; 
	text-decoration: none 
	}
	
.menuitem2        { color: #486370; font-size: 9pt; font-family: Verdana; font-weight: bold; text-decoration: none }
.menuitem1 { color: #486370; font-size: 9pt; font-family: Verdana; font-weight: bold; text-decoration: none }
.menuitem:hover, .menuitem:selected { 
	color: #c9243f; 
	font-size: 9pt; 
	font-family: verdana; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: white 
	}
.menuitem2:hover,  .menuitem2:selected { color: #c9243f; font-size: 9pt; font-family: Verdana; font-weight: bold; text-decoration: none; background-color: #d8e1e6 }
.menuitemsub { 
	color: FFFFFF; 
	font-size: 9pt; 
	font-family: verdana; 
	font-weight: bold; 
	text-decoration: none 
	}
.menuitemsub1 { color: #fff; font-size: 9pt; font-family: Verdana; font-weight: bold; text-decoration: none }
.menuitemsub:hover, .menuitemsub:selected { 
	color: #c9243f; 
	font-size: 9pt; 
	font-family: verdana; 
	font-weight: bold; 
	text-decoration: none 
	}

.portofolionav {
	margin: 10px 0 0 45px;
	}
	
.porfoliolink {
	font-family: verdana;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	}

.porfoliolink:hover, .porfoliolink:selected  { color: #ff9900; background-color: #b8274c }
.controls {
	font-family: verdana;
	font-size: 70%;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	}

.controls:hover, .controls:selected  { color: #ff9900; background-color: #b82837 }