@import 'reset.css';

#style{ display : none; }

/* general
------------------------------------------------------------------*/
body { font: 12px/17px Verdana, Arial, sans-serif; color: #3C1503; }
h1 {}
h2 {}
h3 {}
h4 {}
ul, ol { margin: 0 0 10px 16px; }
p, form { margin: 0 0 10px 0; }
a { color: #981B1E; }
a:hover { color: #3C1503; }
input, textarea, select { color: #3C1503; }
strong { }
em { }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

.vvp{ background : #981B1E; }
.vvp span{ color : #fff; }
.vvp a{ color : #fff; }
.clearer{ clear : both; }

#vvp_legend{ float : right; background : #981B1E; padding : 5px; color : #fff; }

/* page structure
------------------------------------------------------------------*/
#wrapper 	{ width: 970px; margin: 0 auto; background: #86888B url(../images/bg_content.gif) repeat-x; }
#header 	{ height: 130px; position: relative; }
#navigation { width: 280px; float: left; padding: 0 10px 0 30px; }
#content 	{ width: 582px !important; float: left; padding: 33px 34px; }
#footer 	{ }



/* homepage 
------------------------------------------------------------------*/
#home #wrapper { height: 560px; margin-left: -485px; position: absolute; top: 0; left: 50%; }
#home #header #logo { left: 305px; top: 27px; }
#home #header #indeKijker { top: 148px; right: 60px; color: #FFF; }
#home #flashAnim { position: absolute; bottom: 0; right: 50px; }



/* header
------------------------------------------------------------------*/
#header #logo { position: absolute; top: 10px; left: 145px; z-index: 5; }
#header h1 { font-size: 24px; line-height: 24px; color: #3C1503; font-weight: normal; position: absolute; bottom: 5px; left: 354px; width: 310px; }
#header #indeKijker { position: absolute; bottom: 5px; right: 5px; width: 270px; }
#header #indeKijker p { margin: 0; }

/* navigation
------------------------------------------------------------------*/
#navigation { color: #FFF; min-height: 430px; }

#navigation #login { margin: 10px 0 20px 5px; }
#navigation #login a { display: block; color: #FFF; text-transform: uppercase; text-decoration: none; margin: 10px 0; } 
#navigation #login a:hover { color: #981B1E; }

#navigation #login fieldset { background: #AAAAAA; padding: 6px 10px; font-size: 11px; line-height: normal; }
#navigation #login fieldset legend { display: none; }
#navigation #login fieldset label, #navigation fieldset.userpassword input { width: 100px; float: left; display: block; padding: 2px 5px 0 0; }
#navigation #login fieldset input { width: 140px; padding: 0; }
#navigation #login fieldset input.button { width: auto; float: right; }
#navigation #login fieldset .check label { display: inline; float: none; }
#navigation #login fieldset .check input { width: auto; }
#navigation #login fieldset a { display: inline; padding: 0; text-transform: none; color: #3C1503; font-size: 11px; border: 0; text-decoration: underline; color: #6E6E6E; }
#navigation #login fieldset #loginExtras { float: right; }

#navigation #login fieldset.userpassword { display: none; }
#navigation #login fieldset.loggedin { display: block; }



/* de rest staat in navigation.css */


/* content
------------------------------------------------------------------*/
#content { background: #F3F3F4; min-height: 430px; }
#content p, #content ul { text-align: justify; }
#content h2 { font-size: 16px; padding: 15px 0 3px 0; margin: 5px 0; font-weight: normal; color: #981B1E; border-bottom: 1px dotted; }
#content h3 { margin: 0 0 2px 0;  }

#content img.contentPic { float: right; margin: 5px 0 20px 25px; }

.xls { background: url(../images/icon_xls.gif) no-repeat 0 1px; }
.pdf { background: url(../images/icon_pdf.gif) no-repeat 0 1px; }
.doc { background: url(../images/icon_doc.gif) no-repeat 0 1px; }
.ppt { background: url(../images/icon_ppt.gif) no-repeat 0 1px; }


#content ul.listVacatures, 
#content ul.listLinks, 
#content ul.listActiviteiten {  }

#content ul.listVacatures li,
#content ul.listLinks li,
#content ul.listActiviteiten li { margin-bottom: 15px; text-align: justify; padding : 2px 5px; }

#content ul.listVacatures span.datum,
#content ul.listActiviteiten span.datum { display: block; }

#content ul.listDocuments { list-style: none; margin: 0 0 15px 0; }
#content ul.listDocuments li { margin: 0 0 3px 0; }
#content ul.listDocuments li a { padding-left: 20px; }

#pageNav { background: #FFF; margin: 25px 0; padding: 2px 4px; color: #AAAAAA; }
#pageNav a { color: #AAAAAA; }
#pageNav a:hover, #pageNav .pageNavInschrijven a:hover { color: #3C1503; }
#pageNav .pageNavBack { float: left; }
#pageNav .pageNavInschrijven { float: right; }
#pageNav .pageNavInschrijven a { font-weight: bold; color: #981B1E; }
#pageNav .showOnly { float: left;  }
#content #pageNav fieldset.showOnly { margin: 0; }
#content #pageNav fieldset.showOnly input, #content #pageNav fieldset.showOnly label { width: auto; }
#content #pageNav fieldset.showOnly label { padding: 2px 5px 0 0; }

#content fieldset { margin: 0 0 10px 0; }
#content fieldset fieldset { }
#content fieldset div { clear: left; }
#content fieldset label, #navigation fieldset input { width: 120px; float: left; display: block; padding: 2px 5px 0 0; }
#content fieldset label { padding-top: 0; }
#content fieldset input, #content fieldset textarea { width: 240px; margin: 0 2px 2px 0; }
#content fieldset input.number { width: 30px; }
#content fieldset a { display: inline; padding: 0; text-transform: none; color: #3C1503; font-size: 11px; border: 0; text-decoration: underline; color: #6E6E6E; }
#content fieldset #loginExtras { }

#content fieldset .radio input, 
#content fieldset .check input,
#content fieldset input.button { width: auto; }
#content fieldset .radio label, 
#content fieldset .check label { display: inline; float: none; }

#content fieldset div div.radio { clear: none; float: left; width: 420px; }
#content input.button, #content fieldset div.preferences { clear: both; margin-left: 125px; }

div.openingsuren div { width: 275px; float:left; margin: 0 10px 0 0; text-align: left; }
div.openingsuren div p { text-align: left; }


/* footer
------------------------------------------------------------------*/
#footer { }


/* menu
------------------------------------------------------------------*/

/*
ul#menu {padding: 0; margin: 0 0 0 5px; }
ul#menu li {list-style-type: none; position: relative; border-bottom : 1px solid #86888B; margin: 0; padding: 0; text-transform : uppercase; }
ul#menu li:hover,ul#menu li.active{ border-bottom : 1px solid #981B1E; color : #981B1E; }
ul#menu li li:hover{ border-bottom : 1px solid #86888B; } 
ul#menu ul { display: none; }

ul#menu li:hover > ul,ul#menu li.active ul{ width : 160px; display: block; position: absolute; top : 0; right : 0; padding : 32px 0 0 0; z-index : 2; }
ul#menu li a {display: block; padding: 5px 0; text-decoration: none; background: #86888B; color : #fff; border-bottom : 1px solid #86888B; }
ul#menu li li a {display: block; padding: 2px; text-decoration: none; background: #86888B; color : #fff; text-transform : none; border : none !important; }
ul#menu li a:hover, ul#menu li.active a{ color : #981B1E; }
ul#menu li.active li a{ color : #fff; }
ul#menu li.active li a:hover{ color : #981B1E; }
ul#menu li.active li.active a{ color : #981B1E; border-bottom : 1px solid #86888B; }
ul#menu li.active li.active{ border-bottom : 1px solid #86888B; }
*/ 

ul#menu{ margin : 0 0 0 5px; }
ul#menu li {list-style-type: none; position: relative; border-bottom : none !important; margin: 0; padding: 0; text-transform : uppercase; }
ul#menu li.active{ color : #981B1E; }

ul#menu ul{ border : none !important } 
ul#menu li a {display: block; padding: 5px 0; text-decoration: none; color : #fff; border-bottom : 1px solid #ccc; }
ul#menu li a:hover {color : #981B1E; border-bottom : 1px solid #981B1E; }
ul#menu li li a {display: block; padding: 2px; text-decoration: none; background: none; color : #fff; text-transform : none; border : none !important; font-size : 8pt; }
ul#menu li.active a{ color : #981B1E; font-weight : bold; border-bottom : 1px solid #981B1E; }
ul#menu li.active li.active a{ text-decoration : underline; font-weight : normal; color : #981B1E; }
ul#menu li.active li a{  font-weight : normal; color : #fff; }
ul#menu li.active li a:hover,ul#menu li li a:hover{  font-weight : normal; color : #fff; text-decoration : underline; }

/* error
------------------------------------------------------------------*/

.error,.rules{ font-size : 8pt; color : red;  }

/* login
------------------------------------------------------------------*/

#login_a{ border-bottom : 1px solid #ccc; display : block; padding : 0 0 5px 0; }
#login_a:hover{ color : #981B1E; border-bottom : 1px solid #981B1E; }
.formerror{ font-size : 10px; color : red; }