@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; border:none; overflow:hidden; }
  

  
html, body { width:100%; height:100%; overflow:auto; } 
body {  background: #46454a url(../img/bg_text.png) repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; line-height:170%;  }
img { border:none; }
input { border:solid 1px #000; }

fieldset { border:none; margin:0; padding:o; line-height:0; } 


.fl { float:left; }
.fr { float:right; }
.fc { clear:both; width:0; height:0; line-height:0; margin:0; padding:0; border:none; }

h1 { font-size: 150%; color: #ccc; line-height: 40px;}
h2 { font-size: 150%; line-height: 40px; color:#000;}

a:link,
a:active,
a:visited { color: #f17d0e; text-decoration: none; }
a:hover { color: #8f9091; text-decoration: none; }


#wrpr { width:913px; height:664px; position:absolute; left:50%; margin:40px 0 0 -457px; background:#fff url(../img/wrprBG.jpg) left top no-repeat; }
  #hWrpr { width: 913px; height:210px; }
        #hWrpr .fbanner {margin: 100px 0 0 100px;}
  #bWrpr { width:913px; height:454px; }
    #mWrpr { width:257px; margin-left:35px; display:inline; } 
	  #mWrpr .but { width:29px; height:31px; background:transparent url(../img/mBlt.png) no-repeat; }
	  #mWrpr .but.vis { background:none; }
	    #mWrpr .but .act { width:29px; height:31px; background:transparent url(../img/mBlt-act.png) no-repeat; }
	    #mWrpr .but.vis .act { visibility:visible; }
	    #mWrpr .but.inv .act { visibility:hidden; }
	  #mWrpr .item { padding:10px 0 0 10px; left top no-repeat;  }
	  #mWrpr .item,
	    #mWrpr .item a:link,
	    #mWrpr .item a:active,
	    #mWrpr .item a:visited,
	    #mWrpr .item a:hover { font:normal 100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-indent:0; color: #666; }
	    
		#sub { margin-left:40px; display:block; }/*Sub menu zetten*/
		#sub * { margin:2px 0; }
	    #sub .but { width:15px; height:17px; background:transparent url(../img/smBlt.png) left top no-repeat; }
	    #sub .but.vis { background:none; }
	    #sub .but .act { width:15px; height:17px; background:transparent url(../img/smBlt2_act.png) left top no-repeat;}
	    #sub .but.vis .act { visibility:visible; }
	    #sub .but.inv .act { visibility:hidden; }
	    #sub .item { height:17px; padding:0 0 0 10px; left top no-repeat; }
		  #sub .item a:link,
	      #sub .item a:active,
	      #sub .item a:visited,
	      #sub .item a:hover { font:normal 90% Arial, Helvetica, sans-serif; text-transform: uppercase; text-indent:0; color: #666; }

	    #mWrpr .alg  .but { width:29px; height:31px; background:transparent url(../img/mBlt-act.png) no-repeat; }
	    #mWrpr .alg  .but.vis { background:none; }
	      #mWrpr .alg  .but .act {width:29px; height:31px; background:transparent url(../img/mBlt-act.png) no-repeat;  }
	      #mWrpr .alg  .but.vis .act { visibility:visible; }
	      #mWrpr .alg  .but.inv .act { visibility:hidden; }
	    #mWrpr .alg  .item { padding:10px 0 0 10px; left top no-repeat; }
	    #mWrpr .alg  .item a:link,
	    #mWrpr .alg  .item a:active,
	    #mWrpr .alg  .item a:visited,
	    #mWrpr .alg  .item a:hover { font:normal 100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-indent:0; color: #666; }
	  
	#cWrpr { width:620px; height:453px; display:inline; }
	  #cWrpr .content { width:600px; height:428px; padding-right:20px; overflow-y:auto; }
	  #cWrpr .footer { width:620px; height:25px; text-align:center; }

#pWrpr { width:335px; height:207px; position:absolute; left:50%; margin:19px 0 0 138px; z-index:10; }
  #pWrpr .image { width:335px; height:207px; position:relative; overflow:hidden; background-color:#009; }
  #pWrpr .pol { width:335px; height:207px; position:relative; margin-top:-207px; background:transparent url(../img/polBG3.png) left top no-repeat; }

#Home { margin:0 0 0 6px; }
#Algemeen { margin:0 0 0 4px; }
#Strategie { margin:0 0 0 3px; }
#Brands { margin:0 0 0 3px; }
#Vacatures { margin:0 0 0 3px; }
#Contact { margin:0 0 0 3px; }
#Route { margin:0 0 0 4px; }
#Nieuws { margin:0 0 0 5px; }
#Disclaimer { margin:0 0 0 7px; }

#Vacatures.down{ margin:0 0 0 6px; }
#Contact.down{ margin:0 0 0 7px; }
#Route.down{ margin:0 0 0 8px; }
#Nieuws.down{ margin:0 0 0 10px; }
#Disclaimer.down{ margin:0 0 0 12px; }
