@charset "utf-8";
/* CSS Document */


/*------------------------------- CSS reset ---------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
} 
q:before,q:after {
	content:'';
}
abbr,acronym,iframe {
	border: 0;
}
a, object {
	outline: none;
}
.clear {
	clear: both;
}


/*------------------------------- Body ---------------------------------*/

body {
	font-family: Verdana, Geneva, sans-serif;
	background: url(../images/bg.gif) repeat-x #CBCBCB;
}

html, body, #container { height: 100%;}

body > #container { height: auto; min-height: 100%;}


/*------------------------------- Headings ---------------------------------*/

h1 { color: #121848; font-size: 20px;}
h2 { color: #121848; font-size: 14px;}
h3 { color: #121848; font-size: 20px;}
h4 { color: #121848; font-size: 13px;}
h5 { color: #121848; font-size: 12px;}
h6 { color: #121848; font-size: 9px;}


/*------------------------------- Container ---------------------------------*/

#container {
	margin: 0 auto;
	width: 970px;
	background: url(../images/containerBg.gif);
}


/*------------------------------- Header ---------------------------------*/

#header {
	width: 970px;
	height: 93px;
	background: url(../images/bg.gif) repeat-x;
}

#logo {
	width: 240px;
	height: 93px;
	margin: 0 auto;
	background: url(../images/logo.jpg);
	text-indent: -9999px;
}
	#logo a { display: block; height: 100%;}


/*------------------------------- Menu ---------------------------------*/

#menu-wrapper {
	width: 100%;
	height: 30px;
	background: url(../images/menuBg.gif);
	overflow: hidden;
}
#menu {
	position: relative;
	left: 50%;
	float: left;
}
#menu li {
	position: relative;
	right: 50%;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
}
#menu li a {
	padding: 0 15px;
	color: #FFF;
	text-decoration: none;
}
#menu li a:hover, #menu li.active a { color: #121848;}


/*------------------------------- Wrapper ---------------------------------*/

#wrapper {
	padding: 10px 0 0 0;
	min-height: 550px;
	background: url(../images/wrapperBg.jpg) top no-repeat;
}


/*------------------------------- Sidebar ---------------------------------*/

#sidebar {
	float: left;
	width: 338px;
	color: #121848;
	font-size: 11px;
}
	#sidebar a { color: #121848; text-decoration: underline;}
	#sidebar a:hover { color: #6068A3;}

/* block */
#blocks {
	height: 452px;
}
.block {
	width: 314px;
	height: 103px;
	margin: 0 12px 10px 12px;
}
	
/* bottom */
#bottom {
	width: 314px;
	margin: 50px 12px 30px 12px;
}
#bottom .adres {
	float: left;
	width: 160px;
}
#bottom .openingstijden {
	float: left;
	width: 154px;
	text-align: right;
}


/*------------------------------- Main ---------------------------------*/

#main {
	float: left;
	width: 632px;
	background: #FFF;
	color: #121848;
	font-size: 12px;
}
	#main a { color: #121848; text-decoration: none;}
	#main a:hover { color: #6068A3;}

/* banner */
#banner {
	width: 632px;
	height: 329px;
}
	
/* content */
#content {
	min-height: 250px;
	padding: 20px 20px 0 20px;
	font-size: 12px;
	line-height: 18px;
}
	#content iframe, #content img { border: 1px solid #121848;}
	#content li { list-style: disc; margin: 0 0 0 15px;}

/* fotoalbum */
#content .fotoalbum_thumbnail { float: left; font-size: 11px; text-align: center; line-height: normal; text-decoration: none;}
#content .fotoalbum_thumbnail img { margin: 5px; border: 1px solid #121848;}
#content #fotoalbum_thumbnails img { margin: 5px; border: 1px solid #121848;}


/*------------------------------- 3wmedia:logo ---------------------------------*/

#logo_3wmedia {
	position: fixed;
	bottom: 5px;
	right: 5px;
}


/*------------------------------- Footer ---------------------------------*/

#footer {
	position: relative;
	clear: both;
	width: 955px;
	height: 20px;
	margin: -20px auto 0 auto;
	padding: 0 15px 0 0;
	background: #9CA0BB;
	color: #121848;
	font-size: 11px;
	text-align: right;
	line-height: 20px;
}
	#footer a { color: #121848; text-decoration: none;}
	#footer a:hover { color: #6068A3;}


/*------------------------------- Clearfix ---------------------------------*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*-------------------------------------------------------------------------*/
/*------------------------------- Modules ---------------------------------*/
/*-------------------------------------------------------------------------*/

#gastenboek table { border-collapse: separate; border-spacing: 2px;}
#gastenboek input[type=text] {
	width: 175px;
	height: 15px;
	padding: 2px;
	border: 1px solid #121848;
	background: url(../images/form.gif) repeat-x #FFF bottom;
	color: #000;
	font: 11px Verdana;
}
#gastenboek input[type=submit] {
	width: 181px;
	padding: 2px; 
	border: 1px solid #121848;
	background: url(../images/form.gif) repeat-x #FFF bottom;	
	color: #000;
	font: 11px Verdana;
}
#gastenboek textarea {
	width: 300px;
	height: 125px;
	padding: 2px;
	border: 1px solid #121848;
	background: url(../images/form.gif) repeat-x #FFF bottom;
	color: #000;
	font: 11px Verdana;
}
#gastenboek form { margin: 15px 0;}
#gastenboek form .captcha { margin: 0;}
#gastenboek .error { margin: 5px 0; color: #F00;}
#gastenboek h2 { margin: 5px 0; font-size: 13px;}

#gastenboek .message { border: 1px solid #A7A6AA; background: url(../images/form.gif) repeat-x #FFF bottom;}
#gastenboek .name { display: block; height: 25px; line-height: 25px; background: #F3F3F3; color: #121848;}
#gastenboek .name strong { float: left; padding: 0 0 0 15px;}
#gastenboek .name small { float: right; padding: 0 15px 0 0;}
#gastenboek .comment { padding: 15px;}

#gastenboek .pager { margin: 20px 0 0 0; padding: 5px 0 0 0; border-top: 1px dashed #121848;}