/* Oscare CSS */
/* version v1.0 - december 2009 */
/* created by Stef Verbeeck */

*{margin:0;padding:0;} 

html, body {
height: 100%;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #5c5c5c;
font-size: 12px;
background-color: #ffffff;
/*background-image: url(gui/page_background.jpg);
background-repeat: repeat-x;
background-position: top;*/
}

/* top part of page */
div#header{
width: 900px;
height: 135px;
margin:0 auto;
}

div#header_logo{
width: 200px;
float: left;
}

div#header_copy{
width: 700px;
height: 135px;
float: left;
background-image: url(gui/header_background.jpg);
background-repeat: no-repeat;
background-position: top;
}

div#header_languages{
width: 80px;
float: right;
margin-top: 20px;
}

div#header_languages a {text-decoration:none; font-size: 11px; font-weight: bold; color: #005581; }
div#header_languages a:hover {color: #afbd21; }

div#header_baseline{
margin-top: 55px;
margin-left: 40px;
}

h1 {
font-size: 18px;
line-height: 1.2em;
color: #005581;
}

div#menu{
width: 900px;
height: 39px;
margin: 0 auto;
background-image: url(gui/menu_background.jpg);
background-repeat: no-repeat;
background-position: top;
}

div#menu_nav{
width: 780px;
padding-top: 10px;
padding-left: 20px;
float: left;
}

div#menu_nav ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
div#menu_nav ul li {display: inline; padding-right: 20px;}
div#menu_nav ul li a {text-decoration:none; font-size: 11px; font-weight: bold; color: #ffffff; }
div#menu_nav ul li a:hover {color: #afbd21; }

div#menu_sm{
width: 80px;
padding-top: 10px;
float: right;
}

div#supportmenu{
width: 900px;
height: 34px;
margin: 0 auto;
background-image: url(gui/supportmenu_background.jpg);
background-repeat: no-repeat;
background-position: top;
}

div#supportmenu_copy{
width: 348px;
color: #dee4a3;
font-size: 11px;
float: right;
padding-top: 10px;
text-align: center;
}

div#supportmenu_copy a { color: #dee4a3; text-decoration: none; }
div#supportmenu_copy a:hover { color: #ffffff; text-decoration: underline; }

/* content part of page */
div#container{
width: 900px;
margin:0 auto;
line-height: 1.6em;
}

/* submenu */
div#submenu{
width: 200px;
float: left;
margin-top: 50px;
margin-right: 50px;
margin-bottom: 50px;
}

div#subnavtop{ /* blue box */
width: 200px;
float: left;
margin-bottom: 20px;
background-image: url(gui/subnav_top.jpg);
background-position: top;
background-repeat: no-repeat;
display: inline;
}

h3 {
font-size: 14px;
line-height: 1.0;
color: #bcbe00;
margin-bottom: 10px;
margin-top: 20px;
margin-left: 20px
}

div#subnav{
width: 200px;
background-image: url(gui/subnav_bottom.jpg);
background-position: bottom;
background-repeat: no-repeat;
line-height: 1.6em;
}

div#subnav ul{
padding-top: 0px; 
padding-left: 35px;
padding-right: 20px;
padding-bottom: 30px;
list-style-type: none;
font-size: 10px;
}

div#subnav li{
margin-top: 5px;
margin-bottom: 5px;
}

div#subnav li a:link, div#subnav li a:visited, div#subnav li a:active{
color: #ffffff;
text-decoration: none;
font-size: 11px;
}

div#subnav li a:hover{
color: #e2f234;
}

div#subpromotop{ /* yellow box */
width: 200px;
float: left;
margin-bottom: 20px;
background-image: url(gui/subpromo_top.jpg);
background-position: top;
background-repeat: no-repeat;
display: inline;
}

div#subpromo{
width: 200px;
background-image: url(gui/subpromo_bottom.jpg);
background-position: bottom;
background-repeat: no-repeat;
line-height: 1.6em;
}

div#subpromo p{
padding-left: 20px;
padding-right: 20px;
padding-bottom: 15px;
font-size: 11px;
color: #ffffff;
line-height: 1.8em;
}

div#subpromo a:link, div#subpromo a:visited, div#subpromo a:active{
color: #ffffff;
text-decoration: underline;
}

div#subpromo a:hover{
color: #f2e8c4;
text-decoration: none;
}

/* content */
a:link, a:visited, a:active{
text-decoration: underline;
color: #636363;
}

a:hover{
text-decoration: none;
color: #636363;
}

h2 {
font-size: 28px;
line-height: 1.1em;
color: #005581;
margin-bottom: 10px;
}

h4 {
font-size: 18px;
line-height: 1.1em;
color: #909b19;
margin-bottom: 10px;
}

div#content{
float: left;
width: 650px;
margin-top: 50px;
margin-bottom: 50px;
line-height: 2.0em;
}

div#content_wide{
float: left;
width: 900px;
margin-top: 50px;
margin-bottom: 50px;
line-height: 2.0em;
}

div#content p{
margin-bottom: 20px;
text-align: justify;
}

div#content ul{
margin-left: 40px;
margin-bottom: 20px;
}

div#content ol{
margin-left: 40px;
margin-bottom: 20px;
}

div#content a.highlight:link, div#content a.highlight:visited, div#content a.highlight:active{
text-decoration: underline;
color: #CDB87A;
font-weight: bold;
}

div#content a.highlight:hover{
text-decoration: none;
color: #CDB87A;
}

.indent{
padding-left: 20px;
}

img.alignright {
padding-left: 10px;
padding-top: 3px;
display: inline;
text-align: right;
float: right;
}

img.alignleft {
padding-right: 10px;
padding-top: 3px;
display: inline;
text-align: left;
float: left;
}

img.aligncenter {
margin: 0 auto;
text-align: center;
display: block;
}

.aligncenter{
margin: 0 auto;
text-align: center;
font-size: 10px;
}

.wp-caption-text p{
margin: 0 auto;
text-align: center;
font-size: 10px;
}

div#rvb p{
height: 150px;
}

.vvqbox{
margin-bottom: 15px;
}

div#printlink{
width: auto;
clear: both;
margin-top: 15px;
float: right;
text-align: right;
}

/* home */
div#blockrow01{  /* toprow with news, calendar and spotlight */
width: 900px;
height: 220px;
margin-bottom: 25px;
float: left;
clear: both;
border-bottom: 1px solid #CCCCCC;
}

div#block_news{
width:320px;
margin-right: 20px;
float: left;
}

	.headline{
	margin-bottom: 5px;
	display: inline-block;
	}
	
	.headline_date{
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: #005783;
	text-align: left;
	width: 80px;
	margin-left: 10px;
	line-height:1.2em;
	
	}
	
	.headline_title{
	float: left;
	font-weight: normal;
	width: 220px;
	line-height:1.2em;
	}
	
	a.headline_title:link, a.headline_title:visited, a.headline_title:active{
	text-decoration: none;
	}
	
	a.headline_title:hover {
	text-decoration: underline;
	} 

div#block_news02{
width: 260px;
margin-right: 40px;
float: left;
text-align: center;
}
div#block_news03{
width: 260px;
float: left;
text-align: left;
}

div#blockrow02{ /* midrow with support and sponsor loop */
width: 900px;
height: 220px;
margin-bottom: 25px;
float: left;
clear: both;
border-bottom: 1px solid #CCCCCC;
}

div#block_support{
width: 580px;
margin-right: 60px;
margin-bottom: 40px;
float: left;
overflow: hidden;
clear: both;
}

div#block_sponsors{
width: 260px;
float: left;
text-align: center;
}

	.block_left3{
	width: 260px;
	height: 200px;
	margin-right: 60px;
	float: left;
	background-image: url(/gui/block_green.jpg);
	background-repeat: no-repeat;
	}
	
	.block_middle3{
	width: 260px;
	height: 200px;
	margin-right: 60px;
	float: left;
	background-image: url(/gui/block_green.jpg);
	background-repeat: no-repeat;
	}
	
	div#block_right3{
	width: 260px;
	height: 200px;
	float: left;
	background-image: url(/gui/block_green.jpg);
	background-repeat: no-repeat;
	}


div#blockrow03{ /* midrow with services */
width: 900px;
height: 220px;
margin-bottom: 25px;
float: left;
clear: both;
border-bottom: 1px solid #CCCCCC;
}

	.block_left{
	width: 260px;
	height: 200px;
	margin-right: 60px;
	float: left;
	background-image: url(/gui/block_blue.jpg);
	background-repeat: no-repeat;
	}
	
	.block_middle{
	width: 260px;
	height: 200px;
	margin-right: 60px;
	float: left;
	background-image: url(/gui/block_blue.jpg);
	background-repeat: no-repeat;
	}
	
	.block_right{
	width: 260px;
	height: 200px;
	float: left;
	background-image: url(/gui/block_blue.jpg);
	background-repeat: no-repeat;
	}



div#blockrow04{ /* bottom row with member logos */
width: 900px;
height: 50px;
margin-bottom: 25px;
float: left;
clear: both;
}

	.block_left4{
	width: 100px;
	height: 50px;
	float: left;
	padding-top: 15px;
	}
	
	.block_center4{
	width: 500px;
	height: 50px;
	margin-right: 40px;
	float: left;
	}
	
	.block_center4 img{
	margin-right: 20px;
	}
	
	.block_right4{
	width: 260px;
	height: 50px;
	float: left;
	background-image: url(/gui/block_becomefan.jpg);
	background-repeat: no-repeat;
	}
	
	.block_right4 a{
	color: #ffffff;
	text-decoration: none;
	padding-left: 70px;
	font-size: 10px;
	}

	.block_right4 a:hover{
	color: #dee4a3;
	text-decoration: underline;
	padding-left: 70px;
	font-size: 10px;
	}
	
	


.block_txt p{
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
font-size: 11px;
color: #ffffff;
text-align: justify;
}

.block_txt a{
color: #ffffff;
text-decoration: none;
}

.block_txt a:hover{
color: #dee4a3;
text-decoration: none;
}

.block_link{
margin-top: 50px;
width: 220px;
}

.block_bluetxt p{
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
font-size: 11px;
color: #005783;
text-align: justify;
}

.block_bluetxt a{
color: #005783;
text-decoration: none;
}

.block_bluetxt a:hover{
color: #aab721;
text-decoration: none;
}

.block_newstxt p{
margin-bottom: 20px;
font-size: 11px;
color: #005783;
text-align: justify;
}

.block_newstxt a{
color: #005783;
text-decoration: none;
}

.block_newstxt a:hover{
color: #aab721;
text-decoration: none;
}

/* forms */
.formBuilderForm .formBuilderField {
padding-bottom: 10px;
clear: both;
}

.formBuilderLabelRequired, .formBuilderLabel {
width: 140px;
font-weight: bold;
vertical-align: top;
clear: left;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.formBuilderInput input {
padding: 3px;
font-size: 11px;
color: #00486e;
margin-right: 15px;
width: 200px;
display: inline-block;
}

.formBuilderInput select {
padding: 3px;
font-size: 11px;
color: #00486e;
margin-right: 15px;
width: 200px;
display: inline-block;
}

p .submit input{
padding-left: 140px;
}

textarea {
width: 350px;
height: 200px;
padding: 2px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #00486e;
}

.formBuilderForm .formBuilderError {
float: right;
font-weight: bold;
color: #a44750;
text-align: left;
width: 275px;
font-size: 10px;
}

.formBuilderForm .formBuilderSubmit {
clear: both;
padding-top: 10px;
}

.formBuilderForm .formBuilderSubmit input {
margin-left: 145px;
padding-left: 10px;
padding-right: 10px;
color: #000000;
font-size: 10px;
} 

.formBuilderInput input[type="checkbox"] {
padding: 3px;
margin-right: 5px;
width: 10px;
display: inline-block;
}

.formBuilderCheckboxDescription{
font-weight: normal;	
width: 480px;
display: inline-block;
}

/* calendar */
    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#005782;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#005782;
        }
    .calnk a {
        text-decoration:underline; 
        color:#005782; 
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #8a9419;
        background-color:#afbd1f;
     }
     .calendar-next {
        width:25%;
        text-align:center;
		color: #ffffff;
     }
	 .calendar-next a{
		color: #ffffff;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
		color: #ffffff;
     }
	 .calendar-prev a{
		color: #ffffff;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
		color: #ffffff;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #cacaca;
        background-color:#e3e3e3;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #cacaca;
        background-color:#e3e3e3;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #dee6e6;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #dee6e6;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #8a9419;
        background-color:#a7b321;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }

/* footer */
div#footer{
width: 900px;
height: 70px;
margin: 0 auto;
margin-top: 50px;
clear: both;
background-image: url(gui/footer_background.jpg);
background-repeat: repeat-x;
background-position: top;
}

div#copyright{
float: left;
padding-top: 15px;
padding-left: 20px;
font-size: 12px;
color: #ffffff;
line-height: 1.8em;
}

div#copyright .small{
font-size: 11px;
}

div#copyright a:link, div#copyright a:visited, div#copyright a:active{
color: #ffffff;
text-decoration: none;
}

div#copyright a:hover{
color: #ffffff;
text-decoration: underline;
}

div#designby{
float: right;
width: 120px;
}

/* sIFR script */
/*.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
}
*/










/* WEBS Header & Footer */
div#header img,
div#footer img{border:none;}

div#header a,
div#footer a{text-decoration:none;}

body{
	background:url(/images/bg_body.png) top center no-repeat;
	}

/*header*/
div#header{
	height:165px;
	position:relative;
	margin:0 auto;
	padding:0;}

div#languages{
	position:absolute;
	top:3px; right:0;}
div#languages ul li{
	font:normal 11px Verdana;
	font-weight:bold;
	list-style:none;
	display:inline;}
div#languages ul li a{
	font:normal 11px Verdana;
	font-weight:bold;
	text-decoration:none;
	border-bottom:none;}
	
div#logo{
	position:absolute;
	top:15px;
	left:0;}
div#logo a{
	border-bottom:none;}
	
div#oscare{
	position:absolute;
	top:40px;
	left:230px;
	width:340px;}
div#oscare h1{
	font:normal 16px Verdana;
	font-weight:bold;
	color:#005380;}

div#hmenu{
	background:url(/images/bg_menu.png) no-repeat;
	width:870px;
	height:20px;
	padding:12px 15px;
	position:absolute; top:110px;}

#hmenu ul{
	list-style:none;
	margin:0;
	padding:0;}
#hmenu ul li{
	display:inline;
	margin:0 15px 0 0;
	padding:0;
	float:left;}
#hmenu ul li a{
	font:normal 12px Verdana;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-bottom:none;}
#hmenu ul li a:hover{
	color:#BCBE00;}
	
#hmenu ul#social{
	float:right;}
#hmenu ul#social li{
	margin:0 0 0 5px;}
#hmenu ul#social li a{
	border-bottom:none;}

div#zoek{
	width:310px;
	position:absolute; 
	top:40px;
	right:0px;}
#zoek label{
	font:normal 11.5px Verdana;
	color:#333;
	margin:0 0 3px 0;}
#zoek input.zoekveld{
	background:#fff;
	border:1px solid #ddd;
	height:20px;
	padding:2px 5px;
	width:180px;
	margin:0 10px 0 0;}
#zoek input.zoekveld:focus{
	border:1px solid #005380;}
#zoek input.zoekknop{
	background:url(/images/bg_submitzoek1.png) center repeat-x;
	font:normal 12px Verdana;
	color:#005380;
	border:2px solid #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	height:31px;
	padding:5px 10px;
	cursor:pointer;}
#zoek input.zoekknop:hover{
	background:url(/images/bg_submitzoek2.png) center repeat-x;}




/*footer*/
div#footer{}

div#foot{
	position:relative;
	float:left;
	padding:15px;
	margin:0 0 20px 0;
	width:870px;
	background:url(/images/bg_foot.png) bottom repeat-x;}

div#gegevens {}	
div#gegevens p{
	color:#fff;}

div#partners{}
#partners p{
	color:#fff;
	display:inline;
	margin:0 10px 0 0;}
#partners ul{
	display:inline;}
#partners ul li{
	list-style:none;
	display:inline;
	margin:0 10px 10px 0;}
#partners ul li a{
	border-bottom:none;}
	
div#socialfoot{
	position:absolute;
	top:0;
	right:0;
	width:265px;
	border-left:1px solid #3f7493;
	padding:10px 0 0 10px;}
#socialfoot ul li{
	list-style:none;
	display:block;}
#socialfoot ul li a{
	font:normal 1.2em Verdana; 
	color:#fff;
	border-bottom:none;}
#socialfoot ul li a img{
	margin:5px 10px -5px 0;}


div#fmenu{
	background:#fff;
	margin:20px 0;}
#fmenu ul{}
#fmenu ul li{
	display:inline;
	font:normal 1em Arial;
	color:#005380;}
#fmenu ul li a{
	font:normal 1em Arial;
	color:#005380;}
#fmenu ul li a.webs{
	float:right;
	margin-left:5px;}