/*	aow_jongeren.css
	©2008 francky, www.developerscorner.nl
*/


/* === xtra css voor jongeren-paginas === */

html {
	background: #20304B url(http://www.aowomhoog.nl/images/denim15.gif); /* 50% 0; */
	background-attachment: fixed;
	}

body.jongeren { 
	background: url(http://www.aowomhoog.nl/images/denim2color.gif) repeat-y; 
	background-attachment: fixed;
	font-size: 90%; 
	}
.jongeren h2 {
	margin-top: .5em;
	background: #FAFAFA; 
	background: #EBFFFB; 
	color: #000080; 
	}
#jongeren-digitaal { position: absolute; top: 7px; right: 80px; color: #00FF00; background: inherit; }
#jongeren-digitaal a { padding: 1px 10px 3px 10px; background: #000080; color: white; border: 1px solid red; }
#jongeren-digitaal a:hover { background: white; color: #000080; }

#bovenmenu { text-align: center; margin-bottom: 1em; }

#contentkolom {
	height: 1%; /* IE correction */
	margin: 10px 10px 0 18em;
	background: transparent;
	color: #000000;
	padding: 5px 0 10px 0; 
	border: 1px solid red;
	border: none;
	}

#content { margin-top: 15px; }
#content p { font-family: verdana, arial, sans-serif; font-size: .9em; }
#content li { font-family: verdana, arial, sans-serif; font-size: .9em; }
#content p strong { font-family: arial, verdana, sans-serif; font-size: 1em; }
#content li strong { font-family: arial, verdana, sans-serif; font-size: 1em; }

.buitenrand { 
	border-top: 2px solid #B3B300;
	border-right: 2px solid #FFFF7F;
	border-bottom: 2px solid #FFFF7F;
	border-left: 2px solid #B3B300;
	margin-bottom: 10px;
	}

h1 {
	margin: 0; 
	padding: 2px 0 2px 4px;
	border-top: 2px solid #FFFF7F;
	border-right: 2px solid #B3B300;
	border-bottom: 2px solid #B3B300;
	border-left: 2px solid #FFFF7F;
	background: #000080 url(http://www.aowomhoog.nl/images/aowjong-h1bg.gif) no-repeat 100% 100%;
	color: #FFFFFF;	
	}

.tips { margin-top: 0;
	border-top: 3px solid #FFFF7F;
	border-right: 2px solid #B3B300;
	border-bottom: 2px solid #B3B300;
	border-left: 3px solid #FFFF7F;
	background: white;
	color: inherit;
}
.tips ol { padding-top: 5px; }
.tips li { padding-top: 0; }

.antwoordClose {
	text-align: right;
	}
.antwoordClose a img {
	background: url(http://www.aowomhoog.nl/images/kruisje15x15.gif);
	}
.antwoordClose a:hover img {
	background-position: 0 -15px; }


#menucolumn {
	font-size: 110%;
	}
#menucolumn li a {
	background: #F0F0F0 url(http://www.aowomhoog.nl/images/aowjong-menubg.gif) no-repeat 100% 100%;
	}

#menucolumn li a:hover,
#menucolumn li a:focus {
	background: #CFE5F1 url(http://www.aowomhoog.nl/images/aowjong-menuhoverbg-ani.gif) 0 50%;
	color: #08086B;
	}

.lijntje { 
	height: 10px; 
	line-height: 0;
	font-size: 0;
	background: url(http://www.aowomhoog.nl/images/lijntje4px.gif) repeat-x 0 100%;
	}

#serviceblok { text-align: center; }
#serviceblok p { 
	margin: 15px 0;
	display: inline-block; 
	text-align: left;
	width: 375px; height: 20px; 
	background: url(http://aowomhoog.nl/images/serviceblok375x20.gif);
	line-height: 10px;
	font-size: 10px;
	}
#serviceblok img { vertical-align: bottom; }
#serviceblok a { margin-top: 0; padding: 0; }

a#mailFriend { 
	margin-left: 33px;
	width: 70px; height: 20px;
	background: none;
	}
a:hover#mailFriend img { 
	background: url(http://aowomhoog.nl/images/serviceblok375x20.gif) -34px -20px;
	}

a#makeFav { 
	margin-left: 36px;
	width: 66px; height: 20px;
	background: none;
	}
a:hover#makeFav img { 
	background: url(http://aowomhoog.nl/images/serviceblok375x20.gif) -140px -20px;
	}

a#printPage { 
	margin-left: 36px;
	width: 130px; height: 20px;
	background: none;
	}
a:hover#printPage img { 
	background: url(http://aowomhoog.nl/images/serviceblok375x20.gif) -242px -20px;
	}

a.afkobutton, a.antwoordbutton, a.andersbutton  {
	position: relative;
	padding: 0 !important; 
	top: -5px !important;
	text-decoration: none;
	z-index: 2;
	}
span.afkobutton, span.antwoordbutton, a.andersbutton  {
	position: relative;
	top: 10px;
	z-index: 0 !important;
	font-size: .8em;
	}
a.afkobutton img {
	background: url(http://www.aowomhoog.nl/images/afkos-button54x21.gif);
	}
a:hover.afkobutton img { background-position: 0 -21px; }

a.antwoordbutton img {
	background: url(http://www.aowomhoog.nl/images/antwoord-button80x21.gif);
	}
a:hover.antwoordbutton img { background-position: 0 -21px; }

a.andersbutton img {
	background: url(http://www.aowomhoog.nl/images/anders-button80x21.gif);
	}
a:hover.andersbutton img { background-position: 0 -21px; }

#afkos {
	border-top: 3px solid #8DA5CE;
	border-right: 3px solid #223661;
	border-bottom: 3px solid #223661;
	border-left: 3px solid #8DA5CE;
	background: #E1FFFF;
	color: #004000;
	margin-bottom: 5px;
	}
#afkos ul { margin-top: 10px; list-style: none; margin-left: 0; padding-left: 0; }
#afkos li, #afkos li strong { text-indent: .37em; margin-bottom: 5px; line-height: 120%; font-family: "Lucida Console", "Courier New", courier, monospace; }
#afkos li span, #afkos p { font-family: verdana, arial, sans-serif; font-size: .9em; color: #800000; background: inherit; }
#afkos strong { color: #223661; background: #E1FFFF; }

.formule { margin: 5px 0 15px 25px; }
.comment { color: #800000; background: inherit; }
.comment em { color: #004040; background: inherit; }
ul.politiek { padding-bottom: 5px; }
.politiek li { 
	margin-top: 10px !important; 
	border-bottom: 1px solid #C0C0C0; 
	}

	


a#asterix {margin-left: 30px; }
a#asterix img { 
	width: 94px; height: 84px; 
	background: url(http://www.aowomhoog.nl/images/heelgallie94x84x3.gif); 
	}
a:hover#asterix img { background-position: -94px 0; }
#heelgallie a#asterix img { background-position: -188px 0; cursor: default; }

a#hangsportief img { 
	width: 104px; height: 129px; 
	background: url(http://www.aowomhoog.nl/images/doemee104x129x3.gif) -104px 0; 
	}
a:hover#hangsportief img { background-position: 0 0; }
#doeookmee a#hangsportief img { background-position: -208px 0; cursor: default; }

a#spons {margin-left: 20px; }
a#spons img { 
	width: 147px; height: 111px; 
	background: url(http://www.aowomhoog.nl/images/sponsor147x111x3.gif); 
	}
a:hover#spons img { background-position: 0 -111px; }
#sponsor a#spons img { background-position: 0 -222px; cursor: default; }

a#tuin {margin-left: 20px; }
a#tuin img { 
	width: 154px; height: 104px; 
	background: url(http://www.aowomhoog.nl/images/tuin154x104x3.gif); 
	}
a:hover#tuin img { 
	background-position: 0 -104px; 
	}
#nietrijk a#tuin img { background-position: 0 -208px; cursor: default; }

a#radio {margin-left: 20px; }
a#radio img { 
	width: 160px; height: 100px; 
	background: url(http://www.aowomhoog.nl/images/radio-binnenhof160x100x2.gif); 
	}
a:hover#radio img { background-position: 0 -100px; }

#plukbox { margin: 20px 0; }

a#pluk {margin-left: 10px; }
a#pluk img { 
	width: 175px; height: 105px; 
	background: url(http://www.aowomhoog.nl/images/pluklijst175x105x2.gif); 
	}
a:hover#pluk img { background-position: 0 -105px; }

a#materiaal {margin-left: 10px; }
a#materiaal img { 
	margin-top: 0px;
	width: 70px; height: 100px; 
	background: url(http://www.aowomhoog.nl/images/affiche70x100x2.gif); 
	}
a:hover#materiaal img { background-position: -70px 0; }

a#idee {margin-left: -5px; }
a#idee img { 
	margin-top: -20px;
	width: 104px; height: 137px; 
	background: url(http://www.aowomhoog.nl/images/idee104x137x3.gif); 
	}
a:hover#idee img { background-position: -104px 0; }
#ideepag a#idee img { background-position: -208px 0; cursor: default; }

a#weetjes { margin-left: 7px; }
a#weetjes img { 
	margin-top: 10px; 
	width: 104px; height: 129px; 
	background: url(http://www.aowomhoog.nl/images/aoweetjes104x129x3.gif); 
	}
a:hover#weetjes img { background-position: -104px 0; }
#aoweetjes a#weetjes img { background-position: -208px 0; cursor: default; }

a#val {margin-left: 7px; }
a#val img { 
	margin-top: 20px; 
	width: 54px; height: 104px; 
	background: url(http://www.aowomhoog.nl/images/crosser54x104x3.gif); 
	}
a:hover#val img { background-position: -54px 0; }
#pasop a#val img { background-position: -108px 0; cursor: default; }

/* === knopjes voor div. pagina's === */

/*
#afkos { margin-top: -.3em; margin-bottom: .5em; }
#afkos a img { background: url(http://www.aowomhoog.nl/images/afkos-button54x21.gif); }
#afkos a:hover img { background-position: 0 -21px; } 
*/

li.bgvakje { line-height: 140% !important; }
.bgvakje a { 
	padding-left: 20px !important;
	background: url(http://www.aowomhoog.nl/images/vakjeleeg15x15.gif) no-repeat 0 2px;
	}

#antwoordklik, #antwoord, #lonen { background: #F1FFF1; color: inherit; }

a.gevolgbutton  {
	position: relative;
	padding: 0 !important; 
	top: -5px !important;
	text-decoration: none;
	z-index: 2;
	}
span.gevolgbutton{
	position: relative;
	top: 10px;
	z-index: 0 !important;
	font-size: .8em;
	}
a.gevolgbutton img {
	background: url(http://www.aowomhoog.nl/images/gevolg-button65x21.gif);
	}
a:hover.gevolgbutton img { background-position: 0 -21px; }

#gevolg, #valtips01, #anders { border: 1px solid #C0C0C0; padding: 0 10px; }
#anders { background: #E4EBF8; color: inherit; }

#yes a img { 
	width: 135px; height: 110px; 
	background: url(http://www.aowomhoog.nl/images/yes-digi135x110x2.png);
	}
#yes a:hover img { background-position: 0 -110px; }
	
/* === */