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

/* =reset 
*****************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0px; padding:0px;}

/***100%height***/
#Form1 {height:100%;}
html,body {margin:0;padding:0;height:100%;}
#wrapperOuter {	height:auto !important;height:100%;min-height:100%;}
/******/

	/*** standaard ***/
	ul { list-style:disc;}
	img, fieldset { border:0px;}
	p {margin:0px 0px 15px 0px;}
	h1 {margin:0px 0px 15px 0px;color:#ffffff;font-size:18px;}
	h2 {margin:0px 0px 12px 0px;color:#ffffff;font-size:11px;}
	h3 {margin:0px 0px 12px 0px;color:#ffffff;font-size:11px;font-weight:normal;}
	ul {margin:0px 0px 15px 20px;}
	ol {margin:0px 0px 15px 20px;}

/* =body
*****************************************************/
body {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px;background:url(/images/bodyBack.jpg) top repeat-x #000000;}
#twitpic {position:fixed; top:307px; left:0px; z-index:1000}
	
	/* =wrapperOuter
	*****************************************************/
	#wrapperOuter {width:100%;float:left;position:relative;background:url(/images/wrapperOuterBack.jpg) 0px 118px repeat-x;}
	/* =wrapper
	*****************************************************/
	#wrapper {position:relative;width:998px;margin: 0 auto;}

	/* =header
	*****************************************************/
	#header {width:998px;height:307px;float:left;position:relative;}
		img.logoPic {position:absolute;left:37px;top:13px;}
		
		/***languagebox***/
		#languagebox {position:absolute;top:12px;left:332px;}
			
			/***flags links***/
			#languagebox a {font-size:9px;font-weight:bold;color:#ffffff;display:block;line-height:14px;padding:0px 35px 0px 9px;float:left;}
			/***flag DEU***/
			#languagebox a.deuA {background:url(/images/deA.jpg) right no-repeat;}
			#languagebox a.deuIn {background:url(/images/deIn.jpg) right no-repeat;}
			#languagebox a.deuIn:hover {background:url(/images/deA.jpg) right no-repeat;}
			/***flag NED***/
			#languagebox a.nedA {background:url(/images/nlA.jpg) right no-repeat;}
			#languagebox a.nedIn {background:url(/images/nlIn.jpg) right no-repeat;}
			#languagebox a.nedIn:hover {background:url(/images/nlA.jpg) right no-repeat;}
			/***flag ENG***/
			#languagebox a.engA {background:url(/images/ukA.jpg) right no-repeat;}
			#languagebox a.engIn {background:url(/images/ukIn.jpg) right no-repeat;}
			#languagebox a.engIn:hover {background:url(/images/ukA.jpg) right no-repeat;}
			/***flag SWE***/
			#languagebox a.SweA {background:url(/images/SweA.jpg) right no-repeat;}
			#languagebox a.SweIn {background:url(/images/SweIn.jpg) right no-repeat;}
			#languagebox a.SweIn:hover {background:url(/images/SweA.jpg) right no-repeat;}
			/***flag RUS***/
			#languagebox a.RusA {background:url(/images/RusA.jpg) right no-repeat;}
			#languagebox a.RusIn {background:url(/images/RusIn.jpg) right no-repeat;}
			#languagebox a.RusIn:hover {background:url(/images/RusA.jpg) right no-repeat;}
				
		/***postcodebox***/
		#postcodebox {width:300px;height:102px;position:absolute;right:38px;top:9px;overflow:hidden;background:url(/images/postcodeBack.jpg);}
			
			/***input wrappers***/
			#codenum {width:129px;height:24px;padding:0px 9px 0px 9px;background:url(/images/postnumBack.png) center no-repeat;position:absolute;bottom:13px;right:60px;}
			#codelet {width:35px;height:24px;padding:0px 9px 0px 9px;background:url(/images/postletBack.png) center no-repeat;position:absolute;bottom:13px;right:66px;}
			
			/***postcodebox teksts***/
			#postcodebox span.postcodetitle {color:#ffffff;font-size:15px;font-weight:bold;width:250px;line-height:16px;display:block;position:absolute;top:18px;left:16px;}
			#postcodebox span.postcodetekst {color:#ffffff;font-size:9px;font-weight:bold;width:76px;line-height:10px;display:block;position:absolute;top:65px;left:16px;}
			
			/***inputs***/
			#postcodebox input {font-weight:bold;font-size:16px;border:none;text-align:center;}
			input.inputtext {color:#636466;background:none;}
			input.codenum {width:129px;position:relative;top:1px;}
			input.codelet {width:35px;position:relative;top:1px;}
			input.inputbutton {width:36px;height:25px;display:block;background:url(/images/postbutBack.png) center no-repeat;right:23px;position:absolute;bottom:13px;}
		
		/***headerview***/
		#headerview {width:998px;height:185px;overflow:hidden;position:absolute;top:120px;left:0px;}
			#headerimages {list-style:none;margin:0px 0px 0px 0px;}
		
		/***header shadows***/
		div.shadow {width:7px;height:185px;position:absolute;top:120px;}
		div.shadowleft {left:-7px;background:url(/images/shadowleft.png);}
		div.shadowright {right:-7px;background:url(/images/shadowright.png);}	
		
	/* =menu
	*****************************************************/
	#menu {width:998px;height:43px;float:left;position:relative;z-index:800}	
		
		/***mainmenu***/
		#mainmenu {list-style:none;margin:0px 0px 0px 40px; z-index:1000}
		#mainmenu li {float:left;position:relative;}
		#mainmenu li a {display:block;height:43px;line-height:43px;float:left;padding:0px 13px 0px 13px;font-weight:bold;color:#87888a;font-size:15px;}
		#mainmenu li a:hover {background:url(/images/menuLiBack.png) top center no-repeat;color:#d9d9d9;}
		#mainmenu li.mainmenuitemselected a {background:url(/images/menuLiBack.png) top center no-repeat;color:#d9d9d9;}
		#mainmenu li.mainmenuitemselected {background:url(/images/menuBack.jpg) repeat-x;}
		#mainmenu li:hover {background:url(/images/menuBack.jpg) repeat-x;}
		#mainmenu li:hover a {background:url(/images/menuLiBack.png) top center no-repeat;color:#d9d9d9;}
		
                /***submenu***/
		#mainmenu li ul {display:none;position:absolute;left:0px;top:43px;list-style:none;margin:0px 0px 0px 0px;background:#cdd300;padding:12px 30px 10px 16px;z-index:2000;}
		#mainmenu li:hover ul {display:block;}
		#mainmenu li:hover ul li {background:none;margin:0px 0px 4px 0px; clear:left}
		#mainmenu li:hover ul li a {white-space:nowrap;background:none;height:auto;line-height:14px;color:#2c282d;font-size:12px;padding:0px 0px 0px 14px;}
		#mainmenu li:hover ul li a:hover {color:#000000;background:url(/images/submenuBack.jpg) left center no-repeat;}
		#mainmenu li:hover ul li.submenuitemselected a {color:#000000;background:url(/images/submenuBack.jpg) left center no-repeat;}
		
	/* =content
	*****************************************************/
	#content {width:998px;float:left;padding:0px 0px 173px 0px; color:#ffffff;}

		/***tekstcontent***/
		#tekstcontent {width:609px;padding:30px 0px 0px 40px;float:left;overflow:hidden;line-height:16px;position:relative;z-index:10}
		
			/***DB VIEWS***/
			div.contentBox {width:277px;height:208px;padding:9px 11px 9px 12px;background:url(/images/contentboxBack.jpg) no-repeat;}
			div.boxright {float:right;}	
			div.boxleft {float:left;}	
			
				/***gebruiker detail***/
				img.gebruikerPic {width:140px;height:140px;margin:0px 11px 11px 0px;float:left}
			
				/***weblog view***/
				div.webblogItem {width:262px;height:47px;background:url(/images/webblogBack.png) no-repeat;overflow:hidden;position:relative;padding:4px 10px 0px 5px;}
				div.webblogItem img {border:1px solid #ffffff;position:absolute;top:4px;left:5px;}
				span.gebruikernaam {color:#000000;font-size:23px;line-height:42px;position:absolute;left:60px;top:0px;}
				div.contentBox a.webloglink {font-size:10px;font-weight:bold;color:#000000;position:absolute;right:12px;top:17px;line-height:12px;}
				
				/***weblog overview***/
				img.gebruikerblogPic {margin:0px 14px 0px 0px;float:left;}
				h1.gebruikerblogName {margin:6px 0px 45px 0px;}
				div.blogItem {float:left;width:100%;margin:0px 0px 14px 0px;border-bottom:1px solid #cdd300;}
					ul.blogtitel {margin:0px 0px 2px 0px;}
					ul.blogtitel li {float:left;margin:0px 20px 0px 0px;font-weight:bold;}
					ul.blogtitel li.blogfirst {font-weight:normal;list-style:none;}
					div.bloghead {width:100%;float:left;}
					a.bloglink {font-size:14px;color:#cdd300;float:right;margin:0px 0px 4px 0px;}
				
				/***blog detail***/
				ul.blogdetail {margin:0px 0px 30px 0px;}
				ul.blogdetail li.blogsec span {font-size:18px;font-weight:bold;}
				
				/***artikelgroups***/
				div.artikelgroupItem {width:192px;height:145px;margin:0px 11px 11px 0px;position:relative;float:left;background:url(/images/articelgroupBack.jpg) no-repeat;overflow:hidden;line-height:12px;}
				div.artikelgroupItem img {margin:11px 0px 3px 11px;}
				div.artikelgroupItem p {text-align:center;font-size:11px;font-weight:bold;}
				div.artikelgroupItem a {color:#000000;}
				
				/***artikeldetailview***/
				div.artikelbox {margin:0px 4px 4px 0px;padding:10px 18px 10px 18px;width:264px;height:206px;background:url(/images/artikeldetailBack.jpg) no-repeat;position:relative;}
				h1.artikelviewh {text-transform:uppercase;}
				h2.artikelboxtitle {color:#000000;font-size:12px;font-weight:bold;}
				div.artikeldetailcontent {width:272px;height:160px;overflow:hidden;position:absolute;top:55px;left:15px;}
				p.artikeldetailtekst {display:block;width:140px;float:left; height:158px}
				img.artikeldetailimg {float:right;position:relative;right:-2px;top:3px;}
				#tekstcontent a.artikeldetailback {position:absolute;top:29px;right:7px;color:#afb1b0;text-decoration:none;}
				div.artikelprijs {font-weight:bold; float:right; width:124px; height:63px; overflow:hidden; padding:20px 0px 0px 0px;font-size:12px;text-align:right;color:#fff;}
				
				/***youtubeview***/
				div.ytBox {width:293px;height:221px;padding:15px 0px 0px 17px;float:left;overflow:hidden;background:url(/images/ytBack.png) no-repeat;position:relative;left:-3px;}
				#player {position:absolute;top:62px;left:24px;border:1px solid #000000;}
				span.ytTitel {font-weight:bold;font-size:12px;color:#ffffff;display:block;}
				span.ytDatum {font-weight:bold;font-size:11px;color:#ffffff;display:block;}
				div.ytGeb {position:absolute;top:15px;right:14px;color:#000000;font-weight:bold; width:50px}
				div.ytGeb img {float:right;}
				div.ytGeb a {color:#000000;}
				
		/***actionbar***/		
		#actionbar {width:300px;padding:0px 39px 0px 0px;float:right;overflow:hidden;position:relative;top:-220px;z-index:20;}

	/* =footer
	*****************************************************/
	#footer {width:100%;height:148px;position:absolute;bottom:0px;border-top:2px solid #cdd300;background:url(/images/footerBack.png) center bottom no-repeat;}
		#footercontent {width:998px;height:148px;margin: 0 auto;padding:0px 0px 0px 0px;overflow:hidden;position:relative;}
			img.logoFooter {position:absolute;top:23px;left:75px;}
			p.footertekst {text-align:center;font-size:10px;color:#6c8285;position:absolute;top:104px;left:0px;width:100%;}
			div.footerbox {width:140px;height:97px;overflow:hidden;float:right;}
				div.footerbox ul.footerlist {list-style:none;margin:16px 0px 0px 0px;}
				div.footerbox ul.footerlist li a {font-size:11px;color:#ffffff;}
				
A:LINK
{
color: #cdd300;
text-decoration:none;
}
A:VISITED
{
color: #cdd300;
text-decoration:none;
}
A:HOVER
{
color: #cdd300;
text-decoration:none;
}
body
{
background:  #000000 background:url(/images/bodyBack.jpg) top repeat-x;
}
body
{
background:  #000000 background:url(/images/bodyBack.jpg) top repeat-x;
}



.zoomdiv {position:absolute; left:140px; top:5px; z-index:50; width:125px; height:90px; text-align:right}
.zoomdiv a {width:125px; height:90px; display:block }
.fotodiv {position:absolute; left:140px; top:0px; z-index:20 }
.artikelprijs {margin-top:105px}
body
{
background:  #000000 background:url(/images/bodyBack.jpg) top repeat-x;
}