html, body { height: 100%; }
body { background:url(../images/background.gif);  }
.container {
position: relative;
min-height: 100%;
height:auto !important; 
height:100%;
background:url(../images/backgroundcenter.gif) repeat-y;
width:970px;
}
#header { position:absolute; top:0px; left:0px;  }
#flashgame { position:absolute; top:0px; left:565px; width:357px; height:274px; z-index:199; }
.innercontainer { position:absolute; width:970px; background:url(../images/backgroundcenter.gif) repeat-y; }
.bg { background-color:#FF0; }
.language { width:50px; margin-left:5px; margin-top:11px; }
.language a { display:block; margin-bottom:15px; }
.header { height:126px;}
.header img { margin-top:17px; position:absolute;  }
#menu img { float:left; }
#menu a { display:block; height:27px; float:left; padding-top:8px; color:#FFF; text-decoration:none; padding-left:10px; font-size:110%; text-transform:uppercase; }
#menu a:hover { color:#000; }
#menu a img { margin-bottom:-2px;margin-right:3px; float:none;}
#blauw { width:122px; background:url(../images/blauweknop.png) no-repeat; }
#groen { width:95px	; background:url(../images/groeneknop.png) no-repeat; }
#geel { width:86px	; background:url(../images/geleknop.png) no-repeat; }
#lichtgroen { width:71px; background:url(../images/lichtgroenknop.png) no-repeat; }
#paars { width:136px; background:url(../images/paarseknop.png) no-repeat; }

ul { list-style: none; }
ul.dropdown { position: relative; margin:0px; padding:0px; height:35px; font-family:Verdana, Geneva, sans-serif; z-index:99; }
ul.dropdown li  { font-weight: bold; float: left; }
ul.dropdown a:hover	{ color: #000; }
ul.dropdown li a  { display: block; color: #222; }
ul.dropdown li.hover, ul.dropdown li:hover { color: black; }
ul.dropdown li.hover a { color: black; }
ul.dropdown ul { width: 192px; visibility:hidden; position: absolute; top: 25px; left:20px; padding-left:70px; }
ul.dropdown ul li { font-weight: normal; color: #000;  float: none; }								  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none;  display: inline-block; } 


#producten { display:block; background:url(../images/spacer.gif) repeat; }
#productheader { margin-left:2px;  }
#productfooter { margin-left:3px;  }
#producten a { width:165px; height:26px; font-size:90%; background:url(../images/dropproductbg.png) repeat-y; text-transform:none; padding:0px; padding-left:12px; padding-right:30px; line-height:28px; }
#producten a:hover,#producten a:hover.last { background-image:url(../images/dropproductbg_over.png); color:#FFF; }
#producten a.last { background-image:url(../images/dropproductlast.png); }

#services { display:block; background:url(../images/spacer.gif) repeat; left:120px; }
#services a { width:165px; height:26px; font-size:90%; background:url(../images/dropservicebg.png) repeat-y; text-transform:none; padding:0px; padding-left:12px; padding-right:30px; line-height:28px; }
#services a:hover,#services a:hover.last { background-image:url(../images/dropservicebg_over.png); color:#FFF; }
#services a.last { background-image:url(../images/dropservicelast.png); }

a { color:#F00; text-decoration:none; }

.maincontent { width:820px; position:relative; margin-top:98px; }

.content { padding-right:9px; position:relative; }
.sidebar { width:208px; }
.search { width:209px; background:url(../images/zoeken.png) no-repeat; height:86px; padding-top:30px; color:#FFF; text-transform:uppercase; }
.search div { margin-left:20px; margin-right:20px; }
.search input { width:140px; border:#666 1px solid; float:left; }
.search #loepke { width:16px; height:16px; border:none; margin-left:5px; margin-top:2px; }
.search #zoekmeer { text-transform:lowercase; font-size:80%; text-align:right; padding-right:28px; }
.search #zoekmeer a { color:#FFF; }
.banners { margin-top:5px; }

.titel { font-size:150%; color:#fe0000; margin-bottom:25px; position:relative; text-transform:uppercase; letter-spacing:1px; font-weight:bold;  }
* html div.titel { z-index:-5; }
.smalltitel { padding-bottom:5px; position:relative; text-transform:uppercase;  }
* html div.smalltitel { z-index:-15; }
.item { margin-top:10px; }
.thumbnail { background:url(../images/vierkant.png) no-repeat; height:105px; margin-bottom:10px; display:block; cursor: pointer; }
.thumbnail div.pict { display:block; height:88px; width:88px; overflow:hidden; margin:8px; line-height:88px; text-align:center;	 }
.meer { background:url(../images/meer.png) top right no-repeat; margin-top:5px; margin-right:5px; font-weight:bold; padding-left:3px; }

.borderbottom { border-bottom:#019ee1 2px solid; }
.borderbottommargin { padding-bottom:5px; }
.topmargin { margin-top:20px; }

.geel,.geel a { color:#f8b525; }
.lichtgroen, .lichtgroen a { color:#0f9680; }
.blauw,.blauw a { color:#009de0; }
.paars,.paars a { color:#D1649A; }
.rood,.rood a { color:#ff0000; }

#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
	
	opacity: 0.95;
	padding-left:20px;
	padding-right:25px;
	font-size:80%;
	text-align:left;
	width:245px; height:139px; background:url(../images/tooltip.png) no-repeat;
}
#tooltip strong { color:#FFF; display:block; margin-top:5px; }


.bottom { text-align:right; font-size:90%; height:90px; background:url(/images/backgroundbottom.gif) no-repeat; }
.bottomtekst { margin-top:60px; }
.bottomtekst a { text-decoration:none; color:#000; }

.icons { text-align:right;  }
.icons img { margin-bottom:10px; }