/* Start of CMSMS style sheet 'CS_Style' */
@charset "UTF-8";
/* CSS Document - Design and Code: Jozias Boone, Nilsson BV */

/* -------------------------- Body -------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body {
	background:url(uploads/images/template/bg.gif) repeat-x center top;
        font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
        color: #FFFFFF;		
}

img {
       border: 0px;
}

a {
      color: #FFFFFF;
}


table {
      width: 420px;
       v-align: top;
       border-top: 1px solid #FF6600;
       border-left: 1px solid #FF6600;
       vertical-align: top;
}

table td {
       vertical-align: top;
       line-height: 15px;
        border-right: solid 1px #FF6600;
        border-bottom: solid 1px #FF6600;
       padding:2px;
}

fieldset {
border:none;
clear:left;
}

fieldset legend {
font-weight:bold;
}

fieldset label {
clear:left;
display:inline;
float:left;
margin:3px;
text-align:right;
width:18em;
}

fieldset div div label {
clear:none;
width:auto;
text-align:left;
}

div.nieuwsbrief label, div.nieuwsbrief input {
float:none;
}

fieldset input, fieldset select {
float:left;
display:inline;
margin: 2px 0;
}

div#block {
        width: 100%;
	height:auto;
	position:relative;
        z-index: 1;
}

div#container {
	position:relative;
	margin-left:auto;
	margin-right: auto;
	width: 924px;
       height: 732px;
       z-index: 80;
}

div#logo {
	position: absolute;
	width: 330px;
	height: 96px;
	top: 5px;
	left: 0px;
	z-index: 95;
}

div#top {
	position:relative;
	top: 0px;
	width: 924px;
	height: 76px;
	background:url(uploads/images/template/bg_top.gif) repeat-x;
	z-index: 4;
}


div#shadowleft {
	position:absolute;
	width: 50px;
	height: 396px;
	top: 154px;
	left: -50px;
	overflow:visible;
}

div#shadowright {
	position:absolute;
	width: 50px;
	height: 395px;
	top: 154px;
	left: 924px;
	overflow:visible;
}

div#bgbottom {
	position:absolute;
	width: 100%;
	height: 203px;
	bottom: 0px;
	background:url(uploads/images/template/bg_bottom.jpg) repeat-x;
        z-index: 1;
}

div#adres {
       position: absolute;
       top: 100px;
       left: 0px;
       height: 10px;
       color: #000000;
}

div#adres a {
color:#000000;
text-decoration:none;
}

div#adres a:hover {
text-decoration:underline;
}

/* -------------------------- Text -------------------------- */

h1 {
       margin-bottom: 0px;
       z-index: 99;
}

h1.content {
       margin-bottom: 20px;
              z-index: 99;
}

/* -------------------------- navigatie -------------------------- */

div#navigatie {
	position:relative;
	width: 924px;
	height: 46px;
	background:url(uploads/images/template/nav.gif) repeat-x;
	z-index: 93;
}

div#navbar {
	position: absolute;
	height: 45px;
	width: 900px;
	left: 0px;
	top: 33px;
	background:url(uploads/images/template/streep_nav.jpg) left no-repeat;
}

div#navbar ul {
	list-style: none;
	width: 900px;
}

div#navbar ul li {
	float: left;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 11px;
	padding-bottom: 11px;
	background:url(uploads/images/template/streep_nav.jpg) right no-repeat;
}

div#navbar ul li a {
	color:#003366;
	font-size: 14px;
	text-decoration:none;
        text-transform:lowercase;
}

div#navbar ul li a:hover {
        text-decoration: underline;
}


/* -------------------------- homepage -------------------------- */

div#sfeerbeeld {
	position: absolute;
	top: 154px;
	width: 362px;
	height: 375px;
	background-color:#333333;	
        overflow: hidden;
}

div#overlaysfeer {
        position: absolute;
	top: 154px;
	width: 166px;
        left: 247px;
	height: 375px;
        overflow: hidden;
        z-index: 1;
}

div#acties {
        position: absolute;
        top: 355px;
        left: 10px;
        width: 390px;
        height: 170px;  
        text-align:left;
        z-index: 98;
}

div#actie {
        position: absolute;
        top: 470px;
        left: -20px;
        width: 390px;
        height: 170px;  
        text-align:left;
        z-index: 98;
}

 div#actie img {
       float: left;
}


 div#acties img {
       float: left;
}


div#actie div {
position:absolute;
bottom:13px;
left:25px;
}

div#flashbanner {
       position: absolute; 
       width: 134px;
       height: 90px;
       bottom: 105px;
       left: 35px;
       z-index:99;
}

div#content {
	position: absolute;
	top: 154px;
	width: 541px;
	height: 375px;
	left: 383px;
	background: url(uploads/images/template/bg_home.jpg);
        z-index: 30;
}

div#tekst {
	left: 10px;
	top: 40px;
	position:absolute;
	width: 290px;
	height:auto;
	z-index: 12;
}

div#center ul, div#center ol {
padding-left:30px;
}

div#kaartje {
	position:absolute;
	width: 308px;
	height: 367px;
	right: 0px;
	top: 40px;
	left: 600px;
	top: 145px;
	z-index: 40;
}

div#footer {
	position:absolute;
	width: 924px;
	height: 203px;
	background: url(uploads/images/template/bg_footer.jpg);
	top: 529px;
       z-index: 9;	
}

div#linkslg {
       position: absolute;
       width: 227px;
       heigth: 78px;
       top: 225px;
       left: 10px;
}

div#linkcs {
       position: absolute;
       width: 227px;
       heigth: 76px;
       top: 304px;
       left: 10px;
}

/* -------------------------- vestiging page -------------------------- */ 

div#contentvestiging {
	position: absolute;
	top: 154px;
	width: 541px;
	height: 375px;
	left: 383px;
	background: url(uploads/images/template/bg_vestiging.jpg);
}

div#overlaybeeldrechts {
        position: absolute;
        width: 49px;
        height: 224px;
        top: 0px;
        left: 370px;
        z-index: 21;
}

div#beeldrechts {
        position: absolute;
        width: 160px;
        height: 224px;
        top: 0px;
        right: 0px;
        z-index: 20;
	background: #000000;        
}

div#tekstvestiging {
	left: 10px;
	top: 40px;
	position:absolute;
	width: 380px;
	height:auto;
	z-index: 72;
}

div#usps {
	left: 20px;
	top: 267px;
	position:absolute;
	width: 500px;
	height:100px;
	z-index: 74;
      color: #000000;
}

div#usps ul {
      list-style: disc;
      width: 520px;
      height: 50px;
}

div#usps ul li {
      list-style: disc;
      width: 120px;
     font-size: 10px;
     line-height: 15px;
     float: left;
     margin-right: 10px;
}




/* -------------------------- content page -------------------------- */ 


div#containercontent {
	position:relative;
	margin-left:auto;
	margin-right: auto;
	width: 924px;
	background: url(uploads/images/template/bg_content.gif);
       z-index: 20;
}

div#footercontent {
	position:relative;
	width: 924px;
	background: url(uploads/images/template/bg_footer.jpg);
	height: 203px;
       z-index: 80;
}

div#left {
       float: left;
       width: 206px;
       position: relative;
       min-height: 20px;
      margin-bottom: 110px;
}

div#left ul {
	list-style: disc;
        width: 150px;
        margin-top: 140px;
       padding-left: 45px;
}

div#left ul li {
        width: 150px;
        line-height: 17px;
        margin-bottom: 8px;
}

div#left ul li a {
	color:#FFFFFF;
	font-size: 12px;
       text-decoration:none;
        text-transform:lowercase;
}

div#left ul li a:hover {
        text-decoration: underline;
}

div#bottomtekst {
       position:absolute;
       bottom: 203px;
       width: 513px;
       height: 88px; 
       background: url(uploads/images/template/bottom_tekst.jpg);
       z-index: 99;
       left: 206px;
}


div#center {
       position: relative;
       float: left;
       width: 423px;
       padding-left: 45px;  
       padding-right: 45px;
       padding-top: 80px;
       margin-top: 50px;
       z-index: 16;
      margin-bottom: 110px;
}

div#right {
       float: left;
       width: 205px;
       position: relative;
      overflow: hidden;
      margin-bottom: 110px;
}

div#fotos {
        width: 148px;
        margin-top: 115px;
        margin-left: 28px;
}

div#fotos .hotspot img {
      border: 0px;
      margin-bottom:30px;
}

div.foto img {
        z-index: 80;
        position: relative;
}

div#fotoblock {
      position:relative;
      overflow: hidden;
      height: auto;
}

div#fotosoverlay {
        position: absolute;
        top: -15px;
        left: -26px;
        width: 204px;
        height: 337px; 
        z-index: 70;
}

div#fotolinks {
	position:absolute;
	width: 199px;
	height: 170px;
	left: 0px;
       top: -85px;
       text-align: center;
        z-index: 70;
}

.clear {
       clear: both;
}


/* -------------------------- banners -------------------------- */

div#banner1 {
	position:absolute;
	width: 175px;
	height: 75px;
	left: 203px;
       top: 7px;
       text-align: center;
        z-index: 70;
}

div#banner2 {
	position:absolute;
	width: 175px;
	height: 75px;
	left: 378px;
       top: 7px;
       text-align: center;
        z-index: 70;
}

div#banner3 {
	position:absolute;
	width: 175px;
	height: 75px;
	left: 553px;
       top: 7px;
       text-align: center;
        z-index: 70;
}

div#banner4 {
	position:absolute;
	width: 175px;
	height: 75px;
	left: 728px;
       top: 7px;
       text-align: center;
        z-index: 70;
}

div#wrapper {
       position: absolute;
       width: 100%;
       height: 100%;
       z-index: 99;
       background: #000000;
    -moz-opacity:0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:0.9;
       text-align: center;
}

div#uitnodiging {
        width: 800px;
        height: 600px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
}
/* End of 'CS_Style' */