/* ========== GENERAL STYLES ========== */

* { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
body { font:normal 12px/1.5em 'Verdana', Tahoma, sans-serif; color:#333333; }
img { border:0px; }
table td { height:26px }

h1 { font:normal 1.8em "Times New Roman", Times, serif; font-style:italic; color:#333333; background:url(../images/title.gif) no-repeat bottom left; padding:0px 0px 20px 0px; margin-left:-10px; }
h2 { font:normal 1.8em "Times New Roman", Times, serif; font-style:italic; color:#844784; padding-bottom:10px; }
h3 { font:normal 1.8em "Times New Roman", Times, serif; font-style:italic; color:#FFFFFF; padding-bottom:10px; }
h4 { font:normal 1.4em "Times New Roman", Times, serif; font-style:italic; color:#333333; }

p, ol, ul { padding-bottom:20px; }
li { margin-left:20px; }

a { color:#006394; text-decoration:underline; }
a:hover { color: #006394; text-decoration:none; }

b.grey { color:#666666; }

span.beoordeler { color:#333333; background:url(../images/pen.gif) no-repeat left; padding-left:24px; }
		
/* ========== LAYOUT ========== */

#container { width:100%; height:auto; position:absolute; top:0px; left:0px; background:#FFFFFF url(../images/bg-header-home.gif) repeat-x; } 

#header { width:960px; height:auto; position:absolute; top:0px; left:50%; margin:0px 0px 0px -480px; }
	#top	{ width:960px; height:30px; position:absolute; top:0px; left:0px; }
		div.m4all { width:370px; height:30px; position:absolute; top:0px; left:0px; float:left; }
			div.m4all a { font:normal 1.8em "Times New Roman", Times, serif; font-style:italic; color:#FFFFFF; text-decoration:none;  }
		
		div.massagemenu { width:220px; height:auto; position:absolute; top:0px; left:370px; font-size:0.9em; background:url(../images/bg-massagemenu.gif) no-repeat top; overflow:hidden; z-index:10; }
			div.massagemenu ul { width:220px; background:url(../images/bg-massages.gif) repeat-y; display:none; margin-bottom:-10px; }
			div.massagemenu ul li { list-style:none; padding:4px 0px 0px 16px; }
			div.massagemenu a.open { line-height:30px; text-decoration:none; display:block; cursor:pointer; margin:0px 0px 0px 36px; }
			div.massagemenu a.close { background:url(../images/bg-massages-b.gif) no-repeat bottom; margin-bottom:30px; }
			
		div.contact { width:300px; height:25px; position:absolute; top:5px; right:10px; float:right; text-align:right; }
			div.contact a { color:#FFFFFF; text-decoration:none; }
			div.contact span { color:#FFFFFF; padding:0px 10px 0px 10px; }
		
	#left { width:650px; height:207px; position:absolute; top:30px; left:0px; float:left; background:url(../images/visual-t-home.jpg) no-repeat; z-index:1; }
		div.teaser { width:650px; height:103px; position:absolute; top:104px; left:0px; background:url(../images/visual-b.jpg) no-repeat; }
			div.teaser p { color:#FFFFFF; padding:10px 20px 0px 278px; }
		
	#right { width:300px; height:207px; position:absolute; top:30px; left:650px; float:right; background:url(../images/shadow-t.jpg) no-repeat; margin-right:10px; }
		div.searchform { width:300px; height:44px; position:relative; color:#CBC7A4; margin-top:30px; }
		
		div.aanmelden-t { width:300px; height:42px; position:relative; background:url(../images/box-t.gif) no-repeat; text-align:center; }
		div.aanmelden-c { width:278px; height:auto; position:relative; background:url(../images/stones.gif) no-repeat bottom right #FFFFFF; border:1px solid #CBC7A4; border-top:0px; border-bottom:0px; padding:0px 10px 10px 10px; }
		div.aanmelden-b { width:300px; height:14px; position:relative; background:url(../images/aanmelden-b.gif) no-repeat; }

#content { width:940px; height:auto; position:relative; top:237px; background:url(../images/bg-content.jpg) no-repeat bottom; margin:0px auto; padding:15px 10px 30px 10px; }
#content:after { content:"."; height:0px; display:block; clear:both; visibility:hidden; }				
	#main { width:630px; height:auto; float:left; background:url(../images/bg-main.png) no-repeat bottom left; padding-bottom:20px; }
	#main:after { main:"."; height:0px; display:block; clear:both; visibility:hidden; }
		
		div.blocks { width:630px; }
		div.blocks dl { width:178px; height:71px; position:relative; float:left; border:1px solid #f2f1ed; margin:0px 10px 10px 0px; padding:10px; }
		div.blocks dl dt a { font-weight:bold; text-decoration:none; }
		div.blocks dl dd { display:inline; } /* zet de items achter elkaar */ 
		div.blocks dl dd.more { position:absolute; bottom:10px; right:10px; }
		div.blocks dl dd.more a { color:#844784; }
		
	#sidebar { width:300px; height:auto; float:right; padding:11px 0px 0px 0px; }		
		div.ads { width:300px; height:auto; /* background-color:#844784; */ margin:24px 0px 30px 0px; }
		
		div.social { width:300px; height:30px; position:relative; text-align:right; margin:-20px 0px 13px 0px; }
		
		div.box-t { width:300px; height:42px; background:url(../images/box-t.gif) no-repeat; text-align:center; }
		div.box-c { width:278px; height:auto; background-color:#FFFFFF; border:1px solid #CBC7A4; border-top:0px; border-bottom:0px; padding:0px 10px 10px 10px; }
			div.box-c td { vertical-align:top; }
			div.box-c td.stars { text-align:right; padding-top:4px; }
			div.box-c a.beoordeler { color:#844784; }
		div.box-b { width:300px; height:20px; background:url(../images/box-b.png) no-repeat bottom; margin-bottom:10px }

#footer { width:100%; height:25px; background-color:#844784; clear:both; color:#FFFFFF; font-size:0.8em; margin-top:237px; padding-top:5px; }
	#footer ul { width:960px; height:auto; margin:0px auto; }
	#footer ul li { display:inline; list-style:none; padding-right:40px; }
	#footer ul li a { color:#FFFFFF; text-decoration:none; }

#visual-f { width:30%; height:100px; position:absolute; top:31px; left:0px; background:url(../images/visual-f.jpg) repeat-x; z-index:0; }

/* ========== FORM ========== */

input, textarea, select { font:normal 1em 'Verdana', Tahoma, Arial, sans-serif; background-color:#FFFFFF; color:#333333; border:1px solid #CBC7A4; padding:2px 2px 0px 2px; }
input { height:18px; }
input.zoekterm { width:200px; font-size:0.8em; color:#A7A37E; }
input.button { width:88px; height:24px; background:url(../images/zoeken.gif) no-repeat; color:#333333; font-size:0.8em; font-weight:bold; cursor:pointer; border:0px; padding:0px 5px 5px 5px; }
input.button:hover { background:url(../images/zoeken-mo.gif) no-repeat; }

textarea { margin-top:3px; }
select { width:180px; }