/*		------	layout	------		*/
html {
padding:0px;
margin:0px;
}

body{
margin:0px;
padding:0;
background: #fff;
text-align:center;
font-family: "Kozuka Gothic Pro", Arial, sans-serif;
font-size:11px;
line-height: 2em;
}

#container{
width:1024px;
margin:auto;
}

#content{
width:824px;
height:668px;
margin:50px 100px;
}

#header{
width:824px;
height:50px;
text-align:left;
margin:0;
background: url(../i/logo.jpg) top left no-repeat;
}

#header a{
text-decoration:none;
border:0;
}

#header img{
border:0;
}

#links{
width:380px;
margin-right:120px;
float:left;
}

#rechts{
width:324px;
height: 618px;
margin:0;
float:left;
text-align:justify;
color: #8b8078;
}

.linksuitlijnen{
text-align:left;
}

#rechts p{
margin:0;
padding:0;
}

#menu{
width: 400px;
height:208px;
text-align:left;
font-size:12px;
color: #8b8078;
}

a:link{
font-weight:bold;
color:#8b8078;
text-decoration:none;
}

a:visited{
font-weight:bold;
color: #41caec;
text-decoration:none;
}



#menu1, #menu2, #menu3, #menu4{
width: 95px;
margin:0 5px 0 0;
padding:0;
list-style:none;
height:208px;
float:left;
}

#menu1 li a,#menu2 li a, #menu3 li a, #menu4 li a{
display:block;
text-decoration:none;
color: #8b8078;
font-weight:normal;
}

#menu1 li a:hover, #menu1 li a.selected, #menu1 li a.selected:hover{
color:#c1d469;
font-weight:bold;
}


#menu2 li a:hover, #menu2 li a.selected, #menu2 li a.selected:hover{
color:#eba724;
font-weight:bold;
}

#menu3 li a:hover, #menu3 li a.selected, #menu3 li a.selected:hover{
color:#df38b6;
font-weight:bold;
}

#menu4 li a:hover, #menu4 li a.selected, #menu4 li a.selected:hover{
color:#fcfb38;
font-weight:bold;
}



#menu1 li a:visited, #menu2 li a:visited, #menu3 li a:visited, #menu4 li a:visited{
font-weight:normal;
}

#menu1 li a.selected, #menu2 li a.selected, #menu3 li a.selected, #menu4 li a.selected{
font-weight:bold;
}

.space{
clear:both;
}

#gallerycontainer{
width:380px;
height:360px;
overflow:hidden;
margin: 50px 0 0 0;
padding:0;
text-align:left;
}

.scroll-pane {
width: 304px;
overflow: auto;
float: left;
}

#pane1 {
height: 618px;
}

label { display: block; clear: both; padding-top: 6px;color: #8b8078; }
label span.label { display: block; float: left; width: 150px; }
label span.required { color: #c1d469; font-weight: bold; }
label input { display: block; float: left; }
input { font-family: "Kozuka Gothic Pro", Arial, sans-serif; font-size: 11px; }
input.textbox { width: 200px; height:20px;border: solid 1px #c1d469; }
input.validation-failed{ background-color: #c1d469; }

textarea.textbox { width: 198px; height:80px;padding: 3px; border: solid 1px #c1d469; }
textarea.validation-failed{ background-color: #c1d469; }

input.button {}

div.toolbar { clear: both; padding-top: 5px; }

div#ClientValidationSummary { background-color: #fff; border: 1px solid #c1d469;width: 350px; padding: 2px 0 1px 5px; color: #8b8078;line-height:14px; }
div#ClientValidationSummary a { color: #8b8078;padding:0;margin:0; }

div#ClientValidationSummary ul{
list-style:none;
margin: 0 ;
padding:0;
}


div.validation-inline-error-message{ display: block; float: left; padding-left: 5px; color: #c1d469; }

.periode{
width: 60px;
float:left;
}