html{ overflow-x:hidden; height:100%; background:url(../images/bg_papier.jpg) top; }
body{ height:100%; margin:0px; padding:0px; color:#5b5b5b; font-size:0.80em; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x top; }
body a{ text-decoration:none; color:#c1131e; font-weight:bold; }
body a:hover{text-decoration:underline; color:#c1131e;font-weight:bold; }

body.home{ background:url(../images/bg_home.jpg) repeat-x top; }

.clear{clear:both; overflow:hidden; height:0px;} .clear2{clear:both; } img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 { font-size:1.0em; margin:0px; padding:0px;} p{margin:0px; padding:0px 0px 18px 0px;} * {outline:0;}
/*******************************/
/* CONTAINER DIVISION */
/*******************************/


#container{ position:relative; width:1000px; margin:0 auto; }

/*******************************/
/* MENU + TOP DIVISION */
/*******************************/
#top	
{ 
	width:1000px; 
	float:left;
	padding-top:56px;
} 

#menu	
{ 
	width:700px;
	float:left;
	padding-top:13px;
	font-size:1.25em;
	height:32px;
	overflow:hidden;
} 

#menu ul li	
{ 
	float:left;
	display:block;
	height:32px;
	background:url(../images/bg_li.jpg) no-repeat left;
	padding:0px 10px 0px 12px;
} 

#menu ul li:first-child
{ 
	background:none;
} 

#menu ul li a	
{ 
	float:left;
	display:block;
	height:25px;
	padding:7px 10px 0px 8px;
	color:#54442c;
}

#menu ul li.selected a	
{ 
	background:url(../images/bg_lia.jpg) repeat-x;
	color:#fff;
	text-decoration:none;
}

#menu ul li a:hover	
{ 
	background:url(../images/bg_lia.jpg) repeat-x;
	color:#fff;
	text-decoration:none;
}

#logo	
{ 
	width:290px;
	float:right;
	padding-right:10px;
} 

/*******************************/
/* MIDLE DIVISION */
/*******************************/
#middle
{ 
	float:left;
	width:1000px;
}

.home .header
{ 
	float:left;
	width:980px;
	padding:78px 0px 35px 10px;
	margin-left:-1px;
}

.logos ul{ text-indent:-3333px; height:69px; width:1000px; float:left;  background:url(../images/bg_logos.jpg) no-repeat; }
.logos ul li { float:left; display:block; height:69px; margin-right:5px; }
.logos ul li a{ float:left; display:block; height:69px; }
.logos ul li.bjorn a, .logos ul li.bjorn{ width:158px; }
.logos ul li.gstar a, .logos ul li.gstar{ width:195px; }
.logos ul li.relakz a, .logos ul li.relakz{ width:143px; }
.logos ul li.british a, .logos ul li.british{ width:211px; }
.logos ul li.pepe a, .logos ul li.pepe{ width:161px; }
.logos ul li.pall a, .logos ul li.pall{ width:99px; }

.rij_blokken{ float:left; width:1000px; padding-bottom:20px; }
.rij1_blokken{ margin-top:20px; float:left; width:1000px; }
.blok{ float:left; width:301px; height:245px; position:relative; color:#000000; padding:10px 0px 0px 9px; background:url(../images/bg_blok.png) no-repeat; margin-right:34px; font-size:0.85em; line-height:18px; }
.blok .normal, .blok .twitter, .blok .last, .blok .contactgegevens{ padding:20px 30px 0px 28px; width:243px; height:230px; float:left; }
.blok .twitter{ background:url(../images/bg_twitter.jpg) no-repeat; }
.blok .contactgegevens{ background:url(../images/bg_contactgegevens.jpg) no-repeat; }
.blok .contactgegevens form{ padding:16px 0px 0px 0px; }
.blok .contactgegevens form input{ font-size:1.1em; font-family:arial; color:#4c3b26; font-weight:bold; padding:0px 0px 0px 14px; width:194px; height:35px; line-height:35px; margin:0px 0px 12px 0px; background:url(../images/bg_form.gif) no-repeat; border:0; }
.blok .contactgegevens form input.hidden{ display:none; }
.blok .contactgegevens form em a{ width:105px; margin-right:16px; height:30px; background:url(../images/bg_afmelden2.gif) no-repeat; display:block; cursor:pointer; text-indent:-3333px; float:left; }
.blok .contactgegevens form em a:hover{ opacity:0.6; filter:alpha(opacity=60); }
.blok .contactgegevens form input.submit{ width:119px; height:28px; background:url(../images/bg_verstuur2.gif) no-repeat; cursor:pointer; float:left; }
.blok .contactgegevens form input.submit:hover{ opacity:0.6; filter:alpha(opacity=60); }
.blok .twitter ul li span a{ font-weight:normal; }
.blok .twitter .buttons{ z-index:100; position:absolute; top:212px; right:10px; background:url(../images/bg_socialmedia.jpg) no-repeat; width:210px; height:34px; text-indent:-3333px; } 
.blok .twitter .buttons em{ display:block; height:34px; } 
.blok .twitter .buttons em a{ display:block; height:34px; float:left; cursor:pointer; } 
.blok .twitter .buttons em a.hyves{ width:47px; margin-right:4px; float:left; } 
.blok .twitter .buttons em a.volgons{ float:left; width:158px; } 
.blok .last{ background:url(../images/bg_last.jpg) no-repeat; }

.blok h2{ font-size:2.2em; text-transform:uppercase; color:#000; }
.blok h4{ font-size:1.8em; text-transform:uppercase; color:#a31a1a; padding:0px 0px 9px 0px; }
.blok ul li{ background:url(../images/bg_lijn.gif) no-repeat; padding:7px 0px 9px 0px; width:243px; float:left; }
.blok .last ul li{ background:url(../images/bg_lijn2.gif) no-repeat; }
.blok .last ul li strong{ float:left; width:145px; display:block; }
.blok .last ul li span{ float:left; width:84px; display:block; }
.blok ul li:first-child{ background:none; }

.rij2_blokken{ float:left; width:1000px; height:190px; background:url(../images/bg_blokken.jpg) no-repeat; margin:30px 0px 0px 0px; padding:55px 0px 25px 0px;}
.vak{ float:left; width:275px; padding:0px 28px 0px 38px; font-size:0.85em; line-height:18px; color:#000; }
.vak h3{ font-size:2.2em; text-transform:uppercase; color:#000; }
.vak h5{ font-size:1.8em; text-transform:uppercase; color:#a31a1a; padding:0px 0px 9px 0px; }
.vak p em{ float:right; }
.vak p a{ font-size:1.1em; }
.vak form{ padding:12px 0px 0px 0px; }
.vak form input{ background:url(../images/bg_input.gif) no-repeat; width:192px; height:35px; line-height:35px; padding:0px 0px 0px 14px; border:0; margin-bottom:12px; color:#4c3b26; font-weight:bold; font-family:arial; }
.vak form input.hidden{ display:none; }
.vak form input.submit{ float:right; margin-right:28px; cursor:pointer; background:url(../images/bg_verstuur.gif) no-repeat; width:117px; height:26px; border:0;  }
.vak form input.submit:hover{ filter:alpha(opacity=60); opacity:0.6; }
.vak form em{ display:block; float:left; width:117px; height:26px; text-indent:-3333px;  }
.vak form em a{ display:block; width:117px; height:26px; background:url(../images/bg_afmelden.gif) no-repeat; }
.vak form em a:hover{ filter:alpha(opacity=60); opacity:0.6;  }
.contact p, .contact ul{ font-size:1.1em; color:#4c3b26; }
.contact h3{ padding:0px 0px 20px 0px; }
.contact ul{ margin-left:-28px; line-height:22px; color:#1d1d1d; }
.contact ul li{ padding:0px 0px 0px 28px; }
.contact ul li.tel{ background:url(../images/bg_icon1.gif) no-repeat left; }
.contact ul li.email{ background:url(../images/bg_icon2.gif) no-repeat left; }
.contact ul li a{ color:#1d1d1d; font-weight:normal; }

.none{ margin-right:0px; padding-right:0px; }

.emails{ width:300px; }
.emails span{ line-height:20px; padding:4px; display:block; }
.emails span.actief{ color:white; background:green; }
.emails span.inactief{ color:white; background:red; }

.omlijning{ float:left; }

.tekstvak{ float:left; width:655px; margin-top:68px; color:#000000; padding-bottom:25px; }
.tekstvakin{ float:left; width:545px; line-height:22px; padding:50px 55px 40px 55px; background:url(../images/bg_tekstvak.png) no-repeat; min-height:390px; height:auto !important; height:390px; }
.tekstvakbot{ float:left; width:655px; height:13px; background:url(../images/bg_tekstvakbottom.png) no-repeat; }
.tekstvak h1{ font-size:3.1em; color:#000000; padding:0px 0px 30px 0px; text-transform:uppercase; }
.tekstvak ul{ padding:10px 0px 22px 0px; line-height:30px; }
.tekstvak ul li{ background:url(../images/bg_arrow.gif) no-repeat 0px 6px; line-height:30px; padding:0px 0px 0px 24px; }
.tekstvak form label{ text-transform:uppercase; font-size:1.5em; float:left; width:100px; padding:10px 0px 0px 0px; }
.tekstvak form label.error{ color:#c81414; }
.tekstvak form input.input{ font-size:1.0em; font-family:arial; color:#4c3b26; font-weight:bold; padding:0px 10px 0px 14px; line-height:35px; width:184px; height:35px; margin:0px 200px 18px 0px; background:url(../images/bg_form.gif) no-repeat; border:0; }
.tekstvak form textarea{ font-size:1.0em; font-family:arial; color:#4c3b26; font-weight:bold; padding:20px 25px 20px 14px; width:416px;  height:78px; margin:0px -30px 22px 0px; background:url(../images/bg_textarea.gif) no-repeat; border:0; }
.tekstvak form button{ float:right; margin:-15px 0px 0px 0px; cursor:pointer; background:url(../images/bg_verzenden.gif) no-repeat; width:203px; text-indent:-3333px; height:35px; border:0;  }
.tekstvak form button:hover{ filter:alpha(opacity=60); opacity:0.6; }
.tekstvak .gelukt{ color:green; }

.tekstvak ul.merken{ height:165px; padding:20px 0px 0px 0px; }
.tekstvak ul.merken li{ display:block; float:left; background:none; margin:0px; padding:0px 33px 0px 0px; height:82px; }
.tekstvak ul.merken li a{ display:block; float:left; height:52px; text-indent:-3333px; margin:0px 0px 0px 0px; }
.tekstvak ul.merken li.bjorn a{ width:154px; background:url(../images/logos/bjorn.gif) no-repeat; }
.tekstvak ul.merken li.british a{ width:185px; background:url(../images/logos/british.gif) no-repeat; }
.tekstvak ul.merken li.gstar a{ width:179px; background:url(../images/logos/gstar.gif) no-repeat; }
.tekstvak ul.merken li.pall a{ width:103px; background:url(../images/logos/pallmall.gif) no-repeat; }
.tekstvak ul.merken li.pepe a{ width:146px; background:url(../images/logos/pepe.gif) no-repeat; }
.tekstvak ul.merken li.relakz a{ width:112px; background:url(../images/logos/relakz.gif) no-repeat; }
.tekstvak h1.impressie{ padding:10px 0px 14px 0px; margin:-10px 0px 24px 0px; font-size:2.4em; }
.tekstvak h1.bjorn{ background:url(../images/logos/bjorn.gif) no-repeat right; }
.tekstvak h1.british{ background:url(../images/logos/british.gif) no-repeat right; }
.tekstvak h1.pallmall{ background:url(../images/logos/pallmall.gif) no-repeat right; }
.tekstvak h1.pepe{ background:url(../images/logos/pepe.gif) no-repeat right; }
.tekstvak h1.relakz{ background:url(../images/logos/relakz.gif) no-repeat right; }
.tekstvak h1.gstar{ background:url(../images/logos/gstar.gif) no-repeat right; }

#kleinefotos{ position:absolute; right:0px; width:306px; top:185px; } 
#kleinefotos ul li{ margin:0px 0px 0px 0px; line-height:0; background:none; width:90px; height:90px; padding:10px 0px 0px 11px; display:block; background:url(../images/bg_thumb.png) no-repeat; float:left; } 
#kleinefotos ul li img{ cursor:pointer; } 

#fotogallery { width:575px; height:550px; margin:-10px 0px -15px -15px; background:url(../images/bg_gallery.png) no-repeat; }
#fotogallerybottom { width:575px; height:23px; background:url(../images/bg_gallerybottom.png) no-repeat; }
#image {position:relative; background:#FFF url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:23px; left:23px; }

.imgnav {position:absolute; height:550px; width:20%; z-index:100; height:550px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:15px; background:url(../images/left.gif) left center no-repeat; }
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:15px; background:url(../images/right.gif) right center no-repeat; }
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

#terug{ position:absolute; right:0px; top:816px; width:312px; height:75px; background:url(../images/bg_terug.png) no-repeat; } 
#terug a{ width:227px; height:47px; display:block; padding:28px 0px 0px 85px; color:#682321; text-transform:uppercase; font-size:1.3em; } 
#terug a:hover{ text-decoration:none; } 

#header{ position:relative; float:right; width:324px; height:509px; padding:30px 0px 0px 46px; margin:47px -27px 0px 0px; background:url(../images/bg_header.png) no-repeat; }
.contact_gegevens{ position:absolute; left:444px; top:245px; font-size:0.85em; line-height:17px; }
.contact_gegevens img{ padding:0px 0px 30px 0px; }
.contact_gegevens p a{ font-weight:normal; color:#000; }

/*******************************/
/* FOOTER DIVISION */
/*******************************/
#footer
{ 
	height:168px;
	background:url(../images/bg_footer.gif) repeat-x top;
	padding:98px 0px 0px 0px;
	float:left; 
	width:100%;
}

.footer
{ 
	width:1000px;
	margin:0 auto;
	background:url(../images/bg_footerlogos.gif) no-repeat top;
	height:105px;
}

.sitemap
{ 
	float:left; 
	width:980px;
	padding:5px 10px 0px 10px;
	color:#fff;
	font-size:0.95em;
	height:85px;
}

.sitemap ul
{ 
	float:left; 
	text-transform:uppercase;
}

.sitemap ul li
{ 
	float:left; 
	display:block;
	padding-right:42px;
}

.sitemap ul li a
{ 
	float:left; 
	display:block;
	color:#fff;
}

.sitemap ul li.selected a
{ 
	color:#e4b26d;
	text-decoration:none;
}

.sitemap ul li a:hover
{ 
	color:#e4b26d;
	text-decoration:none;
}

.sitemap p
{ 
	float:right; 
	font-size:0.9em;
}

.sitemap p a
{ 
	color:#fff;
	font-weight:bold;
}

.sitemap p a:hover
{ 
	color:#e4b26d;
	text-decoration:none;
}

.brands ul{ text-indent:-3333px; height:59px; width:1000px; float:left;  background:url(../images/bg_logos.gif) no-repeat; }
.brands ul li { float:left; display:block; height:59px; margin-right:5px; }
.brands ul li a{ float:left; display:block; height:59px; }
.brands ul li.bjorn a, .brands ul li.bjorn{ width:158px; }
.brands ul li.gstar a, .brands ul li.gstar{ width:195px; }
.brands ul li.relakz a, .brands ul li.relakz{ width:143px; }
.brands ul li.british a, .brands ul li.british{ width:211px; }
.brands ul li.pepe a, .brands ul li.pepe{ width:161px; }
.brands ul li.pall a, .brands ul li.pall{ width:99px; }