/*********************************/
html,body
{
	margin : 0px;
	padding : 0px;
	background-color : #ffffff;
	color	: black;
	cursor : default;
	font-size : 10pt;
	font-family	: Arial, Helvetica, sans-serif;
	background-image: url(tailgate.gif);
	background-repeat: repeat-x;
}

div.spacer {clear : both; }

/*********************************/
#main
	{
	margin : 0px auto; /* add 'auto' om te centeren */
	padding : 0px;
	width	: 759px;
	background-color: transparent;
	background-image : url(mainbg.gif);
	background-repeat: repeat-y;
	border-bottom : solid 1px #ffffff;
	border-right : solid 1px #003399;
	}
/*********************************/
#header
{
	background-image : url(header.jpg);
	height : 120px;
	width	: 760px;
	margin : 0px auto;
	padding : 0px;
	display : block;
}

body.en #header
{
	background-image : url(header_en.jpg);
}

#header a
{
	height : 120px;
	margin : 0px;
	display : block;
}
#header a span
{
	display : none;
}
/*********************************/
#linkseKolom
{
	background-color : #003399;
	background-image: url(nv.jpg);
	background-repeat: no-repeat;
	float : left;
	border : none;
	margin :0px;
	padding: 140px 0px 0px 0px;
	width : 180px;
	height : 500px;
}

#linkseKolom h1, #rechtseKolom h1
{
	font-size :10pt;
	margin :0px;
	padding: 0px;
}

#breadcrumbs
{
	font-size : 10pt;
	font-weight	: normal;
	text-align: left;

	margin :0px;
	margin-bottom : 5px;
	padding : 5px;
	border: solid 1px gray;
	/* requested for deletion... */
	display : none;
}
#breadcrumbs a 
{
	color	: black;
	text-decoration : none;
	display : none;
}

#middenKolom
{
	padding : 0px;
	float : right;
	width : 579px;
	border : none;
	overflow : hidden;
	background-color : transparent;
}

#jongeren-beea-be-home #breadcrumbs {  }
#jongeren-beea-be-home #middenKolom  {  }

#middenKolom h2,h3,h4,h5,h6
{
	padding-left: 10px;
	margin: 0px;
}

/* Typography and stuff :S */

#middenKolom h2
{
	text-align:center;
	background-color: #3366CC;
	color: #ffffff;
	padding: 10px;
	margin: 0px;
	margin-bottom: 10px;
}

#middenKolom p
{
	text-align:left;
	margin: 15px;
}

#footer  {
	font-size: 8pt;
	font-style: normal;
	color: #000000;
	
	background-color: #003399;
	border: none;
	padding: 2px;
	color : #ffffff;
	text-align : right;
	width : 756px;
	margin : 0px auto;
	}

#footer a
	{
	color	: #ffffff;
	}



/* niet vormgeving maar opmaak */
form.tableless img
{
	float: left;
}

form.tableless label,
form.tableless input,
form.tableless select
{
	display: block;
	float: left;
	margin-bottom: 5px;
	color : black;
}

form.tableless label
{
	text-align: left;
	width: 200px;
	padding-right: 20px;
}

form.tableless br {
	clear: left;
}


/* Instellingen Tabel */
#instellingenTabel
{
	padding-left : 40px;
}

#instellingenTabel .instellingCel
{
	float			: left;
	height			: 230px;
	width			: 150px;
	padding			: 5px;
	margin			: 2px;
	border			: 1px solid gray;
	text-align		: center;
	vertical-align  : middle;
}
  
#instellingenTabel .instellingCel p
{	font-size		: 12px;
	font-weight		: bold;
	margin			: 2px;
	text-align		: center;
}

/*********************************/
#instelling .rubriek_block
{
	border : solid 1px #3366CC;
	margin : 10px;
	padding : 0px;
	overflow : auto;
	clear: both;
	height : 400px;

}
#instelling .rubriek_block h2
{
	margin : 0px;
	padding: 5px;
}
#instelling .rubriek_block p
{
	margin : 10px;
}

#instelling .rubriek_none
{
	display : none;
}

#instelling .rubriek_block .up
{
	display : none;
}

#instellingLogo
{
	float : right;
	background: #ffffff;
	padding: 5px;
	margin-right: 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	border: solid 1px #003399;
}

/*
CSS Uberlink Pattern : gebruikt voor de links in de boxkoloms (met Uberlink voor Rubrieken)...
 -> Tutorial te vinden op : http://www.projectseven.com/tutorials/css_menus/list_01/index.htm
*/
#navlist
	{
	margin: 0px;
	padding : 0px;
	list-style-type: none;
	display : inline;
	border : none;
	}

#navlist li
	{
	display: inline;
	}

#navlist a:link, #navlist a:visited
	{
	text-align: left;
	display : block;

	margin: 0px;
	padding: 2px 2px 2px 12px;
	
	color: #ffffff;
	background-color: #003399;
	border-bottom : solid 1px #ffffff;
	text-decoration : none;
	}

#navlist a:hover, #navlist a:active, #navlist .current a
	{
	color: #000000;
	background: #ffffff;
	}

/*
CSS Uberlink : TWEEDE NIVEAU
*/
#navlist ul {display :none;}
#navlist .current ul
	{
	margin : 0px;
	padding : 0px;
	display : inline;
	border : none;
	}


#navlist ul li
	{
	display: inline;
	}

#navlist ul a:link, #navlist ul a:visited
	{
	color : #ffffff;
	text-align: left;
	display : block;
	margin: 0px;
	padding: 2px 2px 2px 24px;
	background-color: #3366CC;
	text-decoration : none;
	background-repeat: no-repeat;
	background-position: 20px 2px;
	}

#navlist ul a:hover, #navlist ul a:active, #navlist ul .msubcurrent a
	{
	color: #000000;
	background: #ffcc00;
	background-repeat: no-repeat;
	background-position: 20px 2px;
	}



body.loading
	{
	cursor : wait;
	display : none;
	}

body.loaded
	{
	cursor : default;
	}

.kader
{
	background-color:#ffffff;
	margin: 0px;
	padding: 0px;
	border: solid 1px #3366CC;
}	 	

.kader p
{
	margin: 0px;
	padding: 0px;
}	 	

#headlines .kader
{
	width : 385px;
	margin : 5px;
	padding : 0px;
	margin-right : 0px;
}	 	

#pollbooth.kader
{
	width : 170px;
	float: right;
	margin: 0px 5px 0px 0px;
}	 	

#feed.kader
{
	clear : right;
	width : 170px;
	float: right;
	margin: 5px 5px 5px 0px;
}	 	

.kader h3
{
	background-color:#3366CC;
	color: #ffffff;
	padding: 5px;
	border: solid 1px #ffffff
}

#headlines .kader h3
{
	color: #003399;
	background-color: #ffffff;
	padding: 5px;
}

.kader td input { vertical-align: top; }
.kader td input
{
	background: #ffffff;
	border : solid 1px #ffffff;
}

.kader input
{
	background-color : #3366CC;
	border: outset 2px #003366;
	color: #ffffff;
	margin : 0px;
	padding : 0px;
}

.kader ul
{
	margin : 0px;
	padding : 0px;
	padding-left : 10px;
	list-style : none;
}

.kader ul li
{
	padding-bottom : 10px;
	font-size : 8pt;
	font-weight : bold;
}

.kader ul li img
{
	background-color : yellow;
	height : 6px;
}

.kader ul li div
{
	background-color : #003366;
	height : 6px;
	padding: 1px;
	width : 140px;
}