@charset "utf-8";
@html{height:100%;}

body{
/* background-color:#ede9c6; */
background: url(../images/bg.jpg);
background-position:top;
background-repeat: repeat-x;
background-color:#ede9c6;
margin-left:0;
margin-right:0;
margin-top: 0px;
margin-bottom:0;
font-family: "Tahoma", Verdana;
font-size:12px;
color: #000000;
}

img {
border: 0;
}

.opmaak_table {
width: 520px;
border-left: 1px solid #660000;
border-top: 1px solid #660000;
}

.opmaak_rij {
width: auto;
height: auto;
background-color:#660000;
text-align: center;
color: #FFFFFF;
}

.opmaak_table tr td {
text-align: center;
vertical-align: top;
border-right: 1px solid #660000;
border-bottom: 1px solid #660000;
padding-bottom: 5px;
padding-top: 5px;
}

.wrapper{
margin:0 auto;
min-height: 750px;
height: auto;
width: 900px;
background-image: url(../images/bg-wrapper-repeat.png);
background-repeat: repeat-y;
padding-top: 15px;
padding-bottom: 15px;
}

#bg-wrapper-top{
margin:0 auto;
height: 16px;
width: 900px;
background: url(../images/bg-wrapper-top.png) bottom no-repeat;
margin-top: 5px;
}

#bg-wrapper-bottom{
margin:0 auto;
height: 15px;
width: 900px;
background-image: url(../images/bg-wrapper-bottom.png);
background-repeat: no-repeat;
}


#logo {
width: 230px;
height: 134px;
margin-left: 25px;
float: left;
}

#menubalk {
float: left;
width: 600px;
height: 134px;
margin-left: 20px;
background: url(../images/menubalk.jpg);
background-repeat: no-repeat;
}

#talen {
width: auto;
height: 35px;
float: right;
margin-right: 30px;
margin-top: 10px;
}

#zoeken {
	width: 230px;
	height: 21px;
	float: left;
	margin-left: 30px;
	margin-top: 15px;
}

#zoekveld {
	width: 230px;
	height: 21px;
	float:left;
}

* + html .zoekveld_transparant {
	width:190px;
	height:17px;
	border: 0px;
	background-image:url(../images/zoekveld.jpg);
	background-repeat: no-repeat;
	color: #484a52;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 30px;
	padding-top: 3px;
}


.zoekveld_transparant {
	width:190px;
	height:17px;
	border: 0px;
	background-image:url(../images/zoekveld.jpg);
	background-repeat: no-repeat;
	color: #484a52;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 30px;
	padding-top: 3px;
}

#vergrootglas {
	width: 12px;
	height: 21px;
	float:left;	
	margin-left: -20px;
}

* + html .vergrootglas_transparant {
	width: 12px;
	height: 21px;
	border: 0px;
	background-image:url(../images/vergrootglas.jpg);
	background-repeat: no-repeat;
}

.vergrootglas_transparant {
	width: 12px;
	height: 21px;
	border: 0px;
	background-image:url(../images/vergrootglas.jpg);
	background-repeat: no-repeat;	
}

/*##########################################################################*/
#horizontaalmenu {
	width: 600px;
	height: 42px;
	margin-top: 47px;
	margin-left: 10px;
}

/*##########################################################################menu openen */
#horizontaalmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
#horizontaalmenu ul li{
position: relative;
display: inline;
margin-top: 3px;
float: left;
}

/*Top level menu link items style*/
#horizontaalmenu ul li a{
background-image:url(../images/but-menu.jpg);
background-repeat: no-repeat;
width: 102px;
height: 27px;
display: block;
margin-left: 7px;
margin-right: 7px;
text-align: center;
text-decoration: none;
color: #FFF;
font: normal 12px Tahoma;
padding-top: 15px;
}


#horizontaalmenu ul li a.actieve_knop:link, #horizontaalmenu ul li a.actieve_knop:visited, #horizontaalmenu ul li a.actieve_knop:active {
	background-image:url(../images/but-hover-menu.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	width: 102px;
	height: 32px;
}

#horizontaalmenu ul li a:hover{
	background-image:url(../images/but-hover-menu.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	width: 102px;
	height: 32px;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Hack for IE \*/
* html #horizontaalmenu ul li { float: left; height: 1%; }
* html #horizontaalmenu ul li a { height: 1%; }
/* End */



#box_right {
margin-left: 20px;
margin-top: 20px;
width: 600px;
min-height: 545px;
height: auto;
float: left;
overflow-x:hidden;
overflow-y:auto; 
}

/*######################################################*/
#box_left {
width: 230px;
height: auto;
float: left;
margin-left: 25px;
margin-top: 20px;
}

#box_left_top {
width: 230px;
height: 18px;
background-image:url(../images/sub-menubalk-top.jpg);
background-repeat: no-repeat;	
}

#box_left_middle {
width: 230px;
min-height: 500px;
height: auto;
background-image:url(../images/sub-menubalk-middle.jpg);
background-repeat: repeat-y;	
}

#box_left_bottom {
width: 230px;
height: 20px;
background-image:url(../images/sub-menubalk-bottom.jpg);
background-repeat: no-repeat;	
}

#spacermenuke {
	height: 5px;
	width: 230px;
	background-image:url(../images/line-horizontal.jpg);
	background-repeat: no-repeat;
}

* html #spacermenuke, * + html #spacermenuke {
	height: 5px;
	width: 230px;
	background-image:url(../images/line-horizontal.jpg);
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-left: -10px;
}

#box_left_middle ul {
	margin:0;
	margin-top: 0px;
	padding:0;
	list-style: none;
}

#box_left_middle li {
	min-height: 20px;
	height: auto;
	width: 195px;
	background: url(../images/line-horizontal.jpg) no-repeat top;
	padding-top: 10px;
	text-indent: -20px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 5px;
}

#box_left_middle ul li a:link, #box_left_middle ul li a:active, #box_left_middle ul li a:visited {
	color: #FFF;
	padding-left: 20px;
	text-decoration: none;
	width: 230px;
	padding-bottom: 1px;
}

#box_left_middle ul li a:hover {
	color: #FFF;
	background: url(../images/pijltje.gif) no-repeat 5px 50%;
	text-decoration: underline;
}

#box_left_middle li a.act2:link, #box_left_middle li a.act2:active, #box_left_middle li a.act2:visited {
	color: #FFF;
	background: url(../images/pijltje.gif) no-repeat 5px 50%;
	text-decoration: underline;
}

/*------*/
ul#sub_submenu {
	margin:0;
	margin-top: 5px;
	padding:0;
	list-style: none;
}

ul#sub_submenu li {
	min-height: 20px;
	height: auto;
	width: 162px;
	background: none;
	padding-top: 5px;
	text-indent: -20px;
	padding-bottom: 5px;
	padding-left: 30px;
	margin-left: 15px;
}

ul#sub_submenu li a:link, ul#sub_submenu li a:active, ul#sub_submenu li a:visited {
	color: #FFF;
	padding-left: 20px;
	text-decoration: none;
	width: 192px;
	padding-bottom: 1px;
}

ul#sub_submenu li a:hover {
	color: #FFF;
	background: url(../images/pijltje.gif) no-repeat 5px 50%;
	text-decoration: underline;
}

ul#sub_submenu li a.act2:link, ul#sub_submenu li a.act2:active, ul#sub_submenu li a.act2:visited {
	color: #FFF;
	background: url(../images/pijltje.gif) no-repeat 5px 50%;
	text-decoration: underline;
}

/*------*/

#content {
width: 564px;
padding-left: 18px;
padding-right: 18px;
height: auto;
}

#tekst_content {
font-family: Tahoma, Verdana;
font-size: 12px;
font-weight: normal;
}

#tekst_content ul {
list-style-type:none;
margin:0;
margin-left: 30px;
padding:0;
}

#tekst_content ul li {
background-image:url(../images/blokje.jpg);
background-position:0 0.5em;
background-repeat:no-repeat;
color:#000000;
line-height:20px;
padding-left:30px;
text-decoration:none;
}

#tekst_content p {
font-family: Tahoma, Verdana;
font-size: 12px;
font-weight: normal;
line-height: 20px;
}

#tekst_content p a:link,#tekst_content p a:visited ,#tekst_content p a:active  {
text-decoration: underline;
color: #000000;
}

#tekst_content p a:hover  {
text-decoration: none;
color: #000000;
}

#tekst_content a:link,#tekst_content a:visited ,#tekst_content a:active  {
text-decoration: underline;
color: #000000;
}

#tekst_content a:hover  {
text-decoration: none;
color: #000000;
}

#kop {
font-family: Tahoma, Verdana;
font-size: 14px;
font-weight: bold;
color: #660000;
width: auto;
height: auto;
padding-bottom: 10px;
}

#broodkruimel {
font-family: Tahoma, Verdana;
font-size: 12px;
font-weight: normal;
padding-bottom: 25px;
}

#broodkruimel a:link, #broodkruimel a:visited, #broodkruimel a:active {
font-family: Tahoma, Verdana;
font-size: 12px;
font-weight: normal;
color:#666666;
text-decoration: none;
}

#broodkruimel a:hover {
font-family: Tahoma, Verdana;
font-size: 12px;
font-weight: normal;
color:#666666;
text-decoration: underline;
}

#footer {
width: 900px;
height:20px;
margin:0 auto;
text-align: center;
color: #660000;
font-family: Tahoma, Verdana;
font-size:12px;
margin-top: 3px;
}

#footer a:link, #footer a:visited, #footer a:active {
color: #660000;
font-family: Tahoma, Verdana;
font-size:12px;
text-decoration: none;
}

#footer a:hover {
color: #660000;
font-family: Tahoma, Verdana;
font-size:12px;
text-decoration: underline;
}

#footer span {
font-size:10px;
color:#666666;
font-weight: bold;
padding-left: 15px;
}

#footer span a:link, #footer span a:visited, #footer span a:active {
font-size:10px;
color:#666666;
font-weight: bold;
text-decoration: none;
}

#footer span a:hover {
font-size:10px;
color:#666666;
font-weight: bold;
text-decoration: underline;
}

/*#######################CONTACT###############################*/
ul#error {
	margin-left:15px;
	margin-top: 1px;
	padding:0;
	list-style: none;
}

ul#error li{
	color: #666666;
	padding-left: 30px;
	text-decoration: none;
		background: url(../images/pijltje.png) no-repeat 5px 50%;

}

#kopje_contact {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #C1CE2F;
	padding-top: 14px;
	padding-bottom: 10px;
}

#kopje_contact_error {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#900;
	padding-top: 14px;
	padding-bottom: 10px;
}

.opmaak_field{
border:0px;
float:left;
font-size:11px;
height:21px;
margin-bottom:5px;
width:280px;
color: #484a52;
padding-left:10px;
padding-right: 10px;
padding-top: 4px;
background-image:url(../images/tekstvak.jpg);
background-repeat: no-repeat;
font-family: "Tahoma", Geneva, sans-serif;
}

input.file {
border:1px solid #666666;
color:#666666;
float:left;
font-size:11px;
height:20px;
margin-bottom:5px;
padding-left:10px;
padding-right:10px;
padding-top:4px;
width:248px;	
font-family: "Tahoma", Geneva, sans-serif;
}

.opmaak_fieldarea{
border:0px;
float:left;
font-size:11px;
margin-left: 35px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
height:67px;
margin-bottom:5px;
width:472px;
color: #484a52;
background-image:url(../images/textarea.jpg);
background-repeat: no-repeat;
font-family: "Tahoma", Geneva, sans-serif;
}

.kop_rij {
	padding-left: 20px;
}

.opmaak_button_form {
	border: 1px solid #660000;
	
	height: 20px;
	width: 100px;
}
/*#######################CONTACT###############################*/