/* new layout */
html,body{margin:0; padding:0; }
body
{
   text-align:center;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   background:url('images/new_layout/bg.png') repeat-x;
}
img { border:0px; }
/* new layout EO*/	
H1{color:#2f6789; font-size:18pt; font-family:tahoma}
H2{color:#2f6789; font-size:15pt}
H3{color:#2f6789; font-size:12pt}
H4{color:#2f6789; font-size:11pt}
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a:hover { text-decoration:none; }
table.add {background-color:#EBFFED; width:120; font-size:12; color:#6F6F6F}
h1.add {color:#0000CC; font-size:14; text-decoration: underline}
p.add {font-family:verdana}
a.add {color:#008000; font-size:10}
p.indented{ padding-left: 50pt;padding-right:50pt;}
p.fout{font-size:8pt;font-family:verdana;font-color:red}
p.klein{font-size:7pt}
td.avg{font-size:8pt}
td.prod{font-size:10pt}
a.menu:link { color:#666666; text-decoration: none; }
a.menu:visited { color:#666666; text-decoration: none; }
a.menu:active { color:#666666; text-decoration: none; }
a.menu:hover { color: #999999; text-decoration: none; }
a.menu1:link {text-decoration: none; padding-left: 13pt; font-size:10pt;color:#666666;}
a.menu1:visited {text-decoration: none; padding-left: 13pt; font-size:10pt;color:#666666;}
a.menu1:active {text-decoration: none; padding-left: 13pt; font-size:10pt;color:#666666;}
a.menu1:hover {text-decoration: none; padding-left: 13pt; font-size:10pt;color:#999999;}
a.menu2:link {text-decoration: none; padding-left: 13pt; font-size:10pt;color:green;background-color:yellow;}
a.menu2:visited {text-decoration: none; padding-left: 13pt; font-size:10pt;color:green;background-color:yellow;}
a.menu2:active {text-decoration: none; padding-left: 13pt; font-size:10pt;color:green;background-color:yellow;}
a.menu2:hover {text-decoration: none; padding-left: 13pt; font-size:10pt; color:green;background-color:white;}
table.dvdmonth 
{
		font-size:9pt;
		font-family:verdana;
		background-color:#EBFFED;
		width:160px;
}
p.success {color:green; font-size:10pt; padding-left:15pt; }
p.nosuccess {color:red; font-size:10pt; padding-left:15pt; }
input.mandje{ font-size: 15px; text-align: center; background-color: #EBFFED; }
input.mandje_hov { color: #002699; }
input.geel 	
{
		font-size: 15px; 
		text-align: center; 
		background-color: #FFFFB3; 
		color:#2f6789;
}
table.menu_main 
{
		border-collapse: separated;		
		background-color: #EBFFED; 		
		margin-left: auto; 
		margin-right: auto;
		padding:15px; 
		font-size:30px; 
		font-family: arial; 
}
td.menu_main 
{
		background-color: #00EBB0;
		border: 2px outset #4F9E00; 
		text-align: center; 
		vertical-align:middle;
		height:120;
}
td.menu_main2 {
		background-color: #00EBB0; 
		border: 2px outset #4F9E00; 
		text-align: center; 

		vertical-align:middle;
		height:325;}

td.menu_text	{
		background-color: #FFFFB3; 
		border: 1px solid #4F9E00; 
		text-align: center; 		
		font-size: 18px;
		color: #002699;
		font-type:arial;
		padding:5pt;
		height:55pt;
		}



td.menu_hover	{
		// background-color: #00FF00; // #8CFF1A; 
		border: 1px inset #4F9E00; 
		text-align: center; 		
		color: yellow; }

a.main:link 	{ text-decoration: none; color: #0000CC; }  
a.main:visited 	{ text-decoration: none; color: #0000CC; } 
a.main:active 	{ text-decoration: none; color: #0000CC; } 
a.main:hover 	{ text-decoration: none; color: yellow; background-color:#00EBB0;} 
// a.main:hover 	{ text-decoration: none; color: #FFFFB3; } 

#menu_clear {
	clear: both;
}

#hor_menu ul {
	padding: 0;
	list-style: none;
	/*float: left;*/
	
}



#hor_menu li {
	float: left;
	margin: 5px 0;
}


#hor_menu a {
	display: block;
	padding : 0 4px 2px 4px;
	text-align:center;
	margin-right: 6px;
	text-decoration: none;
	float: left;
	background: #EBFFED;
	color: #2f6789;
	border-left: solid 2px #5CB800; 
	border-top: solid 2px #5CB800; 
	border-right: solid 2px #428500; 
	border-bottom: solid 2px #428500;
	
	font: 10pt arial;
	
}


#hor_menu a:hover {
	color:black;
	padding : 1px 3px 1px 5px;
	border-left: solid 2px #428500;
	border-top: solid 2px #428500;
	border-right: solid 2px #5CB800;
	border-bottom: solid 2px #5CB800;
	
	
}


a.tooltip {
	position:relative;
}

a.tooltip span {
	display: none;
}

a.tooltip:hover span 
{
  display: block;
  position: absolute;
  top: 1em;
  left: 2em;
  border:1px solid black;
  width:325px;
  background-color:#EBFFED;
  color:black;
  padding:5px;
  z-index:99;
}

/* begin css tabs */

ul#tabnav { /* general settings */
	width:95%;
	text-align: right;
	margin-left:0px; /* set margins as desired */
	font: 9px arial; /* set font as desired */
	border-bottom: 1px solid #2f6789; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 52px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */

	
}

ul#tabnav li { /* do not change */
	display: inline;
	
}

#content.repair li.tab1, #content.review li.tab2, #content.read li.tab3, #content.ask li.tab4 { /* settings for selected tab */
	border-bottom: 1px solid white; /* set border color to page background color */
	background-color: white; /* set background color to match above border color */
	
}

#content.repair li.tab1 a, #content.review li.tab2 a, #content.read li.tab3 a, #content.ask li.tab4 a { /* settings for selected tab link */
	background-color: white; /* set selected tab background color as desired */
	color: #2f6789; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 6px; /* must change with respect to padding (X) above and below */
	font: bold 11px arial;
	cursor:default;
}

ul#tabnav li a { /* settings for all tab links */
	padding: 3px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #2f6789; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: white; /* set unselected tab background color as desired */
	color: #2f6789; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
	background-color: yellow; /* set desired hover color */
}

body#repair li.tab1 a:hover, body#review li.tab2 a:hover, body#read li.tab3 a:hover, body#ask li.tab4 a:hover {
	background-color: white;
}


/* end css tabs */



/* new layout */

#artFieldset
{
	padding:5px;
}
#artFieldset legend
{
	color:#2f6789; 
	font-size:12pt
}
#container{
width:854px;
margin:0 auto;
text-align:left;
}

#wrapper{
margin:0px;
/*float:left;*/
width:100%;
background:url('images/new_layout/midden.png') repeat-y;
min-height:800px;
}

#content{
padding-top:10px;
width:465px;
padding-left:220px;
margin:0px;
padding-bottom:20px;
min-height:800px;
}


#header{
background:url('images/new_layout/header.png') no-repeat;
height:137px;
width:854px;
}

#logo{
display:none;
}

#hori_menu{
background:url('images/new_layout/bar.png') no-repeat;
height:31px;
width:835px;
margin-left:10px;

}

#knoppen{
width:835px;
height:31px;
margin-left:20px;
}

#knoppen ul{
list-style:none; 
width:835px;
margin:0px;
padding:0px;
}

#knoppen li{
float:left;
display:block;
white-space:nowrap;
position:relative;
z-index:1;
margin:8px 0 0 0px;


}

#knoppen_footer li{
float:left;
display:block;
white-space:nowrap;
position:relative;
z-index:1;
margin:8px 0 0 0px;


}

#knoppen li#home{
/* width:75px; */

}

#knoppen li#producten{
/* width:115px; */

}

#knoppen li#service{
/* width:90px; */
}

#knoppen li#contact{
/* width:110px; */
}

#knoppen #zoek_vak{
margin-left:10px;
margin-top:-4px;
font-family:arial;
font-size:24px;
color:white;
}

#zoek_knop{
margin-left:-25px;
margin-bottom:2px;
cursor:default;
padding:0px;
z-index:1;
width:18px;
}

#knoppen #zoek_img{
position:relative;
margin-left:230px;
margin-top:1px;
font:14pt arial;

color:white;
}

#knoppen a, #knoppen_footer a{
text-align:center;
/* font-family:myriad; */
font:11pt arial;
color:white;
font-weight:normal;
margin-left:5pt;
padding-right:3pt;
}

#knoppen a:hover, #knoppen_footer a:hover{
text-decoration:underline;

}



#dvd_add{
width:177px;
border:2px solid blue;
}


#main_menu{
position:absolute;
width:190px;
padding:20px;
}


#blok{
height:200px;
}

#adres{
display:none;
}

#footer{
background:url('images/new_layout/footer.png') no-repeat;
height:31px;
width:835px;
margin-left:10px;
padding-left:15px;
clear:both;
}

#footer_links{
float:right;
margin-right:25px;
height:31px;
margin-top:-21px;
}

/* CARTS */
#cart_img{
padding-top:2px;
}
#cart_text{
margin-left:40px;
margin-top:-20px;
color:#CCCCCC;
}
/* CARTS EO*/


/* GOOGLE ADS */
#googleadd_div{
width:120px;
position:absolute;
top:200px;
margin-left:480px;
}

#googleadd_kop_staand{
/*border:2px solid yellow;*/

}

#googleadd_beeld_vierkant_klein{

}

#googleadd_banner_beeld{
/*border:2px solid black;*/

}

#googleadd_koppelingen{
/*border:2px solid black;*/

}

#googleadd_text{

width:120px;
position:absolute;
top:200px;
margin-left:494px;
}

#googleadd_beeld{

width:120px;
position:absolute;
top:200px;
margin-left:494px;
}
/* GOOGLE ADS EO */


/* new layout EO */


/*CSS MENU */

body#index #menuitem_1, body#artikelen #menuitem_2, body#reporder #menuitem_3, body#contact #menuitem_4,
#index #left_home, #reporder #left_dvd_cd, #reporder #left_dvd_cd_rep, #replicatie #left_dupli,
/* #artikelen #left_dvd_cd, */ #hersteldata #left_hersteldata, #info #left_info,
#artikelen #leftArtikelen, /* #artikelen #left_art1, #artikelen #left_art2, #artikelen #left_art3, #artikelen #left_art4,
#artikelen #left_art5, #artikelen #left_art6, */
#info #left_info_alg, /* #artikelen #left_artikelen, */
/* #artikelen #left_dvd_cd, */
#vw #left_info, #vw #left_vw, #faq #left_faq, #faq #left_info, #cd #left_cd_dvd_info,
#cd #left_info, #cd #left_cd, #dvd #left_cd_dvd_info, #dvd #left_dvd, #dvd #left_info, #gebreken #left_gebreken, 
#gebreken #left_cd_dvd_info, #gebreken #left_info, #onderhoud #left_cd_dvd_info, #onderhoud #left_onderhoud,
#onderhoud #left_info, #bedrijf #left_info, #bedrijf #left_bedrijf, #dvd_month #left_dvd_month, #discs_versturen #left_verzenden, #pakket_voorbeeld #left_verzenden, #brievenbus_voorbeeld #left_verzenden { 
font-weight:bold;
cursor:default;
text-decoration:none;

} 



/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* MyCSSMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:190px;
		background-color:transparent;
		border-width:1px;
		border-style:solid;
		border-color:#aaaaaa;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 5px 5px 8px;
		background-color:#ffffff;
		color:#2f6788;
		font-family:Arial;
		font-size:13px;
		text-decoration:none;
		border-width:0px;
		border-style:solid;
		border-color:#aaaaaa;
		cursor:pointer;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	/*body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:none;
		
	}*/


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px 0px;
		background-color:#ffffff;
		border-width:1px;
		border-style:none;
		border-color:#cccccc;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 0px 2px 15px;
		margin:0px 5px;
		background-image:none;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		color:#408cb9;
		text-decoration:none;
		
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#dddddd;
		color:#2f6788;
		
	}

	



/*CSS MENU EO*/

#cust_prop {
	border:1px outset #000099;
	margin-top:15px;
	margin-bottom:5px;
	padding:10px;
} 

#regform input {
	width:175px;
}
#regform select {
	width:175px;
}
#regform input:focus {
	background-color:#E0E0E0;
}

#regform #check input {
	width:15px;
	margin-right:3px;
	display:block;
	padding:0;
	float:left;
	clear:both;
}
a.pageRev
{
  color:#000099;
  font:10pt arial;
  text-decoration:none;  
}
a.pageRev:hover
{
  color:#2f6789;
}

#offerteForm input {
	width:175px;
}
#offerteForm select {
	width:175px;
}
#offerteForm input:focus {
	background-color:#E0E0E0;
}
#offerteForm label {
  float:left;
  width:133px;
  margin:0;
  padding:0;
}

tr.rij:hover {background-color: #CDFFCC;}

#QA_Q #regform input
{
	width:200px;
}

#QA_Q #regform #checkP
{
	width:300px;
}

#QA_Q #regform #checkP #checkB
{
	width:25px;
}

#QA_Q #regform textarea
{
	width:300px; 
	height:150px;
}

#QA_A
{
	margin:5px; 
	border-bottom:1px dotted black;
}

/* -----------------------------------
writeReview is DIV voor formulier
waar klant beoordeling kan schrijven

#4F9E00 = groen

--------------------------------------- */
#writeReview fieldset
{   
   margin:1em 0; padding:10px; border-top:1px solid #4F9E00; border-bottom:1px solid #4F9E00; border-left:none; border-right:none;
}
#writeReview legend { font-weight:bold; color:#4F9E00; font-size:11pt;}
#writeReview #voorwaarden { border:1px solid #4F9E00; margin:5px; padding:10px; }
#writeReview #voorwaarden p { font:9pt arial; margin-top:0px; padding-left:3px; }
#writeReview #voorwaarden b { font-weight:bold; color:#4F9E00; font-size:9pt; }
#writeReview #gebruik, #writeReview #rapportCijfer { border-bottom:1px solid #4F9E00; margin-bottom:2px; width:300px; }
#writeReview #Merk, #writeReview #Type { width:160px; }
#writeReview textarea { width:300px; height:125px; }
#writeReview #Naam { width:300px; }
#writeReview label { float:left; width:140px; margin:0; padding:0; }
/* -----------------------------------
viewReviews is DIV voor beoordeling
waar klant beoordeling(en) kan lezen

#EBFFED = lichtgroen
--------------------------------------- */
#readReviews #noneReviews { border-bottom:1px solid #4F9E00; padding-bottom:5px; font:10pt arial;}
#readReviews #bodyReview {	font:9pt arial; width:450px; padding:5px; border-bottom:dotted 1px #4F9E00; }
#readReviews #bodyReview #titelReview { font-weight:bold; font-size:11pt; color:#4F9E00; margin-top:2px; }
#readReviews #bodyReview #reviewUse { font:9pt arial; } 
#readReviews #bodyReview #reviewText { font:9pt arial; width:425px; }
#readReviews #paginateReview { width:460px; background-color:#EBFFED; height:25px; postion:relative; }
#readReviews #paginateReview #paginateLeft { float:left; background-color:#EBFFED; width:70px; height:20px;	padding-top:4px; padding-left:1px; }
#readReviews #paginateReview #paginateCenter { text-align:left; width:300px; float:left; height:20px; }
#readReviews #paginateReview #paginateRight { float:right; background-color:#EBFFED; width:70px; height:20px; padding-top:4px; padding-right:1px; }
#readReviews h3 { font-size:14px; margin-bottom:3px; padding:0; }
#readReviews h4 { font-size:12px; font-weight:bold; margin-bottom:1px; margin-top:1px; padding:0; }

#wrong_cust #inputSubmit { width:130px; color:orange;}
#wrong_cust #inputGoback { width:130px; color:green;}
#wrong_cust label { float:left; width:140px; margin:0; padding:0; }
#wrong_cust input:focus { background-color:#E0E0E0; }

.reviewFeedback { visibility:hidden; position:absolute; margin-left:270px; margin-top:-23px; font:8pt arial; display:block; width:150px; padding:3px; border:1px solid black; background-color:#EBFFED; padding:5px; }