/* Start of CMSMS style sheet 'Screen' */
/* CSS Document */

* { margin: 0;
      padding: 0;
      color: #ffffff;
}

* img {
	border: 0px;
}

* img a:visited {
  text-decoration: none;
  border: none;
}

* img a:hover {
  text-decoration: none;
  border: none;
}

body {
	background-color:  #2f404e;  /* #384046; */
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 62.5%; /* = 10px */
	text-align:left;
}

h1 {
	font-size: 1.3em;
	margin-bottom: 5px;
 	font-weight: normal;
}

h2 {
 	font-size: 1.3em;  
 	font-weight: normal;
	margin-bottom: 5px;
}

h3 {
 	font-size: 1.1em;  
 	font-weight: normal;
	margin-bottom: 5px;
	color:  black; 
}

div.imp * {
	color:  #1b2e3c; 
}

div.breadcrumbs {
   padding: 0.9em 0 0.4em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 0em;        /* css shorthand rule will be opened to be "0 1em 0 1em" */
}

#mainmenu {
	list-style-type: none;
	left: -1000px; 
	position: absolute;
	width: 200px;
}

#container {
	width: 955px;
	height: auto;
	margin: 0 auto 0 auto;  /* centreer */
	font-size: 1.3em; /* = 12px */
}

#topmargin {
	width: 955px;
	height: 10px;
}

#top {
	float: left;
                width: 955px;
                height: 5px;
	background-image: url(images/layout/top.jpg);
	background-repeat: no-repeat;
	font-size: 1px;	
}

#zmo {
	list-style-type: none;
	left: -2000px; 
	position: absolute;
	width: 200px;
}

#nav {
	float: left;
                width:705px;
                height:100px;
	background-image: url(images/layout/nav.jpg);
	background-repeat: no-repeat;		
}

#adres {
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;	
}

#nav ul {
	padding-top: 35px;
	padding-left: 20px;
	list-style-type: none; /* wegvallen van de stipjes of bullets */
}

#nav ul li {
	float: left;
	width: 98px;
	text-align: center;
	border:1px solid #49555f;
	background-color: #656f77;
	padding: 2px;
	margin-left: 7px;
}

#nav ul li a {
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none; 
}

#nav ul li a:hover {
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: underline; 
}

#logo {
	float: left;
                width:250px;
                height:100px;
	background-image: url(images/layout/logo.jpg);
	background-repeat: no-repeat;		  
	font-size: 1px;	
}

#fotol {
	float: left;
                width:705px;
                height:105px;
	background-image: url(images/layout/fotol.jpg); 
	background-repeat: no-repeat;		
}

.fotosmall {
	padding-top: 5px;
	padding-left: 5px;
	float: left;
}

.fotosmall img {
	border: 0px;
}

#fotor {
	float: left;
                width:250px;
                height:105px;
	background-image: url(images/layout/fotor.jpg); 
	background-repeat: no-repeat;		 
}

#content {
	float: left;
	width: 955px;
	background: url(images/layout/bgcontent.gif) no-repeat bottom right;
}	

#content p,
#content h1,
#content h2,
#content h3 {
                padding-left: 6px;
}

#contentleft {
	float: left;
	width:685px;
	height:auto;
	padding-left:20px;
	background-image: url(images/layout/contentleft.jpg);
	background-repeat: no-repeat;	
}

#contentleft ul.sun li {
	background-image: url(images/layout/ico_sun.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding-left:20px;
	list-style:none;
}

#contentright {
	float: right;
                width:250px;
                height:auto;
	background-image: url(images/layout/contentright.jpg);  	
	background-repeat: no-repeat;
}

div.col050 {
        float: left;
        width: 50px;
        padding: 1px;
}

div.col100 {
        float: left;
        width: 100px;
        padding: 1px;
}

div.col150 {
        float: left;
        width: 150px;
        padding: 1px;
}

div.col200 {
        float: left;
        width: 200px;
        padding: 1px;
}

div.col250 {
        float: left;
        width: 250px;
        padding: 1px;
}

div.col300 {
        float: left;
        width: 300px;
        padding: 1px;
}

div.col340 {
        float: left;
        width: 340px;
        padding: 1px;
}

div.col350 {
        float: left;
        width: 350px;
        padding: 1px;
}

div.col400 {
        float: left;
        width: 400px;
        padding: 1px;
}

div.coll {
        float:left;
        width: auto;
        padding: 1px;
}

div.colr {
        float:right;
        width: auto;
        padding: 1px;
}

div.cleardiv {
       clear: both;
}

div.verano {
       float: left;
       padding-top: 0.5em;
       padding-bottom: 0.5em;
       margin-bottom: 0.5em;
       border-bottom-width: thin;
       border-bottom-style: solid;
       border-top-color:  #384046;
}

div.vercol1 {
        float: left;
        width: 175px;
        padding-top: 35px;
}

div.vercol2 {
        float: left;
        width: 285px;
        padding: 1px;
        line-height: 2em;
}

div.vercol3 {
        float: left;
        width: 200px;
        padding: 1px;
        line-height: 2em;
}

div.vercol3 img {
        padding-right: 5px;
}

.contentfiller {
	float: right;
	width: 1px;
	height: auto;
}

div.contenttext {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
       
}

div.contenttext p { 
   margin: 1em 0;        /* css shorthand rule will be opened to be "1em 0 1em 0" */
}

#bottom {
	float: left;
    width:955px;
    height:5px;
	background-image: url(images/layout/bottom.jpg);
	background-repeat: no-repeat;		  
}

div.intro-text{
	width:635px;
	float:left;
	padding:7px;
}

ul#producten {
	margin:10px 0px 10px 0px;
	padding:0px;
}

ul#producten li{
	background-image: url(images/layout/ico_sun_right.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding-left:20px;
	list-style:none;
}

ul#producten li.selected{
	font-weight:bold;
}

div.contenttext select {
	background-color: #49555f;
}

div.contenttext .button {
	width: 35px;
	background-color: #49555f;
	margin-left: 5px;
}

div.but {
	width: 695px;
	text-align: center;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
}	

div.but ul {
	padding-top: 2px;
	padding-bottom: 3em;
	text-align: center;		
	list-style-type: none; /* wegvallen van de stipjes of bullets */
}

div.but ul li {
	float: left;
	width: 98px;
	text-align: center;
	border:1px solid #49555f;
	background-color: #656f77;
	padding: 2px;
	margin-left: 7px;
}

div.but ul li a {
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none; 
}

div.but ul li a:hover {
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: underline; 
}

/* menu tree */
.sitemap ul {
	padding-left: 0px;
	list-style-type: none; /* wegvallen van de stipjes of bullets */
}

.sitemap ul li {
	padding-left: 30px;
        line-height: 1.6em;
	font-size: 90%; 
	background-image: url(images/layout/ico_sun.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
}

/* End of 'Screen' */