/* Eric Meyers Reset 
---------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* @group ALGEMENE ELEMENTEN 
---------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	/*background-color:transparent;*/
}

body {
	background:transparent url('../images/hand_achtergrond.jpg') no-repeat;
	background-position:250px 480px; 
}

body, select, input, textarea {
	font: 100%/1.2 "lucida sans", verdana, arial, helvetica, sans-serif;
	color:#2E2B30;
}

h1, h2 {
	font-weight:bold;
	font-size:23px;
	margin:40px 0 20px 0;
	background:transparent url('../images/hand_titel.jpg') no-repeat;
	height:46px;
	padding:13px 0 0 60px;
}

p {
	line-height:23px;
	width:500px;
	margin:10px 0 20px 0;
	font-size:15px;
}

strong {
	font-weight:bold;
}

/* @group PAGE STRUCTURE 
---------------------------------------------------------------------------------*/
#wrapper, #footer {
	width:1000px;
	margin:0 auto;
} 

#content {
	width:1000px;
	margin:0 auto;
}

#footer {
	text-align:center;
	font-size:11px;
	padding:30px 0 0 260px;
}

#sidebar {
	width:400px;
	display:inline;
	float:left;
	background-color:transparent;
}

#contentbar {
	width:600px;
	display:inline;
	float:left;
}

#logo {
	height:134px;
	width:300px;
	display:inline;
	float:left;
	margin:100px 0 170px 0; 
}

.portret img, .wat_foto img {
	border:2px solid #877D53;
	padding:10px;
	background-color:#FFF;
}

.portret {
	margin:10px 0 90px 40px;
}

#fadeshow1, #fadeshow2 {
	margin:10px 0 120px 40px;
}


/* @group NAVIGATIE EN LINKS
---------------------------------------------------------------------------------*/
#nav {
	background:transparent url('../images/voet.png') no-repeat;
	width:642px;
	height:178px;
	display:inline;
	float:left;
	margin:0 0 190px 0;
}

#nav ul {
	list-style-type:none;
	margin:-15px 0 0 80px;
}

#nav ul li {
	display:inline;
	float:left;
	font-size:18px;
	font-weight:bold;
}

#nav ul li a {
	text-decoration:none;
	border-bottom:none;
	display:block;
	color:#FFF;
	padding:10px;
}

#home {
	margin:25px 0 0 -90px;
	background:transparent url('../images/pink_teen.png') no-repeat;
	width:135px;
	height:135px;
	padding:48px 0 0 33px;
}

#wie {
	margin:110px 0 0 -80px;
	background:transparent url('../images/ring_teen.png') no-repeat;
	width:135px;
	height:135px;
	padding:48px 0 0 38px;
}

#wat {
	margin:195px 0 0 -77px;
	background:transparent url('../images/middel_teen.png') no-repeat;
	width:135px;
	height:135px;
	padding:45px 0 0 38px;
}

#contact {
	margin:243px 0 0 -55px;
	background:transparent url('../images/wijs_teen.png') no-repeat;
	width:135px;
	height:135px;
	padding:48px 0 0 20px;
}

#bezoek {
	margin:-215px 0 0 380px;
	background:transparent url('../images/dikke_teen.png') no-repeat;
	width:151px;
	height:147px;
	padding:55px 0 0 11px;
}

#nav ul li#bezoek a {
	color:#877D53;
}

#nav ul li a:hover, #nav ul li a:active, #nav ul li a.activetab, #nav ul li#bezoek a:hover, #nav ul li#bezoek a.activetab {
	color:#19BAE0;
}

#nav ul li a.activetab {

}

#footer a {
	text-decoration:none;
	border-bottom:none;
	color:#2E2B30;
}

#footer a:hover {
	border-bottom:1px dotted #2E2B30;
}

a {color:#E2003E}

a:link {color:#E2003E}

a:visited {color:#7C0026;}

a:hover {text-decoration:none;}

a:active {color:#7C0026;}

#contactgegevens {
	width:400px;
	display:block;
	clear:left;
}

#s_telefoon, #s_email, #s_adres {
	display:block;
	clear:left;
	height:30px;
	font-weight:bold;
}

#s_telefoon img, #s_telefoonnummer, #s_email img, #s_emailadres, #s_adres img, #s_straat {
	display:inline;
	float:left;
}

#s_telefoonnummer, #s_emailadres, #s_straat {
	margin:0 0 0 15px;
	font-size:16px;
}

#s_emailadres {
	margin-top:6px;
}

.wie_email {
	font-size:13px;
	margin:-35px 0 20px 60px;
}

/* @group CONTACTFORMULIER 
---------------------------------------------------------------------------------*/

form {
	margin:30px 0 50px 0;
}

label {
	font-weight:bold;
	font-size:1em;
	display:block;
	margin:10px 0;
}

input, textarea {
	margin-bottom:15px;
	background:#FFF;
	font-family:Arial,sans-serif;
	font-size:14px;
	padding:2px 0 2px 2px;
	border:2px solid #877D53;
}

.sendbutton {
	background:transparent url('../images/verzendknop.png') no-repeat;
	background-position:2px 2px;
	width:131px;
	height:60px;
	border:none;
	color:#19BAE0;
	font-size:20px;
	margin:0 0 0 -7px;
	cursor:pointer;
}

.sendbutton:hover {
	background:transparent url('../images/verzendknop_hover.png') no-repeat;
	background-position:2px 2px;
	width:131px;
	height:60px;
	border:none;
	color:#19BAE0;
	font-size:20px;
	margin:0 0 0 -7px;
	cursor:pointer;
}


td {
	padding:15px;
}


.bericht_ok, .bericht_fout {
	display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	height: 200px;
	text-align: center;
	border: 8px solid #877D53;
	background-color: white;
}

.bericht_ok h3, .bericht_fout h3 {
	height: 85px;
	line-height: 85px;
	font-size:1.8em;
}

.bericht_ok p, .bericht_fout p {
	font-size: 14px;
	color:#2E2B30;
	width:350px;
	margin:0 0 0 25px;
}

.bericht_ok h3 {
	color:#877D53;
}

.bericht_fout h3 {
	color:#E2003E;
}

.blauw {
	color:#19BAE0;
	font-weight:bold;
	font-size:18px;
}

.rood {
	color:#CC0000;
	font-weight:bold;
	font-size:12px;
	padding-left:15px;
}

#routebeschrijving {
	clear:both;
	margin:0 0 0 20px;
}

#routebeschrijving ul {
	list-style-type:none;
	list-style-image:url('../images/lijst_bol.jpg');
	padding-left:20px;
	margin:0 0 30px 0;
}

#routebeschrijving ul li {
	margin:0 0 7px 0;
	font-size:15px;
}

/* @group SPECIAL
---------------------------------------------------------------------------------*/

/* Sticky footer */
body, html{ height:100%; } 
div#wrapper { 
	min-height:100%; 
	height:auto !important; 
	height:100%; 
	margin:0 auto -60px;
} /* negatieve margin moet gelijk zijn aan hoogte van de footer */
div#push, div#footer {
	height:60px; 
} /* De footer en de push div moeten een gelijke hoogte hebben */

/* Verwijderen van dotted border wanneer er in Firefox op een link wordt geklikt */
a:active {outline: none;}
a:focus {-moz-outline-style: none;}

/* Buttons krijgen een hand-cursor bij hover */
input[type="button"] {cursor: pointer;}

/* Element om te debuggen. Mag verwijderd worden wanneer website in productie is */
.debug {
	outline:1px solid red;
}

/* Clear both */
.clearboth {
	clear:both;
}

/* Horizontale lijn */
.lijn {
	border-bottom:2px solid #D2D1CF;
	margin:0 50px 0 40px;
}

iframe { 
	display:inline;
	float:left;
	padding:3px;
	border:2px solid #877D53;
	width:450px;
	margin:0 0 10px 20px;
}

.kaartlink {
	display:block;
	clear:both;
	font-size:13px;
	margin:0 0 20px 20px;
}