/*
 * @Title: Wijn uit Duitsland
 * @Author: Creationpoint (Tom)
*/

body {
 margin: 0; padding: 20px 0px 0px 0px;
 text-align: center;
 background: #D5D5D5 url('/editor/images/bg_fill.jpg') repeat-x;
}

hr{
    height: 1px;
    background-color: #D7D7D4;
    border: 0;
}


div#container {
 	width: 780px;
 	margin: 0 auto;
 	text-align: left;
 	overflow:hidden;
}




div#container a:link{ color: #5c5c5c; }
div#container a:visited{ color: #5c5c5c; }
div#container a:hover{ color: #FF0000; }

div#topImage{
	width: 780px;
	height: 416px;
	padding: 0px 5px 0px 5px;
	background: url('/editor/images/top.jpg') no-repeat;
}


div#topImage #carousel{
  position: absolute;
  top: 102px;
  margin-left: -5px;
  width: 562px;
  height: 192px;
  background-color: transparent;
  text-align: center;
  vertical-align: middle;

}

div#topImage #carousel *{
  left: -9px;
  top: 1px;

}

div#topMenu{
	height: 38px;
	font-family: Arial;
	font-size: 12px;
	margin-top: 10px;
	position: absolute;
}

div#topMenu a#helpMap{
	height: 38px;
	width: 40px;
	left: 693px; 
	top: 29px;
	position: absolute;
}

div#topMenu a#webWinkelMap{
	height: 38px;
	left: 733px;  
	width: 40px;
	top: 29px;
	position: absolute;
}

div#topNews{
	position: relative;
	top: 280px;
	left: 570px;
	width:198px;
	height: 128px;
	font-family: Arial;
	font-size: 12px;
	color: #6E6E6E;
}

div#topNews a:link{ color: #5c5c5c; }
div#topNews a:visited{ color: #5c5c5c; }
div#topNews a:hover{ color: #FF0000; }

div#newsHeader{
	width: 200px;
	background: url('/editor/images/news_header.jpg') no-repeat;  
	padding-left: 10px;
	padding-top: 0px;
}



div#extranavigation {
  position:absolute;
  width:765px;
  margin-top:5px;
}

div.extranavigationitem {
 float:right;
 padding-left:10px;
}



div#topSubmenu{
	  margin-top: 153px;
    height: 125px;
}

ul#navigationMenu{
	list-style-type: none;
	margin:0;
	margin-top: 30px;
	
	padding-left: 0px;

}

ul#navigationMenu li{
	border-right: 1px solid #D7D7D4;
	border-left: 1px solid #D7D7D4;
  height: 38px;
  line-height: 38px;
    
  padding: 0px 15px 0px 15px;
	margin: 0px 0px 0px 1px;
	
  display:block; 
	float: left;	
}

ul#navigationMenu li a:link{ color: #5c5c5c; }
ul#navigationMenu li a:visited{ color: #5c5c5c; }
ul#navigationMenu li a:hover{ color: #FF0000; }

div#hoofdmenuHeader{
	width: 500px;
	background: url('/editor/images/submenu_header.jpg') no-repeat;  
	padding-left: 10px;
	
}

div#hoofdmenuHeader img{ }

div#subMenuDiv{
  position: relative;
	width:556px;
	height:115px;
	text-align:left;
	font-family: Arial;
	font-size: 12px;
	color: #5c5c5c;
	
}
div#subMenuDiv a:link{ color: #5c5c5c; }
div#subMenuDiv a:visited{ color: #5c5c5c; }
div#subMenuDiv a:hover{ color: #FF0000; }

div#subMenu{
	width:500px;
	text-align:left;
margin-left: 10px;position: relative;

	
}
div#subMenu div{
	padding: 0;
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 12px;
	padding-top:10px;
	vertical-align: top;
	
}
div#subMenu div img{	padding-right: 5px;	}
div#subMenu div a:link{ color: #5c5c5c; }
div#subMenu div a:visited{ color: #5c5c5c; }
div#subMenu div a:hover{ color: #FF0000; }

div#subMenu div p {
 margin: 0;
}

div#subMenu div ul {
 list-style-type: none;
 list-style-image: url(/editor/images/bolletje_groen.jpg);
 margin: 10px 0 0 0;
 padding: 0;
}

div#subMenu div ul li {
 margin-left: 25px;
 padding-left: 0;
}

div#contentContainer{
	
}

div#contentHeader{
	width: 780px;
	background: url('/editor/images/content_header.jpg') no-repeat;  
	padding-left: 10px;
	margin-left: 5px;
	margin-top: -7px;
}
div#contentHeader img{ }


div#contentTop{
	background: url('/editor/images/content_top.jpg') no-repeat left bottom;
	height: 14px;
}


div#contentMid{
	background: url('/editor/images/content_fill.jpg') repeat-y;
}

table#contentMidTable{
	font-family: arial;
	font-size: 12px;
	color: #6E6E6E;
	margin-left:5px;
	padding-right: 10px;
}

table#contentMidTable td#contentMidImage{
  /* width: 300px; */
}

table#contentMidTable td#contentMidRight{
	width:475px;
}

div#contentBottom{
	background: url('/editor/images/bottom.jpg') no-repeat;
	height: 67px;
}

.dashgray{ border:0px; height:1px; background-color: #FF0000; color: #FF0000;}
.currentSubmenu p a { font-weight: bold; }

/* 
 * WEBSHOP start
 *
*/ 

#productenContainer{
	font-family: Arial;
	font-size: 12px;
	color: #6E6E6E;
	height: 635px;
	padding-left: 10px;
	padding-right: 10px;
}

#productenContainer A:Link {color: #6E6E6E; text-decoration: none;}
#productenContainer A:Visited {color: #6E6E6E; text-decoration: none;}
#productenContainer A:Hover {color: #6E6E6E; text-decoration: underline;}

div#catList{
	height: 35px;
	width: 750px;
	text-align: middle;
	border-bottom: 1px solid #ff0000;
	margin-bottom: 5px;
}

#catList select {background-color: #eee; border: 1px solid #ccc;}

#catList A:Link {color: #6E6E6E; text-decoration: none;}
#catList A:Visited {color: #6E6E6E; text-decoration: none;}
#catList A:Hover {color: #6E6E6E; text-decoration: underline;}

/*
 * Producten overzicht classes start
 *
 */

		.product{
			position: relative;
			background: url('/editor/images/shop.gif') no-repeat;
			width: 180px;
			height: 295px;
			margin-left: 8px;
			font-size: 12px;
			color: #6E6E6E;
			float: left;
		}
		
		div#geenProducten{
			width: 760px;
			height: 37px;
			padding: 10px 0px 0px 10px;
			background: url('/editor/images/smallOverzicht.gif') no-repeat;
		}
		
		
		.product .header{
			position: absolute;
			left: 28px;
			top: 10px;
			height: 70px;
			width: 123px;
		}
		
		.product .productImage{
			width: 105px;
			position: absolute;
			top: 92px;
			left: 35px;
			
			border: 1px solid #b1871e;
		}
		
		.product .productPrijs{
			font-weight: bold;
			position: absolute;
			top: 261px;
			left: 28px;
		  width: 60px;
		}
		
	.productPrijsDetails{
			font-weight: bold;
			position: absolute;
			top: 135px;
			left: 252px;
		  width: 60px;
		}
		
		.product .productBestel A:Link {color: #6E6E6E; text-decoration: none;}
		.product .productBestel A:Visited {color: #6E6E6E; text-decoration: none;}
		.product .productBestel A:Hover {color: #6E6E6E; text-decoration: underline;}
		.product .productBestel{
			font-weight: bold;
			position: absolute;
			top: 261px;
			left: 92px;
			width: 45px;		    
		}
		
		#productenContainer #prodNavTop{
			font-weight: bold;
			/* margin: 0 auto; */
			text-align: right;
			top:0px;
			left: 920px;
			width: 750px;
		}	
		#productenContainer #prodNavTop A:Link {color: #6E6E6E; text-decoration: none;}
		#productenContainer #prodNavTop A:Visited {color: #6E6E6E; text-decoration: none;}
		#productenContainer #prodNavTop A:Hover {color: #6E6E6E; text-decoration: underline;}

/*
 * Producten overzicht classes start
 *

 * Producten details classes start
 *
 */
 
		.productDetails{
			position: relative;
			background: url('/editor/images/overzicht.gif') no-repeat;
			width: 760px;
			height: 161px;
			margin-left: 0px;
			font-size: 12px;
			color: #6E6E6E;
		}
		
		.productDetails .productImage{
			width: 105px;
			position: relative;
			left: 15px;
			top: 10px;
			
			border: 1px solid #b1871e;		
		}
		
		.productDetails .omschrijving{
			position: absolute;
			left: 130px;
			top: 10px;
			margin: 0; padding: 0;
		}
		
		#afrekenen{
			background: url('/editor/images/afrekenen.gif') no-repeat;
			position: relative;
			left: 645px;
			top: 1px;
			width: 115px;
			height: 25px;
			margin: 0; 
			padding: 3px 0px 0px 6px;
			font-weight: bold;
			text-align: right;
		}
		
		.productDetails .verderWinkelen{
			background: url('/editor/images/verder_winkelen.gif') no-repeat;
			position: absolute;
			left: 130px;
			top: 132px;
			width: 112px;
			height: 21px;
			margin: 0; 
			padding: 3px 0px 0px 6px;
			font-weight: bold;
		}
		
		.knoppen{
			background: url('/editor/images/knoppen.gif') no-repeat;
			position: absolute;
			left: 245px;
			top: 132px;
			width: 142px;
			height: 21px;
			margin: 0; 
			padding: 2px 0px 0px 6px;
			font-weight: bold;
		}
		
		.productDetails .verderWinkelen A:Link {color: #6E6E6E; text-decoration: none;}
    .productDetails .verderWinkelen A:Visited {color: #6E6E6E; text-decoration: none;}
		.productDetails .verderWinkelen A:Hover {color: #6E6E6E; text-decoration: underline;}
		
		.productDetails .productPrijs{
		  background: url('/editor/images/verder_winkelen.gif') no-repeat;
			font-weight: bold;
			position: absolute;
			left: 249px; top: 132px;
		  width: 112px; height: 21px;
		  padding: 2px 0px 0px 6px;
		}
		
		.productDetails .productBestel A:Link {color: #6E6E6E; text-decoration: none;}
		.productDetails .productBestel A:Visited {color: #6E6E6E; text-decoration: none;}
		.productDetails .productBestel A:Hover {color: #6E6E6E; text-decoration: underline;}
		.productDetails .productBestel{
			font-weight: bold;
			position: absolute;
			left: 325px;
			top: 135px;
			width: 45px;		    
		}
		
		.productDetails .acties{
			font-weight: bold;
			position: absolute;
			left: 610px;
			top: 10px;
		  width: 190px;
		}
		
		.productDetails .acties select{
			border: 1px solid #ccc;
			width: 60px;
		}
		
		.productDetails .acties input{
			border: 1px solid #ccc;
			width: 100px;
		}
		
		#subTotaal {
		  background: url('/editor/images/totaal_overzicht.gif') no-repeat;
      width: 740px;
      height: 80px;
      /* border-top: 1px solid #b1871e;*/
      text-align: right;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
    }
		
 /*
  * Producten details classes end
  *
  */
 
 /*
  * NAW Gegevens related CSS
  *
 */
 div#nawSection{
    position: relative;
    background: url('/editor/images/naw.gif') no-repeat;
    width: 760px;
    height: 550px;
    padding: 10px;
 }
 
 div#nawSection input{
    border: 1px solid #ccc;
    width: 200px;
 }
 
 div#nawSection table#nawTable{
    border: 0;
    padding: 0;
    margin: 0; 
    width: 740px;
 }
 
 div#nawSection table#nawTable .title{
    width: 100px;
 }
 
 div#nawSection table#nawTable .evenRow{ background-color: #eeeeee; }
 div#nawSection table#nawTable .oddRow{ }
 
/* Aanbieding */
 
div.aanbieding{
		background: url('/editor/images/aanbieding.gif') no-repeat;
		position: absolute;
		left: 410px;
		width: 142px;
		height: 60px;
		margin: 0; 
		padding: 3px 0px 0px 6px;
		font-weight: bold;
} 

div.aanbiedingKnoppen{
		background: url('/editor/images/knoppen.gif') no-repeat;
		position: absolute;
		left: 410px;
		top: 25px;
		width: 142px;
		height: 21px;
		margin: 0; 
		padding: 2px 0px 0px 6px;
		font-weight: bold;
		text-align: right;
}   

div.aanbiedingPrijs{
    font-weight: bold;
		position: absolute;
		left:  420px;
		top: 27px;
		width: 60px;

} 

div.aanbiedingBestel{
    font-weight: bold;
		position: absolute;
		left:  490px;
		top: 27px;
} 

div.aanbiedingBestel a:link{ text-decoration: none; }
div.aanbiedingBestel a:visited{ text-decoration: none; }
div.aanbiedingBestel a:hover{ text-decoration: underline;  }

.Leveringsvoorwaarden{
  border: 1px solid #ccc;
  font-family: arial;
  color: #737373;
  width: 730px;
  height: 200px;
}

hr.afrekenen{
  width: 700px;
  align: left;
}




/* default form properties */
form {
 margin: 0;
 padding: 0;
}

fieldset {
 margin: 0 0 10px 0;
 padding: 10px;
}

.submit {
 text-align: right;	
 margin: 10px 0;
}

input.readonly {
 background-color: #E8E8E8;
 color: #666;
}

input, select {
 font-family: verdana, serif;
}


#nbriefaanmelden fieldset,#mailform fieldset{
 margin-right:10px;
}
#nbriefaanmelden label,#mailform label{
 width:170px;
 display:block;
 float:left;
}
#nbriefaanmelden p,#mailform p{
 padding:1px;
 margin:1px;
}

#nbriefaanmelden input,#nbriefaanmelden textarea,#mailform input,#mailform textarea {
 border-top:1px solid #b1da98;
 border-left:1px solid #82c45b;
 border-right:1px solid #4c9421;
 border-bottom:1px solid #46881e;
 background-color:#ffffff;
 color:#6e6e6e;
}

#nbriefaanmelden .formrow,#mailform .formrow {
 height:24px;
 
}

div.formsubmit {
 padding-top:13px;
 padding-left:170px;

}