/********** ACHTERGROND **********/
* {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
}
body{
background:#ECE9E3 url(../images/background.gif) repeat-x;
}
/********** CONTAINER **********/
#box, #boxindex{
width:90%;
min-width:900px;
max-width:1400px;
margin:9px auto 0px auto;
background-image:url(../images/bg_content_stretch_left.gif);
background-position:0px 127px;
background-repeat:no-repeat;
}
#boxindex{
width:910px}
/********** HEADER / BOVENSTE GEDEELTE **********/
#header{
background-image:url(../images/bg_header.jpg);
background-image:url(../images/bg_header_stretch_right.jpg);
background-position:right;
height:127px;
}
.headerleft{
display: block;
height: 127px;
width: 15px;
text-decoration: none;
position: absolute;
border:0px;
}
.logo{
display: block;
height: 59px;
width: 170px;
text-decoration: none;
position: absolute;
top: 21px;
padding-left:17px;
border:0px;
}
/* ingelogd als */
#inlogdisplay{
width:300px;
height:20px;
padding:94px 0px 0px 20px;
color:#999999;
font-size:11px;
}
/* ingelogd als link kleuren */
#inlogdisplay a{
color:#2b90a4;
}
#inlogdisplay a:hover{
color:#ffffff;
}

.mode_active{
	margin-top: 10px;
	margin-right: 10px;
    color: #009900;
    font-size:12px;
	vertical-align: 12px;
}
.mode_inactive{
	color: #FF7E71;
	font-size:12px;
	margin-top: 10px;
	margin-right: 10px;
	vertical-align: 12px;
}
.mode_inactive a{
	color: #FF7E71;
	text-decoration: none;
}
.mode_inactive a:hover{
	color: #FF0000;
}



/********** Achtergrond Inhoud **********/
#content{
background-image:url(../images/background_content.gif);
width:910px;
}
/* achtergrond inhoud homepage */
#contenttext{
background-color:#fff;
background-image:url(../images/bg_content_stretch_right.gif);
background-position:top right;
background-repeat:no-repeat;
margin:0 0 0 5px;
}
/********** TEKSTGEDEELTE HOMEPAGE **********/
#tekstintro{
float:right;
width:652px;
padding:10px 22px 10px 16px;
}
/********** TEKSTGEDEELTE RECHTS **********/
#tekst{
padding:14px 22px 10px 20px;
}
#tekststr{
padding:14px 12px 10px 12px;
width:868px;
margin-left:8px;
margin-right:10px;
overflow: auto;
}
#tekst p, #tekstintro p{
padding:6px 0px 14px 0px;
font-size:12px;
line-height:20px;
color:#333333;
}
#tekst table, #tekstintro table{
padding:6px 0px 14px 0px;
font-size:12px;
line-height:20px;
color:#333333;
}
#tekst form, #tekstintro form{
padding:6px 0px 14px 0px;
font-size:12px;
line-height:20px;
color:#333333;
}

/* titel */
h1{
font-size:20px;
margin-bottom:12px;
font-style:italic;
color:#288ea3;
font-weight:normal;
background:url(../images/h1_bg.gif) bottom left no-repeat;
}
h2{
font-size:12px;
color:#444444;
}

/********** LINKERKANT HOMEPAGE ***********/
#left{
float:left;
width: 204px;
padding-left:7px;
}
#left h2{
font-size:13px;
text-transform:uppercase;
padding:9px 0px 9px 14px;
border-bottom:1px solid #888888;
}
/********** MENU **********/
#menu{
margin:0 7px 0 2px;
padding-left:10px;
background-image:url(../images/background_menu.gif);
height:28px;border-bottom:1px solid #aaaaaa;
}
/********** Menu Dropdown **********/
#nav li {
float:left;
display:inline;
}

#nav a{
display:block;
padding:6px 8px 6px 10px;
color:#205d6c;
font-weight:bold;
font-size:13px;
text-decoration:none;
background-image:url(../images/background_menu_item.gif);
background-repeat:no-repeat;
}
#nav a.daddy{
color:#205d6c;
font-weight:bold;
font-size:13px;
text-decoration:none;
background-image:url(../images/background_menu_item.gif);
background-repeat:no-repeat;
}
#nav a.last{
border-right:1px solid #A6A8A8;}
#nav a:hover.daddy{
color:#534343;
background-image:url(../images/background_menu_item_hover.gif);
}
/*submenu items*/
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 196px; 
	background:#eeeeee;
	border: 1px solid #999999;
	border-top:1px solid #aaaaaa;
	padding:2px 0px 6px 0px;
	z-index: 1;
}
#nav li li {
float:left;
width:194px;
}
#nav li:hover, #nav li.hover {
position:static;
color:#000000;
}
#nav li ul li a {
margin:0px 4px;
padding: 4px 2px 4px 5px;
border-left:0px;
width: 180px;
color:#205d6c;
text-align:left;
background:url(../images/divider_dropdown_menu.gif) bottom repeat-x;
border-bottom:1px solid #ccc;
}
#nav li ul li a:hover{
color:#534343;
background-color:#ffffff;
}
#nav li:hover ul ul, #nav li.sfhover ul ul{
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{
left: auto;
}
/********** Inloggedeelte **********/
#inlogform{
padding:10px;
}
#inlogform label{
color:#205d6c;
display:block;
padding:4px 0px;
font-size:13px;
font-weight:bold;
}
#inlogform input{
font-size:12px;
display:block;
width:176px;
color:#666666;
}
#inlogform .button{
width:86px !important;
margin-top:10px;
font-weight:bold;
color:#333333;
}
/********** LINKKLEUREN **********/
a:link, a:visited{
color:#205d6c;
}
a:hover, a:active{
color:#000000;
}
/********** FOOTER / ONDERSTE GEDEELTE **********/
#footer{
clear:both;
background:#ECE9E3 url(../images/background_footer.gif) no-repeat;
background-image:url(../images/bg_footer_stretch_right.gif);
background-position:right;
height:40px;
font-size:11px;
color:#666666;
text-align:right;
}
#footerleft{
display: block;
height: 40px;
width: 20px;
text-decoration: none;
float:left;
border:0px;
background-image:url(../images/bg_footer_stretch_left.gif);
background-repeat:no-repeat;
}
/* copyright tekst */
#footer p{
width:300px;
float:right;
padding:12px 16px 0px 0px;
}
#intro{
	float: left;
}
#news{
	width:200px;
	height: 300px;
	float: right;
	border:1px;
}
/***************** CLEARFIX ***************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */