/* CSS Document */

/*PAGE LAYOUT*/
html, #page{
	height:100%;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(bg.jpg);
	background-repeat:repeat-x;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#header{float:left; background-image:url(header.jpg); background-repeat:no-repeat; width:1001px; height:192px; z-index:10;}
#topheader{float:right; width:607px; height:97px; background-color:#F0F0F0; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
/*#menu{float:left; width:967px; height:31px; padding-left:19px; margin-top:160px; }*/
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x; padding:0px;}
#contenttext{float:left; width:908px; padding:0px 33px 0px 33px; line-height:16pt; color:#53534D;}
#leftpanel{float:left; width:215px; padding-left:0px; padding-top:5px;}
#footer{float:left; height:68px; width:909px; padding-top:65px; }
#bodycontent{float:left; background-color:#FFFFFF; height:100%; width:967px;margin-left:19px; }

/*GRAY PANEL*/
.graypanel{
	padding-left:30px;
	float:left;
	
}

img{
	border:none;
}

.lijn{
	clear:both;
	padding-top:20px;
	border-bottom:solid 1px #D6CFC4;
}
.menuitems {
border-top:solid 1px #D6CFC4; border-bottom:dotted 1px #D6CFC4; 
	font-family:Arial;
	font-size: 10px;
	color: #7A6A49;
	padding-top:10px;
	padding-bottom:10px;
	line-height:30px;
}
.menuitems #homenav{
	background-image:url(header.jpg);
	height:50px;
}
.menuitems a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7A6A49;
	text-decoration:none;
	height:30px;
}
.menuitems a:hover{
	text-decoration:none;
}
/*body#homepage a#homenav,
body#contactpage a#contactnav{
background-image:url(itembg.gif);
background-repeat:no-repeat;
background-position:bottom;
}*/
.nieuws{
	
	background-image:url(fotosonline.jpg);
	background-repeat:no-repeat;
	width:196px;
	height:199px;
	padding:0px 0px 0px 20px;
}
.nieuwslink{
	padding-top:115px;
	padding-left:65px;
}

.teaser{
	background-image:url(bg_teaser.jpg);
	background-repeat:no-repeat;
	width:203px;   
	height:238px;
	padding:0px 0px 0px 20px;
}
#fotolink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:22px;
	
}
.teasertitel{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#00ABC4;
	width:155px;
	height:25px;
	padding:30px 0px 0px 5px;
	border-bottom:solid 1px #D6CFC4;
}
.teasertekst{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#6B6B6B;
	width:155px;
	padding:10px 0px 0px 5px;
	line-height:20px;
}
.submenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#6B6B6B;
	padding:0px 0px 0px 0px;
	line-height:40px;
	list-style-type:none;
	width:175px;
	margin-left:12px;
}

.submenu li{
	padding:0px 0px 0px 15px;
	border-bottom:dotted 1px #D6CFC4; 

}
.submenu li a{
	color:#6B6B6B;
}
.submenu li a:hover{
	color:#00ABC4;
	text-decoration:none;
}
/*TEXT STYLES*/
.bodytext {
	font-size:11pt;
	color: #6B6B6B;
	font-size:12px;
	line-height:22px;
	margin-right:30px;
}
.bullettext {
	color: #6B6B6B;
	font-size:12px;
	line-height:22px;
	margin-right:30px;
	padding-left:20px;
	text-indent:inherit;
}
.fototekst  {
	
}
.bodytext img{
	float:left;
	padding-right:10px;
	
}
.lijsttweedeniv{
list-style-type:none;
}
h1 {
	
	font-size:18px;
	font-weight:normal;
	margin:0px;
	margin-top:20px;
	color:#53534D;
	text-align:left;
	padding:0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin:0px;
	margin-top:30px;
	color:#00ABC4;
	padding:0px;
}
.titelleft {
	font-weight:bold;
	}
.whitetitle {
	font-family: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font-family: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
ul{
	padding:0px;
	padding-left:12px;
	color: #ED791F;
}
li{
}

a{
color: #53534D;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.fototabel{
	text-align:center;
}
.fototabel td{
	text-align:middle;
}
.fototabel td img{
	border:solid 1px #D6CFC4;
	padding:5px;
	text-align:center;
}
.feestdag{
	width:150px;

}
.dag{
	width:120px;

}
.foto{
	border:solid 1px #53534D;
	padding:3px;
}
/*.smallwhitetext {
	font-family:Arial;
	font-size: 11px;
	color: #53534D;
	padding-top:10px;
}
.smallwhitetext a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #53534D;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}*/
.smallgraytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#999999;
}
.smallgraytext a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font-family: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font-family: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}
.textfield{
background-color:#e7e7e3;
border-width:0px;
height:25px;
}
.bericht{
width:100%;
background-color:#e7e7e3;
border-width:0px;
}
.textarea{
background-color:#e7e7e3;
border-width:0px;
width:100%;
}
#contactForm{
	line-height:35px;
}


.button{
	text-align:right;
}




.aanspreking { outline: none; position: relative; top: 2px; }
.aanspreking_span { padding: 0px 8px 0px 6px; display: inline; }
.formelement { float: left; height:60px;}
.input { border: 1px solid #BFBFBF; padding: 4px; width: 260px; }
.dropdown { width: 270px; }
.checkbox { margin: 0 0 0 5px; }
.radio { margin: 0 0 0 5px; width:100px; padding:0px; }
#bericht { height: 120px; width: 528px; padding: 5px; }
 #verstuur { float: right; margin: 15px 56px 0px 0; }
#thx { position: absolute; float: left; width: 100%; padding: 15px 0 0 0; display: none; }
.aantaluren{border: 1px solid #BFBFBF; padding: 4px; width: 60px;}



/*NAVIGATION*/
#menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 0 17px 0 0;
	right: 0;
	bottom: 0;
	float:right;
	margin-top:157px;
	font-size:12pt;
	z-index:1;
}

#menu li {
	float: left;
	background: url(menu-bg.png) no-repeat;
}

#menu li a:link, #menu li a:active, #menu li a:visited, #menu li a:hover {
	display: block;
	height: 20px;
	padding: 5px 32px 0px 9px;
	color: black;
	text-decoration: none;
	cursor: pointer;
	font-size: 10px;
	background: url(../images/menu-corner.png) no-repeat right top;
}

#menu li a:hover {
	color: #ED7919;
}

#menu li.selected {
	background: url(../images/menu-selected-bg.png) no-repeat;
}

#menu li.selected a:link, #menu li.selected a:active, #menu li.selected a:visited, #menu li.selected a:hover {
	background: url(../images/menu-selected-corner.png) no-repeat right top;
	color: white;
}
.locationthumb{
	float:right;
	padding:5px;
	border:solid 1px #CCCCCC;
}

.pdf{

	text-align:right;
	
}

.oranje{
	color:#ED791F;	
}

#contactForm{
	line-height:35px;
}


.button{
	text-align:right;
}




.aanspreking { outline: none; position: relative; top: 2px; }
.aanspreking_span { padding: 0px 8px 0px 6px; display: inline; }
.formelement { float: left; height:60px;}
.input { border: 1px solid #BFBFBF; padding: 4px; width: 260px; }
.dropdown { width: 270px; }
.checkbox { margin: 0 0 0 5px; }
.radio { margin: 0 0 0 5px; width:100px; padding:0px; }
#bericht { height: 120px; width: 400px; padding: 5px; }
 #verstuur { float: right; margin: 15px 56px 0px 0; }
#thx { position: absolute; float: left; width: 100%; padding: 15px 0 0 0; display: none; }
.aantaluren{border: 1px solid #BFBFBF; padding: 4px; width: 60px;}
