/*  



*/



/* basic elements */

body { 

	font: 9pt/13pt arial; 

	color: #355a6f; 

	background: #FF9900; 

	background-image: url('vb_stripes_fade.gif');

	background-repeat:no-repeat;

	background-attachment:fixed;

	background-position:center; 

}

	margin: 0px; 

	text-align: center;

	}





/* specific divs */



image { 

	margin: 10px 5px 10px 5px;

	padding: 0px 0px 0px 0px;

	float:left;

	}

	



p { 

	font: 9pt/13pt Arial; 

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 10px 0px;

	text-align: left;

	}



p.space { 

	margin: 0px 0px 0px 15px;

	padding: 0px 0px 0px 0px;

	text-align: left;

	}

	

h1 { 

	font:  bold 22px Arial;  

	color: #41B9BB;

	margin: 0px 0px 0px 0px; 

	padding: 15px 6px 0px 0px;

	}

	

h2 { 

	font: normal 22px Arial; 

	color: #018594;

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;

}



h3 { 

	font: normal 22px Arial; 

	color: #4DAC27;

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;

}



b { 

	font: normal 14px Arial; 

	color: #018594;

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;

}



strong { 

	font: normal 18px Arial;

	color: #165B2A;

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;

}



small {

	margin: 0px; 

	padding: 0px 0px 0px 0px;

	color: #8CC919;

	}	

	

	

a:link { 

	font-weight: bold; 

	text-decoration: none; 

	color: #018594;

	}

	

a:visited { 

	font-weight: bold; 

	text-decoration: none; 

	color: #018594;

	}

	

a:hover, a:active { 

	text-decoration: none; 

	color: #37B7B9;

	}





img {

	border: 1px solid #fff;

}

	

ul{

	list-style:none;

	padding: 0px;

	margin: 20px 0px 20px 0px;

}



#container { 	

	padding: 0px 0px 0px 0px; 

	border: 0px;

	text-align: left; 

	width: 908px; 

	margin-left: auto; 

	margin-right: auto; 

	}



#top { 	

	background: #ff9900 url(img/clothes_top.gif) no-repeat ;

	padding: 0px 0px 0px 0px; 

	border: 0px;

	text-align: right; 

	width: 908px; 

	height: 61px;

	}

	

#header_total {

	background: url(img/logo_left.gif) no-repeat ;

	padding: 0px 0px 0px 0px; 

	border: 0px;

	text-align: left; 

	width: 908px; 

	height: 228px;

	}	



#header_container { 	

	background: transparent url(img/right_shadow.gif) repeat-y right;

	padding: 20px 0px 0px 0px; 

	margin: 0px 0px 0px 119px;

	border: 0px;

	text-align: left; 

	height: 208px;

	width: 789px; 

}	



#header {

	background: url(img/header.gif) no-repeat;

	padding: 0px 0px 0px 0px; 

	margin: 0px 0px 0px 0px;

	border: 0px;

	text-align: left; 

	width: 760px; 

	height: 154px;

}	



#header2 {

	background: url(img/header2.gif) no-repeat;

	padding: 0px 0px 0px 0px; 

	margin: 0px 0px 0px 0px;

	border: 0px;

	text-align: left; 

	width: 760px; 

	height: 154px;

}	



#header3 {

	background: url(img/header3.gif) no-repeat;

	padding: 0px 0px 0px 0px; 

	margin: 0px 0px 0px 0px;

	border: 0px;

	text-align: left; 

	width: 760px; 

	height: 154px;

}	



#header4 {

	background: url(img/header4.gif) no-repeat;

	padding: 0px 0px 0px 0px; 

	margin: 0px 0px 0px 0px;

	border: 0px;

	text-align: left; 

	width: 760px; 

	height: 154px;

}	



#header5 {

	background: url(img/header5.gif) no-repeat;

	padding: 0px 0px 0px 0px; 

	margin: 0px 0px 0px 0px;

	border: 0px;

	text-align: left; 

	width: 760px; 

	height: 154px;

}	



#header6 {

	background: url(img/header6.gif) no-repeat;

	padding: 0px 0px 0px 0px; 

	margin: 0px 0px 0px 0px;

	border: 0px;

	text-align: left; 

	width: 760px; 

	height: 154px;

}	



#header7 {

	background: url(img/header7.gif) no-repeat;

	padding: 0px 0px 0px 0px; 

	margin: 0px 0px 0px 0px;

	border: 0px;

	text-align: left; 

	width: 760px; 

	height: 154px;

}	



#search {

	float: right;

	background: transparent;

	width:270px;

	height: 25px;

	padding: 0px 0px 0px 0px;

	margin: 150px 0px 0px 0px;

}



#zoek_veld {

	float: right;

	background: transparent;

	width:250px;

	height: 25px;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	text-align: right;

}



#content {  

	float: left;

	background: url(img/pattern.gif) repeat-y;

	padding: 0px 0px 0px 0px; 

	margin: 0px 0px 0px 0px;

	border: 0px;

	text-align: left; 

	width: 908px; 



	}



#container2 { 	

	float: right;

	background: #FFCC00 url(img/right_shadow.gif) repeat-y;

	padding: 0px 0px 0px 0px; 

	margin: 0px 0px 0px 0px;

	border: 0px;

	text-align: left; 

	width: 789px; 

	}

	

#main_content {  

	background: url(img/content_bg.gif) repeat-y ;

	float:left;

	padding: 0px 0px 0px 20px; 

	margin: 0px 0px 0px 0px;

	border: 0px;

	text-align: left; 

	width: 740px; 

	}



#main_content_wide {  

	background: transparent;

	float:left;

	padding: 0px 0px 0px 20px; 

	margin: 0px 0px 0px 0px;

	border: 0px;

	text-align: left; 

	width: 740px; 

	}

	

#sidebar {  

	float: right;

	padding: 0px 0px 0px 0px; 

	margin: 0px 0px 0px 0px;

	border: 0px;

	text-align: left; 

	width: 201px;

	vertical-align: bottom;

	}



#sidebar a

{

	color: #fff;

}



#sidebar h2 {

	color: #165B2A;

	font: normal 18px Arial;

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 10px;

}





#sidebar p {

	margin: 0px 0px 0px 10px;

}



#sidebar ul

{

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 10px;

}



#sidebar li

{

	list-style: none;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}

	

#bottom

{

	float: left;

	width: 760px;

	height: 50px;

	background: #FF9900 url(img/bottom.gif) no-repeat;

	margin: 0px;

	padding: 0px;

}





/*--------------------------------------------*/

.sidebar_top

{ 

	background: #FFFFFF url(img/sidebar_top.gif) no-repeat top left; 

	height: 24px;

}



/*--------------------------------------------*/

#archive_container

{

	background: transparent;

	width: 190px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 50px 0px;

}



.archives_top

{ 

	background: transparent url(img/archives_top.gif) no-repeat top left; 

	height: 14px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



.archives_layout 

{

	width: 190px;

	background: #4DAC27;

	margin: 0px 0px 0px 5px;

	padding: 0px 0px 0px 0px;

}



.archives_bottom 

{

	background: #8CC919 url(img/archives_bottom.gif) no-repeat top left; 

	height: 14px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}	





#horizon

{

	background-color: transparent;

	position: absolute;

	top: 0px;

	left: 20px;

}

 

 

#horizon

{

	top: 0px;

	left: 0px;

	width: 100%;

	margin-top: 0px;

	text-align: center;

	min-width: 908px; 

}


.links

{

	float: left;

	padding: 0px 0px 0px 0px;

	margin: 9px 0px 0px 0px;

}



.post

{

	background: #fff ;

	padding: 15px 0px 20px 0px;

	margin: 0px 0px 0px 0px;

	width: 500px;

	text-align: left;

}



.post_wide

{

	background: #fff ;

	padding: 20px 0px 20px 0px;

	margin: 0px 0px 0px 0px;

	width: 500px;

	text-align: left;

}



.post_wide_nobg

{

	background: transparent;

	padding: 15px 0px 20px 0px;

	margin: 20px 0px 0px 0px;

	width:500px;

	text-align: left;

}



.post_sidebar

{

	background: transparent;

	padding: 15px 0px 20px 0px;

	margin: 0px 0px 0px 0px;

	width: 180px;

	text-align: left;

}





/*FORMS*/



.inputform

{

	font-family: Trebuchet MS, sans-serif;

	font-size: 13px;

	background: #8CC919;

	color: #fff;

	border: 0px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



.btn

{

	background: #165B2A;

	font-family: Trebuchet MS, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #8CC919;

	border: 0px;

	height: 18px;

	margin: 0px 0px -4px 0px;

	padding: 0px 0px 0px 0px;

}



/* zo groot wordt de "author etc" weergegeven */

.commentlist li, #commentform input, #commentform textarea {

font: 1em 'Trebuchet MS', Verdana, Arial, Sans-Serif;

}



.commentlist li {

font-weight: bold;

}



/* zo groot wordt de "author" weergegeven*/

.commentlist cite, .commentlist cite a {

font-weight: bold;

font-style: normal;

font-size: 1.1em;

}



.commentlist p {

font-weight: normal;

line-height: 1.4em;

text-transform: none;

}



#commentform p {

font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

}



.commentmetadata {

font-weight: normal;

}





/*	Using 'class="alignright"' on an image will (who would've

thought?!) align the image to the right. And using 'class="centered',

will of course center the image. This is much better than using

align="center", being much more futureproof (and valid) */



img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}



img.alignright {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 20px;

}



img.alignleft {

padding: 0px 0px 0px 0px;

margin: 0px 20px 0px 0px;

display: inline;

}



.alignright {

float: right;

}



.alignleft {

float: left;

}

/* End Images */



/* hoofdmenu begint hier */



#hoofdmenu 

{

	float:left;

	background: transparent;

	margin: 0px 0px 0px 0px;

	padding: 18px 0px 0px 20px;

}

  

#hoofdmenu ul 

{

  margin:0px 0px 0px 0px;

  padding:0px 0px 0px 0px;

  list-style:none;

}

  

#hoofdmenu li 

{

  display:inline;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

  

#hoofdmenu a 

{

  float:left;

  background: transparent;

  margin: 0px 0px 0px 0px;

  padding:0px 0px 0px 0px;

  border: 0px;

  font-family: 'Arial','Verdana','Times New Roman';

  font-size:16px;

  text-decoration: none;

  color:#000;

}

  

#hoofdmenu a  

{

  float:left;

  display:block;

  background: transparent;

  padding:0px 10px 0px 0px;

  margin: 0px 0px 0px 0px;

  font-weight: bold;

  color:#018594;

}

  

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#hoofdmenu a span 

{

	float:none;

	padding-bottom:0px;

}

/* End IE5-Mac hack */



#hoofdmenu a:hover span 

{

  color:#1AA7A9;

}

  

#hoofdmenu #current a 

{  

  border: 0px;

  font-weight: bold;

  color: #1AA7A9;

}

  

#hoofdmenu #current a span

{

  margin: 0px 0px 0px 0px;	

  padding:0px 0px 0px 0px;

  color:#1AA7A9;

}

  

#hoofdmenu a:hover 

{

   border: 0px;

   color: #1AA7A9;

}

  

/* hoofdmenu eindigt hier */