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

html, body { height:100%; }

body { margin:0; font:12px arial; color:black; }
img { border:0; }
a { outline:none; }
a:link, a:active, a:visited { color:#78B749; }
p { margin:2px 0 6px 0; }

h1 { font:18px "Lucida Sans Unicode", "Lucida Grande", arial; margin:0 0 6px 0; }

h3 {
	background:#000000;
	border:5px solid #000000;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:1px 5px;
	width:150px;
	margin:0;
}


#wrapper { width:955px; margin:0 auto; }

#header { background:url(../img/bg_header.jpg) no-repeat center top; height:125px; width:955px; position:relative; }
#header #logo { float:left; margin:2px 0 0 5px; }
#header .logo { background:url(../img/logo.gif) no-repeat center; width:275px; height:70px; display:block; text-indent:-9000px; }

#header #ruimduizend { position:absolute; right:100px; top:20px; width:297px; height:48px; }
#menus { float:left; width:955px; }

#header #menus ul { list-style:none; margin:0; padding:0; }
#header #menus ul li { float:left;  }
#header #menus ul li a { text-decoration:none; color:white; }

#header #menus #submenu { width:955px; height:24px; }
#header #menus #submenu ul li a { color:#557706; padding:5px 5px 4px; display:block; }
#header #menus #submenu ul li a:hover { color:#344f06; padding:5px 5px 4px; display:block; }
#header #menus #menu { width:955px; height:27px; }
#header #menus #menu ul li a { text-indent:-9000px; display:block; border-right:1px solid #486b0b;  border-left:1px solid #97d133; }

#header #menus #menu ul li a.kopen { background:url(../img/btn_magazinekopen.jpg) no-repeat center bottom; width:157px; height:27px; border-left:0; }
#header #menus #menu ul li a.inwisselen { background:url(../img/btn_magazineinwisselen.jpg) no-repeat center bottom; width:181px; height:27px; }
#header #menus #menu ul li a.assortiment { background:url(../img/btn_assortiment.jpg) no-repeat center bottom; width:158px; height:27px; border-right:0; }
#header #menus #menu ul li a:hover { background-position: center top; }

#content { padding:10px 0 0 0; }
#content #left { width:170px; float:left; }
#content #middle { padding:0 20px; width:555px; float:left; }
#content #right { width:190px; float:left; }

.leftBox { padding:6px; border-width:0 1px 1px 1px; border-style:solid; border-color:#BDBDBD; margin: 0 0 10px 0; }

/* mediabox */
#videoselector * { margin: 0; padding: 0; }
#videoselector { background: url(../img/bg_mediabox.jpg) no-repeat 0 0; height:302px; padding:20px 0 0; position:relative; width:610px; }
#videoselector #slides, #videoselector #thumbs, #video, #videoselector #loading { position: absolute; }
#videoselector #loading { display: none; top: 108px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#videoselector #thumbs { width: 447px; height: 290px; left: 4px; overflow: hidden; }
#videoselector #thumbs li { display: block; position: absolute; top: 0; width: 447px; }
#videoselector #thumbs li img { display: block; position: relative; bottom: 0; height: 212px; }
#videoselector #slides { list-style-type: none; width: 164px; height: 212px; right:8px; font: 14px Arial; }
#videoselector #slides li { float:left; z-index: 1000; position: relative; zoom: 1; width:168px; }
#videoselector #slides li a { display: block; text-decoration: none; padding: 0 5px 0 20px; z-index: 1000; color: #fff; outline: none;  zoom: 1; }
#videoselector #slides li a:focus { outline: none; }
#videoselector #slides li a:hover { color: #1e2802; }
#videoselector #slides li.current { width: 168px; }
#videoselector #slides li.current a { font: 100%; font-weight:normal; color: #86b51a; padding: 0 5px 0 20px;  }
#videoselector #slides li.background { background: url(../img/sliderBtn_mediabox.png) no-repeat right top; position: absolute; font-size: 1px; width: 164px; z-index: 5; }
#videoselector #slides li table.slider_element { border-collapse: collapse; margin: 0; padding: 0; }
#videoselector #slides li table.slider_element td { vertical-align: middle; height: 52px; padding:0; }
#videoselector #overlay { position: absolute; bottom: 31px; left:4px; width: 447px; height: 65px; opacity: 0.5; background: #000; filter:alpha(opacity=50); }
#videoselector #overlaytxt { font-size: 76%; line-height: 17px; position: absolute; bottom: 31px; left:4px; width: 420px; height: 55px; padding: 5px 10px 5px 20px; color: #eee; }
#videoselector #overlaytxt b { font-size: 110%; color: #eee; }
#videoselector #overlaytxt a {  text-decoration: underline; color: #fff; }
div.listwrapper { background: url(../img/bg_mediabox.jpg) no-repeat scroll -4px -232px; height:84px; padding:5px 0 0 10px !important; width:437px; color:white; }
.bullet1, .bullet2, .bullet3 { background-position:left center; background-repeat:no-repeat; padding:4px 0 4px 22px !important; display:block; color:white; }
.bullet1 { background-image:url(../img/btn1_small.gif); }
.bullet2 { background-image:url(../img/btn2_small.gif); }
.bullet3 { background-image:url(../img/btn3_small.gif); }
a.orderlink { position:absolute; bottom:12px; right:0px; background:url(../img/btn_directbestellen.png) no-repeat left top; display:block; height:24px; width:124px; text-indent:-9000px; }
a.moreinfo { position:absolute; bottom:12px; right:0px; background:url(../img/btn_meerinfo.png) no-repeat left top; display:block; height:24px; width:124px; text-indent:-9000px; }
.bonvisual { position:absolute; right:5px; bottom:5px; }

div.magazineHilights { background:url(../img/bg_magazineBlock.gif) no-repeat center top; height:155px; }
div.magazineHilights a { text-decoration:none; }
div.magazineHilights ul { margin:0; padding:0; list-style:none; }
div.magazineHilights ul li { float:left; padding:6px 28px 0; text-align:center; }
div.magazineHilights ul li img:hover { opacity:0.8; filter:alpha("opacity=80"); }
div.magazineHilights ul li h4 { margin:8px 0; color:white; font-weight:normal; font-size:12px; text-decoration:none; }
div.magazineHilights ul li h4:hover { color:#1e2802; } 

#footer { width:955px; height:37px; background:black; }
#footer .Linkerbalk { float:left; width:170px; }
#footer .FooterCenter { float:left; margin:0 0 0 10px; width:595px; }
#footer .FooterRechts { float:right; }