/* ------------------------------------------------------------------------

    Default CSS styles for all common browsers
    
-------------------------------------------------------------------------*/

/*  CONTAINERS
-------------------------------------------------------------------------*/
body{
	background-color: #8bd3e5;
	margin: 0px;
        font-family: "trebuchet ms", verdana, sans-serif;
}
#container {
	position: relative;
	background-color: #8BD3E5;
	width: 875px;
	margin: 0px auto 0px auto;
	padding: 12px;
}
#page {
	position: relative;
	width: 875px;
	background: url(../gfx/page_top.gif) no-repeat;		
	background-color: #FFF;
}
/*  HEADER
-------------------------------------------------------------------------*/
#header {
	position: relative;
	width: 875px;
	height: 125px;
}
#logo {
	position: relative;
	float: left;
	width: 179px;
	height: 120px;
}
#feature {
	position: relative;
	float: right;
	width: 696px;
	height: 85px;
 	background: url(../gfx/feature.gif) no-repeat;
}
/*  MENU
-------------------------------------------------------------------------*/

#menu {
	position: relative;
	width: 696px;
	height: 35px;
	float: right;
}
#menu div {	
	position: absolute;
	height: 30px;
	background-color: #9C2722;
	text-align: center;
}
#menu div a.menu { color: #f5c0b8; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #9c2722; text-align: center; display: block; padding: 7px; height: 16px }
#menu div a.menu:hover  { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #b96864; text-align: center; display: block; padding: 7px; height: 16px }
#menu div a.menu_actief { color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #b96864; text-align: center; display: block; padding: 7px;  height: 16px }
#submenu { position: relative; width: 155px; margin: 0 0 20px 0; }
#submenu div  { background-color: #b8584b; text-align: center; margin: 0 0 5px; width: 155px; height: 30px }
#submenu div a.submenu   { color: #f5c0b8; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #b8584b; text-align: center; display: block; margin: 0 0 0; padding: 10px 7px 4px; width: 155px; height: 16px }
#submenu div a.submenu:hover  { color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #d59787; text-align: center; display: block; margin: 0 0 0; padding: 10px 7px 4px; width: 155px; height: 16px }
#submenu div a.submenu_actief  { color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #d59787; text-align: center; display: block; margin: 0 0 0; padding: 10px 7px 4px; width: 155px; height: 16px }
#option1 {
	left: 0px;
	top: 5px;
        width: 169px;
}
#option2 {
	left: 174px;
	top: 5px;
        width: 169px;
}
#option3 {
	left: 348px;
	top: 5px;
        width: 169px;
}
#option4 {
	left: 522px;
	top: 5px;
        width: 169px;
}
/*  CONTENT
-------------------------------------------------------------------------*/
#content{
	background: url(../gfx/content_bg.gif) repeat-y;
}
#side-grad{
	background: url(../gfx/side_grad.gif) no-repeat;
	padding: 0px 5px 0px 5px;
}
#side { padding: 0px; width: 153px; float: left }
#main{
	float:right;
	width: 667px;
	background: url(../gfx/main_grad.gif) repeat-x;
	background-color: #9D2723;
	padding: 10px 12px 5px 12px;
}
#body {
	background: url(../gfx/body_top.gif) no-repeat;
	background-color: #FFF;
	width: 627px;
	padding: 20px;
	color: #A33E36;	
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
	line-height: 17px;
}


#splash {
    margin: 40px auto;
   width: 960px;
   text-align: center;
   color: #FFFFFF;
}

#splash a:link {
   color: #FFF;
   text-decoration: none;
}

#splash a:visited {
   color: #FFF;
   text-decoration: none;
}

#splash a:hover {
   color: #429ab0;
   text-decoration: none;
}

#splash a:active {
   color: #FFF;
   text-decoration: none;
}

/*  COLUMNS
-------------------------------------------------------------------------*/
#body .colLeft {
	width: 47%;
	float: left;
}

#body .colLeft h1 {
	margin: 0 0 20px 0;
}

#body .colRight {
	width: 47%;
	float: right;
}

#body .colRight h1 {
	margin: 0 0 20px 0;
}


#body .colRight a:link {
	color: #0a9db0;
}

#body .colRight a:visited {
	color: #0a9db0;
}

#body .colRight a:hover {
	color: #9b2622;
}

#body .colRight a:active {
	color: #0a9db0;
}

/*  MISC
-------------------------------------------------------------------------*/
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*  STYLING
-------------------------------------------------------------------------*/
.adress_label   { color: #f5c0b8; font-size: 0.7em; font-weight: bold; line-height: 1.5em; padding: 0 0 0 10px; }
.adress_label a:link  {
   color: #FFF;
   text-decoration: none;
}
.adress_label a:visited  {
   color: #FFF;
   text-decoration: none;
} 
.adress_label a:hover  {
   color: #8bd3e5;
   text-decoration: none;
} 
.adress_label a:active  {
   color: #FFF;
   text-decoration: none;
}  
.afbeelding_links { margin: 5px 5px 1px 0; float: left }
.afbeelding_rechts { margin: 5px 0 5px 5px }
.afbeelding_kolom { margin: 0 0 5px; padding: 0 }
.bannerBlock {padding: 4px;}
.bannerBlock img {margin-bottom: 4px;}
h1  { font-size: 1.4em; font-weight: bold; line-height: 0.8em; margin: 0 0 0.17em }