/* CREDITS
Title:		Projectname - CSS Main Stylesheet
Author:		David Candreva <david@inventis.be>
Date:		00/00/08
Last Edit:	00/00/08 David Candreva <david@inventis.be>
*/

/* Algemene Styles
---------------------------------------------------------- */
html,body{height:100%;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#1b3270 url(../images/layout/body_background.png) repeat-x 0 0;}
textarea{font-family:Arial, Helvetica, sans-serif;}
strong,b{font-weight:bold; color:#23408f;}
em{font-style:italic;}
a{outline:none;}

/* Container
---------------------------------------------------------- */
#container{width:991px; margin:0 auto; padding-bottom:20px;}
#wrapper{width:100%; height: auto !important; height:100%; min-height: 100%; background:url(../images/layout/wrapper_bottom.gif) no-repeat right bottom;}

/* Popup
---------------------------------------------------------- */
#popup { width:100%; height:100%; position:absolute; z-index:1000; left:0; top:0; background:url(../images/layout/opacity_80.png) repeat 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale', src='/design/images/layout/opacity_80.png'); }
* html #popup { background-image: none; }
#popup div.content { position: absolute; width: 500px; height: 300px; left: 50%; top: 50%; margin: -300px 0 0 -250px; background: white; }
#popup div.content div.fadeshow { width: 500px; height: 300px; }
#popup a.close { position: absolute; width: 30px; height: 30px; right: -10px; top: -10px; text-indent: -999px; overflow: hidden; cursor: pointer; background: url(../images/layout/close_button.png) left 0; }
* html #popup a.close { background-image: url(../images/layout/close_button.gif); }
#popup a.close:hover { background-position: left -30px; }

#popupBanner { width:100%; height:100%;  position:absolute; z-index:1000; z-index: 500; left:0; top:0; background:url(../images/layout/opacity_80.png) repeat 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale', src='/design/images/layout/opacity_80.png'); }
#popupBanner div.content { position: absolute; width: 850px; height: 620px; left: 50%; margin: 90px 0 0 -425px; z-index: 1000; }

/* Header
---------------------------------------------------------- */
#header{width:991px; height:181px; position:relative; background:url(../images/layout/header_background.png) no-repeat 0 0px;}

/*headings*/
#header h1{float:left; width:147px; height:35px;}

/*logos*/
#header ul.logos{position:absolute; right:16px; top:0;}
#header ul.logos li{float:left; margin:0 0 0 35px;}
#header ul.logos li a{float:left;}

/*links*/
#header ul.links{position:absolute; left:0; bottom:0; text-align:center;}
#header ul.links li{float:left; height:40px; line-height:40px; text-align:center; color:#23408f; background:url(../images/layout/links_bullet.png) no-repeat 0 0;}
#header ul.links li a{float:left; padding:4px 27px 0; height:36px; line-height:12px; text-align:center; color:#23408f; text-decoration:none; font-weight:bold;}
#header ul.links li a.last{background:url(../images/layout/links_bullet.png) no-repeat right 0;}
#header ul.links li a:hover{color:#d50714;}

/*navigation*/
#header ul.navigation{position:absolute; top:39px; right:6px; text-align:right;}
#header ul.navigation li{text-align:right; color:#23408f;}
#header ul.navigation li a{text-align:center; color:#23408f; font-size:11px;}
#header ul.navigation li a:hover{text-decoration:none;}

/* Content Container
---------------------------------------------------------- */
#content_container{width:991px; clear:both; margin:2px 0 0 0; overflow:hidden;}

/*content*/
#content{float:left; width:611px; padding:17px 0 0 0;}

#content h2{color:#23408f; font-weight:bold; font-size:24px; padding:0 14px; clear:both; background:#FFF;}
#content .text{margin:11px 0 0; width:569px; overflow:hidden; clear:both; padding:10px 21px; background:#FFF;}
#content .text p{margin:10px 0;}
#content .text a{color:#d50714;}
#content .text a:hover{text-decoration:none;}
#content .text span{color:#23408f;}
#content .text h3{color:#23408f; font-weight:bold; font-size:18px; clear:both;}

	#wrapmarquee{margin:0 auto; width:611px; padding:17px 0 0 0;}
	
	/*news*/
	#news{color:#d7111d; margin:0 0 14px; width:611px; overflow:hidden; position:relative;}
	#news a{color:#FFF; font-weight:bold; text-decoration:none;}
	#news a:hover{text-decoration:underline;}
	#news marquee{width:611px;}
	
	/*style form*/
	form.style{width:340px;}
	form.style .entry{clear:both; margin:4px 0; overflow:hidden;}
	form.style .entry.error input,form.style .entry.error textarea{border:1px solid red;}
	form.style .check{margin:15px 0; overflow:hidden;}
	form.style label{width:120px; display:block; float:left; font-weight:bold; color:#23408f;}
	form.style span.errorMessage{font-size:11px; color:red!important; font-weight:normal; clear:both; margin-left:115px;}
	form.style .entry input{float:left; width:200px; height:16px; border:1px solid #2C427A; font-size:11px; padding:2px 0 0px 3px;}
	form.style .entry textarea{float:left; width:200px; height:100px; border:1px solid #2C427A; font-size:11px; padding:2px 0 0px 3px;}
	form.style .entry select{width:203px;}
	form.style .check .checkbox, form.style .check .rijbewijs{float:left; width:205px; display:block;}
	form.style .check .rijbewijs label{float:left; width:102px; display:block;}
	form.style .check .checkbox input, form.style .check .rijbewijs input{margin-right:6px;}
	form.style .check .checkbox label{width:200px;}
	form.style .btn button.verzend{margin:0 0 0 118px; cursor:pointer; width:100px; height:39px; border:0; background:url(../images/layout/verzenden.png) no-repeat 0 0;}
	form.style .btn button.verzend:hover{background:url(../images/layout/verzenden.png) no-repeat 0 100%;}
	
	/*pics*/
	div.pics{width:100%; clear:both; margin:20px 0 0 0;}
	div.pics h3{font-size:15px; font-weight:bold; color:#23408f;}
	
/*sidebar*/
#sidebar{float:left; width:211px;}
#sidebar div.img_item{margin:40px auto 0;}

/* Deooration
---------------------------------------------------------- */
a.decoration{display:block; text-indent:-9000px;}

a.inschrijven{width:132px; height:50px; display:block; clear:both; margin:10px auto 0; text-indent:-9000px; background:url(../images/layout/inschrijven.png) no-repeat 0 0;}
a.inschrijven:hover{background:url(../images/layout/inschrijven.png) no-repeat 0 100%;}

/*logos*/
a.logo_fungroup{width:274px; height:60px; background:url(../images/layout/logo.png) no-repeat 0 0; margin-top:60px;}
a.logo_renta{width:66px; height:35px; background:url(../images/layout/logos/renta.png) no-repeat 0 0;}
a.logo_funfun{width:72px; height:35px; background:url(../images/layout/logos/fun-fun.png) no-repeat 0 0;}
a.logo_benji{width:89px; height:35px; background:url(../images/layout/logos/benji.png) no-repeat 0 0;}
a.logo_limo{width:102px; height:35px; background:url(../images/layout/logos/limo.png) no-repeat 0 0;}

/*img_item*/
div.img_items{padding:0; margin:0 auto; width:667px;}
div.img_items div.img_item{float:left;}
div.img_items p{color:#FFF; font-size:11px; padding:0 8px 9px;}
div.img_item a{text-decoration:none;}
div.img_item{background:url(../images/layout/img_item2.png) no-repeat 0 0; padding:7px 0 0; height:160px; width:165px; position:relative;}
div.img_item strong.flikker{color:red;}
div.img_item strong{color:#23408f; font-weight:normal; position:absolute; text-align:center; bottom:12px; left:13px; font-size:11px; width:139px; }
div.img_item img{margin:0 auto; display:block;}

/* jobs overlay
---------------------------------------------------------- */
.jobsOverlay a.close {color:#fff;text-decoration: none;position: absolute;top:50%;left:50%;margin-top:-253px;margin-left:120px;font-size:14px;}
.jobsOverlay a span {color:#fff;text-decoration: underline}
.jobsOverlay a:hover span {color:#fff;text-decoration: none}