/********************************
* Standard Styles
********************************/
html,body {
	margin:									0;
	padding:								0;
}

body {
	border-top:								1px solid #99cc33;
	background:								#00C6Ff url('../images/topbar_groot2.png') repeat-x top left;
}

#page {
	position:								relative;
	margin:									0 auto;
	width:									800px;
	height:									100%;
}

h1 {
	font-family:							"Myriad Pro", Verdana;
	font-size:								14px;
	color:									#00a8e9;
}

h1.main_header {
	font-size:								19.5px;
	font-weight:							bold;
	text-transform:							uppercase;
	letter-spacing:							-0.5px;

	margin-top:								4px;
	margin-bottom:							0;
	padding-bottom:							0;
}

h2 {
	font-family:							"Myriad Pro", Verdana;
	font-size:								12px;
	color:									#ff6600;
}

h2.main_header {
	font-size:								10px;
	text-transform:							uppercase;
	font-weight:							bold;
	letter-spacing:							0px;

	margin-top:								0;
	padding-top:							0;
	margin-bottom:							6px;
}

/********************************
* Base layout
********************************/
#menu_jongeren {
	position:								absolute;

	top:									80px;
	left:									20px;

	width:									226px;
}

#content {
	position:								relative;

	top:									77px;
	left:									255px;

	width:									530px;
}

#tiszo {
	position:								absolute;

	top:									51px;
	left:									45px;
}

#tiszo img{
	margin-right:							5px;
}

#allesvoorenover {
	position:								absolute;

	top:									48px;
	left:									410px;
}

#allesvoorenover img{
	margin-right:							10px;
}


#hands_bg {
	width:100%;
	text-align:center;
	
	position:		absolute;
	z-index:		0;
	left:			-250px; 
	top:			164px;
}

/********************************
* Menu left
********************************/
	#menu_jongeren .search {
		position:							absolute;
		top:								215px;
		left:								15px;

		height:								12px;
		width:								155px;

		font-family:						Verdana;
		font-size:							11px;
		color:								#666666;
	}

	#menu_jongeren .btn_search {
		position:							absolute;
		top:								215px;
		left:								180px;
	}

	#menu_jongeren .menu_bottom {
		position:							absolute;
		top:								272px;
		left:								15px;

		font-family:						Verdana;
		font-size:							11px;
		color:								#666666;
	}

	#menu_jongeren .menu_bottom a {
		font-family:						Verdana;
		font-size:							11px;
		color:								#666666;

		text-decoration:					none;

	}

	#menu_jongeren .divider {
		margin:								2px 5px;
	}

/********************************
* Content
********************************/
#content img {
	margin:									0;
	padding:								0;
	border:									0;

	display:								block;
}

#content_format {
	position:								relative;
	margin:									0;
	padding:								0 20px;
}

/* Hide from IE [id]/[class] does the trick */
#content_format[id] {
	background:								transparent url('../images/content_frame_middle.png') repeat-y;
}

#content .content {
	font-family:							Verdana;
	font-size:								11px;
	color:									#666666;
}

#content .content a {
	color:									#00a8e9;
	text-decoration:						none;
	border-bottom:							1px dotted #00a8e9;
}

#content .content p {
	margin:									0;
	padding:								6px 0;
}

/********************************
* Content blokken
********************************/
#menu_inhoud {
	position:relative;
	margin-top:								-8px;
	margin-left:							-20px;
	height:									300px;
	width:									520px;
	font-size:12px;
}

.menu_blok {
 	float:									left;
	position:								relative;

	border-right:							1px solid white !important;
	border-bottom:							1px solid white !important;
}
/********************************
* Menu content
********************************/
.menu_format {
	width:									190px;

	font-family:							Verdana;
	font-size:								10px;
	line-height:							15px;

/*	font-weight:							bold; */
}

.menu_format a {
	color:									white;
	text-decoration:						none;
}

.selected {
/*	color:									black !important; */
	text-decoration:						underline !important;
}

#menu_here {
	position:								absolute;
	top:									25px;
	left:									13px;

	width:									90px;
	color:									white;
	font-family:							Arial,"Myriad Pro", Myriad;
	font-size:								16px;
	font-weight:							bold;
	text-transform:							uppercase;
}

.menu_header {
	font-family:							Arial,"Myriad Pro", Myriad;
	font-size:								16px;
	font-weight:							bold;
	text-transform:							uppercase;

	color:									white;
	font-size:								13px;
}

/********************************
* Logo's
********************************/
	#allesvoorenover .allesvoorenover_groen {
		margin-left:						6px;
		vertical-align:						-40%;
	}

#jeugdengezinlogo {
	position:								relative;
	float:									right;
	margin:									10px 3px !important;
}

/********************************
* Module: Loket
********************************/
#loket_gids2
{
	position:								absolute;
	top:									305px;
	left:									-235px;

	width:									225px;

}
	#loket_links_items {
		padding:							0 10px;
		font-size:							12px;

		font-weight:						bold;
		color:								#00a8e9;
		color:								#0077c0;
	}

		#loket_links_items img {
			display:						inline;
		}

	#loket_content {
		background:							transparent url('../images/box_links_middle.png') repeat-y;
	}

	#loket_content hr {
		color:								white;
		background-color:					white;
		height:								1px;
		border:								0;
		margin:								4px 0;

	}

	#loket_pager {
		text-align:							center;
	}

	#loket_aanbod {
/*
		position:							absolute;
		top:								310px;
		left:								330px;
*/
		position:							relative;
		float:								right;
		margin-top:							10px !important;
	}

	.mod_searchduo_link_result {
		display:							none;
	}
	#mod_search_box {
		display:                            none;
	}

/********************************
* Menu content blokken in absolute
********************************/
.menu_01_01 {
	position:								absolute;
	top:									0px;
	left:									10px;
}

.menu_01_02 {
	position:								absolute;
	top:									0px;
	left:									112px;
}

.menu_01_03 {
	position:								absolute;
	top:									0px;
	left:									214px;
}

.menu_01_04 {
	position:								absolute;
	top:									0px;
	left:									418px;
}


.menu_02_01 {
	position:								absolute;
	top:									74px;
	left:									10px;
}

.menu_02_02 {
	position:								absolute;
	top:									74px;
	left:									214px;
}

.menu_02_03 {
	position:								absolute;
	top:									74px;
	left:									316px;
}


.menu_03_01 {
	position:								absolute;
	top:									148px;
	left:									10px;
}

.menu_03_02 {
	position:								absolute;
	top:									148px;
	left:									214px;
}

.menu_03_03 {
	position:								absolute;
	top:									222px;
	left:									214px;
}

.menu_03_04 {
	position:								absolute;
	top:									222px;
	left:									418px;
}

/* Extra blokken */
.menu_04_01 {
	position:								absolute;
	top:									296px;
	left:									10px;
}

.menu_04_02 {
	position:								absolute;
	top:									296px;
	left:									214px;
}

.menu_04_03 {
	position:								absolute;
	top:									296px;
	left:									316px;
}

.menu_05_01 {
	position:								absolute;
	top:									370px;
	left:									10px;
}

.menu_05_02 {
	position:								absolute;
	top:									370px;
	left:									214px;
}

.menu_06_01 {
	position:								absolute;
	top:									444px;
	left:									214px;
}

.menu_06_02 {
	position:								absolute;
	top:									444px;
	left:									418px;
}


/********************************
* Menu content [specifiek]
********************************/

/* Groen boven */
#Studiekosten,											/* School en studie */
#Kosten,												/* Wonen */
#Etenendrinken,											/* Ongezond */
#Problemenopstraat,										/* Problemen */
#Identificatieplicht,									/* Rechten en plichten */
#Voorbehoedmiddelen,									/* Seks */
#Problemen2,											/* Werken */
#Infomijnwereld,										/* Mijn wereld part 1 of 2 */
#losselinks3											/* Leefsituaties */
{
	position:								absolute;
	top:									4px;
	left:									221px;
}

/* oranje rechts */
#Eenschoolkiezen,										/* School en studie*/
#Rechtenenplichten,										/* Wonen */
#Werkzoeken,											/* Werken */
#Uitkeringenenregelingen,								/* Geld en regelingen */
#Naardedokter,											/* Ongezond */
#Mijnouderszijnziek,									/* Problemen */
#Meedoenenmeepraten,									/* Mijn wereld */
#VerblijfinNederland,									/* Rechten en plichten */
#Relaties,												/* Seks */
#Meerinfoorganisaties									/*  organisaties part 2 of 3 */
{
	position:								absolute;
	top:									79px;
	left:									323px;
}
/* paars links */
#losselinks,											/* Algemeen */
#Cursussen												/* School en studie */

{ 
	position:								absolute;
	top:									79px;
	left:									15px;
}

/* Zwart links */
#Problemenopschool,										/* School en studie */
#Problemen,												/* Wonen */
#Ongezond,												/* Ongezond */
#Ikzitineendip,											/* Problemen */
#Geloof,												/* Mijn wereld */
#Opgepakt,												/* Rechten en plichten */
#Zwanger,												/* Seks */
#losselinks2
{
	position:								absolute;
	top:									156px;
	left:									18px;
}

/* Groen onder */
#Klaarmetschool,										/* School en studie */
#Eenwoningzoeken,										/* Wonen */
#Vrijwilligerswerk,										/* Werken */
#Omgaanmetgeld,											/* Jongeren */
#Sportenbewegen,										/* Ongezond */
#Dood,													/* Problemen */
#Anderevormenvanseksualiteit,							/* Seks */
#Meerinfomijnwereld,									/*  Mijn wereld part 2 of 2 */
#Nogmeerinfoorganisaties								/*  Organisaties part 3 of 3 */
{ 
	position:								absolute;
	top:									226px;
	left:									221px;

	line-height:							13px;
}

/* Seks extended */
#Anderevormenvanseksualiteit {
	top:									228px;
}

/* Groen links */
#Zelfmoord,												/* Problemen */
#Tienermoeder											/* Seks */
{
	position:								absolute;
	top:									302px;
	left:									15px;

}
/* Zwart rechts */
#Seksueelmisbruik,										/* Seks */
#Metjeouders											/* Problemen */

{
	position:								absolute;
	top:									302px;
	left:									320px;
}

/* Zwart links */
#Pesten													/* Problemen */
{
	position:								absolute;
	top:									376px;
	left:									15px;

}

#Nietmeerthuis											/* Problemen */
{
	position:								absolute;
	top:									448px;
	left:									221px;
}

/***********************************
* Problemen opmaak, heel specifiek *
***********************************/

/********************************
* Module: gecombineerd zoeken
********************************/
#searchduo_links {
	display:									none;
}

/********************************
* Module: Poll
********************************/

#poll_box {
	position:								absolute;
	top:									305px;
	left:									-235px;
	width:									226px;
}

#poll {
	background:								transparent url('../images/box_links_middle.png') repeat-y;
	padding:								10px 10px 0 15px;
	font-size:								12px;
}

#poll .question {
font-weight: 								bold;
margin-bottom:								5px;
}

#poll form {
margin: 0;
padding: 0;
}

#poll .answer_bar {
	background-color: 					#06C !important;
	color:								black !important;
}

#poll div.bottom {
	color:								#666 !important;
}
#poll table.answers {
	width:								78%;
}

#poll span.poll_result {
	display:							block !important;
	font-weight: 						bold;
}

#poll .vote_button {
	background:							transparent url('../images/btn_submit.png') left top no-repeat;
	border: 							0;
	width: 								87px;
	height: 							17px;
	margin: 							10px 0;
	font-size: 							0;
	color:								#c00;
	text-align:							left;
	cursor: 							pointer;
	}

.nieuwstitel {
color: #f90;
font-size: 14px;
font-weight: bold;
}