/* ******************************************************************
script : stylecss
site : devertakking.nl
author : Tim Wolf & Kees Peenstra
copyright :  Tim Wolf & Kees Peenstra
version : 0.9
last modified : 16/10/2008
******************************************************************* */
/*Voorblad*/

h1.voorblad{
	
	width: 435px;
	padding-bottom: 10px;
	font-size: 23px;
	display: block;
	margin: 0px auto 0px auto!important;
	color: #ffffff!important;
}

div.plaatje{
	border: solid 3px #362B56;
	margin: 0px auto 0px auto;
	width: 737px;
	height: 249px;
}

	div.plaatje img{
		margin: none;
		border:none;
	}

a.open{
	margin: 0px auto 0px auto;
	background-image: url(../gfx/logo_voorblad.jpg);
	display: block;
	width: 298px;
	height: 263px;
}
	
/*Voorblad*/
*{
	font-family: Tahoma, arial, verdana, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	}

body{
	background-image: url('../gfx/body.gif');
	background-repeat: repeat-x;
	background-color: #9490B7;
	}

div#container{
	margin: 0px auto 0px auto;
	width: 996px;
	}

	div#header{
		background-image: url(../../gfx/vertakking_logo.gif);
		background-position: 20px 10px;
		background-repeat: no-repeat;
		width: 996px;
		height: 93px;
		}
	
	div.next{
		height: 53px !important;
		}
	
	/*Navigatie homepage*/
	
	div#newmenu{
		border: solid 1px #C8C8C8;
		border-left: 0px!important;
		display: table;
		float: left;
		width: 411px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
		#newmenu a{
			margin: 0px auto 0px auto;
			border-bottom: solid 1px #C8C8C8;;
			text-indent: 110px;
			line-height: 80px;
			height: 90px;
			width: 405px;
			font-weight: normal;
			font-size: 20px;
			color: purple;
			display: block;
		}
		
		 #newmenu a{
			color: #251A44;
			background-position: 10px;
		}
		
		 #newmenu a:hover{
			color: #76AD35;
		}
		
		/*Groenverzorging link plaatjes*/
		
		a.homebutton{

			display: block;
			height: 83px;
			width: 155px;
		}
		
		#newmenu a.g1{
			background-image: url(../gfx/g1.gif);
			background-repeat: no-repeat;
		}
		#newmenu a.g2{
			background-image: url(../gfx/g2.gif);
			background-repeat: no-repeat;
		}
		#newmenu a.g3{
			background-image: url(../gfx/g3.gif);
			background-repeat: no-repeat;
		}
		#newmenu a.g4{
			background-image: url(../gfx/g4.gif);
			background-repeat: no-repeat;
		}
		#newmenu a.g5{
			background-image: url(../gfx/g5.gif);
			background-repeat: no-repeat;
		}
		#newmenu a.g6{
			background-image: url(../gfx/g6.gif);
			background-repeat: no-repeat;
		}
		#newmenu a.g7{
			border-bottom: 0px!important;
			background-image: url(../gfx/g7.gif);
			background-repeat: no-repeat;
		}
		
		/*Winkels link plaatjes*/
		
		#newmenu a.w1{
			background-image: url(../gfx/w1.gif);
			background-repeat: no-repeat;
		}
		#newmenu a.w2{
			background-image: url(../gfx/w2.gif);
			background-repeat: no-repeat;
		}
		#newmenu a.w3{
			background-image: url(../gfx/w3.gif);
			background-repeat: no-repeat;
		}
	/*Groenverzorging links*/
	
	a.g1{
		background-image: url(../gfx/g1.gif);
		}
	
	a.g2{
		background-image: url(../gfx/g2.gif);
		}	
	
	a.g3{
		background-image: url(../gfx/g3.gif);
		}	
	
	a.g4{
		background-image: url(../gfx/g4.gif);
		}	
	
	a.g5{
		background-image: url(../gfx/g5.gif);
		}

	a.g6{
		background-image: url(../gfx/g6.gif);
		}
	
	/*Groenverzorging links*/
	
	/*Fair*/
	
	a.f1{
		background-image: url(../gfx/f1.gif);
		background-repeat: no-repeat;
		}
		
	a.f2{
		background-image: url(../gfx/f2.gif);
		background-repeat: no-repeat;
		}
		
	/*Navigatie homepage*/
	
	/*Navigatie Contentpage*/
	
		div.content{
			display: table;
			}
			
			div.content a{
				background-image: url(../gfx/nav_main_big_normal.gif) !important;
				background-repeat: no-repeat;
				height: 55px !important;
				line-height: 31px !important;
				position: relative;
				z-index: 0;
				top: 0px;
				}
			
			div.content a:hover{
				background-image: url(../gfx/nav_main_big.gif) !important;
				background-position: 0px 0px !important;
				height: 55px !important;
				top: 0px;
				}
			
		div#sub_menu{
			margin: 0px auto 0px auto;
			position: absolute;
			z-index:1;
			top: 107px;
			width: 996px;
			height: 32px;
			
			}
			
			#sub_menu a{
				background-image: url(../gfx/nav_sub2.gif);
				background-position: left;
				background-repeat: no-repeat;
				line-height: 31px;
				color: white;
				text-align: center;
				font-size: 11px;
				float: left;
				display: block;
				width: 123px;
				height: 31px;
				}
			
			#sub_menu a:hover{
				background-image: url(../gfx/nav_sub1.gif);
				font-weight: bold;
				}
		
	/*Navigatie Contentpage*/
	
div#main{
	border-top: solid 9px #a39fc5;
	background-color: white;
	padding-top: 1px;
	width: 996px;
	display: table;
	}

/*WEBSHOP*/

	/*Webshop menu*/
	
	#main div#webshopmenu{
		background-image: url(../gfx/bg_h2.gif);
		background-repeat: repeat-x;
		padding-left: 20px;
		height: 64px;
		width: 976px;
		color: #1c103b;
		}
		
		#webshopmenu a{
			background-image: url(../gfx/webshop_bg.gif);
			background-repeat: no-repeat;
			background-position: 0px 26px;
			font-size: 11px;
			color: #333333;
			font-weight: bold;
			line-height: 64px;
			height: 64px;
			text-indent: 18px;
			display: block;
			margin-right: 4px;
			float: left;
			}
	
	/*Webshop menu*/
	
div.pagenav{	
	height: 26px;
	line-height: 26px;
	padding-left: 37px;
	border: solid 1px #cecece;
	border-top: none!important;
	background-color: #ececec;
	width: 698px;
	}

.pagenav span{
	font-weight: bold;
	font-size: 11px;
	}

.pagenav a{
	color: #333333;
	font-size: 11px;
	}
	
/*Artikel overzicht*/

div#artikelview{
	display: table;
	}

	div.artikel{
		border-bottom: solid 1px #c1c1c1;
		border-right: solid 1px #c1c1c1;
		height: 179px;
		width: 367px;
		float: left;
		z-index: 0;
		padding-bottom: 10px;
		}
	div.artikel_detail{
		border-bottom: solid 1px #c1c1c1;
		border-right: solid 1px #c1c1c1;
		width: 367px;
		float: left;
		z-index: 0;
		padding-bottom: 10px;
		}
	div.thumbs{
		width: 367px;
		float: left;
		}
	
		div.artikel a img{
			border: none;
			}
		
		div.artikel h3{
			padding-top: 17px;
			font-size: 13px;
			}
	
		.artikel img{
			border: solid 1px #c1c1c1!important;
			margin: 9px;
			padding: 7px;
			float: left;
			}
		div.artikel_detail a img{
			border: none;
			}
		
		div.artikel_detail h3{
			padding-top: 17px;
			font-size: 13px;
			}
	
		.artikel_detail img{
			border: solid 1px #c1c1c1!important;
			margin: 9px;
			padding: 7px;
			float: left;
			}
		
		div.artikelinfo{
			font-size: 9px!important;
			width: 177px;
			float:left;
			}
	
			.artikelinfo h3{
				font-size: 12px;
				}
			
			.artikelinfo span.prijs{
				font-weight: bold;
				font-size: 29px;
				}
			
			.artikelinfo p{
				width: 157px;
				font-weight: bold;
				border: solid 1px #d6d6d6;
				font-size: 9px!important;
				padding-left: 7px !important;
				padding-top: 11px !important;
				margin: 0px!important;
				}
			.options{
				display: table;	
				width: 164px;
				height: 28px;
				padding: 4px;
				padding-left: 0px!important;
				}

	
	div.nlarge{
		position: relative;
		float: left;
		top: 143px;
		left: -30px;
		z-index: 100;
		height: 21px;
		width: 21px;
	}
	
		div.nlarge a{

			background-image: url(../gfx/nlarge.gif);
			background-repeat: no-repeat;
			display: block;
			height: 21px;
			width: 21px;
		}
	
/*Artikel overzicht*/	


				
/*Artikel Detail*/

div#artikelomsch{
	border-right: solid 1px #c1c1c1;
	border-bottom: solid 1px #c1c1c1;
	padding-bottom: 10px;
	display: block;
	width: 360px;
	float: left;
}
	
	a.terug{
		display: block;
		float: left;
		background-image: url(../gfx/bg_terugbut.gif);
		background-repeat: no-repeat;
		height: 22px;
		width: 92px;
		}

	input.bestel{
		cursor: pointer;
		border: 0px;
		display: block;
		float: left;
		background-image: url(../gfx/bg_bestelbut.gif);
		background-repeat: no-repeat;
		height: 22px;
		width: 92px;
		}
	
	a.but_info{
		float: left;
		margin-right: 10px;
		background-image: url(../gfx/info.gif);
		background-position: center;
		background-repeat: no-repeat;
		display: block;
		font-size: 11px;
		width: 16px;
		height: 16px;
	}
	
	a.but_order{
		background-image: url(../gfx/store.gif);
		background-position: center;
		float: left;
		background-repeat: no-repeat;
		display: block;
		font-size: 11px;
		width: 16px;
		height: 16px;
	}
	input.but_order{
		background-image: url(../gfx/store.gif);
		background-position: center;
		line-height: 16px;
		margin: 0 0 0 0;
		border: 1px solid #515151;
		background-repeat: no-repeat;
		display: block;
		font-size: 11px;
		width: 16px;
		height: 16px;
	}


/*Artikel Detail*/
	
/*WEBSHOP*/	
	
	div.backlinks{
		
		border-bottom: solid 1px #E1E0E8;
		height: 40px;
		line-height: 40px;
		font-size: 10px;
		padding-left: 26px;
	}
	
		div.backlinks a{
			color: #1C103B;
			font-size: 10px;
			font-weight: bold;
		}
	
	div#content{
		display: table;
		float: left;
		width: 737px;
		padding-bottom: 14px;
		}
		
		#content h2{
				background-image: url(../gfx/bg_h2.gif);
				background-repeat: repeat-x;
				height: 64px;
				width: 737px;
				font-size: 22px;
				color: #1c103b;
				line-height: 64px;
				text-indent: 38px;
				font-weight: normal;
				}
			
			#content p{
				font-size: 1em;
				line-height: 17px;
				padding-top: 12px;
				padding-bottom: 10px;
				padding-left: 25px;
				padding-right: 14px;
				clear: both;
			}

			#content p strong{
				display: block;
				font-size: 14px;
				font-weight: bold;
				color: #1c103b;
				padding-bottom: 8px;
				padding-top: 4px;
				}
			
			#content p img{
				padding-right: 10px;
				float: left;
				}
			
			ul{
				padding-top: 15px;
				padding-left: 50px;
				line-height: 18px;
				width: 400px;
				}
			
			ul li{
				font-size: 11px;
				}
			div#imgcontainer{
				padding: 20px;
				float: left;
			}
			
			div#imgcontainer img{
				width: 100px;
			}
			
			div#newscontainer2{
				width: 580px;
				float: left;
			}
			
			div#newscontainer2 p{
				font-weight: normal;
			}
			
			div#newscontainer2 p span{
				font-weight: bold;
				height: 25px;
				margin-bottom: 10px;
				border-bottom: solid 1px #cecece;
				display: block;
				font-size: 9px;
			}
			
		div#header_home{
			background-image: url('../gfx/header_home.jpg');
			background-repeat: no-repeat;
			width: 737px;
			height: 249px;
			}

		div#header_groenverzorging{
			background-image: url('../gfx/header_groenverzorging.jpg');
			background-repeat: no-repeat;
			width: 737px;
			height: 390px;
			}

		div#header_winkels{
			background-image: url('../gfx/header_winkels.jpg');
			background-repeat: no-repeat;
			width: 737px;
			height: 390px;
			}
			
		div#header_fair{
			background-image: url('../gfx/header_fair.jpg');
			background-repeat: no-repeat;
			width: 737px;
			height: 390px;
			}
			
			
			div#logocontainer{
				margin: 0 auto 0 auto;
				padding: 0 0 0 0;
				width: 985px;
				height: 141px;
				}

			div#logocontainer a{
				text-decoration: none;
				border: 0;
				width: 737px;
				height: 249px;
				display: block;
				}
		
	div#newscontainer{
		font-size: 11px;
		}
	
		div#newscontainer p, h4, span{
			margin-left: 0px;
			margin-right: 22px;
			}
		
		div#newscontainer a{
			display: block;
			font-size: 12px;
			}
		
		div#algemeen{
			float: left;
			border-right: solid 1px #C8C8C8;
			border-bottom: solid 1px #c8c8c8;
			width: 411px;
			padding-bottom: 10px;
			}
		
			#algemeen h2{
				background-image: url('../gfx/algemeennews.gif');
				background-repeat: no-repeat;
				height: 61px;
				}
			
			#algemeen h4{
				border-bottom: solid 1px #C8C8C8;
				border-top: solid 1px #C8C8C8;
				margin: 0 0 10px 0;
				text-indent: 26px;
				float: left;
				width: 411px;
				height: 24px;
				line-height: 24px;
				}
			

			#algemeen h4 a, #winkelnews h4 a{
				color: #1c103b;
				}			
				
			#algemeen h4 a:hover, #winkelnews h4 a:hover{
				color: #649d35;
				}
			
			#algemeen span, #winkelnews span{
				display: block;
				}
			
			#algemeen p, #winkelnews p{
				font-size: 11px!important;
				padding-bottom: 10px;
				}
			
			#algemeen p img, #winkelnews p img{
				border: solid 1px #C8C8C8;
				float: left;
				padding: 5px;
				margin: 10px;
				margin-top: 0px !important;
				margin-left: 0px !important;
				}
			#algemeen p span, #winkelnews p span{
				color: #649d35;
				line-height: 14px;
				padding-bottom: 5px;
				font-size: 10px;
				}

		
		div#winkelnews{
			float: right;
			border-right: solid 1px #C8C8C8;
			border-bottom: solid 1px #c8c8c8;
			padding-bottom: 10px;
			width: 324px;			
			}
		
			#winkelnews h2{
				background-image: url('../gfx/winkelnews.gif');
				background-repeat: no-repeat;
				width: 324px;
				height: 61px;
				}
			
			#winkelnews h4{
				border-bottom: solid 1px #C8C8C8;
				border-top: solid 1px #C8C8C8;
				margin: 0 0 10px 0;
				text-indent: 26px;
				float: left;
				width: 324px;
				height: 24px;
				line-height: 24px;
				}
			
	div#sidebar{
		/*border-left: solid 1px #1F133D;*/
		display: table;
		width: 258px;
		float: right;
		}
	
		#sidebar div{
			background-image: url('../gfx/bg_divsidebar.gif');
			border-bottom: solid 1px #1f133d;
			background-repeat: repeat-x;
			background-position: top;
			width: 258px;
			}
		
			#sidebar div h3{
				padding: 0px;
				margin: 0px;
				height: 63px;
				width: 245px;
				line-height: 63px;
				font-weight: normal;
				text-indent: 13px;
				font-size: 18px;
				color: #1e133d;
				}
			
			#sidebar div p{
				padding-left: 13px;
				color: #575757;
				font-size: 11px;
				padding-top: 9px;
				padding-bottom: 9px;
				}
			
			#sidebar div strong{
				padding-left: 13px;
				font-size: 11px;
				color: #575757;
				}
			
		div#search{
			background-image: url('../gfx/bg_search.gif');
			background-color: #302550;
			background-repeat: repeat-x !important;
			background-position: bottom;
			display: table !important;
			height: 60px;
			}
		
			#search strong{
				line-height: 30px;
				font-size: 12px;
				color: white !important;
				}
			
			div#searchform{
				padding-left: 13px;
				}
			
				#search input#sinput{
					font-size: 12px;
					padding-top: 5px;
					display: block;
					float: left;
					background-image: url('../gfx/bg_input.gif');
					background-repeat: no-repeat;
					background-position: center;
					text-indent: 5px;
					border: solid 1px white;
					width: 190px;
					height: auto;
`					}
				
				#search input.sbutton{
					background-image: url('../gfx/bg_sbutton.gif');
					background-position: center;
					display: block;
					float: left;
					cursor: pointer;
					margin-left: 1px;
					padding: 0px;
					border: none;
					width: 28px;
					height: 25px;
					}	
	/*Contact*/
	
	div#contactform{
		font-size: 11px;

		margin: 20px;
	}
	
	table#contacttable{
		vertical-align: top;
		width: 500px;
	}
	
		#contacttable td{
		}
	
		#contacttable td input.width{
			width: 200px;
		}
		
		#contacttable td p.contactpar{
		padding: 10px;
		font-size: 11px;
	}
		
	label {
	    float: left;
	    text-align: left;
	    padding-top: 5px;
	}

	select, textarea {
	    padding: 3px;
	    margin: 3px;
	    border: 1px solid #bac5d6;
	    font: 10px Verdana, sans-serif;
	    background: #fff;
	}
	input, textarea {
	    padding: 3px;
	    margin: 3px;
	    border: 1px solid #bac5d6;
	    font: 10px Verdana, sans-serif;
	    background: #fff;
	}
	input.fout, textarea.fout {
	    border: 1px solid #FF0000;
	}

	label.fout {
	    color: #FF0000;
	}
	
	
	/*Contact*/
	
	/*iDeal*/
	
			.ideal p{
				width: 400px;
				height: 45px;
				font-weight: bold;
				font-size: 9px!important;
				padding-left: 7px !important;
				padding-top: 11px !important;
				margin: 0px!important;
				}
	
	
	
	
	
	/*iDeal*/
	
			/*Fotoalbum*/
		
			div#options_bar{
				background-image: url(gfx/bg_h2.gif);
				background-repeat: repeat-x;
				background-position: top;
				background-color: #1A82CC;
				height: 48px;
				width: 715px;
				line-height: 44px;
				font-size: 12px;
				display: table;
				margin-left: 5px;
				border-bottom: solid 1px white;
				}
			
				#options_bar h4{
					font-size: 18px !important;
					color: white;
					width: 150px;
					line-height: 48px;
					float: left;
					text-indent: 15px; 
					}
				
				#options_bar span#sort{
					float: left;
					color: white;
					display: block;
					padding-right: 15px;
					}
				
				#options_bar span#sort a{
					color: white;
					font-weight: bold;
					text-decoration: none;
					}
								
				#options_bar #searchform input{
					border: 0px;
					background-color: none;
					background-image: url(gfx/bg_input.gif);
					background-repeat: no-repeat;
					background-position: center;
					width: 210px;
					height: 20px;
					padding-left: 5px;
					padding-top: 5px;
					font-weight: normal !important;
					}
				
				formform.readmore{
					line-height: 22px;
					}
				
					.readmore input{
						margin-top: 2px;
						display: block;
						line-height: 22px;
						float: right;
						}
				
		
		div.page_nav{
			background-image: url(gfx/bg_h2.gif);
			background-repeat: repeat-x;
			background-position: center;
			margin-left: 5px;
			width: 715px;
			height: 24px;
			}
		
			.page_nav strong{
				float: left;
				font-size: 11px;
				color: black;
				line-height: 20px;
				margin-right: 5px;
				}
		
			span.page_links{
				float: left;
				text-align: right;
				}
		
			.page_nav span.page_links a{
				text-decoration: none;
				color: black;
				font-size: 11px;
				display: block;
				float: left;
				margin: 0px;
				height: 20px;
				padding: 0px;
				margin-right: 5px;
				line-height: 20px;
				}
	
	div#album{
		padding: 5px;
		width: 710px;
		display: table;
		}
	
		div.row{
			display: table;
			margin-top: 4px;
			float: left;
			width: 176px;
			}
		
		div.foto{
			float: left;
			width: 176px;
			}
		
		div.foto p{
			clear: both;
			height: 50px;
			}
		
		div#album div.row p b{
			display: block;
			float: left;
		}
		
		div#album div.row a{
			display: block;
			float: left;
			padding: 5px;
			}
		
		div#album div.row a:hover{
			background-color: #f0f0f0;
			}
		
		div#album div.row a img{
			border: none;
			border: solid 1px #c4c4c4;			
			padding: 2px;
			}
			
			#album div.row p a{

				display: block;
				float: left;
				line-height: 10px;
				}
			
/*Foto album*/