/****************************************************************************/
/* Basiskleuren gebaseerd op thema 'FreshFavourites', www.ColorSchemer.com 	*/
/* Achtergrond container     : #49B3D1	(blauw)								*/
/* Achtergrond body header   : #BDE74A 	(groen)								*/
/* Achtergrond gadget header : #EF595A	(rood)								*/
/*																			*/
/* Overige kleuren:															*/
/* Randen: #BCBCBC (licht grijs)											*/
/* Tekst:  #848284 (donker grijs)											*/
/****************************************************************************/

body{
	text-align			: center;
	margin-top			: 10px;
	background-color 	: #B5D0F1 ;
	font-family			: Verdana,Arial,San Serif;
	font-size			: 11px;	
	color				: #848284;
}

/* CONTAINER DIVS */

div.container {
	width				: 970px;
	margin				: 0 auto 0 auto;
	background			: url(images/container_zijkant.gif); 
	background-repeat	: repeat-y; 
	background-color	: #FFFFFF;	
}

div.container_bovenkant{
	width				: 100%;	
	background			: url(images/container_bovenkant.gif);
	background-repeat	: no-repeat; 
	height				: 11px;
	background-color 	: #B5D0F1;
}

div.container_onderkant{
	width				: 100%;
	background			: url(images/container_onderkant.gif);
	background-repeat	: no-repeat; 
	height				: 11px;
	background-color 	: #B5D0F1 ;
}

/* HEADER DIVS */

div.header{
	width				: 100%;
	height				: 134px;
	background			: url(../../../uploads/dewegwijzer/layout/basis/1/images/header.gif);	background-repeat	: no-repeat; 
	background-position	: top center;
	background-color 	: #B5D0F1 ;
}

div.header_onderkant{
	width				: 100%;
	height				: 26px;
	background			: url(../../../uploads/dewegwijzer/layout/basis/1/images/header_onderkant.gif);	background-repeat	: no-repeat; 
	background-position	: top center;
}


div.logo{
 	float				: left;
 	display				: inline;
 	left				: 0px;
 	margin-left			: 30px;
 	margin-top			: 10px;
	font-size			: 11px;
	font-weight			: bold;
	color				: #FFFFFF;
}

div.header_image{
 	float				: right;
 	display				: inline;
 	right				: 0px;
 	margin-right		: 1px;
 	margin-top			: 1px;
}

div.sub_header_container {
	height				: 70px;
	width				: 100%;
}

div.gezin_login {
	float				: right;
	text-align			: left;
	padding-right		: 30px;
}

/* MENU DIV */

div.menu_container {
	float				: left;
	display				: inline;
	margin-left			: 30px;
	text-align			: left;
}

/* CONTENT DIVS */

div.content_container
{
	width				: 750px;
	float				: left;
	border-left			: 1px solid #BCBCBC;	 
}

div.content {
	width				: 505px;
	margin-left			: 10px;
	margin-right		: 5px;
	text-align			: left;
	float				: left;
	display				: inline;
}

/* FOOTER DIVS */

div.footer{
	height				: 13px;
	text-align			: left;
	padding-top			: 5px;
	margin-left			: 30px;
	margin-right		: 35px;
}

div.footer_content{
	border-top			: 1px solid #BCBCBC;	
}

div.copyright {
 	text-align			: left;
 	float				: left;
}

div.login_team {
 	width				: 100px;
 	text-align			: right;
 	float				: right;	
}

/* GADGET DIVS */

div.gadget_container{
 	float				: left;
 	width				: 224px;
}

div.gadget_bovenkant{
	height				: 17px;
	background			: url(../../../uploads/dewegwijzer/layout/basis/1/images/gadget_bovenkant.gif);	background-repeat	: no-repeat; 
	text-align			: center;
	padding-top			: 4px;	
}

div.gadget_content{
	background			: url(images/gadget_zijkant.gif);
	background-repeat	: repeat-y; 
	text-align			: center;
}

div.gadget_onderkant{
	height				: 21px;
	background			: url(images/gadget_onderkant.gif);
	background-repeat	: no-repeat; 
}

/* BOX DIVS */

div.box_container {
 	float				: left;
 	width				: 499px;
	margin-right		: 10px;
	display				: inline;
}

div.box_bovenkant {
	height				: 17px;
	padding-top			: 4px;
	background			: url(../../../uploads/dewegwijzer/layout/basis/1/images/box_bovenkant.gif);	background-repeat	: no-repeat; 
	text-align			: center;
}

div.box_bovenkant_links_groot {
	float				: left;
	padding-left		: 10px;
	width				: 390px;
 	text-align			: left;
 	display				: inline;
}

div.box_bovenkant_links_klein {
	float				: left;
	padding-left		: 10px;
	width				: 80px;
 	text-align			: left;
}

div.box_bovenkant_rechts_klein {
	float				: right;
	padding-right		: 10px;
	width				: 80px;
 	text-align			: right;
}

div.box_content{
 	background			: url(images/box_zijkant.gif);
	background-repeat	: repeat-y;
	text-align			: left;
	padding				: 5px;
} 

div.box_onderkant{
 	height				: 21px;
	background			: url(images/box_onderkant.gif);
	background-repeat	: no-repeat; 
} 	

/* HOME DIV */

div.home_tekst {
	width				: 500px;
	float				: left;
	text-align			: left;
}

/* NIEUWSFLITS DIVS */

div.nieuwsflits_item {
 	width				: 117px;
 	height				: 193px;
 	float				: left;
 	text-align			: left;
	margin-top			: 5px; 	
	overflow			: hidden;
}

div.nieuwsflits_tekst {
 	position			: relative;
 	height				: 103px;
 	font-size			: 9px;
}

div.nieuwsflits_icon {
 	float				: right;
 	position			: relative;
 	right				: 3px;
}

div.nieuwsflits_lijn {
 	float				: left;
 	width				: 5px;
 	height				: 190px;
	margin-top			: 5px;
 	border-left			: 1px solid #BCBCBC;
}

div.nieuwsflits_lijst {
 	font-size			: 9px;
	float				: left;
	width				: 493px;
	height				: 193px;
	overflow			: -moz-scrollbars-vertical;
	overflow-y			: scroll;
	overflow-x			: hidden;
}

td.nieuwsflitslijst_datum {
	width: 75px;
}

td.nieuwsflitslijst_groep {
	width: 70px;
}

td.nieuwsflitslijst_auteur {
	width: 100px;
}

/* NIEUWS ITEM DIVS */

/* OVERRIDE VAN BASIS DEFINITIE */
div.nieuwsitem_titel {
 	width				: 478px;
 	background-color	: #D8E2EC;
 	font-weight			: bold;
 	padding				: 5px;
}	
	
/* FORM STYLES */

select {
 	font-size			: 10px;
	color	   			: #848284;
}

.formulier_knop {
	height 				: 18px;
	font-size			: 11px;
	font-weight			: bold;
	color 				: #848284;
	border 				: 1px solid #848284;
	cursor 				: hand;	
 }

.formulier_tekstvak {
	color 				: #848284;
	font-size			: 12px;
	border 				: 1px solid #848284;
	height				: 14px;
}

.formulier_checkbox_field
{
	color 				: #848284;
	font-size			: 10px;
}
	
/* FONT STYLES */

font.sub_header {
	font-size			: 10px;	
	color				: #848284;
}

font.gadget_header {
	font-size			: 11px;	
	color				: #FFFFFF;
	font-weight			: bold;
}		

font.nieuws_foto_tekst {
 	font-size			: 12px;
 	color				: white;
}

font.nieuwsitem_titel_auteur {
 	font-size			: 11px;
 	font-weight			: normal;
 	font-style			: italic;
}

/* LINK STYLES */

a:link, a:visited, a:active {
	text-decoration		: underline;
	color 				: #7F7876;
}

a:hover {
	text-decoration		: underline;
	color 				: black;
}