/*
Title:      	Jeugd master styles for screen media
Author:     	png, © 2008 anaXis nv.
Updated:        June 08 2009
*/

/* RESET */
* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} /* Not the best way, but this is hack for eyes cms and because IE6 doesn't understand auto */
html>body div[width] { width: auto !important; } /* Not the best way, this is a hack for eyes cms */
a img { border: 0; }

/*** IMAGES ***/ 

.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; padding: 0 0 0 15px;}
.image_align_left {float: left; padding: 0 15px 0 0;}

/* PAGE-WIDE */
a { text-decoration: none; color: #51c4e1; }
a:hover { text-decoration: underline; }
body { font-size: 62.5%; }
body { background: #D7D7D7 url("images/colorbartopwhite.png") repeat-x top center; }
#bodysov{ background: #fff url("images/colorbartopwhite.png") repeat-x top center !important; }
#bodysov #wrapper #bottom #contentarea #content,#bodysov #wrapper #top #col2{display:none;}


/* offset the background image when logged in */
body.login { background-position: center 78px; }
.error { color: #FF0000; }

/*
colors:

bg sand: faf5e9
above photo block: ece6d8
sidebar blocks: f8eed5

topbar blocks:
1 / 4 / 7 - orange: dark e1b447 light f4dda5 text b78409
2 / 5 / 8 - green : dark 99ad62 light daeda6 text 637239
3 / 6     - blue  : dark 68a3ae light b7e9f2 text 357581
*/

/* ---- [ typography & font color ] ------------ */
body { font-family: "Arial", "Verdana", sans-serif; }
#functions { color: #666666; }
#basiclinks { font-weight: bold; color: #9c9c9c; }
#topnavigation ul { font-family: "Arial Narrow"; color: #000000; }
#navigation h1 { font-size: 1.3em; letter-spacing: -0.03em; }
#breadcrumb .trailintro { font-weight: bold; }
#maincontent { font-size: 1.1em; color: #666666; }
#maincontent p { margin-right: 20px; }
#maincontent h1 { font-family: "Arial Black"; font-weight: normal; font-size:1.4em; }
#maincontent h2 { font-family: "Arial Black"; font-weight: normal; font-size: 1.2em; }	
#footer address { font-style: normal; line-height: 1.4em; letter-spacing: 0.1em; }
#sidebar .sidebar .block { font-family: "Arial Rounded MT Bold"; font-size: 1.5em; }
#sidebar .sidebar h3 {font-family:Arial Black; font-weight: normal; font-size: 1.7em; }
#sidebar #search .text { font: normal 62.5%/1.5em Arial, Verdana, sans-serif; font-size: 1em; }
#sidebar .calendar .m-cal { font-family: Tahoma, Arial, Sans-Serif; }
#sidebar .news div { font-family: Tahoma, Arial, Sans-Serif; }
#sidebar .newslink { font-weight: bold;display:none; }
#sidebar .sidebar ul { list-style-type: none; }
#sidebar div.news {display:none;}
#sidebar #widget_link { float: left; width: 238px; }

/*	top
--------------------------------*/
#wrapper { background: #FFFFFF; width: 960px; margin: auto; font-size: 1.1em; }

#top { height: 185px; float: left; width: 952px; margin: 0; padding: 0 4px;}
#bottom { background: #FFFFFF url("images/colorBar.png") no-repeat 4px top; float: left; width: 952px; margin: 0; padding: 9px 4px 4px 4px; }
#bottom.soe-wrapper { background: #fff  url("images/colorBar.png") no-repeat 4px top; }

#col1 { float: left; width: 238px; }
#col1 a { color: #9C9C9C;}
#functions { background-color: #D7D7D7; }
#functions ul { height: 19px; padding: 5px 10px 6px 10px; margin-bottom: 4px; }
#functions ul li { display: inline; }
#functions ul li a img { position: relative; top: 2px; }
#functions .separator { padding: 0 5px; color:#9C9C9C;}

#photo { position: relative; }
#photo, #photo img { width: 238px; height: 150px; }
#photo h1{margin-top:20px;font-size:37px;}
#photo h2{font-size:22px;color:#9C9C9C;}
#upload_photo { position: absolute; bottom: 5px; right: 13px; width: 26px; height: 21px; }
#upload_photo a { display: block; }
#upload_photo img { width: 26px; height: 21px; }

#col2 { float: left; width: 244px;height:185px;}
#col2 a { color: #9c9c9c; }
#col3 { display: none; }
#basiclinks { height: 19px; margin: 6px 10px 4px 8px; padding: 0 0 5px 5px;background-color:#fff !important; }
#basiclinks .separator { padding: 0 8px; }
#basiclinks ul.lang { display: inline; }
#basiclinks ul.lang li { display: inline; list-style-type: none; }
#basiclinks ul.lang span { padding: 0 3px; }

#topnavigation { background-color: #f3f3f3; height: 97px; padding: 53px 24px 0 24px; width: 190px; }
#topnavigation a { color: #51C4E1; display: block; text-align: right; }
#topnavigation a:hover { text-decoration: underline; }

#titleLogo { float: right;}
p.extrainfo{position:absolute; color:#EBF1DD;left: 535px; top: 270px; }

/* bottom
--------------------------------*/

#content { float: right; width: 714px; }
#footer { clear: both; float: left; width: 952px; }

/* navigation blocks
--------------------------------*/
#navigation { float:left;margin-bottom:4px;}
#navigation ul{height:100px; overflow:hidden;}
#navigation h1 { padding-left: 35px; padding-top: 5px;height: 2.5em; }
#navigation li.green h1 { padding-left: 35px; padding-top: 58px;height: 2.5em; color:#fff; }
#navigation li.green ul{display:none !important;}
#navigation ul{display:block;float:left;clear:both;height:95px;}
#navigation ul li { display: inline; float: left; width: 119px; padding-bottom: 6px; height: 94px; overflow: hidden; }
#navigation ul ul { display: block; }
#navigation ul ul li { margin-left: 5px; padding-bottom: 0px; line-height: 1.2em; height: auto; }

#navigation ul .blue { color: #035294; background: #426D98 url("images/bg_darkblue.jpg") repeat-x;/*border-right:solid 1px #426D98 ;*/  }
#navigation ul .aqua { color: #426D98; background: #7CC7DE url("images/bg_blue.jpg") repeat-x;/*border-right:solid 1px #7CC7DE;*/  }
/*swapped for green*/
#navigation ul .red { color: #fff; background: #9ACA43 url("images/bg_green.jpg") repeat-x;/*border-right:solid 1px #125C2B;width:597px;*/ }
/*swapped for red*/
#navigation ul .green { color: #fff; background: #9ACA43 url("images/juichend-manneke.jpg") no-repeat;/*border-right:solid 1px #3C3545;*/ width:595px;}

#navigation ul .blue h1  { padding-left: 32px; letter-spacing: -0.05em; }
#navigation ul .blue h1 { background-image: url("images/iconSoeverein.png"); background-repeat: no-repeat; }
#navigation ul .aqua h1 { background: url("images/iconSport.png")  no-repeat; padding-left: 32px; letter-spacing: -0.05em; }
#navigation ul .red h1 { background: url("images/iconEvents.png")  no-repeat; padding-left: 32px; letter-spacing: -0.05em; }
#navigation ul .green h1 { background: url("images/arrows.png")  no-repeat 3% 73%; padding-left: 41px; letter-spacing: -0.03em; }
#navigation ul .red h1 a {  }
#navigation ul .green h1 a { color: #EBF1DD; }
#navigation ul .yellow h1 a { color: #f9b40e; }
#navigation ul .purple h1 a { color: #883d8f; }
#navigation ul .lime h1 a { color: #B2E850; }
#navigation ul .fuchsia h1 a { color: #ab124a; }
#navigation ul a {color:#EBF1DD;}

#navigation #bannerdiv{width:714px;height:100px; float:left;background:#0D1F3F url("images/crumbBg.jpg") no-repeat;}


/* content
--------------------------------*/
#contentarea { margin-bottom: 4px; float: left; width: 952px; clear: both; }
#breadcrumb { border-bottom: dotted 1px #9c9c9c; color:black;  padding:23px 0px 0px 5px; text-align:left; vertical-align:bottom;}
#logof{margin: 0px 0px -14px 5px;}
*:first-child+html #breadcrumb {border-bottom: dotted 1px #9c9c9c; color:black;  padding:25px 0px 0px 5px; text-align:left; vertical-align:bottom;}

#breadcrumb.brdkeuzepagina{border-bottom:none;padding:3px 0px 0px 5px; text-align:left; vertical-align:bottom;} 
#breadcrumb.trailintro {margin-top:15px;display:block;}

#maincontent { margin-left: 15px; margin-top: 15px; }
#maincontent p { padding-bottom: 5px; }
#maincontent h1 { padding: 20px 0 10px 28px; color: #043C79; background: url("images/iconNaald.png") no-repeat -5px bottom; }
#maincontent h2 { color: #51c4e1; padding: 5px 0; }
#maincontent a { color: #51c4e1; }
.news sidebar{display:none;}
#maincontent.section div{ border-bottom: dotted 1px #9c9c9c; margin-bottom: 10px;}
#maincontent.section div div{border:none !important;}
#content #maincontent .news { background-image: url("images/iconNaaldHeet.png"); padding-top: 30px; }
#content #maincontent.section div dl dt a{ background: url("images/iconNaaldHeet.png") no-repeat -5px bottom ;color:#043C79; padding:34px 0 0px 28px;font-family:"Arial Black";font-size:1.4em;font-weight:normal;}
#content #maincontent.section div dl dt{padding-top:30px;}
#content #maincontent.section div dl dd.date{display:none;}
#content #maincontent.section div dl{padding-bottom:15px;}
#maincontent ul, #maincontent ol { margin: 5px 10px 5px 30px; }
#maincontent ul { list-style-image: url("images/list-style-image.png"); }
#maincontent table { border: solid 1px #9C9C9C; margin: 10px 0; border-collapse: collapse; }
#maincontent fieldset table, #maincontent fieldset th, #maincontent fieldset tr, #maincontent fieldset td { border: 0; }
#maincontent th { border: solid 1px #9C9C9C; padding: 5px 10px; border-bottom-width: 2px; }
#maincontent tr, #maincontent td { border: solid 1px #9C9C9C; padding: 3px 10px; }

#colorbar { height: 55px; background-color: #9c9c9c; margin-bottom: 4px; }
#footer address { background-color: #213651; color: #9c9c9c; padding: 12px 10px 25px 12px; }
#footer address.sov-footer { background-color: #fff; margin-bottom: 4px; color: #9c9c9c; padding: 12px 10px 25px 12px; }

#footer address p { padding-bottom: 3px; }
#footer .separator { padding: 0 8px; }
#footer a { color: #9c9c9c;}

#maincontent #eventData, #maincontent #eventData th, #maincontent #eventData tr, #maincontent #eventData td { border: 0; }

/*	sidebar
--------------------------------*/
#sidebar { float: left; width: 238px; }
#sidebar.keuzestartpagina { width: 952px; }
#sidebar .sidebar * { padding: 0px; }
#sidebar.keuzestartpagina ul li a{font-size:39px !important;color:#fff;padding-left:15px;padding-top:128px;}
#sidebar.keuzestartpagina ul #menuitem_0 a{background: url("images/choice2.jpg") no-repeat;height:50px;margin-top:1px;display:block;}
#sidebar.keuzestartpagina ul #menuitem_1 a{background: url("images/choice1.jpg") no-repeat;height:50px;margin-top:3px;display:block;}
#sidebar.keuzestartpagina ul #menuitem_2 a{background: url("images/choice3.jpg") no-repeat;height:50px;margin-top:3px;display:block;}
#sidebar .sidebar .block { color: #1e394e; padding: 10px; display:none;}
#sidebar .sidebar .block a { padding: 2px 30px 2px 0; background: url("images/iconMeer2.jpg") no-repeat right center;color: #1e394e;  }
#sidebar .sidebar h3 { color: #64BCD4; padding: 10px 5px 5px 5px;font-weight:bold; font-family:Arial Black;font-size:2.3em;}
#sidebar #photo_teaser h3 {color:#fff;font-size:2.3em;font-family:Arial Black;}
#sidebar #photo_teaser h4 *{color:#911947;margin:4px;font-family:Arial Black;}
#sidebar #photo_teaser {background-color:#64bcd4 !important;padding:0px;overflow:hidden;}

/* search */
#sidebar fieldset { border: 0; }
#sidebar #search { background-color: #CDE5F1; }
#sidebar #search .button { width: 20px; height: 20px; position: relative; top: 5px; left: 5px; }
#sidebar #search .text { width: 13em;margin: 8px 0 8px 10px; padding: 3px 5px; color: #666666; border: solid 1px #9C9C9C; }



/* tree */
#sidebar .tree, #sidebar .tree ul, #sidebar ul.contact-sov { list-style-type: none; }
#sidebar .tree .lvl1 a,#sidebar p, #sidebar H1 { color: #043c79; font-size: 1.3em; font-weight: bold; display: block; margin-top: 4px; padding: 8px 10px; background-color: #f8eed5; }
#sidebar .tree .lvl2 a, #sidebar .tree .lvl3 a { color: #666666; font-size: 1.1em; font-weight: bold; background-color: #ffffff; }
#sidebar .tree .lvl2 a:hover, #sidebar .tree .lvl3 a:hover,#sidebar p  { text-decoration: none; color: #9c9c9c; }

#sidebar .tree .lvl2 a { padding: 0 0 0 20px; }
#sidebar .tree .lvl3 a { padding: 0 0 0 35px; }
#sidebar .tree .lvl4 a { padding: 0 0 0 50px; }

#sidebar .tree ul { display: none; }
#sidebar .tree ul.open { display: block; }
#sidebar.keuzestartpagina ul {list-style:none;padding:0px;margin:0px;}
#sidebar h1 span {font-size :1.5em;color:#fff;}


/*  DIFFERENT MARKUP FOR CONTENT PAGES:
------------------------------------------*/

#colorbar { background:#55c2df url("images/footer_colorbar.jpg") no-repeat right 50%;height:24px; color:#fff; padding:1px;font-size:1em;}
#colorbar h2{margin-left:9px;}
/*body.blue #colorbar { background-color: #035294; }
body.aqua #colorbar { background-color: #51c4e1; }
body.red #colorbar { background-color: #d4050f; }
body.green #colorbar { background-color: #006425; }
body.yellow #colorbar { background-color: #f5a603; }
body.purple #colorbar { background-color: #7f3584; }
body.lime #colorbar { background-color: #85bc20; }
body.fuchsia #colorbar { background-color: #ab124a; }*/

body.blue #sidebar #search, body.blue #tree .lvl1 a { background-color: #cde5f1; }
body.aqua #sidebar #search, body.aqua #tree .lvl1 a  { background-color: #cde5f1; }
body.red #sidebar #search, body.red #tree .lvl1 a  { background-color: #cde5f1; }
body.green #sidebar #search, body.green #tree .lvl1 a  { background-color: #cde5f1; }
body.yellow #sidebar #search, body.yellow #tree .lvl1 a,#sidebar p,#sidebar H1 { background-color: #cde5f1; }
body.purple #sidebar #search, body.purple #tree .lvl1 a  { background-color: #cde5f1; }
body.lime #sidebar #search, body.lime #tree .lvl1 a  { background-color: #cde5f1; }
body.fuchsia #sidebar #search, body.fuchsia #tree .lvl1 a  { background-color:#cde5f1; }

body #sidebar #tree ul .lvl2 a, body #tree ul .lvl3 a { background-color: #ffffff; }
body #sidebar #tree .open .current .open a { color: #666666; }

body.blue #tree .open .current a, body.blue #sidebar #tree .lvl2 a:hover, body.blue #sidebar #tree .lvl3 a:hover { color: #e1b447; }
body.aqua #tree .open .current a, body.aqua #sidebar #tree .lvl2 a:hover, body.aqua #sidebar #tree .lvl3 a:hover { color: #99ad62; }
body.red #tree .open .current a, body.red #sidebar #tree .lvl2 a:hover, body.red #sidebar #tree .lvl3 a:hover { color: #68a3ae; }
body.green #tree .open .current a, body.green #sidebar #tree .lvl2 a:hover, body.green #sidebar #tree .lvl3 a:hover { color: #e1b447; }
body.yellow #tree .open .current a, body.yellow #sidebar #tree .lvl2 a:hover, body.yellow #sidebar #tree .lvl3 a:hover { color: #99ad62; }
body.purple #tree .open .current a, body.purple #sidebar #tree .lvl2 a:hover, body.purple #sidebar #tree .lvl3 a:hover { color: #68a3ae; }
body.lime #tree .open .current a, body.lime #sidebar #tree .lvl2 a:hover, body.lime #sidebar #tree .lvl3 a:hover { color: #e1b447; }
body.fuchsia #tree .open .current a, body.fuchsia #sidebar #tree .lvl2 a:hover, body.fuchsia #sidebar #tree .lvl3 a:hover { color: #99ad62; }

body.detail #navigation ul li { height: 89px; display: block; }
/*body.detail #contentarea { margin-top: 4px; }
body.blue #navigation ul .blue { margin-left: 0px; }
body.aqua #navigation ul .aqua { margin-left: 119px; }
body.red #navigation ul .red { margin-left: 238px; }
body.green #navigation ul .green { margin-left: 357px; }
body.yellow #navigation ul .yellow { margin-left: 476px; }
body.purple #navigation ul .purple { margin-left: 595px; }
body.lime #navigation ul .lime { margin-left: 714px; }
body.fuchsia #navigation ul .fuchsia { margin-left: 833px; }*/

/*	created
--------------------------------*/
#created { width: 960px; margin: auto; text-align: right; padding-top: 5px; }
#created span { height: 22px; padding-bottom: 25px; }
#created img { vertical-align: middle; padding-left: 5px; }

/*	forms
--------------------------------*/
.form-container fieldset { padding: 5px 0 5px 5px; width: 80%; margin: 5px 0; }
.form-container fieldset legend { margin-left: 10px; padding: 0 5px; color: #666666; }
.form-container fieldset .fieldrow { padding-bottom: 5px; }
.form-container fieldset .fieldrow a { padding-left: 5px; }
.form-container fieldset div { margin-bottom: 5px; }
.form-container fieldset div div { margin-bottom: 0; }
.form-container .btnForm { margin-top: 10px; }
.form-container .resultrow { margin-left: 10px; margin-top: 5px; font-style: italic; }
.form-results h2 b { color: #666666; font-size: 0.9em; font-weight: normal; margin-right: 10px; }
.form-results dl { margin-top: 10px; }
.form-results dl dt { font-size: 1.2em; }
.form-results dl dd em { margin-right: 3px;}
.form-pager { text-align: center; }
.form-pager div { float: left; padding: 0 10px; }
.form-pager div a { padding: 0 2px; }
.elo_Label { padding: 0 3px; }
.fieldrow label.lblfgtpass{float:left;width:113px;}
.fieldrowinv label { padding-left: 5px; }

.error { color: #ff0000; }

acronym, abbr, dfn { border-bottom: dashed 1px #666666; }
q { font-style: italic; }

/* -----[ CSS editing ] ----------------	*/
#eyeEditMenu *, 
#eyeEditMenu table { margin: 0 !important; border: 0 !important; }
#eyeEditMenu a { cursor: pointer; }