@charset "utf-8";
/* CSS Document */

* { padding: 0; margin: 0; }

html, body {
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}

/*****
Layout
*****/

#container {
	margin: 0 auto;
	width: 950px;
	height:auto;
}

#header{
	width: 349px;
	height: 60px;
	float: left;
}
	#logo{
		padding-top: 10px;
	}	

#navigatie{
	width: 601px;
	height: 60px;
	float:right;
	text-align: right;
}

#lijn{
	width: 950px;
	height: 6px;
}

#advertenties{
	width: 950px;
}

#banners{
	width: 621px;
	height: 240px;
	float: left;
	border: 5px #000 solid;
}

#ads{
	width: 282px;
	height: 220px;
	float: right;
	background-color: #333333;
	border: 5px #000 solid;
	padding: 10px;	
}
	#ads p{
		color:#FFFFFF;
		text-align:right;
		padding-top: 10px;
	}

#content{
	width: 950px;
	height: auto;
}
	#kolom1{
		width: 291px;
		height:auto;
		float:left;
		padding-right: 25px;
	}
	#kolom2{
		width: 291px;
		height:auto;
		float:left;
		padding-right: 25px;
	}
	#kolom3{
		width: 318px;
		height:auto;
		float:right;
	}
	
	#kolomsamen{
		width: 582px;
		height: auto;
		float: left;
	}
		
#webshop{
	width: 631px;
	height: auto;
	float:left;
}
	#item{
		width: 80px;
		height: 80px;
		border: 1px #ddd solid;
		padding: 4px;
		}
		
#zoeken{ 
	width: 312px;
	height: auto;
	float: right;
}

#footer{
	width: 950px;
	height: 20px;
}

/* navigatie */

#navcontainer{
	padding-top:24px;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;

}

#navlist a { 
padding: 6px 10px;
display: inline-block;
 }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #641c1f;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #d40332;
text-decoration: none;
}

A {font:Verdana, Arial, Helvetica, sans-serif font-size:12px; text-decoration:none;}
A:link {color: #641c1f}
A:visited {color: #641c1f;}
A:hover {text-decoration: underline; color: #641c1f;}
A:active {color: #641c1f;text-decoration: none}



/******
Tekst
*****/

h1 {
	font:24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}

h2 {
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;	
}

h3{
		font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;	
	padding-bottom: 5px;
	font-weight:bold;
}	
	

/*****
Form
*****/

input{
	border:1px solid #d9e6f0;
}
select{
	border:1px solid #d9e6f0;
}
/***************
	  Forms
***************/
form#form fieldset {
	border:1px solid #d9e6f0;
}
form#form legend {
	border:1px solid #d9e6f0;
	background:#fff url(../img/form_blue.gif) repeat-x center left;
	color:#375b91;
}
form#form input {
	border:1px solid #d9e6f0;
	background:#fff url(../img/form_blue.gif) repeat-x top left;
}
form#form textarea {
	border:1px solid #d9e6f0;
	background:#fff url(../img/form_blue.gif) repeat-x bottom left;
}
form#form option {
	background:#FFF;
}
form#form optgroup {
	background:#d9e6f0;
}
form#form optgroup option {

}
form#form #button1, form#form #button2 {
	color:#375b91;
}
form#form #button1:hover, form#form #button2:hover {
	color:#000;
}

/******
images  / clients
******/

.left{
  	float: left; /*left in our text*/
   	margin-right: 10px;
	margin-bottom: 10px;
}

#clients{
	width: 560px;
	height: auto;
	border: 1px #c0c0c0 solid;
	padding: 10px;
}

/*******
Promo's
******/

#linkerpromo{
	width: 125px;
	height: 125px;
	float: left;
}

#rechterpromo{
	width: 425px;
	height: auto;
	float:right;
}

/****
kleuren
****/

.rood{
	color: #641c1f;
	font-weight:bold;
	text-decoration:underline;
	}

.roodtitel{
	color: #641c1f;	
}