@charset "utf-8";
/* CSS Document */

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

* img {
	border: 0px;
}

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

h1 {
	font-size: 2em;
	margin-bottom: 5px;
	font-style: italic;	
}

h2 {
 	font-size: 1.2em;  
 	font-weight: bold;
	margin-bottom: 5px;
}

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

#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/top.jpg);
	background-repeat: no-repeat;
	font-size: 1px;	
}

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

#adres {
    margin-top: 0px;
	padding-top: 40px;
	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/logo.jpg);
	background-repeat: no-repeat;		  
	font-size: 1px;	
}

#fotol {
	float: left;
    width:705px;
    height:105px;
	background-image: url(../images/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/fotor.jpg); 
	background-repeat: no-repeat;		 
}

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

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

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

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

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

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

div.contenttext * {
	color: #ffffff;
}

#bottom {
	float: left;
    width:955px;
    height:5px;
	background-image: url(../images/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/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: 5px;
}	

div.but ul {
	padding-top: 2px;
	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; 
}


/* ------------------------ table weer ------------------------ */

table.weersvoorspelling{border-collapse:collapse;}
table.weersvoorspelling td {
	text-align:center; 
	font-weight:normal; 
	font-size:85%; 
	line-height:70%;
}
table.weersvoorspelling img { border: 0; }
td.vr{border-right:1px solid #fdc87d;}
p.weer-omschrijving{font-size:85%;}

.galleria_container { margin: 0 0 0 0;}
.galleria_thumbnails { margin: 0 0 0 -15px; width:700px;}
.galleria_wrapper { margin-bottom: 10px;}
.galleria {list-style:none;width:700px}
.galleria li {
  display:block;
  width:95px;
  height:95px;
  overflow:hidden;
  float:left;
  margin:0 5px 5px 0;
}

.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:700px} /* MSIE bug */