/* reset margin and padding */
:link,:visited{text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}
a img,:link img,:visited img{border:none}
address{font-style:normal}
table,tr,td,th{border:0px;padding:0px;margin:0px;vertical-align:top;text-align:left;}
table{border-collapse:collapse;}

body,html{height:100%;margin:0;padding:0;font:11px "Trebuchet MS", Arial, sans-serif; color:#555;background:#c9c9c9 url(../images/mainbg.png) repeat-x 0 0;line-height:17px;}

h2{color:#cc071e;font-size:160%;margin-bottom:1em;}
h2.devider{margin-top:1em;}

h2.ml{background: url(../images/h2-labels.gif) no-repeat 0 0;text-indent:-5000px;height:20px;}
h2.ib{background: url(../images/h2-labels.gif) no-repeat 0 -55px;text-indent:-5000px;height:20px;margin:1em 0 0.5em;}
h2.imp{background: url(../images/h2-labels.gif) no-repeat 0 -85px;text-indent:-5000px;height:20px;margin:0.2em 0 0.5em;}
h2.ct{background: url(../images/h2-labels.gif) no-repeat 0 -105px;text-indent:-5000px;height:20px;margin:1em 0 0.5em;}
h2.lk{background: url(../images/h2-labels.gif) no-repeat 0 -135px;text-indent:-5000px;height:20px;margin:1em 0 0.5em;}


h2.nieuws{background: url(../images/h2-labels.gif) no-repeat 0 -25px;text-indent:-5000px;height:25px;margin-top:1em;}
h3{font-size:125%;color:#333;margin:1em 0 0.5em 0;}
h4{font-size:105%;color:#333;margin:0.5em 0 0.2em 0;}

p{margin-bottom:0.5em;}
a{color:#cc071e;text-decoration:underline;}

a.pdf{padding-left:15px;background: url(../images/pdf.gif) no-repeat 0 0;}
#maincontainer{width:850px;margin:auto;background: #fff url(../images/content-bg.gif) repeat-y 0 0;min-height:100%;}
#maincontainer a{text-decoration:underline;}
#maincontainer a:hover{color:#333;}


#header{height:131px;position:relative;background-color:#fff;}
#header ul{position:absolute;bottom:0;background-color:#cc071e;height:25px;width:800px;padding:0 25px;}
#header ul li{display:inline;float:left;height:25px;}
#header ul li a{color:#fff;background: url(../images/menu-bg.gif) no-repeat;text-indent:-5000px;display:block;height:25px;}

#header ul li a.home{ 			width:61px;background-position: 0px 0;}
#header ul li a.visie{ 			width:56px;background-position:-61px 0;}
#header ul li a.aanpak{ 		width:73px;background-position:-117px 0;}
#header ul li a.kwartiermakers{width:123px;background-position:-190px 0;}
#header ul li a.opdrachten{ 	width:101px;background-position:-313px 0;}
#header ul li a.nieuwsarchief{ width:113px;background-position:-414px 0;}

#header ul li a:hover.home{ 			width:61px;background-position: 0px -50px;}
#header ul li a:hover.visie{ 			width:56px;background-position:-61px -50px;}
#header ul li a:hover.aanpak{ 		width:73px;background-position:-117px -50px;}
#header ul li a:hover.kwartiermakers{width:123px;background-position:-190px -50px;}
#header ul li a:hover.opdrachten{ 	width:101px;background-position:-313px -50px;}
#header ul li a:hover.nieuwsarchief{ width:113px;background-position:-414px -50px;}

#header ul li.active a.home{ 			width:61px;background-position: 0px -25px;}
#header ul li.active a.visie{ 			width:56px;background-position:-61px -25px;}
#header ul li.active a.aanpak{ 		width:73px;background-position:-117px -25px;}
#header ul li.active a.kwartiermakers{width:123px;background-position:-190px -25px;}
#header ul li.active a.opdrachten{ 	width:101px;background-position:-313px -25px;}
#header ul li.active a.nieuwsarchief{ width:113px;background-position:-414px -25px;}

#header #login{color:#FFFFFF;left:25px;position:absolute;top:5px;color:#cc071e;}


#header .logo{width:256px;height:86px;position:absolute;right:25px;top:15px;background: url(../images/logo-maas.gif) no-repeat;text-indent:-5000px;}

#content{padding-bottom:40px;}
#content .left{width:520px;padding:25px 25px 0 25px;float:left;background-color:#fff;}
#content .left h2.cf{font-size:22px;margin-top:1em;}
#content .left h2.top{margin-top:0em;}
#content .left ul,#content .left ol{margin:1em 0.5em;}
#content .left ul li,#content .left ol li{margin-left:1em;background: url(../images/bull.gif) 0 6px no-repeat;padding-left:1.5em;}
#content .left ul.none{margin:0;padding:0;}
#content .left img{padding:5px;border:solid 1px #efefef;}
#content .left img.none{border:none;margin:0;}

#content .left ul.none li{background:none;margin:0;padding:0;}

#content .right{width:230px;float:right;padding:25px;}
#content .right h2.cf{font-size:18px;margin-top:1em;color:#333;}
#content .right h2.top{margin-top:0em;}


#showcase{position:relative;}
#showcase .wrapper{padding:4px;background-color:#fff;height:165px;border:solid 1px #ccc;position:relative;}
#showcase .wrapper img{width:220px;display:inline;position:absolute;top:4px;left:4px;}
#showcase .thumbs{height:25px;margin-top:10px;}
#showcase .thumbs img{padding:2px;width:15px;margin-right:3px;cursor:pointer;background-color:#fff;margin-right:4px;}
#showcase .thumbs img.active,#showcase .thumbs img:hover{background-color:#cc071e;}
#showcase .thumbs .lbl{padding-top:2px;position:absolute;bottom:36px;left:8px;background-color:#fff;color:#cc071e;opacity:0.7;width:205px;padding:1px 5px;}

img.toRight{float:right;}
img.toRight.spaced{margin-left:20px;}
.inlineBlock{display:inline-block;width:70px;}
div.row{clear:both;}

#footer{width:800px;margin:auto;font-size:10px;background-color:#cc071e;position:relative;min-height:17px;margin-top:-17px;color:#850a0d;padding:0 25px;}
#footer p{margin:0;padding:0;width:100%;}
#footer a{color:#850a0d;text-decoration:underline;}
.clear{clear:both;}
.flashContainer{width:220px;height:190px;margin-bottom:1em;padding:4px;border:solid 1px #ccc;background-color:#fff;}


#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#333333;z-index:400;cursor:pointer;}
#overlayBox{position:absolute;left:50%;margin-left:-210px;width:420px;height:600px;top:0;z-index:1000;text-align:center;}
#overlayBox #closeOverlay{position:absolute;z-index:411;right:0px;top:-10px;cursor:pointer;width:25px;height:25px;}
#options{width:370px;background-color:#fff;margin:auto;text-align:left;padding:25px;}

#options input[type="text"],#options input[type="password"]{border:solid 1px #ccc;width:240px;padding:3px;}
#options input[type="text"]:focus,#options input[type="password"]:focus{border:solid 1px #81a738;background-color:#f1ffd5;}
#options input[type="submit"]{background-color:#333;color:#fff;border:solid 1px #fff;padding:2px;display:block;margin-top:1em;cursor:pointer;float:right}
#options input[type="submit"]:hover{background-color:#81a738;}

#options .cw{background: url(../images/clockwise.gif) no-repeat 0 40px;padding-left:80px;height:170px;width:250px;}
#options .wm{background: url(../images/webmail.gif) no-repeat 0 40px;height:150px;width:250px;padding-left:80px;}
#options .ftp{height:50px;width:250px;float:left;padding-left:80px;}