/* 
Title: 	Dipsss Slaapcomfort	
Updated: 01/05/07
Version: 1.0
Author: yse
*/

* {margin: 0; padding: 0;}

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-align:center;
	background: #333;
	color: #31383B;
	
}

img { border: 0;}
hr { display:none; }

a { color: #31383B;  }
a:hover { color: #637DAF; text-decoration:underline;}

strong.green { color: #00CC00; font-size: 110%; }
strong.red { color: #FF0033;}

#pre-wrapper { background: #EAF7FD url("../images/body.bg.jpg") repeat-x top left; }
#wrapper {width: 900px;margin: 0 auto;text-align:left; background: url("../images/footer.bed.gif") no-repeat bottom left; padding-bottom: 100px; clear:both; display:table;}

/* header
------------------------------------------------------------- */
#header { height: 152px; position:relative;}

	#mainlogo {  float:left; padding:144px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 144px; /* for IE5/Win only */margin-left: 0px; width: 218px;  background: url("../images/logo.jpg") no-repeat top left;  }
	
	#mainmenu { background:red; width:550px; position:relative;}
	ul.menu-col { list-style:none; position:absolute; bottom: 0; }
		.ul-lekker-slapen { left: 0;}
		.ul-probeer-het-zelf { left: 143px;}
		.ul-over-dipsss { left: 286px;}
		
		li.open ul { background-color: #99ADCF; margin-top: 3px; list-style:none; width: 138px; padding: 7px 0; clear:both;}
			#mainmenu li.open ul li a { display:block; color: #FFF; font-size: 9px; text-transform:lowercase; padding: 2px 5px; clear:both; width: 128px; text-decoration:none; }
			#mainmenu li.open ul li a:hover { background: #FFF; color: #99ADCF;}
			
			#li-lekker-slapen  { float:left; padding:21px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 21px; /* for IE5/Win only */margin-left: 0px; width: 138px;  background: url("../images/li-lekkerslapen.gif") no-repeat top left; margin-right: 5px; }
			
			#li-probeer-het-zelf { float:left; padding:21px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 21px; /* for IE5/Win only */margin-left: 0px; width: 138px;  background: url("../images/li-probeerhetzelf.gif") no-repeat top left; margin-right: 5px;}
			
			#li-over-dipsss { float:left; padding:21px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 21px; /* for IE5/Win only */margin-left: 0px; width: 138px;  background: url("../images/li-overdipsss.gif") no-repeat top left; }
			
		
	

#blockmain { background: #F8FDFE; border: 4px solid #FFF; padding: 10px 15px; float:left; width: 870px;}

#blockside { float:left; position:absolute; bottom: 20px; left: 250px;}

#blockcontent { width: 100%; float:left;}
#blockcontent p { line-height: 1.4em; margin-bottom: 1em;}
#blockcontent ul { padding-left: 2em; margin: 1em 0;}
	#blockcontent li { padding: .2em 0;}
	
#blockcontent ol { margin-left: 3em;}
	#blockcontent ol li { font-size: 20px; font-weight:bold; color: #637DAF; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
	#blockcontent ol li div { font-size: 10px; font-weight:normal; color: #31383B; font-family:Verdana, Arial, Helvetica, sans-serif; font-style: normal;}


.picture {float:left; margin-right: 20px;}
div.col { float:left; width: 185px; margin-right: 20px; margin-bottom: 10px; }
div.col.last { margin-right: 0; }
div.col2 { width: 370px; float:left;}
div.col3 { float:left;margin-right: 0; width: 550px;}

a.readmore { float:right; font-weight:bold; color: #637DAF; text-decoration:none; }
a.readmore:hover {text-decoration:underline;}


h1, h2 { color: #FEA041; padding-bottom: .5em; }
	h1 { font-size: 15px;}
	h2 { font-size: 12px;}
	h3 { font-size: 12px;}
h1 a, h2 a, h4, h4 a { color: #FEA041; }
h3, h3 a { color: #637DAF;}
h3 { padding: .5em 0;}
h4 { font-size: 12px; padding-bottom: -5em;}

.pic { margin: 5px 0;}

.tip { padding: 10px; background: #FFFFCC; border: 1px solid #FEE9A0; }

div.fout { padding: 5px; margin-bottom: 1em; background: #FFCCCC url('/images/fout.bg.jpg') repeat-x bottom left; border-bottom: 1px solid #CCCCCC}
#blockcontent p.fout { padding: 5px; margin-bottom: 0; }

strong.tel { font-size: 120%; display:block;}

.vcard { display:block;padding: 3px; background: #FFF; border: 1px solid #E0F7F8;  color: #666666; }
	.vcard .fn { font-weight:bold;}
	.vcard .adr { display:block;}
	
#teaser { margin-top: 20px; float:right; position:relative; margin-bottom: -100px;}

/* footer
------------------------------------------------------------- */
#footer { width: 900px; color: #FFF; font-size: 10px;  text-align:right; padding: 10px 10px 10px 0; line-height:1.6em; clear:both; margin: 0 auto;}
#footer a {}
#footer a:hover { color: #FFF; }

#footer .vcard { display:none;}

	#footer .second { color: #929697; }
	#footer .second a { color: #929697; text-decoration:none;}
	


/* forms
------------------------------------------------------------- */
form, fieldset, input,select,textarea { font-family: Verdana,arial,sans-serif;}
fieldset {border:0;}
legend {display:none;}
input, textarea {color:#474A53; font-size:110%;}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { border-color: red;}