body
{
	margin: 0 0 20px 0;
	padding: 0;
	background: #FF9000;
	font: 100%/160% "Arial", "Verdana", sans-serif;
	color: #333;
}

a { text-decoration: underline; }
a:link { color: #c60; }
a:visited { color: #C3966D; }
a:active { color: #c60; }
a:hover { color: #465459; text-decoration: none; }

.current { font-weight: bold; color: #465459; }
.clear { clear: both; height: 1px; font-size: 1pt; line-height: 1pt; border: none; margin: 0; padding: 0; background: transparent; }

h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; }
img { border: none; }
#container { line-height: 140%; margin: 0 0 0 12%; padding: 0 0 0 0; /*background: #FF9000;*/ }

#wrap { background: transparent; }
/* --------------------------------------------- TOP: LOGO & NAVIGATIE --------------------------------------------- */
#top { background: #FF9000; border-bottom: 12px solid #fff; height: 100px; margin: 0; width: 740px; padding: 0; }
#top .logo { width: 209px; height: 100px; background: url(../img/logo.gif) 0px 19px no-repeat; }
#top .logo img { visibility: hidden; }
#top a { text-decoration: none; }

#navigatie { position: absolute; margin-left: 260px; top: 79px; width: 480px; }
#navigatie ul li span { display: none; }
#navigatie ul { list-style: none; padding: 0; margin: 0; height: 21px; }
#navigatie ul li { float: left; margin: 0; padding: 0; }
#navigatie ul li a { display: block; text-decoration: none; font-weight: bold; height: 21px; margin: 0; padding: 0; }

/* School */
li#school/* hide ie5 */{ background: url("/img/navigatie/school-on.gif") transparent no-repeat; width: 49px; }
li#school a { background: url("/img/navigatie/school.gif") transparent no-repeat; width: 49px; }
li#school.current a, li#school a:hover { background: url("/img/navigatie/school-on.gif") transparent no-repeat; }

/* Werken */
li#werken/* hide ie5 */{ background: url("/img/navigatie/werken-on.gif") transparent no-repeat; width: 56px; }
li#werken a { background: url("/img/navigatie/werken.gif") transparent no-repeat; width: 56px;}
li#werken.current a, li#werken a:hover { background: url("/img/navigatie/werken-on.gif") transparent no-repeat; }

/* wonen */
li#wonen/* hide ie5 */{ background: url("/img/navigatie/wonen-on.gif") transparent no-repeat; width: 53px; }
li#wonen a { background: url("/img/navigatie/wonen.gif") transparent no-repeat; width: 53px;}
li#wonen.current a, li#wonen a:hover { background: url("/img/navigatie/wonen-on.gif") transparent no-repeat; }

/* zorg */
li#zorg/* hide ie5 */{ background: url("/img/navigatie/zorg-on.gif") transparent no-repeat; width: 91px; }
li#zorg a { background: url("/img/navigatie/zorg.gif") transparent no-repeat; width: 91px;}
li#zorg.current a, li#zorg a:hover { background: url("/img/navigatie/zorg-on.gif") transparent no-repeat; }

/* seks */
li#seks/* hide ie5 */{ background: url("/img/navigatie/seks-on.gif") transparent no-repeat; width: 40px; }
li#seks a { background: url("/img/navigatie/seks.gif") transparent no-repeat; width: 40px;}
li#seks.current a, li#seks a:hover { background: url("/img/navigatie/seks-on.gif") transparent no-repeat; }

/* drugs */
li#drugs/* hide ie5 */{ background: url("/img/navigatie/drugs-on.gif") transparent no-repeat; width: 46px; }
li#drugs a { background: url("/img/navigatie/drugs.gif") transparent no-repeat; width: 46px;}
li#drugs.current a, li#drugs a:hover { background: url("/img/navigatie/drugs-on.gif") transparent no-repeat; }

/* recht */
li#recht/* hide ie5 */{ background: url("/img/navigatie/recht-on.gif") transparent no-repeat; width: 44px; }
li#recht a { background: url("/img/navigatie/recht.gif") transparent no-repeat; width: 44px;}
li#recht.current a, li#recht a:hover { background: url("/img/navigatie/recht-on.gif") transparent no-repeat; }

/* geld */
li#geld/* hide ie5 */{ background: url("/img/navigatie/geld-on.gif") transparent no-repeat; width: 40px; }
li#geld a { background: url("/img/navigatie/geld.gif") transparent no-repeat; width: 40px;}
li#geld.current a, li#geld a:hover { background: url("/img/navigatie/geld-on.gif") transparent no-repeat; }

/* vrije_tijd */
li#vrije_tijd/* hide ie5 */{ background: url("/img/navigatie/vrije_tijd-on.gif") transparent no-repeat; width: 61px; }
li#vrije_tijd a { background: url("/img/navigatie/vrije_tijd.gif") transparent no-repeat; width: 61px;}
li#vrije_tijd.current a, li#vrije_tijd a:hover { background: url("/img/navigatie/vrije_tijd-on.gif") transparent no-repeat; }

/* --------------------------------------------- SUBNAVIGATIE : home | activiteiten | adressen --------------------------------------------- */
#subnavigatie { position: absolute; top: 0; font: 110% "Arial Narrow", "Arial", "Helvetica", sans-serif; left: 440px; }
#subnavigatie ul { list-style: none; padding: 0; margin: 0; height: 27px; width: 400px; }
#subnavigatie li { margin: 0; display: block; float: left; padding: 7px 15px 0 15px; border-left: 1px solid white; }
#subnavigatie li a { text-decoration: none; font-weight: bold; margin: 0; }
#subnavigatie li a:link, #subnavigatie li a:visited { color: #fff; }
#subnavigatie li a:hover, #subnavigatie li.current a:link, #subnavigatie li.current a:visited { color: #930; }
    
/* --------------------------------------------- IMAGE BALK --------------------------------------------- */
.header { height: 111px; border-top: 1px solid #F08200; /*border-bottom: 1px solid #D55800;*/ background: url(../img/headers/default.jpg) left top no-repeat; }

#id-11 { background: url(../img/headers/home.jpg) left top no-repeat; }
#id-12 { background: url(../img/headers/activiteiten.jpg) left top no-repeat; }
#id-13 { background: url(../img/headers/adressen.jpg) left top no-repeat; }
#id-1 { background: url(../img/headers/school.jpg) left top no-repeat; }
#id-2 { background: url(../img/headers/werken.jpg) left top no-repeat; }
#id-4 { background: url(../img/headers/wonen.jpg) left top no-repeat; }
#id-5 { background: url(../img/headers/zorg.jpg) left top no-repeat; }
#id-6 { background: url(../img/headers/seks.jpg) left top no-repeat; }
#id-7 { background: url(../img/headers/drugs.jpg) left top no-repeat; }
#id-8 { background: url(../img/headers/recht.jpg) left top no-repeat; }
#id-9 { background: url(../img/headers/geld.jpg) left top no-repeat; }
#id-10 { background: url(../img/headers/vrije_tijd.jpg) left top no-repeat; }
#id-14 { background: url(../img/headers/vragen.jpg) left top no-repeat; }
#id-16 { background: url(../img/headers/zoeken.jpg) left top no-repeat; }

/* --------------------------------------------- CENTER --------------------------------------------- */
#center { width: 740px; background: transparent url(/img/spacer.gif) 0% 0% repeat-y; }

/* --------------------------------------------- BIG ARROW --------------------------------------------- */
#vraag { height: 100px; }
#vraag img { position: absolute; top: 155px; height: 56px; margin-left: 570px; background: transparent; }
#vraag a img { border: none; }

#grayArrow { width: 87px; height: 100px; position: relative; bottom: 87px; margin-left: 653px; }

/* --------------------------------------------- CONTENT --------------------------------------------- */
.content
{
	color: #333;
	width: 352px;
	float: left;
	/*margin: 0 0 2px 2px;*/
	/* double float margin bug, so removed margin here */
	padding: 25px 20px 40px 20px;
	font-size: 80%;
	line-height: 150%;
}

.content p { color: #333; line-height: 150%; text-align: left; margin: 0 0 10px 0; }
.content blockquote { line-height: 150%; }
.content li { line-height: 120%; color: #c60; margin: 0 0 8px 0; }
.content li a { color: #c60; }
.content h1 { color: #333; font: 160% "Arial", "Helvetica", sans-serif; padding: 0 0 10px 0; }
.content h2 { color: #333; margin: 15px 0 5px 0; font: bold 130% "Arial", "Helvetica", sans-serif; }
.content h3 { color: #333; font-weight: bold; font-size: 100%; margin: 15px 0 0 0; }
.content p.posted { color: #999; border-top: 1px solid #999; text-align: left; margin-bottom: 25px; line-height: normal; padding: 3px; }
.content img { padding: 2px; border: 1px solid #ccc; }

/* --------------------------------------------- RIGHT --------------------------------------------- */
#right { float: right; width: 180px; margin: 0 0 150px 0; font-size: 90%; background: transparent url(/img/headers/bottom-arrow.jpg) left top no-repeat; }
#right a:link, #right a:active { color: #465459; }
#right ul, #right li { text-indent: 0; margin: 0; }
#right li, #right p { text-indent: 0; margin: 6px 0 8px 0; }

#powered { margin: 0 0 0 10px; padding: 25px 0 0 0; }

#right h2 { font: bold 80%/120% "Arial", "Helvetica", sans-serif; color: #c60; }
#right h3 { font: bold 100%/120% "Arial", "Helvetica", sans-serif; color: #666; }

/* Zoeken */
#right #zoeken { background: #EEE3CC; background: #F1ECE3; padding: 0 5px 0 10px; margin: 50px 0 25px 1px; line-height: 1.2em; border-top: 1px solid #E8DFCE; border-bottom: 1px solid #E8DFCE; }
#right form { margin: 10px 0 10px 0; }
#zoeken input { margin: 0; line-height: 1.2em; }
#zoeken .zoekveld { width: 100px; }
h2.zoek { border-top: 1px dotted #999; padding: 10px 0 0 0; margin-top: 0; }

/* special home styles */
#homepage .content {  border: none; }
#homepage #left {  border: none; }
#homepage #right .sidebar { padding: 0; }

/* newsblock right */
#newsblock {
	margin: 0 0 0 1px;
	border: 1px solid #D9D8BF;
	padding: 3px;
	background: #EFEED9;
	width: 170px;
	\width: 170px/* hide mac */
    w\idth: 160px/* hide ie5 pc */	
    }
#innerblock { background: #EFEED9; padding: 5px 0 0 5px; }
#newsblock li { padding-left: 13px; background: url(../img/newsdots.gif) 0pt 4pt no-repeat; }
#newsblock h2 { background: url(../img/headerNewsblock.gif) repeat-x; height: 62px; }
	
/* --------------------------------------------- LEFT --------------------------------------------- */
#left { float: left; width: 154px; background: transparent; }
#left a:link, #left a:active { color: #2B414C; }
#left a:visited { color: #839098; }
#left li.current { font-weight: bold; }

.sidebar { padding: 15px; }
.sidebar ul { padding-left: 0px; margin: 0 0 30px 0; }
.sidebar li { font: 80%/130% "Arial", "Helvetica", "Trebuchet MS", sans-serif; margin: 12px 0 0 0; list-style-type: none; }
.sidebar p { font: 70%/130% "Arial", "trebuchet ms", sans-serif; margin: 0; color: #333; }
.link-note { font: x-small "Verdana", "Arial", sans-serif; line-height: 150%; text-align: left; padding: 2px; margin-bottom: 15px; }

li#veelgestelde_vragen { border-top: 1px solid #e6e6e6; padding-top: 6px; margin-top: 20px; }
/* special home styles left */
#homepage #left .sidebar { padding: 5px 10px 15px 5px; }
#left .sidebar h2 { color: #c60; font: bold 110%/110% "Arial", "Helvetica", sans-serif; padding: 20px 0 5px 15px; border-top: 1px solid #e7e7e7; } #left .sidebar h2 a:link { color: #c60; }
#left .sidebar h2 a:visited { color: #c60; }
#left .sidebar h2 a:hover { color: #2B414C; }
#homepage #left .sidebar p { padding: 0 0 20px 15px; font: 70%/140% "Trebuchet MS", "Arial", sans-serif; margin: 0; color: #333; }

/* Vragenformulier */
.error strong { color: #C30; font-size: 120%; }
.error img { padding-right: 3px; margin-bottom: -2px; border: none; }