html, body    { font-family: Verdana; background-color: #c00; background-image: url("images/noten.jpg"); text-align: center; margin: 0; padding: 0; height: 100% } 
 
#pagewidth { text-align: left; margin-right: auto; margin-left: auto; width: 800px; height: 100% } 
#wrapper{
	height: 100%;
	background-color: #FFFFFF;
} 
 
#leftcol{
	 width:320px; 
	 float:left; 
	 position:relative; 
	 background-color:#FFF; 
	 height: 100%;
 }
 
#maincol { background-color: #ffffff; display: inline; position: relative; width: 480px; height: 100%; float: right }
 
 
 /* *** Float containers fix: *** */ 
.clearfix:after  { visibility: hidden; display: block; height: 0; clear: both; content: "." }
 
.clearfix { }

/* Hides from IE-mac \*/
* html .clearfix { }
/* =============== LOGO  */

#logo  { }

/* =============== END LOGO  */


/* =============== NAVIGATION  */

	#navcontainer    { background-color: #c00; width: 320px; height: 240px }

/* =============== END NAVIGATION */

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

	#article {	
		margin: 18px 18px 18px 18px;
	}
		
	#article p      { color: black; font: 9pt/12pt Verdana; text-align: left; margin-bottom: 12pt }
	#article ul    { color: black; font: 9pt/12pt Verdana }		
	#article li   { color: black }	
	#foot p       { color: black; font: 8pt/12pt Verdana; text-align: left; margin: 18px }			


/* =============== END ARTICLE  */
 
td.links1    { color: white; background: #bac9d1; padding-top: 10px; padding-left: 10px; width: 160px; height: 80px }
td.links1_on    { color: white; background: #b8274c; padding-top: 10px; padding-left: 10px; width: 160px; height: 80px } 

td.rechts1    { color: white; background: #748c98; padding-top: 10px; padding-left: 10px; width: 160px; height: 80px }
td.rechts1_on    { color: white; background: #b8274c; padding-top: 10px; padding-left: 10px; width: 160px; height: 80px } 
/* ===============  MENUROW_2  */
td.links2    { color: white; background: #748c98; padding-top: 10px; padding-left: 10px; width: 160px; height: 80px }
td.links2_on    { color: white; background: #b8274c; padding-top: 10px; padding-left: 10px; width: 160px; height: 80px } 

td.rechts2    { color: white; background: #bac9d1; padding-top: 10px; padding-left: 10px; width: 160px; height: 80px }
td.rechts2_on    { color: white; background: #b8274c; padding-top: 10px; padding-left: 10px; width: 160px; height: 80px } 
/* ===============  MENUROW_2  */
td.links3   { color: white; background: #bac9d1; padding: 10px 0 0 10px; width: 160px; height: 80px }
td.links3_on    { color: white; background: #b8274c; padding-top: 10px; padding-left: 10px; width: 160px; height: 80px } 

td.rechts3     { color: white; background: #c00; padding-top: 10px; padding-left: 10px; width: 160px; height: 80px }
td.rechts3_on    { color: white; background: #b8274c; padding-top: 10px; padding-left: 10px; width: 160px; height: 80px } 

.menuitem  { color: #ffffff; font-size: 9pt; font-family: Verdana; font-weight: normal; line-height: 12pt; text-decoration: none }

.menuitem:hover, .menuitem:selected  { color: #ffffff; font-weight: bold; background-color: #b8274c }
#headerimage { background-color: #ffffff; padding: 0; width: 480px; height: 260px } 
.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: none;
	}
.controls  { color: #666666; font-size: 9pt; font-family: Verdana; font-weight: normal; line-height: 12pt; text-decoration: none }

.controls:hover, .controls:selected {
		color: #FF9900;
		background-color: none;
	}