/*KLEUREN
donkerblauw: #2b84b5
lichtblauw: #cef3ff
donkerblauw2: #1f7092
geel: #fffcab
lichtgrijs: #eeeeee
donkergrijs: #e3e3e3
*/

*{border:0;margin:0;padding:0;background:transparent;} 

body
{
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 90%; color: #999999;
background: #fff;
}

#border
{
border: 0px ;
width: 990px;
background-color: #FFFFFF;
margin:0px auto;
}

#header2{
margin-left:165px;
margin-top:5px;
}

* html #header { margin-left: 0; }

#content{
padding: 0px;
width: 1000px;
}



* html #content {height:1%}
* > html #content {height:auto}

#container
{
width: auto;
margin: 0px auto;
background-image:url('../images/bg2.gif') repeat-y;
}

#top{
margin-left:25px;
}

.splitright {
background: #ffffff url('../images/menu.gif') top center no-repeat;
width: 30%;
float: right;
overflow: hidden;
text-align: center;
}

.splitleft {
background: #ffffff;
margin-top: 0px;
width: 740px;
float: right;
overflow: hidden;
text-align: justify;
margin-left:15px;
}

#links_kolom{
float:left;
height:auto;
width:230px;
margin:5px 5px 5px 5px;
}

#text_main{
margin-top:20px;
}

#text_main a{
color:#1f7092;
text-decoration:none;
}

#text_main a:hover{
color:#cccccc;
text-decoration:none;
}

/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer
{
	height: auto;
	background-color:#2b84b5;
	margin-top: 20px;
	clear: both;
	border-top:1px solid #236c94;
}

#footer2 {
	font-size: 12px;
	color: #FFFFFF;
	text-align:center;
	background-color:#1f7092;
	height:20px;
	width:auto;
	padding:10px 0 0 0;
	text-transform:uppercase;
	border-top:1px dotted #37a9e7;
	}

#footer2 a{
text-decoration:underline;
text-shadow: 1px 1px 2px #666;
}

#footer2 a:hover{
text-decoration:underline;
text-shadow: 1px 1px 2px #666;
color:#999999;
}

.sitemap {
font-size: 12px;
color: #FFFFFF;
margin:15px 0 0 0;
}

#blok_footer{
height:275px;
width:200px;
float:left;
margin:10px 0 0 5px;
background-color:#6b7157;
}

#blok_footer h1{
color:#FFFFFF;
border-bottom:1px dashed #EBEBEB;
padding:10px 10px 0 0;
}

#tags{
height:200px;
width:1024px;
padding:15px 0 0 0;
margin:0px auto;
text-transform:uppercase;
}

a.tags{
padding:2px;
background-color:#1f7092;
color:#fff;
text-decoration:none;
margin:0 0 20px 0 ;
font-size:10px;
}

a.tags:hover{
padding:2px;
background-color:#8e7d81;
color:#fff;
text-decoration:none;
margin:0 0 20px 0 ;
}

.tags-h{
height:25px;
}


/*LINKS*/

/*- FOOTER*/
a.footer:active, a.footer:visited, a.footer:link, a.footer:active{
	color:#FFFFFF;
}

a.footer:hover{ 
color: #FFFFFF; 
text-decoration: underline; 
}

/*- BODY*/

a.body:active, a.body:visited, a.body:link, a.body:active{
	color:#5B8FBE;
	text-decoration: underline; 
}

a.body:hover{ 
color: #666666; 
text-decoration:none;
border-bottom:1px dashed #5B8FBE; 
}

#topmenu {
width: 1024px;
float:left;
text-transform:uppercase;
margin:0 0 10px 5px;
}
	  

#talen{
float:right;
font-size:10px;
margin:20px 30px 10px 0;
text-transform:uppercase;
width:600px;
}	  
	
/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
h1
{
font-size: 160%;
color: #666666;
text-transform:uppercase;
}

.titelright{
text-align:right; 
margin-right:30px;
}

.introtitel{
font-size:16px;
}

.wit{
color:#FFFFFF;
}

.padding-kast{
padding: 15px 0 0 60px;
font-size:15px;
color:#FFFFFF;

}

h3{
	color:#999999;
	font-weight:100;
	font-size:14px;
}

	
/*Breadcrumb*/
	
#breadcrumb{
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
font-size:9px;
color:#666666;
margin:10px;
}

#breadcrumb a{
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
font-size:9px;
color:#666666;
margin:10px;
text-decoration:none;
border-bottom:1px dotted #ccc;
}

/*search*/
#search{
width:220px;
height:160px;
background:url(../images/search.jpg) no-repeat left top;
}

.search{
background-color:#FFFFFF;
border:1px solid #cccccc;
height:25px;
width:150px;
font-size:12px;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
color:#CCCCCC;
background:url(../img/site/bg-zoekbox.gif) repeat-x left top;
}

.search2{
padding-top:20px;
}

.search_button{
cursor:pointer;
width:30px;
height:30px;
background:url(../img/site/zoeken.gif) no-repeat left top;
float:right;
margin:-2px 0 0 0;
}

/*RECLAMEFORMATEN*/

#skyscraper{
float:left;
margin-top:333px;
width:120px;
height:600px;
border:1px solid #CCCCCC;
margin-left:3px;
z-index:3;
}

#banner{
width:575px;
height:auto;
margin:0 auto;
}

#imu{
width:300px; 
float:right; 
margin-right:15px; 
margin-left:10px; 
height:300px;
}

#custom_banner{
margin-left:200px;
margin-top:30px;
}

/*TABS*/

#tabs{ 
margin-top:20px;
margin-bottom:20px;
margin-left:25px; 
width:500px;
height:327px;
background:url(../images/tabs_back.gif) no-repeat left top;

}

.tabstitle{
	color: #8A9170;
	font-size: 18px;
	font-weight: bold;
	font-family:"Trebuchet MS", verdana, arial;
	text-align: left;
}

.tabstxt{
	color: #666666;
	font-size: 14px;
	font-family:"Trebuchet MS", verdana, arial;
	text-align: left;
}

.shadetabs{
padding: 3px 0;
padding-top: 24px;
margin-bottom: 0;
font-size:12px;
font-family:"Trebuchet MS", verdana, arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/

}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border-top: 1px solid #8A9170;
border-left: 1px solid #8A9170;
border-right: 1px solid #8A9170;
color: #2d2b2b;
background: white url(../tabs/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../tabs/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
width: 300px;
margin-bottom: 1em; 
padding: 20px;
color:#FFFFFF;
}

/*Tips-+Info*/
#tabs{ 
margin-top:20px;
margin-bottom:20px;
margin-left:25px; 
width:531px;
height:327px;
background:url(../images/tabs_back.gif) no-repeat left top;

}

#tips-info-home{
width:700px;
height:500px;
}

#tips-info{
margin:20px 0 0 20px;
width:700px;
height:400px;
background:url(../img/site/tips-info.gif) no-repeat left top;
}

#cssnewsbox{ /*Style for RSS box for #cssnewsbox box (last demo)*/
width: 650px;
height: 260px;
padding: 15px;
padding-top:50px;
}

#cssnewsbox .rsscontainer{
margin-bottom: 1em;
}
	
/*intro_links*/

#links_container{
margin-left: auto;
margin-right: auto;
width:895px;
}

#links{
width:430px;
height:auto;
float:left;
}

#links_txt{
padding:30px;
text-align:left;
}

/*fotos*/

.foto_js{
border:1px solid #666666;
margin-bottom:10px;
}

.foto_space{
border:1px solid #d0d0cf;
margin:10px;
padding:3px;
background-color:#f1f1f0;
}

#film{
width:350px;
height:250px;
float:right;
background:#fbfbfb;
padding:10px;
border:1px solid #ebebeb;
}

#film_right{
width:350px;
height:250px;
float:right;
background:#fbfbfb;
padding:10px;
border:1px solid #ebebeb;
margin:0 0 0 10px;
}

#film_left{
width:350px;
height:250px;
background:#fbfbfb;
padding:10px;
border:1px solid #ebebeb;
float:left;
margin:0 10px 0 0;
}

.pic{
border:1px solid #666666;
margin-left:20px;
margin-top:60px;}

.pic-kasten{
border:1px solid #666666;
margin:25px 0 10px 13px;
}

.pic_txt{
margin-left:20px;}

.pic_txt_kast{
padding-left:5px;}

/*Meubelen_sitemap*/
#blokje1{
height:275px;
width:265px;
float:left;
margin-left:10px;
}

#blokje2{
margin-top:10px;
margin-left:5px;
background-image:url(../images/blanco.gif);
background-repeat:no-repeat;
height:250px;
width:265px;
}

#blokjetxt{
padding:20px 10px 10px 10px;
}

.tempur{
background:url(../tempur/images/tempur_catalogus.gif) top left no-repeat;
width:570px;
height:110px;
}

.solden{
background:url(../meubelen-solden/img/folder/hoofding.gif) top left no-repeat;
width:570px;
height:110px;
}

.iconspan{
float: right;
margin-top:60px;
margin-right: 8px;
cursor:pointer;
font-weight: bold;
color:#FFFFFF;
}

#contact_form{
width:551px; 
height:auto; 
margin-left:13px; 
}

#contact_form_vacature{
width:650px; 
height:auto; 
border:1px solid #d0d0cf;
padding:10px;
background-color:#e6f6ff;
border:1px solid #d1efff;
text-transform:uppercase;
font-size:12px;
}

#contact_form_vacature li{
list-style:none;
margin:0 0 5px -5px;
}


.form{
background-color:#FFFFFF;
border:1px solid #666666;
}

.button_form{
background-color:#FFFFFF;
border:1px solid #666666;
cursor:pointer;
}

#actie{
background:url(../img/aktie.gif) top left no-repeat;
width:575px;
height:310px;
padding:8px 8px 8px 15px;
color:#666666;
}

.blanko{
background-image:url(../kasten/img/blanko.gif); 
background-repeat:no-repeat;
padding:10px;
}

#natuzzi_topmodellen{
background:url(../img/natuzzi-topmodellen.gif) top left no-repeat;
width:575px;
height:200px;
margin:15px 0 0 0;
}

#natuzzi_topmodellen a {
color: #9ba082;
}

#natuzzi_topmodellen a:hover {
color: #666666;
}

#natuzzi_modern{
width:250px;
float:left;
margin:100px 0 0 30px;
}

#related{
width:250px;
height:250px;
background:url(../img/related.gif) top left no-repeat;
float:left;
margin:10px 0 0 25px;
}

.clear{
clear:both;
}

.overzicht{
border:1px solid #ccc;
padding:5px;
width:250px;
height:auto;
float:left;
margin:0 10px 10px 10px;
background-color:#fdfdfc;
}

.overzicht:hover{
background-color:#f3f3f3;
}

.clear{
clear:both;
}

.promo{
background:url(../promoties/img/bg.jpg) top left no-repeat;
width:400px;
height:95px;
padding:15px;
}

/*boxes*/

.box{
	width:200px;
	height:auto;
	background:#eee;
	padding:10px;
	border:8px solid #E3E3E3;
	margin:0 0 10px 0;
}

.catalogus{
width:300px;
height:200px;
background:#fbfbfb;
padding:10px;
border:1px solid #ebebeb;
float:left;
margin:0 40px 30px 0;
}

.catalogus_big{
width:700px;
height:500px;
background:#fbfbfb;
padding:5px;
border:1px solid #ebebeb;
margin:0 auto;
}

.catalogus_txt{
text-transform:uppercase;
font-weight:bold;
color:#666;
font-size:12px;
margin:10px -10px 0 0;
}

.boxshaduw{
background:url(../img/linksschaduw.png) bottom left no-repeat;
}

.box h3{
font-size:22px;
color:#1f6f90;
background:url(../img/sepboxlinks.gif) bottom left repeat-x;
margin:0 0 10px 0;
}

.box a{
color:#1f7092;
text-decoration:none;
}

.box a:hover{
color:#666666;
text-decoration:none;
}

.plus li{
padding-left: 30px;
background-image: url(../img/plus.png);
background-repeat: no-repeat;
background-position: 5px;
text-transform:uppercase;
list-style:none;
}

.upper{
text-transform:uppercase;
}

.upper_small{
text-transform:uppercase;
font-size:10px;
}

/*MENU2*/

.moensmenu{
width: 990px;
overflow: hidden;
}

.moensmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
border-right: 1px solid #564c66;
border-width: 1px 0;
background: url(../img/site/nav/indentbg3.gif) top left repeat-x;
}

.moensmenu ul li{
display: inline;
height:95px;
}

.moensmenu ul li a{
float: left;
color: #666666; /*text color*/
padding: 17px 17px;
text-decoration:none;
}

.moensmenu ul li a:visited{
color: #666666;
}

.moensmenu ul li a:hover, .moensmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding: 17px 17px;
background:url(../img/site/nav/indentbg2.gif) top left repeat-x;
}

#blok{
width:212px;
height:auto;
float:left;
margin:10px 10px 0 16px;
}

.border_img{
border:1px solid #CCCCCC;
padding:5px;
}

.border_img:hover{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background-color:#e6e6e6;
}

/TABS*/
.tabs{
width: 100%;
color:#ccc;
}

.tabs ul{
margin: 0 0 0 10px;
padding: 0;
float: left;
/* width: 80%; width of menu*/
background-color: #fff;
}

.tabs ul li{
display: inline;
}

.tabs ul li a{
float: left;
color: #ccc;
padding: 5px 11px;
text-decoration: none;
background-color:#e6e6e6;
margin:0 5px 0 0;
text-transform:uppercase;
}

.tabs ul li a:visited{
color: #ccc;
}

.tabs ul li a.selected{
color: #fff !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: #2b84b5;
}

.tabcontentstyle{
background-color:#2b84b5;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

.lijn{
clear:both;
border-bottom:1px solid #e3e3e3;
margin:30px 0 10px 0;
}

.titeltekst {
	color:#666666;
	font-size:12px;
	padding:10px 10px 0;
	line-height:15px;
	text-transform:uppercase;
	background-color:#ffffff;
	padding:5px;
	margin:0 0 5px 0;
}

.knop{
background:#e3e3e3;
color:#2b84b5;
font-size:10px;
text-transform:uppercase;
width:60px;
height:20px;
padding:3px 0 0 10px;
float:right;
text-decoration:none;
}

.knop a:hover{
color:#fff;
text-decoration:underline;
}

.knop a:visited{
color:#2b84b5;
text-decoration:none;
}

#countrytabs{
height:auto;
margin:50px 0 0 0;
}

.social{
width:70px;
float:left;
}

.social_box{
width:720px;
height:100px;
margin:20px 0 0 0;
background-color:#e6f6ff;
border:1px solid #d1efff;
}

.box h3{
text-transform:uppercase;
}

/*FORMS*/

div.row {
  clear:both;
  padding-top:5px;
  }

div.row span.label {
float:left;
width:120px;
text-align:left;
padding-left:25px;
font-size:11px;
color:#666;
text-transform:uppercase;
  }

div.row span.formw {
  float:right;
  width:335px;
  text-align:left;
  } 
  
.streepje{
background-color:#1f7092;
text-align:center;
color:#fff;
margin:10px 0 0 15px;
padding:5px;
text-transform:uppercase;
}

#header {
background:url(../img/site/logo.png) no-repeat top left;
float:left;
height:220px;
position:relative;
width:300px;
margin:-30px 0 10px -75px;
}

#header a {padding-top:250px; display:block;}

#line{
clear:both;
}

#headermenu{
float:right; 
height:20px; 
width:330px;
}

#headermenu a{
text-decoration:none;
border-bottom:1px dotted #ccc;
text-transform:uppercase;
color:#999;
}
 
#headerzoekbox{
float:right;
width:200px;
margin:-5px -40px 0 0;
 }
 
.img_fade:hover{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.geel{
background-color:#fffcab;
border:1px solid #f0ec7b;
padding:2px 2px 2px 2px;
text-transform:uppercase;
font-size:12px;
}

.lichtblauw{
background-color:#cef3ff;
border:1px solid #2b84b5;
padding:2px 2px 2px 2px;
text-transform:uppercase;
font-size:12px;
}

.donkerblauw{
background-color:#2b84b5;
border:1px solid #cef3ff;
padding:2px 2px 2px 2px;
color:#FFFFFF;
text-transform:uppercase;
font-size:12px;
}

.lichtgrijs{
background-color:#eeeeee;
border:1px solid #e3e3e3;
padding:2px 2px 2px 2px;
text-transform:uppercase;
font-size:12px;
}

.donkergrijs{
background-color:#e3e3e3;
border:1px solid #eeeeee;
padding:2px 2px 2px 2px;
color:#FFFFFF;
text-transform:uppercase;
font-size:12px;
}

.kolom{width:310px;float:left;text-align:left; margin:0 0 10px 20px; font-size:12px;}
.grijs	{padding:10px 5px 10px 5px;background:#f7f7f7;border:1px solid #ececec}
.zwart	{padding:10px 5px 10px 5px;background:#252525;border:1px solid #252525}
.paars	{padding:10px 5px 10px 5px;background:#a285a6;border:1px solid #a285a6}

.ruimte{
margin:0 20px 20px 20px;
}
