/* ========== 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; }
p.error { color:#FF0000; }

li { margin-left:20px; }
ul.stones li { list-style:none; background:url(../images/stone.gif) no-repeat left; padding-left:24px; margin-left:0px; }
ul.v li { list-style:none; background:url(../images/v.jpg) no-repeat left; padding-left:30px; margin-left:0px; } /* pakketkeuze */
ul.x li { list-style:none; background:url(../images/x.jpg) no-repeat left; padding-left:30px; margin-left:0px; } /* pakketkeuze */
ul.zoekgeschiedenis li { list-style:none; background:url(../images/stone.gif) no-repeat left; padding-left:24px; margin-left:0px; }

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

a.bewerken { background:url(../images/pen.gif) no-repeat left; padding-left:24px; } /* wordt gebruikt op mijn gegevens */
a.verwijderen { background:url(../images/x.jpg) no-repeat left; padding-left:24px; } /* wordt gebruikt op mijn gegevens */

b.grey { color:#666666; }

.beoordeler { color:#333333; background:url(../images/pen.gif) no-repeat left; padding-left:24px; }
.cijfer { color:#FFFFFF; font:Calabri, Arial; font-size:3em; font-weight:bold; padding-left:7px; }
.greyText { color:#999999; font-size:10px; }
.smallText { font-size:10px; }

/* ========== LAYOUT ========== */

#container { width:100%; height:auto; position:absolute; top:0px; left:0px; background:#FFFFFF url(../images/bg-header.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:117px; position:absolute; top:30px; left:0px; float:left; background:url(../images/visual-t.jpg) no-repeat; z-index:1; }
	
	#right { width:300px; height:117px; position:absolute; top:30px; left:650px; float:right; background:url(../images/shadow-t.jpg) no-repeat top; margin:0px 10px 0px 0px; }
		div.searchform { width:300px; height:55px; position:relative; top:24px; color:#CBC7A4; }
	
#breadcrumb { width:960px; height:24px; position:absolute; top:147px; left:50%; margin:0px 0px 0px -480px; clear:both; }

#content { width:940px; height:auto; position:relative; top:171px; 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; min-height:500px; position:relative; 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; }
		
		/* provincie */
		div.blocks { width:630px; height:auto; position:relative; }
			div.blocks dl { width:283px; 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.more { position:absolute; bottom:10px; right:10px; }
			div.blocks dl dd.more a { color:#844784; }

		/* plaats + ervaringen */
		div.list { width:618px; height:auto; position:relative; margin-right:10px; }
			div.list p { margin-bottom:-10px; }
			div.list a.naam { font-size:1.2em; font-weight:bold; vertical-align:text-top; }
			div.list a.beoordeler { font-size:1em; font-weight:normal; color:#844784; }
			div.list li { list-style:none; border-bottom:1px solid #EEEEEE; margin:0px 0px 10px 0px; }
			div.list li.last { list-style:none; border-bottom:0px; margin:0px 0px 10px 0px; }
				
		/* salon */
		#content-left { width:430px; height:auto; position:relative; float:left; padding-top:10px; }
			div.contactgegevens { width:215px; min-height:120px; position:relative; float:left; }
			div.massages { width:215px; min-height:120px; position:relative; float:left; }
			div.beschrijving { width:420px; height:auto; position:relative; float:left; }
	
		#content-right { width:200px; height:auto; position:relative; float:right; padding-top:10px; }
			div.print { width:168px; height:auto; min-height:76px; position:relative; float:right; border:1px solid #E4E3D8; padding:10px; margin:0px 10px 20px 0px; z-index:1; }  /* z-index nodig voor link */
				div.print a.printen { background:url(../images/printen.gif) no-repeat left; padding-left:24px; }
				div.print a.doorsturen { background:url(../images/doorsturen.gif) no-repeat left; padding-left:24px; }
				div.print ul { margin-left:-9px; } /* social */
				div.print li { list-style:none; float:left; margin:36px 0px 0px 9px; }
			div.beoordelingscijfer { width:170px; height:76px; position:relative; float:right; background:url(../images/beoordelingscijfer-bg.gif) no-repeat top; padding:22px 10px 10px 10px; margin:0px 10px 0px 0px; }
			div.beoordelingscijfer-outline { width:170px; height:86px; position:relative; float:right; background:url(../images/beoordelingscijfer-bg-b.gif) no-repeat top; padding:12px 10px 10px 10px; margin:0px 10px 0px 0px; }
			div.beoordelingen { width:200px; height:100%; position:relative; float:left; margin:-26px 0px 20px 0px; }
			div.bericht { width:168px; height:auto; position:relative; float:right; border:1px solid #844784; background-color:#F8E6F8; padding:10px; margin:0px 10px 20px 0px; }

		/* massage info */
		b.technieken { color:#CBC7A4; margin-left:-10px; }
		
		div.massagemenu-2 { width:630px; height:98px; position:relative; /* color:#CBC7A4; */ border-bottom:1px solid #844784; margin:0px 10px 30px -10px; }
			div.massagemenu-2 dl { width:180px; height:auto; position:relative; float:left; padding:10px 0px 0px 10px; margin-right:20px; }
			div.massagemenu-2 dl dd a { padding-left:15px; }
			div.massagemenu-2 dl dd b { color:#844784; background:url(../images/stone.gif) no-repeat left; padding-left:24px; margin-left:-10px; }
		
		div.pdf { width:400px; height:78px; position:relative; float:left; font-weight:bold; color:#844784; background-color:#f2f1ed; padding:10px; margin:0px 10px 20px -10px; z-index:1; } /* z-index nodig voor link */
			div.pdf a { font-weight:normal; background:url(../images/pdf.png) no-repeat left; padding-left:24px; }
			
		/* massage info + ervaringsverhalen */
		div.main-content { width:620px; position:relative; margin-right:10px; }
			div.facebook-like { position:relative; float:left; margin:0px 0px 30px 0px; }
			div.google-plusone { position:relative; float:left; margin:0px -8px 30px 0px; }
			div.linkedin-share { position:relative; float:left; margin:0px 10px 30px 0px; }
			div.twitter-share { position:relative; float:left; margin:0px 0px 30px 0px; }
		
		/* massageolie */
		table.massageolie { width:640px; margin:0px 0px 10px 0px; }
			table.massageolie th { width:150px; font-weight:bold; }
			table.massageolie td { width:150px; padding-bottom:10px; }
		
		div.news { width:620px; height:inherit; position:relative; }
			div.news li {	list-style:none; }
		
	#sidebar { width:300px; height:auto; position:relative; float:right; padding:11px 0px 0px 0px; }
		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; }
		
		div.massageolie-c { width:278px; height:auto; position:relative; background:url(../images/massageolie.gif) no-repeat bottom right #FFFFFF; border:1px solid #CBC7A4; border-top:0px; border-bottom:0px; padding:0px 10px 10px 10px; }
		
		div.social { width:300px; height:30px; position:relative; text-align:right; margin:-44px 0px 13px 0px; }
		
		div.box-t { width:300px; height:42px; position:relative; background:url(../images/box-t.gif) no-repeat; text-align:center; }
		div.box-c { width:278px; height:auto; position:relative; 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-c em { line-height:30px; } /* text 'of' tussen dropdownmenu's */
		div.box-b { width:300px; height:20px; position:relative; background:url(../images/box-b.png) no-repeat bottom; margin-bottom:10px }

		div.box-c-dd { width:278px; height:auto; position:relative; background-color:#FFFFFF; color:#333333; border:1px solid #CBC7A4; border-top:0px; border-bottom:0px; padding:0px 10px 10px 10px; } /*  bgcolor selectie plaats of provincie op info pagina */

#footer { width:100%; height:25px; background-color:#844784; clear:both; color:#FFFFFF; font-size:0.8em; margin-top:171px; 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; }

/* ========== ADVERTENTIES ========== */

div.ads { width:300px; height:auto; position:relative; margin-bottom:30px; } /* sidebar */
div.ads-2 { width:468px; height:60px; position:relative; padding:20px; } /* plaats + provincie */
div.regioads { width:616px; height:auto; position:relative; background-color:#fbf0fa; padding:10px; margin:0px 0px 20px -10px; }
	div.regioads p.koptekst { font-size:1.2em; font-weight:bold; color:#006394; vertical-align:text-top; padding-bottom:0px; }
	div.regioads p.tekst { padding-bottom:0px; }
	div.adv { position:absolute; top:10px; right:10px; float:right; }
div.textads { width:300px; height:auto; position:relative; border:1px solid #844784; padding:10px; margin:0px 10px 20px 0px; }

/* ========== TAB ========== */

div.tabs { width:618px; height:auto; position:relative; float:left; margin-bottom:-20px; }
	#tabmenu { text-align:left; padding:5px 0px; margin-top:1px; } /*set to left, center, or right to align the menu as desired*/
		#tabmenu li { width:146px; height:24px; list-style:none; float:left; background-color:#E4E3D8; text-align:center; border:1px solid #CBC7A4; margin:0px 3px 0px 0px; }
		#tabmenu li a { height:24px; display:block; position:relative; text-decoration:underline; padding-top:2px; z-index:1; }
		#tabmenu li a.selected { height:24px; background-color:#A7A37E; font:normal 1.6em "Times New Roman", Times, serif; font-style:italic; color:#FFFFFF; text-decoration:none; border-bottom:1px; padding-top:0px; }
		#tabmenu li a.selected:hover{ text-decoration:none; }
	
	div.tabcontent { width:598px; border:1px solid #CBC7A4; margin:20px 0px 15px 0px; padding:10px; }
		#locatie { display:none; }
		#beeld { height:220px; }
		#gmap { width:294px; height:220px; margin-left:40px; }

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

form { padding-top:6px; margin-bottom:30px; }
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; }