/* the basics */
body { background: #bdc0ef url("gfx/background.png") no-repeat top center; color: #000; font-family: arial, sans-serif; font-size: 100%; }

.noframe h3 { color: #54449c; font-size: 0.875em; font-weight: bold; letter-spacing: -1px; margin: 1em 0; }
h2 { color: #393a35;  font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 1em 0; }
h3 { color: #54449C; font-size: 0.875em; font-weight: bold; margin: 1em 0; }
h4 { color: #54449C; font-size: 0.75em; font-weight: bold; margin: 1em 0; }
p { font-size: 0.7em; line-height: 1.4; margin: 1em 0;font-family: verdana; }
p.intro { font-weight: bold; }
ul { list-style: none; margin: 1em 0; padding: 0; }
li { font-size: 0.7em; line-height: 1.5; margin: 0; padding: 0; }
a { color: #000; text-decoration: none; }
img.right { float: right; }
img.left { float: left; }
img.border { border: 1px solid #7767b2; padding: 1px; }
img.solo { clear: both; } 
a img { border: none; }
table { border-collapse: collapse; line-height: 1.5; }
th, td { font-weight: normal; padding: 1px 3px; text-align: left; }
th.right, td.right { text-align: right; }
th.center, td.center { text-align: center; }

/* header */
div#logo { position:relative; float:left; width: 324px; height:50px; margin: 23px 0 0 0;background: url("gfx/logo-greetzz.png") no-repeat top left; }
div#logo h1 {
	display: none;
}

/* page-nav */
ul#page-nav li { color: #fff; float: right; font-size: 0.625em; line-height: 21px; }
ul#page-nav a { color: #fff; text-decoration: none; }
ul#page-nav a:hover { text-decoration: underline; }

/* main-nav */
ul#main-nav li { float: left; padding: 0 0 0 2px; }
ul#main-nav a { display: block; height: 59px; text-indent: -9999px; }
ul#main-nav a.greetzz { background: url("gfx/btn-greetzz.png") no-repeat left top; width: 118px; }
ul#main-nav a.shop { background: url("gfx/btn-shop.png") no-repeat left top; width: 118px; }
ul#main-nav a.my { background: url("gfx/btn-my.png") no-repeat left top; width: 118px; }
ul#main-nav a.over { background: url("gfx/btn-over.png") no-repeat left top; width: 118px; }
ul#main-nav a.zakelijk { background: url("gfx/btn-zakelijk.png") no-repeat left top; width: 118px; }
ul#main-nav a.photo { background: url("gfx/btn-photo.png") no-repeat left top; width: 118px; }
ul#main-nav a.help { background: url("gfx/btn-help.png") no-repeat left top; width: 56px; }
ul#main-nav a:hover { background-position: left -59px; }
ul#main-nav a.selected { background-position: left -59px; }

/* breadcrumbs */
ul#breadcrumbs { height: 18px; }
	ul#breadcrumbs li { color: #c2b8db; float: left; font-size: 0.6875em; line-height: 18px; margin: -4px 0 0; }
	ul#breadcrumbs a { color: #c2b8db; }
	


div#menubar a { background: url("menubar-pijl.png") no-repeat right center; color: #fff; display: block; font-weight: bold; padding: 0 21px; text-decoration: none; }
div#menubar li ul li a { background: none; font-weight: normal; padding: 2px 21px; width: 134px; }
div#menubar li:hover ul, div#menubar li.sfhover ul { left: auto; }
div#menubar li ul ul { margin: -34px 0 0 176px; }

/* aside section */
div.aside div.section { background: url("gfx/section-bg-fill.png") no-repeat left bottom; padding: 0 0 5px; }

div.nobackground {
	background: none;
}


div.aside div.section div {
	float: left;
	width: 100%;
}
div.aside div.section div.butdiv {
	float: right;
}
	div.aside h2 { background: url("gfx/h2-bg.png") repeat-x; height: 26px; line-height: 26px; margin: 0; padding: 0 10px; font-size: 14px; }
	div.aside .noframe h3 { background: url("gfx/section-bg-top.png") repeat-x; height: 26px; line-height: 26px; margin: 0; padding: 0 10px; }	
	div.aside div.section div.content img {
		float: left;
	}
	div.aside div.section span.prijs, div.aside div.section div.prijs {
		color: #fa4a00; font-size: 1.6em; font-weight: bold; float: left; width: 90px;
	}
	div.aside div.section div.content p {
		font-weight: bold;
		font-size: 0.75em;
	}
	div.aside div.section div.bottom {
		position: relative;
		width: 100%;
		background: url(gfx/section-bg.png) bottom;
		padding-bottom: 10px;
	}
	div.aside div.section div.link {
		float: right;
	}
	
	div.aside p { margin: 1em 14px; }
	div.aside p a { text-decoration: underline; }
	div.aside p a:hover { color: #F74C00; }
	div.aside img.right { margin: 0 0 0 5px; }
	div.aside img.left { margin: 0 5px 0 0; }
	div.aside img.left-inset { margin: 0 5px 0 14px; } /* used for images outside other block level elements */
	div.aside img.right-inset { margin: 0 14px 0 5px; } /* used for images outside other block level elements */
	div.aside table { font-size: 0.725em; margin: 0 7px 1.125em; width: 190px; }
		div.aside th { border-bottom: 1px solid #b5aed7; border-right: 1px solid #b5aed7; color: #6957a9; font-weight: bold; vertical-align: top; }
		div.aside td { border-right: 1px solid #b5aed7; color: #000; }
		div.aside th.last,
		div.aside td.last { border-right: none; }
		div.aside table a { color: #FF6C2E; font-weight: bold; text-decoration: none; }
		div.aside table a:hover { text-decoration: underline; }
	div.aside a.button { background: url("gfx/button.png") no-repeat left top; float: right; margin: 0 5px 0; padding: 0 0 0 25px; fontw-weight: bold; color:#ff0000;}
	div.aside a.button span { background: url("gfx/button.png") no-repeat right top; color: #ebeaf8; display: block; font-family: verdana; font-size: 0.7em; font-weight: bold; line-height: 20px; padding: 0 20px 0 0; text-transform: uppercase; }
	div.aside a.button:hover { background-position: left -20px; }
	div.aside a.button:hover span { background-position: right -20px; color: #ebeaf8; }
	
	div.aside h2 { background: url("gfx/h2-bg.png") repeat-x; height: 26px; line-height: 26px; margin: 0; padding: 0 10px; }	
	
	
	
/* content */
div.content { background: #ebeaf8; color: #000; }
body#locatie div.wide { background: url("gfx/bck_content_wide.gif") repeat-y; }
body#locatie  div.section h4, body#locatie div.section ul {
	margin-left: 38px;
}
body#locatie div.section div.box h4 {
	margin-left: 0;
}
body#voorpagina div.narrow { background:url("gfx/bck_flash_locaties.gif") bottom; }
	div.content h2 { background: url("gfx/h2-bg.png") repeat-x; height: 26px; line-height: 26px; margin: 0; padding: 0 10px; font-size: 14px; }
	div.content h3 { margin: 1em 14px; }
	div.content div.section h3.open { background: url("gfx/h3-open-bg.png") no-repeat; color: #fff; height: 22px; line-height: 24px; margin: 1em 14px; padding: 0 10px 0 32px; }
	div.content div.section h3.closed { background: url("gfx/h3-closed-bg.png") no-repeat; color: #fff; height: 24px; line-height: 22px; margin: 1em 14px; padding: 0 10px 0 32px; }
		div.content p { margin: 1em 14px; }
	div.content p a { text-decoration: underline; }
	div.content a:hover { color: #F74C00; }
	div.content img.right { margin: 0 0 0 10px; }
	div.content img.left { margin: 0 10px 0 0; }
	div.content img.left-inset { margin: 0 10px 0 14px; } /* used for images outside other block level elements */
	div.content img.right-inset { margin: 0 14px 0 10px; } /* used for images outside other block level elements */
	div.content ul { margin: 1em 14px; }
	div.content li { background: url("gfx/bullet.png") no-repeat left 5px; margin: 0; padding: 0 0 0 15px;font-weight: bold; }
	
 table { font-family: verdana;}
 
 table td {
 	font-size: 0.9em;
 }
 
 div.box h4 {
 	font-size: 0.9em;
 }
 
  
div.content div.box a.button {
 	margin-top: 10px;
 }
	
	div.content table.simple { font-size: 0.6875em; margin: 0.6875em 14px; }
		div.content table.simple th { color: #000; font-weight: bold; padding: 0 32px 0 0; }
		div.content table.simple td { color: #000; font-weight: bold; padding: 0; }
		div.content table.simple a { color: #F74C00; font-weight: bold; text-decoration: none; }
		div.content table.simple a:hover { text-decoration: underline; }
		
	div.content a.button-big, div.narrow a.button-big  { background: url("gfx/button-big.png") no-repeat left top; clear: both; color: #fff; display: block; font-size: 0.6875em; font-weight: bold; height: 24px; line-height: 24px; margin: 1em 10px; padding: 0 0 0 650px; text-decoration: none; text-transform: uppercase; font-family: verdana;}
div.narrow a.button-big  { background: url("gfx/button-narrow.png") no-repeat left top; padding: 0 0 0 440px; }
	div.content a.button-big:hover { background-position: left -24px; color: #fff; }
	
	div.box { background: #f7f6fc; border: 1px solid #c4c4ea; margin: 0.6875em 14px; overflow: hidden; padding: 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	div.content div.section div.box {
		margin-left: 38px;
		width: 310px;
	}
	div.box p { margin: 1em 0; }
	div.box h4 { margin: 0 0 0 0; }
	
	div.content table.advanced { border-collapse: collapse; font-size: 0.7em; margin: 0; width: 100%; }
		div.content table.advanced caption { color: #F74C00; text-align: left; font-size: 1em; font-weight: bold; margin: 0 0 1em 0; }
		div.content table.advanced th { border-bottom: 1px solid #b5aed7; border-right: 1px solid #b5aed7; color: #53439C; font-weight: bold; }
		div.content table.advanced td { border-bottom: 1px solid #b5aed7; border-right: 1px solid #b5aed7; color: #000; line-height: 20px; }
		div.content table.advanced th.last,
		div.content table.advanced td.last { border-right: none; }
		div.content table.advanced tr.last td { border-bottom: none; }
		div.content table.advanced a { color: #FF6C2E; font-weight: bold; text-decoration: none; }
		div.content table.advanced a:hover { text-decoration: underline; cursor: pointer; }
		
		div.content table.advanced a.button-small { background: url("gfx/button-small.png") no-repeat left top; float: left; margin: 4px 0 0 0; padding: 0 0 0 15px; text-transform: uppercase; }
		div.content table.advanced a.button-small span { background: url("gfx/button-small.png") no-repeat right top; color: #fff; display: block; font-family: verdana; font-weight: bold; line-height: 12px; padding: 0 10px 0 0;}
		div.content table.advanced a.button-small:hover { background-position: left -12px; color: #fff; text-decoration: none; }
		div.content table.advanced a.button-small:hover span { background-position: right -12px; color: #fff; text-decoration: none; }
		td.last {
			padding: 1px 0 0 5px;
			vertical-align: top;
		}

	div.content a.button { background: url("gfx/button.png") no-repeat left top; float: right; margin: 0; padding: 0 0 0 25px; }
	div.content a.button span { background: url("gfx/button.png") no-repeat right top; color: #ebeaf8; display: block; font-size: 0.6875em; font-weight: bold; font-family: verdana; line-height: 20px; padding: 0 20px 0 0; text-transform: uppercase; }
	div.content a.button:hover { background-position: left -20px; }
	div.content a.button:hover span { background-position: right -20px; color: #ebeaf8; }


	 h3.stay {
		padding: 4px;
		margin: 0;
		width: 377px;
		color: #000;
		font-size: 0.7em;
		float: left;
		position: relative;
		left: -14px;
		top: -9px;
	}	

/* partners */

	body#partners table  {
		margin: 4px 0 0 7px;		
	}	

/* 404 */

	div.error404 {
		width: 395px;
		margin: 40px auto;
	}	
	div.error404 h3 {
		color: #c4c4ea;
		font-size: 60px;
		text-align: center;
		margin: 15px 0 5px 0;
	}
	div.error404 h4 {
		color: #54449c;
		font-size: 14px;
		text-align: center;
		margin: 0;		
	}
	div.content div.error404 ul {
		margin-left: 60px;
	}
	div.content div.error404 li {
		background: none;
	}
	div.content div.error404 li a {
		color: #F94A00;
	}

/* faq */

	body#faq div.content li  {
		background: none;
		margin: 0 0 0 -15px;
		font-size: 13px;
	}
	body#faq div.content li a {	
		color: #FA4A00;
	}
	body#faq div.content li p {
		margin-left: 10px;
		font-weight: normal;
	}
	body#faq div.content li p.intro {
		font-weight: bold;	
	}
	body#faq div.content li div.visible {
		display: block;
	}	
	body#faq div.content li div.invisible {
		display: none;
	}
	
	
	
/* fix */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}