/*
 * Dagravit portaal
 * SCREEN
 * datum 20090625
 */

/* 
 * Kleuren
 * Hier kleurcodes definiëren
 * Blauwe achtergrond menu #242B7E;
 * Rood hoofdmenu: #FD0000;
 * Lichtblauw: #9296BF;
 * Blauw tweede kolom: #252C7F;
 */

/* Base css wordt geladen in HTML */


/*******************************************************************************************************
 * Blokken
 * 
 * Opmaak voor standaard blokken
 * class gebruiken
 * 
 *******************************************************************************************************/

/* Horizontaal hoofdnav, vertikale subnav */
	.menuHorVert,.menuHorVert ul{list-style:none}
	.menuHorVert a{display:block;text-decoration:none}
	.menuHorVert li{position:relative;float:left}
	* html .menuHorVert li{width:1%;}/*IE6*/
	.menuHorVert li a{white-space:nowrap}
	.menuHorVert li li a{white-space:normal}
	.menuHorVert li div.submenu{display:none;position:absolute}
	.menuHorVert li:hover div.submenu{display:block}
	.menuHorVert li:hover ul li{float:none}
/* Vertikaal menu*/
	.menuVert1 {list-style: none;}
	.menuVert1 li {list-style: none;}
	.menuVert1 li a {display: block;zoom:1;text-decoration:none;}


/*******************************************************************************************************
 * Algemene css
 * 
 * Opmaak voor alle pagina's
 * 
 *******************************************************************************************************/

body{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
#shadowBg{
	background:#fff url(/site_dagravit_nl/images/bg_body.jpg) repeat-y center top;
}
#shadowBgBottom{
	height:10px;
	background:#fff url(/site_dagravit_nl/images/bg_bodyBottom.jpg) no-repeat center top;
}
#container{
 	width:1000px;
	margin:0 auto;
	text-align:left;
	background:#DD0029 url(/site_dagravit_nl/images/bg_body.jpg) no-repeat center top;
	position:relative;
}
#logo{
	position:absolute;
	z-index:110;
	top:0px;
	left:0px;
	width:235px;
	height:100px;
	background:url(/site_dagravit_nl/images/bg_logo.png) no-repeat left top;
	text-indent:-500em;
}
	#logo a{
		display:block;
		width:235px;
		height:100px;
	}
	
/*
 * HEADER
 */
#header{
	/* Achtergrondafbeelding moet in pagina ingesteld worden */
	background:url(/site_dagravit_nl/images/tempHeaderImage.jpg) no-repeat left top;
	position:relative;
	z-index:10;
}
#header1{
	height:149px;
	background:url(/site_dagravit_nl/images/bg_header.png) no-repeat left top;
	padding:11px 0 0 0;
}
/* Zoekformulier */
#search{
	overflow:hidden;
	height:20px;
}
	#search form{
		float:right;
		height:18px;
		width:150px;
		padding:1px;
		background:#fff url('/site_dagravit_nl/images/bg_search.jpg') no-repeat 1px 1px;
	}
	#search .frmText{
		width:123px;
		margin:0;
		padding:2px 0 0 5px;
		border:0;
		background:none;
		color:#D4001D;
		font-family:Arial, Helvetica, sans-serif;
	}
	#search .frmButton{
		border:0px;
		width:21px;
		height:18px;
		vertical-align: middle;
		cursor:pointer;
	}
	#search .frmButton:hover{

	}


#menu1{
	float:left;
	width:690px;
	font-size:1.4em;
	padding:93px 0 0 182px;
	z-index: 115;
}

/* Hoofdnav */
	#menu1 .menuHorVert li {
		border-left:#7C80B2 solid 1px;
		border-right:#272E80 solid 1px;
		font-size: 12px;
	}
	#menu1 .menuHorVert li.item1{
		border-left:none;
	}
	#menu1 .menuHorVert li.item8{ /* Aanpassen aan on line menu */
		border-right:none;
	}
	#menu1 .menuHorVert li a {
		padding:0px 13px;
		color:#fff;
		font-weight: normal;
		line-height:27px;
	}
	#menu1 .menuHorVert li:hover
	,#menu1 .menuHorVert li.selected{
		background:url('/site_dagravit_nl/images/bg_menu1Selected.gif') repeat-x left top;
	}
	#menu1 .menuHorVert li:hover a
	,#menu1 .menuHorVert li.selected a { 
	}

/* Subnav */
	#menu1 .menuHorVert li div.submenu {/* Heel submenu */
		top:23px;
	    left: -5px;
		z-index: 120;
	}
	#menu1 .menuHorVert li div.submenuTop {/* schaduw boven links */
		height:5px;
		width:100%;
		background:url(/site_dagravit_nl/images/bg_menu1SubLThoek.png) no-repeat left top;
		padding:0 0 0 5px;
	}
	#menu1 .menuHorVert li div.submenuTop div {/* schaduw boven rechts */
		height:5px;
		width:135px;
		background: url(/site_dagravit_nl/images/bg_menu1SubLT.png) no-repeat right top;
	}
	
	#menu1 .menuHorVert li div.submenuMiddle {/* Heel submenu */
		padding:0 0 0 5px;
		/*background:url(/site_dagravit_nl/images/bg_menu1SubLT.png) no-repeat left bottom;*/
	}
	#menu1 .menuHorVert li div.submenuMiddle ul{
		background: url(/site_dagravit_nl/images/bg_menu1SubMiddleR_500h.png) no-repeat right top;
		padding:0 5px 5px 0;

	}

	#menu1 .menuHorVert li div.submenuBottom {/* schaduw boven links */
		height:5px;
		background:url(/site_dagravit_nl/images/bg_menu1BottomR.png) no-repeat left 0px;
		padding:0 0 0 5px;
		margin:0 0 0 5px;
	}
	#menu1 .menuHorVert li div.submenuBottom div {/* schaduw boven rechts */
		height:5px;
		width:130px;
		background: url(/site_dagravit_nl/images/bg_menu1BottomR.png) no-repeat right -5px;
	}


	#menu1 .menuHorVert li:hover ul li{
		width:130px;
		background:url(/site_dagravit_nl/images/bg_submenuLijn_lighter.gif) no-repeat 0px 0px;
		padding:1px 0 0 0px;
		font-size: 11px;
		border:none;
	}
	#menu1 .menuHorVert li ul li:first-child{
		background-image:none;
	}
	#menu1 .menuHorVert li ul li a{
		color:#fff;
		line-height:20px;
		background:url('/site_dagravit_nl/images/transparant.gif') repeat left top;
		padding:0 7px;
	}
	#menu1 .menuHorVert li ul li:hover a,
	#menu1 .menuHorVert li ul li.selected a{
		background-color:#fff;
		color:#fd0000;
	}
/*
 * Middle
 */

#middle{
	padding: 0 0 60px 165px;
	color:#fff;
	min-height:440px;
	background:#DD0029 url('/site_dagravit_nl/images/bg_middle.png') no-repeat left top;
	overflow:hidden;
	position:relative;
	z-index:9;
}

/* Breadcrumbs */
#breadcrumbs{
	height:17px;
	line-height:17px;
	overflow:hidden;
}
#breadcrumbs span{
	display:none;
}
#breadcrumbs div{
	float:left;
	padding:0 10px 0 0;
	background:url("/site_dagravit_nl/images/bg_breadcrumbs.gif") no-repeat right 0px;
}
#breadcrumbs a{
	display:block;
	float:left;
	height:17px;
	background:url("/site_dagravit_nl/images/bg_breadcrumbs.gif") no-repeat 0px -17px;
	padding:0 3px 0 17px;
	color:#fff;
	text-decoration:none;
}
	#breadcrumbs .home{
		width:30px;
		background-position:0px 0px;
		text-indent:-500em;
		padding:0;
	}
#titel{
	width:450px;
	margin:0 0 15px 50px;
}
	#titel h1{
		margin:30px 0 0 0;
		font-size:2.4em;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
#middleCol1{
	float:left;
	width:460px;
	padding:0 0 0 50px;
/*	font-size:1.2em; */
}
	#middleCol1 h1{
		font-size:2em;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	#middleCol1 h2{
		font-size:1.8em;
		font-weight:bold;
	}
	#middleCol1 a{
		color:#fff;	
	}

#menu2{
	position:relative;
	z-index:0;
	height:18px;
	background:url('/site_dagravit_nl/images/bg_menu2Links.gif') no-repeat left top;
	padding:0 0 0 7px;
	margin:0 0 15px 0;
}
#menu2 .menuHorVert{
	background:url('/site_dagravit_nl/images/bg_menu2Rechts.gif') no-repeat right top;
	padding:0 7px 0 0;
	float:left;
}
#menu2 a{
	color:#3b393a;
	padding:0 15px;
/*	font-size: 12px; */
	line-height: 18px;
	height: 18px;
}
	#menu2 .menuHorVert li {
		border-left:#fff solid 1px;
		border-right:#b8b1b4 solid 1px;
	}
	#menu2 .menuHorVert li.first{
		border-left:none;
	}
	#menu2 .menuHorVert li.last{ /* Aanpassen aan on line menu */
		border-right:none;
	}
	#menu2 .menuHorVert li:hover a
	,#menu2 .menuHorVert li.selected a{
		color:#fd0000;
	}
/* Subnav */
	#menu2 .menuHorVert li div.submenu {/* Heel submenu */
		top:18px;
	    left: -1px;
		font-size:10px;
		background:#b8b1b4 url('/site_dagravit_nl/images/bg_menu2Sub.gif') repeat-x left bottom;
		/*border:solid 1px #979194;*/
	}
	#menu2 .menuHorVert li:hover ul li{
		width:130px;
		border:none;
		background:url('/site_dagravit_nl/images/bg_menu2submenuLijn.gif') no-repeat 0px 0px;
		padding:1px 0 0 0px;
		float:left;
	}
	#menu2 .menuHorVert li ul li:first-child {
		background:none;
	}
	#menu2 .menuHorVert li:hover ul li a,
	#menu2 .menuHorVert li.selected ul li a	{
		color:#000;
		line-height:20px;
		background:url('/site_dagravit_nl/images/transparant.gif') repeat left top;
		padding:0px 7px;
	}
	#menu2 .menuHorVert li ul li:hover a,
	#menu2 .menuHorVert li ul li.selected a{
		background:#fff;
		color:#fd0000;
	}
	
#middleCol2{
	float:left;
	width:250px;
	padding:0 0 0 20px;
/*	font-size:1.2em; */
}
	#middleCol2 .row{
		border-top: solid 1px #242B7E;
		padding: 20px 0 0 0;
	}
	#middleCol2 .row:first-child{
		border-top: none;
		padding: 0;
	}
	#middleCol2 img{
		float:right;
	}
	#middleCol2 ul {
		padding-left: 15px;
		margin-bottom: 10px;
	}
	#middleCol2 h2
	,#middleCol2 a{
		color:#14143e;
		font-weight: bold;
	}
	#middleCol2 h2{
		font-style:italic;
		font-size:1.67em;
		line-height:1.2em;
		margin:0 0 5px 0;
	}
	#middleCol2 a{
		/*
		padding:0 0 0 20px;
		background:url(/site_dagravit_nl/images/bg_nieuwsMeerWeten.gif) no-repeat left center;
		*/
	}

#middleContent{
	font-size:1.2em;
}

/*
 * Footer
 */
#footer {
	text-align:center;
	background:#90001B url('/site_dagravit_nl/images/bg_footer.jpg') repeat-x left top;
	padding: 20px 0 15px 0;
	color:#fff;
}
	#footer #footerNav{
		color:#fff;
	}
	#footer #footerNav a{
		color:#fff;
		text-decoration:none;
	}
	#footer #disclaimer{
		line-height:1.2em;
	}
	
/*
 * Fotomenu
 */
#fotomenu {
	list-style:none;
	height:0px;
	overflow:hidden;
}
	#fotomenu a{
		position:absolute;
		display:block;
		text-indent:-999em;
		width:160px;
		height:165px;
	}
	#foto0 a{
		top:64px;
		left:0px;
		z-index:104;
		background:url(/site_dagravit_nl/images/foto_sprite.png) no-repeat 0px -165px;
	}
	#foto0 a:hover,
	#foto0 .selected{
		background-position:0px 0px;
	}
	#foto1 a{
		top:183px;
		left:58px;
		z-index:103;
		background:url(/site_dagravit_nl/images/foto_sprite.png) no-repeat -160px -165px;
	}
	#foto1 a:hover,
	#foto1 .selected{
		background-position:-160px 0px;
	}
	#foto2 a{
		top:274px;
		left:-10px;
		z-index:102;
		background:url(/site_dagravit_nl/images/foto_sprite.png) no-repeat -320px -165px;
	}
	#foto2 a:hover,
	#foto2 .selected{
		background-position:-320px 0px;
	}
	#foto3 a{
		top:389px;
		left:45px;
		z-index:101;
		background:url(/site_dagravit_nl/images/foto_sprite.png) no-repeat -470px -165px;
	}
	#foto3 a:hover,
	#foto3 .selected{
		background-position:-470px 0px;
	}
/* Polaroid */
#polaroid{
	position:absolute;
	top:175px;
	left:690px;
	z-index: 110;
}

/*******************************************************************************************************
 * Templates
 * 
 * Opmaak voor templates
 * Identificatie van template dmv class in body
 * 
 *******************************************************************************************************/
/*
 * template1 = algemene template
 */
.template1 #middleCol1{
	float:left;
	width:450px;
}
.template1 #middleCol2{
	display:none;
}

/*
 * template2 = home
 */
.template2 #middle{
	padding: 0 0 10px 165px;
}
.template2 #titel{
	margin:20px 0 10px 50px;
	width:100%;
	height:55px;
	position:static;
	background:url(/site_dagravit_nl/images/img_titelHome.png) no-repeat 0px 0px;
	width:577px
}
.template2 #titel h1{ /*Titel verbergen */
		position:absolute;
		left:-5000px;
	}

.template2 #middleContent{
	overflow:hidden;
	padding:0px 0 0 0;
}
.template2 #middleCol1{
	float:left;
	width:450px;
}
.template2 #middleCol2{
	float:left;
	width: 320px;
	padding:0 0 0 0px;
	font-size:1.0em;
}
	.template2 #middleCol2 .row{
		border-top: solid 1px #242B7E;
		padding: 15px 0 0 0;
		margin: 0 0 15px 0;
	}
	.template2 #middleCol2 .row:first-child{
		border-top: none;
		padding: 0;
	}
	.template2 #middleCol2 img{
		float:right;
	}
	.template2 #middleCol2 h2
	,.template2 #middleCol2 a{
		color:#14143e;
	}
	.template2 #middleCol2 h2{
		font-style:italic;
		font-size:1.67em;
		line-height:1.2em;
		margin:0 0 8px 0;
	}
	.template2 #middleCol2 a{
		/*
		padding:0 0 0 20px;
		background:url(/site_dagravit_nl/images/bg_nieuwsMeerWeten.gif) no-repeat left center;
		*/
	}
/* template 13 = quiz */
.template13 #middleContent{
	padding:20px 0 0 0;
}
.template13 #content{
	width:436px;
	color:#262C80;
	position:relative;}
.template13 #contentTop{
	background:url('/site_dagravit_nl/images/bg_contentWitTop.png') no-repeat left top;
	height:15px;
}
.template13 #contentMiddle{
	background:#fff;
	padding:0 20px;

}
	.template13 #contentMiddle .qNumber{
		font-size:0.8em;
		font-style:italic;
		color:#FD0000;
	}
	#qReply{
		overflow:hidden;
		padding:0 0 30px 0;
	}
	#qReply .cust_checkbox
	,#qReply input	{
		float:left;
		display:block;
		width:18px;
		height:20px;
		cursor: pointer;
		padding:0 5px 0;
	}
	#qReply .cust_radio_on{
		background:url(/site_dagravit_nl/images/bg_radio.gif) no-repeat 0 0;
	}
	#qReply .cust_radio_off{
		background:url(/site_dagravit_nl/images/bg_radio.gif) no-repeat 0 -20px;
	}
	#qReply label{
	
	}
	#qReply p{
		padding:0 0 5px 0;
	}
	#qReply h4{
		font-weight:bold;
		padding:0;
		margin:0 0 7px;
		font-size:1.4em;
	}
	#qReply .bold{
		font-weight:bold;
		font-size:1.2em;
	}
	#qSubmit .frmBtn{
		background:url('/site_dagravit_nl/images/bg_quizSubmit.gif') no-repeat 0px 0px;
		width:72px;
		height:27px;
		padding:27px 0 0 0;
		border:none;
		overflow:hidden;
		text-indent:-500em;
		position:absolute;
		right:10px;
		bottom:10px;
		cursor:pointer;
	}
	/* Juist antwoord */
	#qSubmit .frmBtn.next,
	#qSubmit .frmBtn.result{
		background-position:0px -30px;
	}
	/* Fout antwoord */
	.wrong #qReply{
		color:#fd0000;
	}
	.bold{
		font-weight:bold;
		font-size:1.2em;
	}
	/*resultaat */
	.result h3{
		font-style:italic;
	}
	.result h4{
		font-size:1.4em;
		font-weight:bold;
	}
	.result p{
		color:#fd0000;
	}

.template13 #middleCol2{
	padding:0;
	font-size:1em;
}
.template13 #quizzScore{
	line-height:1.3em;
}
.template13 #contentBottom{
	background:url('/site_dagravit_nl/images/bg_contentWitBottom.png') no-repeat left bottom;
	height:15px;
}


/* FAQ */
.template15 #titel {
	width: 650px;	
}