/*
 * Dagravit Protect
 * SCREEN
 * datum 20090216
 */

/* 
 * Kleuren
 * Hier kleurcodes definiëren
 * blauw menu: #21368B;
 * rood menu: #E31937;
 */

/* Base css wordt geladen in HTML */


/*******************************************************************************************************
 * Blokken
 * 
 * Opmaak voor standaard blokken
 * class gebruiken
 * 
 *******************************************************************************************************/
/* Menu verticaal 2 niveaus */
/* Hoofdniveau */
.menuVert2 {
	/* width: 150px;  Breedte voor heel menu. Standaard breedte omliggend element, zoniet hier opgeven */
	list-style: none;
}
.menuVert2 li {
	list-style: none;
}
.menuVert2 li a {
	display: block;
	/* height: 40px; /* Hoogte van de menuitems */
	/* line-height: 40px; /* Vertikaal centreren */
	white-space: nowrap;
	color: #000;
	text-decoration: none;
	background: #ccc;
}
.menuVert2 li a:hover,
.menuVert2 li.selected a {
	color: #f00;
	background: #666;
}

/* Subniveau */
.menuVert2  .selected ul {
}

.menuVert2  .selected ul li {
}

.menuVert2  .selected ul li a {
    padding: 0 0 0 10px;
	/* height: 20px; */
    /* line-height: 20px; */
    color: #000;
	background: #ddd;
	
}
.menuVert2  .selected ul .selected a,
.menuVert2  .selected ul li a:hover {
    color: #f00;
	background: #777;
}

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

body{
	background:#ffffff;
	text-align:center;

}
#container{
 	width:900px;
	padding:0 50px;
	margin:0 auto;
	text-align:left;
	background:url(http://www.vemedia.nl/pictures/pageimages/dagravit_container_home.jpg) no-repeat left top;
	min-height:620px;
	font-family:Arial, Helvetica, sans-serif;
	color:#21368B;
}

/* header */
#header{
	height:170px;
}
	#logo{
		margin:0;
		float:left;
		width:225px;
		height:100px;
	}
		#logo a{
			display:block;
			width:225px;
			height:100px;
			text-indent:-500em;
		}
	#ganaar{
		float:left;
		margin:0;
		padding:0 0 0 575px;
		width:100px;
		height:100px;
	}
		#ganaar a{
			display:block;
			width:100px;
			height:100px;
			text-indent:-500em;
		}

/* middle */
#middle{
	overflow:hidden;
}
#col1{
	float:left;
	width:190px; /*200*/
	padding:0 10px 0 0;
}
	/* Menu links */
	#menu1 li{
		text-align:right;
	}
	#menu1 a{
		background:none;
		color: #21368B;
		font-size:1.6em;
	}
	#menu1 a:hover{
		color:#E31937;
	}
	#menu1 .selected a{
		color:#E31937;
		font-weight:bold;
	}
	/* tweede niveau */
	#menu1 .selected ul{
		padding:0 10px 5px 0;
	}
	#menu1 .selected ul a{
		color:#21368B;
		text-transform:lowercase;
		font-size:1.4em;
		font-weight:normal;
	}
	#menu1 .selected ul .selected a,
	#menu1 .selected ul a:hover{
		color:#E31937;
	}
	#menu1 .selected ul .selected a{
		font-weight:bold;
	}

#col2{
	float:left;
	width:355px; /*385*/
	margin:100px 0 0 0;
	padding:0 15px;
	height:290px;
}
	#col2 h1{
		color:#E31937;
		font-size:1.8em;
		/* text-transform:uppercase; */
		font-weight:bold;
	}
	#col2 h2{
		font-size:1.6em;
		font-weight:bold;
	}
	#col2 ul{
		padding:0 0 .8em 1.5em;
	}
	#col2 ol{
		padding-left:1.8em;
	}
	#col2 a{
		color:#21368B;
	}
	#col2 a:hover{
		color:#E31937;
	}
	#col2 p{
		padding:0 0 .8em 0;
	}
	#col2 .smaller{
	font-size:0.8em;
	}
#col3{
	float:left;
	width:230px; /*385*/
	margin:100px 0 0 0;
	padding:0 0 0 15px;
	font-size:1.6em;
}
	#col3 ul{
		padding-left:1.5em;
		line-height:1.3em;
	}
	#col3 ol{
		padding-left:1.8em;
		line-height:1.3em;
	}
	#col3 li{
		padding:0 0 10px 0;
	}
	#col3 strong{
		color:#E31937;
	}
	
/* footer */
#footer {
	text-align:center;
	padding:25px 0 0 0;
	clear:both;
}
	#footer a{
		color:#21368B;
	}

/*******************************************************************************************************
 * Templates
 * 
 * Opmaak voor templates
 * Identificatie van template dmv class in body
 * 
 *******************************************************************************************************/

/* Homepagina */
.template3{
}
	.template3 #col2{
		width:355px; /*385*/
	}
	.template3 #col3{
		width:230px; /*385*/
		padding:0;
	}
	
/* Andere pagina's */
.template1{
}
	.template1 #col2{
		width:435px; /*385*/
		height:315px;
		margin:85px 0 0 0;
		overflow:auto;
		font-size:1.2em;
		padding:0 10px 0 20px;
	}
	.template1 #col3{
		display:none;
	}