/* Presentation Stylesheet */


a:link, a:visited, a:active  { color: #0069D5; background: transparent; }
a:hover { color: #000; background: transparent; }


#footer a:link, #footer a:visited, #footer a:active { color: #E7F1FA; background: transparent; }
#footer a:hover { color: #FFF; background: transparent; }


#header {
	padding: 0;
	margin: 0px 10px 10px 10px;
}

h1 {
	font-size:24px;
	line-height: 28px;
	font-weight: normal;
	margin:15px 0px 10px 0px;
	padding: 0 0 7px 0;
	color: #265484; 
	background-image: url(../images/dot-vertikal.gif);
 	background-repeat: repeat-x;	
 	background-position: bottom left;  
}

h2 {
	font-size:20px;
	font-weight: normal;
	margin:20px 0px 10px 0px;
	color: #265484; 
}

h3 {
	font-size:18px;
	font-weight: normal;
	margin:0px 0px 10px 0px;	
	color: #265484; 
}

p {
	padding: 0;
	margin: 0px 0px 10px 0px;
	line-height: 21px; 	
}

#cont_small
{
	margin: 0px 0 0 0px; 
	padding: 20px 10px 31px 0px;
	overflow: hidden;	
	width: 530px;		
}

ul li { margin-bottom: 15px; }

p.intro { font-size: 16px; line-height: 30px; }
p.line { border-bottom: 1px solid #C8D8E8; padding-bottom: 15px; }
p.small { font-size: 11px; line-height: 14px; }

br.break { clear: both; }

/* NAVIGATION */ 

#navigation { position: relative; margin: 20px 0px 0px 0px; padding: 0 0 0 0; width: 463px; height: 28px; background: url(../images/navigatie.jpg) 0 0 no-repeat; float: right; }
#navigation li { width: 70px; height: 28px; position: absolute; top: 0px; display: block; list-style: none;}

#navigation a { height: 28px; display: block; /* border: solid 1px #fff; */ }
#navigation #button1 { width: 70px; left: 0px; }
#navigation #button2 { width: 87px; left: 75px; }
#navigation #button3 { width: 103px; left: 163px; }
#navigation #button4 { width: 111px; left: 270px; }
#navigation #button5 { width: 76px; left: 387px; }

#navigation #button1 a:hover, #navigation .highlight1 { background: url(../images/navigatie.jpg) 0px -28px no-repeat; }
#navigation #button2 a:hover, #navigation .highlight2 { background: url(../images/navigatie.jpg) -75px -28px no-repeat; }
#navigation #button3 a:hover, #navigation .highlight3 { background: url(../images/navigatie.jpg) -163px -28px no-repeat; }
/* #navigation #button4 a:hover, #navigation .highlight4 { background: url(../images/navigatie.jpg) -267px -28px no-repeat; } */
#navigation #button4 a:hover, #navigation .highlight4 { background: url(../images/navigatie.jpg) -270px -28px no-repeat; }
#navigation #button5 a:hover, #navigation .highlight5 { background: url(../images/navigatie.jpg) -387px -28px no-repeat; }

#navigation span { display: none; }


/* /NAVIGATION */ 


/* boxes homepage */ 

.box { margin: 0px 0 20px 0; clear: left; overflow: hidden; }
.linkbox { padding: 0px; width: 258px; float: left; }
.linkbox_first { margin-right: 18px; }
.box_blue { background: #E7F1FA; padding: 10px;  height: 166px; }
.box_blue2 { background: #E7F1FA; padding: 10px; }
.linkbox p { padding: 0px 0px;  margin: 0 0 9px 0; line-height: 22px; } 
.big_lineheight { line-height: 25px!important; }

#bekijkalleslink { text-align: right; margin: 0px 0 0px 0; }
.bekijkalle{ padding: 2px 0 0 15px;	background: url(../images/icons/readmore.gif) left center no-repeat !important; }

#offerte { border: 1px solid #C8D8E8; margin: 30px 0px 30px 0; padding: 12px; background: url(../images/offerte.jpg) right center no-repeat; }
#offerte p { width: 400px; margin: 0 0 0 0; padding: 0 0 0 0; }

#quote { background: #E7F1FA; height: 96px; padding: 8px 10px 3px 15px; margin: 3px 0px; background-image: url(../images/quote_bg.gif); background-repeat: repeat-x; }
#quote p { font-size: 16px; color: #0C3B68; line-height: 27px; }

#pscroller2 { width: auto; height: 20px; border: 1px solid #C8D8E8; padding: 10px; }
#pscroller2 a {	text-decoration: none; color: red!important; }
.someclass { //class to apply to your scroller(s) if desired }


/* / boxes */


img.nobg { background: none; border: 0px solid black; margin: 0px; padding: 0px; }
img.nomargin { margin: 0px 0px 0px 0px; }
/* img.img_content { position: relative; margin: 8px 8px 8px 8px; } */

img.thumb {
	border: 3px solid #E7F1FA;
	float: left;
	margin: 10px 10px 0 0;
}

#breadcrumb {margin:25px 2px 12px 0px; background:#fff; color:#888;}
#breadcrumb a {color:#888}
#breadcrumb a:hover {text-decoration:underline}

/* p image classes */
p.picborder { border: 1px solid gray; margin: 0px 0px 0px 0px; }
p.left { /* border: 1px solid gray; */  float: left; margin: 0px 10px 3px 15px; }
p.right { /* border: 1px solid gray; */ float: right; margin: 0px 15px 3px 10px; }
p.price span { background-color : #FFFF94; padding: 2px; color: red; }

div.error {
	border: 1px solid red;
	background-color : #FFCCCC;
	color: black;
	width: auto;
	margin: -10px 0px 15px 0px;
	padding: 15px;  
}

/* INPUT TYPES */
form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
form.form { 
  background-color: #F7F7F7; 
  border: 1px solid #EEE;
  width: auto;
  margin: 5px 0px 5px 0px;
  padding: 15px;  
  color: black;
}

input { font-size: 14px; font-weight: normal; color: #000; padding: 3px; border:1px solid #CCC; }
.radio { vertical-align: middle; border-style: none;}
.checkbox { margin: 0 0.25em 0 0; vertical-align: middle; border-style: none;}
.button { border:1px solid #B39E7F; font-weight: normal; color: #000; background-color: #EEE7DC; height: 25px; padding: 2px; }

textarea {
background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; border:1px solid #E4E3E3;
height: 120px;
width: 360px;
}