/** CSS StyleSheet StudieBaan 2009 
 *
 * Author(s): 	S.A. van Zoelen
 * Date:		16-07-2009
 * Copyright:	(c)2009 NCOI opleidingsgroep
 *
 * PALETTE
 * ------------------------------------------------------------
 * Red: 			#B2071A
 * Red (links):		#B71B29
 * Blue:			#037FBB
 * Green:			#80933A
 * Gray (links):	#666
 * Gray (lines):	#8E8E8E
 **/

/** BODY & HTML**/
body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

html {
	overflow-y: auto;
	overflow-x: hidden;
}

/** basic link style **/
a {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #B2071A;
}

/** HEADER **/
div#header {
	display: block;
	width: 961px;
	height: 122px;
	margin: 23px auto 0 auto;
	padding: 0 10px 1em 10px;
	border-left: #8e8e8e solid 1px;
	border-right: #8e8e8e solid 1px;
	text-align:left; 
}

div#link {
	position:absolute;
	top:23px;
	display: block;
	width: 240px;
	height: 85px;
	text-align:left; 
}

div#header div#header-flash {
/*    position:absolute;  */
	width: 225px;
	height: 60px;
	margin-left: 720px;
}

div#header div#header-nav {
}

div#header ul#header-nav-left {
	display: block;
	float: left; 
	list-style: none;
	margin-top: 40px; 
/*	margin-left: -10px; */
}

div#header ul#header-nav-right {
	display: block;
	float: right;
	list-style: none;
	margin-top: 40px; 
/*	margin-right: -10px; */
}
/** navigation **/
/*
div#header ul#header-nav-left {
	display: block;
	float: left;
	list-style: none;
	margin-top: 100px;
	margin-left: -10px;
}


div#header ul#header-nav-right {
	display: block;
	float: right;
	list-style: none;
	margin-top: 100px;
	margin-right: -10px;
}
*/
div#header ul#header-nav-left li, 
div#header ul#header-nav-right li {
	float: left;	
	padding: 0 9px; 
	margin: 0;
	border-right: #666 solid 1px;
}

div#header ul#header-nav-left li.last, 
div#header ul#header-nav-right li.last {
	border: 0;
}

div#header ul#header-nav-left li a, 
div#header ul#header-nav-right li a  {
	font-weight: bold;
}

div#header ul#header-nav-left li a:hover, 
div#header ul#header-nav-right li a:hover {
	color: #B71B29;
}

div#header ul#header-nav-left li a b, 
div#header ul#header-nav-right li a b  {
	color: #B71B29;
}

/** COLUMS **/
div#body {
	width: 961px;
	
	margin: 0 auto 23px auto;
	padding: 0 10px;
	
	border-left: #8e8e8e solid 1px;
	border-right: #8e8e8e solid 1px;
	
	overflow: hidden;
}

div#body div#body-content {
	display: block;
	float: left;
	min-height: 100%;
	width: 687px;
	padding-right: 10px;
	border-right: #8e8e8e solid 1px;
}

div#body div#body-right-column {
	display: block;
	float: right;
	width: 253px;
	padding-left: 10px;
	margin-left: -1px;
	border-left: #8e8e8e solid 1px;
}
/** TWO COLUMN LAYOUT, LEFT MENU**/
div#body div#body-content-wide {
	display: block;
	float: right;
	min-height: 100%;
	width: 769px;
}

/** THREE COLUMN LAYOUT **/
div#body div#body-column-navigation {
	display: block;
	float: left;
	padding-right: 10px;
	border-right: #8e8e8e solid 1px;
	
	width: 170px;
}

div#body div#body-column-content {
	display: block;
	float: left;
	
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -1px;
	
	border-left: #8e8e8e solid 1px;
	border-right: #8e8e8e solid 1px;
	
	width: 496px;
}

div#body div#body-column-content p {
	line-height: 1.5em;
}

/** left column navigation **/
div#body div#body-column-navigation h2 {
	font-size: 16px;
	/*color: #80933A;*/	
	/*color: #666;*/
	color: #B2071A;
}

div#body div#body-column-navigation ul {
	margin-bottom: 2em;
	margin-top: 0.5em;
}

div#body div#body-column-navigation ul li a {
	display: block;
	margin-left: 1em;
	padding: 0.5em 0 0.5em 0;
}

div#body div#body-column-navigation ul li a:hover, 
 div#body div#body-column-navigation ul li b{
	color: #B2071A;
	font-weight: bold;
}

/** BOX **/
.box {
	padding-bottom: 8px;
	margin-bottom: 1em;
	overflow: hidden;
	border-bottom: #8e8e8e solid 1px;
}

/** navigation **/
ul#box-navigation {
	list-style: none;	
}

ul#box-navigation li {
	float: left;
	height: 4em;
	width: 253px;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

ul#box-navigation li:hover {
	cursor: pointer;
	background: #ECF1F5;	
}

ul#box-navigation li p a {
	font-size: 18px;
	display: block;
	font-weight: bold;
}

ul#box-navigation li p a.green {
	color: #80933A;
	padding-bottom: 0.25em
	
}

ul#box-navigation li p a.blue {
	color: #037FBB;
	padding-bottom: 0.25em
}

/** actueel box **/
div#body div#body-right-column div#actueel-box h2 {
	font-size: 20px;
	font-weight: normal;
	color: #666;
}

div#body div#body-right-column div#actueel-box h3 {
	margin-top: 0.40em;
	
	font-size: 12px;
	color: #666;
	font-weight: normal;
	
}

div#body div#body-right-column div#actueel-box p, 
div#body div#body-right-column div#project-box p {
	margin-top: 2em;
	line-height: 1.5em;
}

div#body div#body-right-column div#actueel-box p#lastItem {
	padding-bottom: 1em;
}

/** read more button **/
div#body div#body-right-column div#actueel-box .read-more, 
div#body div#body-right-column div#project-box .read-more {
	color: #037FBB;
}

div#body div#body-right-column div#actueel-box .read-more:hover, 
div#body div#body-right-column div#project-box .read-more:hover {
	text-decoration: underline;
}

/** partner box **/
div#body div#body-right-column div#partner-box p {
	margin-top: 2em;
}

div#body div#body-right-column div#partner-box img {
	padding: 1.5em 0.5em;
}

/** project box **/
div#body div#body-right-column div#project-box h2 {
	font-size: 20px;
	font-weight: normal;
	color: #666;
	padding-bottom: 1em;
}

div#body div#body-right-column div#project-box h3 {
	font-size: 14px;
	font-weight: bold;
	color: #80933A;
}

div#body div#body-right-column div#project-box p {
	margin: 0.5em 0 2em 0;	
}

/** Alert box **/
div.alertbox {
	color: #666;
	font-weight: bold;
	border: 2px solid #B2071A;
	padding: 1em;
}