@charset "utf-8";
/* CSS Document */
body{
	background-color: #111111;
	background-image:url(../img/background.png);
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0;
    background-repeat: repeat-x;
    }
 img{ outline:none;}  
 a {
  color:#333;
  text-decoration: none;
    } 
    a:hover{
  color:#F86C13;
  text-decoration: none;
}  
#toppage{
float:right;
line-height:40px;
color:#F86C13;
}
#wrap{
	width:960px;
	margin: 0em auto 0em auto;
	}
	
#nav-top{
	height:51px;
	margin: 0em 0em -10px 0px;
	}
	#nav-topfront{
	height:51px;
	margin: 0em 0em -10px 0px;
	}
#borderbtop{
height:10px;
width:100%;
background: url("../img/borderbtop.png") repeat-x top left;
clear:both;
margin: 0px;
position: relative;
z-index:9;
}
#borderb{
height:7px;
width:100%;
background: url("../img/borderbottom.png") repeat-x top left;
clear:both;
margin: 0px;
}			
ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:41px;
	font-size:11px;
	clear:both;
}
ul#menu li{
	display:block;
	float:left;
	margin: 0px 0em 0em 0em;
	height:41px;

}
ul#menu .huidig{
	display:block;
	float:left;
	color:#F86C13;
	height:41px;
	padding:0px 17px 0 17px;
	background:transparent url("../img/backover.png") repeat-x top left;
}
ul#menu .border{
padding:0px;
display:block;
	float:left;
	height:41px;}
ul#menu .home{
	display:block;
	float:left;
	height:41px;
	padding:0px 17px 0 17px;
	background:transparent url("../img/backover.png") repeat-x top left;
}
ul#menu li a{
	display:block;
	float:left;
	color:#CCC;
	text-decoration:none;
	padding:0px 17px 0 17px;
	height:41px;
	}
ul#menu li a:hover{
	color:#F86C13;	
	}

		
#head{
	height:316px;
	width:960px;
	padding:0px;
	margin: -10px 0em 20px 0em;
	z-index:-2;
	}
#otherpages{
width:960px;
background: #CCC url(../img/otherback.png) repeat ;
margin:0px;
padding:0px;
}
#otherpages1{
width:960px;
height:475px;
background: #CCC url(../img/otherback.png) repeat ;
margin:0px;
padding:0px 0px 10px 0px;
}
		
#headabout{
	height:40px;
	line-height:20px;
	width:914px;
	clear: both;
	padding:0px;
	margin: 0em 0px 0px 17px;
	background: #CCC;
	border-bottom:1px solid #999;
	}	
#leftkolom{
	float:left;
	width:235px;
	padding:0;
	
	}
#leftkolomother{
	float:left;
	width:634px;
	padding:0;
	margin: 25px 0em 0em 17px ;
	background: #CCC;
	}
	#leftkolomproduct{
	float:left;

	padding:0;
	margin: 25px 0em 0em 17px ;
	background: #CCC;
	}
#leftkolomother h1{
    font: bold 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #333;
    margin: 0px 0em 25px 0px;
	padding:0;
    }
    #prodinfo h1{
    font: bold 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #333;
    margin: 0px 0em 25px 0px;
	padding:0;
    }
#leftcontent{
	float:left;
	width:235px;
	padding:0;
	margin: 0em 0em 12px 0em;
	
	}
	#leftinner{
	padding: 0em 0em 6px 0em;
	height:100%;
	margin: 0em 0em 0px 0em;
	background:#222222;
	}
#rightkolom{
   width:704px;
   float:left;
   margin: 0em 0em 0em 20px;
   
   }
#space{
width:100%;
clear:both;
height:20px;}
#rightkolomother{
   width:274px;
   float:right;
   margin: 20px 23px 0em 0px ;
   padding:0px;
   }
#rightproduct{
   width:270px;
   float:right;
   margin: 26px 17px 0em 0px ;
   padding:0px;
   }   
#contactwrap{
float:left;
width: 422px;
padding:0px;

} 
#contact{
float:left;
width: 422px;
padding: 0em 0px 0em 0px;
border-right:1px solid #999;
} 
#prodinfo{
float:left;
width: 218px;
padding: 0em 0px 0em 0px;
}
#prodfoto{
float:left;
width: 385px;
padding: 0em 0px 0em 0px;
margin: 0px 0em 0px 50px;
}#contactn{
float:left;
width: 422px;
padding: 0em 0px 0em 0px;

} 
#contactinfo{
float:left;
width: 180px;
padding-left: 20px;}
.form{
	padding:0;
	width:644px;
	}   
#rightimg{
float:left;
padding: 0em 0em 25px 25px;
margin:0;
}  
.rimg {
border: 6px solid #CCC;
} 
.rimg:hover{
border: 6px solid #fff;
} 
.currentimg{
border: 6px solid #fff;
} 
#rightcontent{
   width:704px;
   float:left;
   margin: 0em 0em 12px 0px;
    
   }
#rightinner{
   width:704px;
   float:left;
   padding: 0px 0em 20px 0em ;
   background: #CCC;
   }   
#lefthead{
   width:235px;
   height:40px;
   margin: 0 0 0 0px;
   background-image:url(../img/lefthead.png) ;
   background-repeat: no-repeat;
   font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
   color: #CCC;
   padding: 0px 0em 0em 20px
   } 
#leftmenu {
  margin: 0px 6px 0px 6px;
  background-color:#000;
  color:#CCC;
}  

#left{
margin:0px;
padding: 0em 0em 14px 14px;
list-style:none;

}
h3 a {
  color:#333;
  text-decoration: none;
    }
	h3 a:hover {
  color:#F86C13;
  text-decoration: none;
    }
.list{
  color:#F86C13;
  text-decoration: none;
  padding: 14px 0 0 0;
  
  }
.list a{
  color:#CCC;
  text-decoration: none;
  
  }
.list a:hover{
  color:#F86C13;
  text-decoration: none;
}  
    
#righthead{
   height:40px;
   width:704px;
   background-image:url(../img/righthead.png) ;
   background-repeat: no-repeat;
   margin: 0em 0em 0px 0px;
   padding: 0px 20px 0em 20px;
   
}
 #container {
        margin:20px auto 0px auto;
		width:704px;
		height:320px;
		border:none;
		text-align:left;
		background:#CCC;
		
    }
#video{
	height:40px;
	width:120px;
	line-height:40px;
	background:url(../img/play.png) no-repeat;
	}
#video:hover{
	height:40px;
	width:120px;
	background:url(../img/playover.png) no-repeat;
	}		
#headtext{
  line-height:40px;
  float:left; 
}  
#headtext2{
  line-height:40px;
  color:#F86C13;
  float:left;
}
#headtext4{
  margin-top:7px;
  color:#F86C13;
 float:right;
}
#headtext3{
  line-height:40px;
  color:#fff;
  float:left;
}
#headtext5{
  line-height:40px;
  color:#fff;
  float:right;
  padding-right:20px;
}
#headtext5 a{
 color:#fff;
}
#headtext5 a:hover{
 color:#F86C13;
}
#toptext{
 margin-top:10px;
 float:right;
  color:#F86C13;
}
#thumbcontainer{
margin:20px auto 0px auto;
		width:704px;
		height:160px;
		border:none;
		text-align:left;
		background:#CCC;

}

#rightthumb{
  float:left;
  width:112px;
  margin: 20px 0em 0em 23px;
  }
#rightthumb a  {
  color:#333;
  text-decoration: none;
  }
#rightthumb a:hover{
  color:#F86C13;
  text-decoration: none;
}    
.thumb  {
border:6px solid #CCC;
margin-bottom:10px;
}  

.thumb:hover {
border:6px solid #fff;
}  
#footer{
clear:both;
height:10px;
} 	
.yui-carousel-element li {
        width: 112px;
        height: 140px;
		border:none;
		text-align:left;
		margin: 10px 10px 10px 10px;
		text-decoration: none;
    }
	 .yui-carousel-element li a{
	text-decoration: none;	
	color:#333;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 }
	 .yui-carousel-element li a:hover{
  color:#F86C13;
  text-decoration: none;
}  
	

    .yui-carousel-element .yui-carousel-item-selected {
        border:none;
		outline:none;
		margin: 10px 10px 10px 10px;/* Override selected item's dashed border so it feels more like a photo album */
    }
	#pagination  {
    
    margin: 0px 0px 0px 0px;
    padding-right: 40px;
	line-height:40px;
    text-align: right;
	width: 340px;
	float:right;
}
.yui-skin-sam .yui-pg-pages {
	width:8px; height:8px; padding:3px 6px;
background-image: url(../img/huidige.png);
}

.yui-skin-sam .yui-pg-page a.hover { 
	    background: url(../img/huidige.png); 
	    
}
.yui-skin-sam .yui-pg-current-page {background: url(../img/huidige.png);
border:none;
margin: 0px 5px 0px 5px;
padding:3px 6px;}

.page { 
width:9px; height:28px; 
padding:0px;
border:none;
background: url(img/navimage.png) no-repeat center center;
margin-left:5px;
margin-right:5px;	
margin-bottom:10px;
text-decoration:none;
outline:none;

}

#contact-wrapper label {
	display:block;
	float:none;
	font-size:11px;
	
}
 .input {
	border: 1px solid  #343434 ;
	width:390px;
	padding:5px;
	font-size:11px;
	color:#333;
}
 .input2 {
	border: 1px solid  #343434 ;
	width:300px;
	padding:5px;
	font-size:11px;
	color:#333;
}
 .select {
	width:375px;
	padding:5px;
	font-size:11px;
	color:#333;
}
 .textarea {
	width:388px;
	height:150px;
	padding:0.6em 0.5em 0.7em;
	border: 1px solid  #333 ;
}
.label{
	padding-bottom:10px;}
.label2{
	padding-bottom:10px; line-height:25px;}

#slideshow {
    position:relative;
    height:389px;
	margin:0px;
	padding:0px;
}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li.cute {
	float:left;
    width:112px;
    height:112px;
    margin: 0px 0px 20px 20px;
	list-style: none;
	padding:0px;
}
a.thumb {
	padding: 0px;
	display: block;
	border: 6px solid #ccc;
}
a:hover.thumb {
	padding: 0px;
	display: block;
	border: 6px solid #FFF;
}
ul.thumbs li.selected a.thumb {
	border: 6px solid #FFF;
}
a.thumb:focus {
	outline: none;
}

div.slideshow-container {
	position: relative;
	padding:0px; margin:0px;
	clear: both;
	height: 389px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../img/ajax-loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 382px;
	height: 382px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
padding:0px; margin:0px;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 389px;
	height: 389px; /* This should be set to be at least the height of the largest image in the slideshow */
	
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 6px solid #FFF;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float:left;
    width:112px;
    margin: 0px 0px 15px 15px;
	list-style: none;
}
a.thumb {
	padding: 0px;
	display: block;
	border: 6px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	border: 6px solid #FFF;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
.button{
color:#CCC;
padding:4px;
font: 12px bold Arial, sans-serif ;
background: url(../img/buttonbg.png) no-repeat;
height:30px;
width: 63px;
border:none;
}
ul#portfolio  {
	padding: 0px;
	margin: 0px 0em 0em 0px;
	list-style:none;
	position: relative;
	z-index:0;
}
ul#portfolio  li {
	padding: 0px;
	margin:0px;
}


ul#portfolio  li img{
	border:none;
	padding: 0px;
	margin:0px;
}