#framework {margin-left:560px;position:relative;z-index:110;}
  #who .col-one,#who .colored{background:#000;color:#FFF;}
  #what .col-one,#what .colored{background:#FE0000;}
  #work .col-one,#work .colored{background:#AF8554;}
  #contact .col-one,#contact .colored{background:#0066CC;}
  /*
	#who h1 {color:#000}
  #what h1 {color:#FE0000}
  #work h1 {color:#AF8554}
  #contact h1 {color:#0066CC}
  */
  
	
  .col {position:relative;float:left;overflow:hidden;width:30px;background:#FFF;}
  .col-one {width:170px;float:left;overflow:hidden;min-height:200px;}
  .col-two {float:left;position:absolute;left:170px;width:410px;background:#FFF;min-height:100%;}
  
  *html .colored {height:900px;}
	#what .colored {background:#FE0000;}
	
  html {}
  html,body {min-height:100%;}
  *html body {height:100%;}
  body {margin:0;font-family:verdana;font-size:70%;min-width:996px;}
	img {border:0;}
	
  *html #chars {height:100%;}
	

	

* html { 
	filter: expression(document.execCommand("BackgroundImageCache",false, true));
}

 .title {position:absolute;cursor:pointer;width:30px;height:100%;top:0;background:url(../_images/nav-bg.gif) no-repeat;display:block;text-indent:-999em;}
 
 #who .title {background-position:0 0;}
 #what .title {background-position:-60px 0;}
 #work .title {background-position:-120px 0;}
 #contact .title {background-position:-180px 0;}

 #who.over .title {background-position:-30px 0;}
 #what.over .title {background-position:-90px 0;}
 #work.over .title {background-position:-150px 0;}
 #contact.over .title {background-position:-210px 0;}
 
 ul.nav ul,ul.nav {display:block;margin:0;padding:0;list-style:none;}
 ul.nav ul{position:absolute;top:150px;margin:0 0 0 10px;display:none;}
 div.active ul.nav ul{display:block;}
 ul.nav ul .arrow{cursor:pointer;background:url(../_images/arrow-right.gif) 0 1px no-repeat;display:block;padding:0 0 0 20px;}
 
 ul.nav ul li {display:block;margin-bottom:7px;width:150px;}
 *html ul.nav ul li {height:1%;}
 *html ul.nav ul ul {margin:8px 0 -2px 30px;}
 
 ul.nav a {color:#FFF;text-decoration:none;}
 ul.nav ul ul {position:static;margin:10px 0 12px 30px;}

 ul.nav ul li ul {display:none !important;width:150px;}
 ul.nav ul li.active ul {display:block !important;}
 ul.nav ul li.active .arrow{background:url(../_images/arrow-down.gif) 0 1px no-repeat;font-weight:bold;} 
 
 /* contact */
#contact-info{display:none;color:#FFF;margin:300px 0px 10px 12px}
#contact-info a{color:#FFF;}

.active #contact-info{display:block;}

#li-filosofie {margin-bottom:20px;}
#li-filosofie a {}

 


 
 #content h1{font-size:150%;line-height:130%;margin:0 0 16px 0;height:122px;}
 #content {line-height:150%;margin:10px 25px 25px 25px;}
 #content ul {margin:0 0 1.5em 0;line-height:150%;padding:0;list-style:none;}
 #content ul li {display:block;background:url(../_images/bullet.gif) 1px 9px no-repeat;padding-left:17px;}
 #content a {color:#FE0000;}
 #content img {display:block;}
 #content a:hover {color:#000;}
 p{margin:0 0 1.5em 0;line-height:150%;}
 
 #generic-nav {font-size:90%;position:absolute;left:16px;top:35px;display:block;margin:0;list-style:none;z-index:104;background:#FFF;}
 #generic-nav li{float:left;color:#FF0000;border-left:1px solid #FF0000;padding:0 6px 0 6px}
 #generic-nav li#gen-home{border-left:0;}
 #generic-nav li a {color:#FF0000;text-decoration:none;}
 #generic-nav li a:hover {text-decoration:underline;}
 
 #intro {background:#FF0000;position:absolute;left:11px;top:56px;width:230px;padding:12px 10px 0 10px;z-index:102;}
 #intro h1{margin:0 0 1em 0;font-size:120%;line-height:110%;}
 #intro p{margin:0 0 1.5em 0;line-height:160%;}
 
#legallogo {position:absolute;top:450px;left:20px;width:200px;padding:12px 10px 0 10px;z-index:103;}
 
.chars {width:100%;min-height:100%;position:absolute;display:block;filter:alpha(opacity=0);opacity:0;}
#chars {position:absolute;display:none;}

body.body-who #b-left{background:url(../_images/b0.gif) -20px 20px;width:285px;}
body.body-who #e-left{background:url(../_images/e0.gif) -20px 20px;width:285px;}
body.body-who #b-right{background:url(../_images/b0.gif) -20px 20px;}
body.body-who #e-right{background:url(../_images/e0.gif) -20px 20px;}

body.body-what #b-left{background:url(../_images/b1.gif) 150px -150px;width:285px;}
body.body-what #e-left{background:url(../_images/e1.gif) 150px -150px;width:285px;}
body.body-what #b-right{background:url(../_images/b1.gif) 150px -150px;}
body.body-what #e-right{background:url(../_images/e1.gif) 150px -150px;}

body.body-work #b-left{background:url(../_images/b2.gif) -180px 150px;width:285px;}
body.body-work #e-left{background:url(../_images/b2.gif) -26px 150px;width:285px;}
body.body-work #b-right{background:url(../_images/b2.gif) -180px 150px;}
body.body-work #e-right{background:url(../_images/b2.gif) -26px 150px;}


body.body-contact #b-left{background:url(../_images/b3.gif) -20px -75px;width:285px;}
body.body-contact #e-left{background:url(../_images/b3.gif) 95px -75px;width:285px;}
body.body-contact #b-right{background:url(../_images/b3.gif) -20px -75px;}
body.body-contact #e-right{background:url(../_images/b3.gif) 95px -75px;}

#logo {left:11px;top:0;position:absolute;z-index:102;background:#FFF;padding:0 0 0 0;}

.colored h1, .colored #content {
  color:#FFF !important;
}

/*body.body-what{background:url(../_images/b1.gif) -200px -180px;}
body.body-work{background:url(../_images/b2.gif) -250px 12px;}
body.body-contact{background:url(../_images/e3.gif) -60px -60px;}
*/

form {
  display:block;
}
input,button {
  font-family:verdana;
  font-size:100%;
  display:block;
  margin:4px 0 0 0;
  border:1px solid #FFF;
}
button {
  margin:6px 0 0 0;
  border:1px solid #000;
  
}