/* Start of CMSMS style sheet 'slg' */
@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: #000000;
margin:0;
padding:0;
}

img {
       border: 0px;
}

a {
      color: #FF6600;
}

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

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

div#logo {
	position: absolute;
	top: 18px;
	left: 0px;
	width:194px;
	height:62px;
	z-index: 5;
}



div#top {
	position:absolute;
	top: 0px;
        left: 0px;
	width: 924px;
	height: 145px;
       background:url(uploads/images/template/bg.gif) repeat-x center top;
	z-index: 90;
}

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

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

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

div#bgbottomcontent {
	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;
}

h1.content {
       margin-bottom: 30px;
}

h2 {
       margin-bottom: 0px;
}

h2 a {
       color:#FFFFFF;
       text-decoration:none;
}

h2 a:hover {
       text-decoration:underline;
}

h3 {
       margin-bottom: 0px;
}

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

div#navigatie {
	position:absolute;
	width: 924px;
	height: 40px;
	background:url(uploads/images/template/nav.gif) repeat-x;
	z-index: 93;
       top: 97px;
      left: 0px;
}

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

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

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

div#navbar ul li a {
	color:#000000;
	font-size: 12px;
	text-decoration:none;

}

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

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

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

div#overlaysfeer {
        position: absolute;
	top: 0px;
	width: 99px;
        left: 300px;
	height: 375px;
        overflow: hidden;
        z-index: 20;
}

div#actie {
        position: absolute;
        top: 440px;
        left: 0px;
        width: 190px;
        height: 170px;  
        text-align:left;
        z-index: 99;
}

div#content {
	position: absolute;
	top: 145px;
	width: 924px;
	height: 375px;
	left: 0px;
	background: url(uploads/images/template/bg_home.jpg);
}

div#tekst {
	left: 405px;
	top: 25px;
	position:absolute;
	width: 220px;
	height:auto;
	z-index: 12;
}

div#news {
	left: 695px;
	top: 25px;
	position:absolute;
	width: 200px;
	height:auto;
	z-index: 12;
}

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;
	top: 520px;
       z-index: 9;	
}

div#labels_slg {
       position: absolute;
       height: 85px;
       left: 0px;
       top: 0px;
}

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

div#linkcs {
       position: absolute;
       width: 227px;
       heigth: 76px;
       top: 298px;
       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#beeldrechts {
        position: absolute;
        width: 247px;
        height: 233px;
        top: 104px;
        right: 0px;
        z-index: 20;
}

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.jpg) no-repeat;
       z-index: 11;
}

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

div#bottomtekst {
       position:absolute;
       bottom: 203px;
       width: 924px;
       height: 116px; 
       z-index: 98;
       left: -1px;
}

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

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

div#left ul li {

        width: 150px;
        line-height: 17px;
        margin-bottom: 8px;
	background: url(uploads/images/template/pijltje_nav.gif) no-repeat left;
       padding-left: 15px;
       
}

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#center {
       position: relative;
       float: left;
       width: 373px;
       padding-left: 70px;  
       padding-right: 30px;
       padding-top: 210px;
       z-index: 16;
      margin-bottom: 110px;
      
}

div#right {
       float: left;
       width: 227px;
       position: relative;
      overflow: hidden;
      padding-bottom: 30px;
}

div#fotos {
        width: 148px;
        margin-top: 230px;
        margin-left: 80px;
}

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

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

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

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;
}




/* End of 'slg' */