@charset "UTF-8";
/* CSS Document */
/* main */
*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
body{
	background:#333;
}
#main-container{ width:950px; margin:0px auto; background:#FFF;}
a{ color:#848484e; text-decoration:none;}
a:hover{ color:#3188b5; text-decoration:none;}
.img-noborder:hover{ border:none;}
h1{font-size:13px; color:#3188b5; margin:10px 0 5px 10px;}
h2{font-size:12px; color:#3188b5; margin:0 0 10px 10px;}
h2 a{font-size:inherit;}
h3{font-size:13px; color:#3188b5; margin:0px 0px 5px 10px;;}
h3 a{font-size:inherit;}
p{ margin:0 10px 5px 10px; line-height:18px;}
ul{margin:5px 0 5px 22px; line-height:18px;}
.italic{font-style:italic;}
.bold{font-weight:bold;}
.grey{color:#CCC;}
.grey-right{color:#CCC; text-align:right;}
.red{ color:#F30;}
.blauw{color:#3188b5;}
.shadow{
	background:url(images/shadow.jpg) repeat-x top left;
	width:950px;
	height:5px;
	clear:both;
	margin-bottom:10px;
}
.spacer{height:10px;}
.clear-both{clear:both;}

/* header */
#header-container{
	width:950px;
	height:250px;
	position:relative;
}
#header-container2{
	width:950px;
	height:286px;
	position:relative;
}
/* header */
#header-text-mask{
	width:200px;
	height:188px;
	margin:50px 0 0 0;
	position:absolute;
	z-index:2000;
	overflow:hidden;
	left: 10px;
	top: 20px;
	visibility: visible;
}
#header-text-container{
	width:2500px;
	position:absolute;
}
.header-text{
	width:200px;
	height:170px;
	float:left;
}
.header-text h1{ color:#FFF;}
.header-text p{ margin:0 10px 5px 10px; line-height:18px; font-style:italic; color:#FFF;}
#header-text-controls{
	width:70px;
	height:15px;
	float:left;
	bottom:21px;
	position:absolute;
	margin-left:90px;
	z-index:3000;
	left: -3px;
}
#text-control1:hover, #text-control2:hover, #text-control3:hover, #text-control4:hover, #text-control5:hover{ cursor:pointer;}

#header-flash{
	width:950px;
	height:250px;
	z-index:1000;
	position:relative;
	background:url(flash/images/spamerken-header5.jpg) no-repeat  left;
	width:950px;
	height:250px;
	background-image: url(flash/images/spamerken-header2.jpg);

}
#header-forum{
	width:950px;
	height:250px;
	z-index:1000;
	position:absolute;
	background:#333;
	left: 0px;
	top: 35px;
}

#header-brand-container{
	width:235px;
	height:150px;
	padding-top:5px;
	position:absolute;
	z-index:2000;
	left: 42px;
	top: 36px;

}
#header-brand{
	width:226px;
	height:150px;
	margin:40px 0 0 5px;
	float:left;
	position:relative;
}
#header-brand h1{ font-size:12px; position:absolute; color:#000; bottom:25px; margin-left:2px;}
#header-brand h2{ font-size:12px; font-style:italic; position:absolute; color:#000; bottom:0; margin-left:2px;}

/* navigation */
#navigation{ width:950px; height:35px; margin:0; position:relative; z-index:2000; background:) no-repeat top left;} 
#navigation ul{ margin:10px 0 0 0; float:right; line-height:normal;}
#navigation li{ display:inline; }
#navigation a:hover{ color:#fff; background:#666666;}
#navigation a{ color:#7f8080; padding:10px;}


/*#search{ height:28px; width:240px; float:right; text-align:right; padding:6px;}
#search input{ width:200px; height:14px; margin-right:5px; border:#CCC 1px solid; padding:3px; float:left;}
input{ border:#CCC 1px solid; padding:3px;}
#search img{ float:left;}*/

/*drop-down */
#navigation-brands, #navigation-maintain, #navigation-manuals{ display:none; position:fixed; margin-top:15px; width:130px; z-index:7000; background:#666;}
#navigation-brands{ margin-left:450px;}
#navigation-maintain { margin-left:707px;}
#navigation-manuals{ margin-left:810px;}
#navigation-brands ul, #navigation-maintain ul, #navigation-manuals ul{ margin:0; line-height:13px;}
#navigation-brands li, #navigation-maintain li, #navigation-manuals li{ list-style-type:none;}
#navigation-brands li:hover, #navigation-maintain li:hover, #navigation-manuals li:hover{ background:#ccc;}
#navigation-brands li a, #navigation-maintain li a, #navigation-manuals li a{ color:#FFF; border-bottom:1px; height:13px; width:125px; display:block; margin-left:3px; padding:5px; cursor:pointer;}

/* brand navigation */
#full-navigation{
	width:500px;
	height:30px;
	background:#trans;
	float:right;
	margin:5px 11px 5px 5px;
	color:#000;
	
}
#full-navigation h2{ font-size:20px; color:#666; float:left; margin:15px 0 0 5px;}
#full-navigation li{ display:inline; padding-right:5px;}
#full-navigation ul{ margin:2px 0 0 0; text-align:right; line-height:normal;}
#full-navigation a{ color:#cccccc;

}

#full-navigation-merkpagina{
	width:950px;
	height:30px;
	background:#trans;
	float:left;
	margin:5px;
}
#full-navigation-merkpagina h2{ font-size:20px; color:#666; float:left; margin:15px 0 0 5px;}
#full-navigation-merkpagina li{ display:inline; padding-right:5px;}
#full-navigation-merkpagina ul{ margin:2px 0 0 0; text-align:right; line-height:normal;}
#full-navigation-merkpagina a{ color:#cccccc;

}

/* ind. brands */ 
#brand-container-mask{ width:950px; height:370px; margin:5; overflow:hidden;background:#fff;}
#brand-container{ width:10000px; position:relative;}
.brand-wrapper{ width:940px; margin:5px; float:left;}
.bnnr-wrapper{ width:940px; padding:5px; margin:5px 0 0 0; background:#aeaeae; float:left; position:relative; }
.brand{ width:225px; height:150px; margin:5px; float:left; position:relative;}
.bnnr{ width:225px; height:150px; margin:5px; float:left; position:relative;}
.bnnr-border{
	position:absolute;
	left:-1px;
	z-index:6000;
	width: 226px;
}
.bnnr-img{
	position:absolute;
	left:-1px;
	z-index:5000;
}
.brand-border{
	position:absolute;
	left:-1px;
	z-index:6000;
	width: 226px;
	top: 39px;
}
.brand-img{
	position:absolute;
	top:39px;
	left:-1px;
	z-index:5000;
}
.brand h3{
	position:absolute;
	color:#000;
	z-index:8000;
	bottom:-7px;
	margin:0 0 -20px 7px;
	font-size:10px;
	left: 1px;
}

/* brand detail */
.brand-overview-container{
	width:320px;
	margin:25px;
	float:left;
	
}
.overview-brand{ height:160px; width:235px; float:left;}
.brand-overview-wrapper{ width:690px; margin-left:10px; height:160px; float:left;}
.brand-info-container{ width:225px; height:160px; border-left:#CCC 1px solid; float:left;}
.brand-info-container h2{ margin:5px 0 5px 10px; color:inherit; font-size:14px;}
.brand-info-container h3{ margin:0 0 5px 10px; color:#3eaaf5; font-weight:normal; font-style:italic;}
.brand-info-container img{ margin:0 2px 0 0; float:left;}
.brand-stars{ height:23px; margin:5px 0 5px 0;}
.award-images{ margin:5px 0 10px 10px;}
.award-images2{ margin:5px 0 0 0; height:75px;}

/* column1 */
#column1-container{ width:290px; margin-left:7px; float:left;}
#column1-header, #column1-navigation{ height:25px; width:290px; background:#aeaeae;}
#column1-navigation ul{ margin:5px 5px 0 0; float:right; line-height:normal;}
.column1-item{ width:285px; min-height:160px; margin:10px 0 10px 0; border-left:#CCC 1px solid;}

/* news items */
#news-mask{ width:280px; height:720px; overflow:hidden;}
#news-container{ height:4000px; position:relative;}
p.news{ height:105px; overflow:hidden;}

/* column2 */
#column2-container{ width:340px; margin-right:15px; float:left;}
#column2-header{ height:25px; width:350px; background:#000;}
.column2-item{ width:350px; margin:10px 0 10px 0; border-left:#CCC 1px solid;}
.youtube{ padding-left:10px;}

/* column3 */
#column3-container{ width:226px; float:right; margin:8px;}
#column3-header, #column3-navigation{ height:25px; width:226px; background:#aeaeae;}
#column3-navigation ul{ margin:5px 5px 0 0; float:right; line-height:normal;}
.article-border{ position:absolute; z-index:2000; margin:0 0 0 10px;}
.column3-img{width:226px; height:150px; position:relative; z-index:1000; margin:0 0 0px 0px; background:#333;}
.column3-item{ width:226px; padding:10px 0 10px 0; background:#aeaeae; min-height:340px;}
.column3-item p { height:140px; overflow:hidden; }

/* article items */
#article-mask{ width:290px; height:720px; overflow:hidden;}
#article-container{ height:4000px; position:relative;}

/* column all */
.column1-item img, .column2-item img, .column-default img{ float:left; margin:0 10px 0 10px;}
#column1-header h2, #column1-navigation h2, #column2-header h2, #column3-header h2, #column3-navigation h2{ font-size:12px; color:#FFF; float:left; margin:5px 5px 0 10px;}
#column1-navigation li, #column3-navigation li{ display:inline; padding-right:5px}
#column1-navigation a, #column3-navigation a{ color:#FFF;}
.column-default{ width:290px; margin:10px 0 40px 0;}
.column-video{ width:290px; margin:10px 0 0 0; overflow:hidden; background:#333;}

/* models */
#model-container{ width:940px; padding:5px;}
.model{width:225px; float:left; margin:0px 5px 10px 5px; }
.model h2, .model-right h2{ margin:0 0 10px 0;}
.specs-info{ width:120px; float:left; margin:15px 0 0 0; padding-left:5px;}
.specs{ width:90px; float:left; margin:15px 0 0 0; padding-left:5px; }
.specs li{color:#999;}
.specs-info ul, .specs ul{margin:0; }
.specs-info li, .specs li{ list-style-type:none; font-size:10px;}

/* info-fields */
#column-contact-mask{ width:340px; float:left; overflow:hidden;}
#column-contact-container{ width:1023px; float:left; position:relative;}
.column-contact-item{ width:340px; height:100%; float:left; border-left:#CCC 1px solid; margin:10px 0 10px 0;}
#message1, #message2, #message3{width:320px; height:30px; background:#aeaeae; padding-top:10px; margin:0 0 10px 10px; text-align:center; float:left; display:none;}
#message p{ font-size:12px;}
.listmenu{width:200px;}
p.option{margin:10px 0 10px 10px; padding:0;}
.form{margin:0 0 10px 10px; font-size:12px; font-weight:normal; clear:both;}
.formred{margin:0 0 10px 10px; font-size:12px; font-weight:normal; clear:both; color:#F30;}
.form-item{ width:100px; margin:0 0 10px 10px; float:left;}
.label-container{ width:110px; height:16px; margin:10px 0 5px 10px; padding-top:4px; color:#040f3d; float:left;}
.label-container-red{ width:110px; height:16px; margin:10px 0 5px 10px; padding-top:4px; color:#F30; float:left;}
.input-container{ width:200px; height:22px; margin:10px 0 5px 10px; float:left;}
.inputfield{ width:192px; float:left;}
.inputfield-street, .inputfield-phonenumber{width:151px;}
.inputfield-housenumber{ width:30px; margin-left:3px;}
.inputfield-netnumber, .inputfield-areacode1{ width:30px; margin-right:3px;}
.inputfield-areacode2{ width:20px;}
.select-nation{ width:125px; margin-left:5px;}

.send{ text-align:center; margin:10px 0 10px 10px; color:#FFF; float:left;}
.send a{ width:100px; height:22px; padding-top:8px; color:#000; display:block;}

/* footer */
#logo-footer{ width:950px; height:20px; margin-bottom:10px;}
#footer{width:950px; height:140px; }
#footer a{color:#7f8080;}
#footer a:hover{ color:#666666; text-decoration:underline;}
.footer-item{ width:150px; height:inherit; float:right;}
.footer-item ul{ margin:10px 0 0 10px;}
.footer-item li{ line-height:20px; list-style-type:none; font-style:normal;}
.footer-text{ padding:0; font-size:11px; text-align:center;}
.footer-text a{ font-size:inherit;}


/* video pagina */
#youtube-blok-links{
	width:320px;
	height:265px;
	margin:30px;
	float:left;
	position:relative;
}
#titel-video{ width:250px;height:25px; margin:25px ; float:left;}
#intro-video{
	position:absolute;
	top:399px;
	left:534px;
	z-index:6000;
	width: 226px;
}
	
#tekstblok{
	with:320px;
	height:265px;
	margin: 5px;
	float:left;
	position:relative;
	overflow: visible;
}
/* omhoog bellen */
.bellen-blok{
	width:250px;
	height:30px;
	margin: 5px 0px 5px 5px;
	float:left;
	width: 300px;
}
#mollie-mask {
  position: absolute;
  margin-left: 10px;
  top: 300px;
  width:224px;
  height:148px;
  overflow:hidden;
}
#mollie-container {
  width:224px;
  position:relative;
  left: -225px;
	z-index: 50000;
}
#mollie-overlay {
  left: ;
  text-align: right;
  padding: 0;
  margin: 0;  
	width: 224px;
	height: 148px;
	background: #59c6f3;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#mollie-overlay p {
  line-height: 16px;
  text-align: left;
  padding: 0 0 7px 15px;
  margin: 0;
	color: #FFF;
  font-size: 10px;
}
#mollie-overlay strong {
	color: #FFF;
  font-size: 10px;
}
#mollie-overlay i {
	color: #fff;
  font-size: 10px;
}
#mollie-overlay select {
  margin-left: 13px;
  font-size: 10px;
}
#mollie-overlay h1 {
  text-align: left;
  padding: 2px 0 7px 7px;
  margin: 0;
	color: #FFF;
  font-size: 11px;
}
#mollie-overlay input {
  font-size: 10px;
  margin: 3px 5px 0 0;
}
#mollie-overlay h1 a {
	color: #FFF;
  font-size: 14px;
  margin-left: 10px;
}
#mollie-overlay h1 a:hover {
	color: #ddd;
}
#melding {
  font-size: 10px;
	padding-bottom: 7px;
	text-align: center;
}