/********** Jongeren **********/


* { margin:0; padding:0; }

body {
background: #008FD5 url(../media/jongeren/bg-x.jpg) repeat-x;
font-size: 8pt;
font-family: Verdana, Arial, Sans-Serif;
color: #313131;
line-height: 13pt;
}

ul {margin: -10px 0px 20px 75px}

/********** Frame **********/

#container {
width: 960px;
margin: 0 auto 0;
}

/********** Top navigatie **********/

#top_navigatie {
width: 960px;
height: 40px;
overflow: hidden;
}

#topnav_list {
float: left;
width: 875px;
height: 40px;
}

#topnav_list ul {
list-style: none;
margin: 0px 0px 0px 10px;
}

#topnav_list a {
display: block;
text-decoration: none;
border:none;
display:block;
padding: 8px 40px 0px 0px;
font-size: 10px;
font-weight: bold;
color: #252481;
}

#topnav_list a:hover {
color: #0044B8;
}

#topnav_list li {
float: left;
list-style: none;
}

#topnav_terug {
width: 75px;
height: 40px;
float: right;
text-align: right;
margin: 0px 10px 0px 0px;
}

#topnav_terug a {
display: block;
text-decoration: none;
border:none;
display:block;
padding: 8px 0px 0px 0px;
font-size: 10px;
font-weight: bold;
color: #2A3B6C;
}

#topnav_terug a:hover {
color: #0044B8;
}

/********** Navigatie **********/

#navigatie {
width: 960px;
height: 78px;
margin: 6px 0px 0px 0px;
background: url(../media/jongeren/navbar.jpg) no-repeat;
overflow: hidden;
}

#navbar_logo h2 a {
width: 90px;
height: 78px;
display: block;
font-size: 0px;
text-indent: -7777px;
margin: 0px 0px 0px 40px;
float: left;
}

#navbar_list {
width: 570px;
height: 30px;
margin: 23px 0px 0px 140px;
}

#navbar_list ul {
margin: 0px;
padding: 7px 0px 10px 0px;
background: url(../media/filternet/navbar_border.png) top right no-repeat;
}

#navbar_list li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}
    
#navbar_list a, #menu a:visited {
height: 30px;
color: #ffffff;
font-family: Verdana, Arial, Sans-Serif;
margin: 0px;
padding: 7px 15px 10px 20px;
text-decoration: none;
font-size: 13px;
background: url(../media/filternet/navbar_border.png) top left no-repeat;
}
    
#navbar_list a:hover {
color: #ade2ff;
}

/********** Content **********/

#content {width: 960px; overflow: hidden; }

/********** Content Standaard **********/

#standaard {
color: #ffffff;
width: 600px;
float: left;
}

#standaard_content_top {width: 600px; height: 10px; background: url(../media/jongeren/standaard_top.png) top center no-repeat;}

#standaard_content_center {width: 600px; background: url(../media/jongeren/standaard_main.png) center repeat-y; overflow:hidden;}

#standaard_content_bottom {width: 600px; height: 10px; background: url(../media/jongeren/standaard_bottom.png) top center no-repeat;}

#standaard h1 {
font-weight: normal;
font-size: 28px;
padding: 30px 45px 0px 45px;
margin: 0px 0px 10px 0px;
}

#standaard h2 {
color: #000000;
font-weight: normal;
font-size: 14px;
padding: 0px 45px 30px 45px;
margin: 0px 0px 30px 0px;
background: url(../media/jongeren/h2_border_bottom.png) bottom no-repeat;
}

#standaard h3 {padding: 0px 45px 0px 45px;}

#standaard p {
padding: 0px 45px 20px 45px;
margin: 0px;
line-height: 24px;
}

#standaard_button {
width: 530px;
height: 50px;
background: url(../media/jongeren/standaard_button.png) no-repeat;
margin: 10px 0px 0px 3px;
padding: 0px 0px 15px 0px;
}

#standaard_button a {
display: block;
height: 25px;
width: 175px;
float: right;
color: #ffffff;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: center;
margin: 0px 5px 0px 0px;
padding: 17px 0px 10px 0px;
}

/********** Kolom Standaard **********/

#standaard_kolom {
width: 360px;
float: right;
overflow: hidden;
}

/********** Content Standaard2 **********/

#standaard2 {
width: 600px;
float: left;
font-family: Verdana, Arial, Sans-serif;
}

#standaard2_content_top {width: 600px; height: 10px; background: url(../media/jongeren/standaard2_top.png) top center no-repeat;}

#standaard2_content_center {width: 600px; background: url(../media/jongeren/standaard2_main.png) center repeat-y; overflow: hidden;}

#standaard2_content_bottom {width: 600px; height: 10px; background: url(../media/jongeren/standaard2_bottom.png) top center no-repeat;}

#standaard2 h1 {
color: #252480;
font-weight: normal;
font-size: 30px;
padding: 30px 45px 0px 45px;
margin: 0px 0px 10px 0px;
text-transform: uppercase;
font-weight: bold;
}

#standaard2 h2 {
color: #9D077C;
font-weight: normal;
font-size: 16px;
padding: 0px 45px 30px 45px;
margin: 0px 0px 30px 0px;
background: url(../media/jongeren/h2_border_bottom.png) bottom no-repeat;
}

#standaard2 h3 {padding: 0px 45px 0px 45px;}

#standaard2 p {
padding: 0px 45px 20px 45px;
margin: 0px;
line-height: 24px;
}

/********** Kolom Standaard2 **********/

#standaard2_kolom {
width: 360px;
float: right;
overflow: hidden;
font-family: Verdana, Arial, Sans-serif;
}

#standaard_block_top {
width: 305px;
height: 94px;
padding: 35px 20px 25px 35px;
background: url(../media/jongeren/block_top.png) center no-repeat;
margin: 0px 0px 16px 0px;
}

#standaard_block_top p a {
width: 115px;
height: 30px;
diplay: block;
color: #ffffff;
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-size: 9px;
font-weight: bold;
float: right;
margin: 0px 10px 0px 0px;
padding: 4px 0px 0px 0px;
position: relative;
bottom: -23px;
}

#standaard_block_top h2 {
color: #ffffff;
font-size: 20px;
font-weight: bold;
}

#standaard_block_top h3 {
color: #ffffff;
font-size: 12px;
font-weight: bold;
margin: 10px 0px 0px 0px;
}

#standaard_block_uitrekbaar {
margin: 0px 0px 16px 0px;
}

/********** Kolom algemeen **********/

#standaard_block_middle {
width: 305px;
height: 160px;
padding: 40px 20px 20px 35px;
background: url(../media/jongeren/block_fixed.png) center no-repeat;
margin:0px 0px 30px 0px;
}

#standaard_block_middle h3 {
color: #0054A6;
font-size: 12px;
font-weight: bold;
}

#standaard_block_middle p {
width: 120px;
line-height: 22px;
margin: 5px 0px 0px 0px;
}

#standaard_block_middle a {
width: 117px;
height: 26px;
margin: 10px 10px 0px -3px;
padding: 5px 0px 0px 0px;
background: url(../media/jongeren/button.png) no-repeat;
display: block;
text-align: center;
position: relative;
bottom: 0px;
text-decoration: none;
font-size: 10px;
font-weight: bold;
color: #434343;
}

#standaard_block_middle a {
width: 117px;
height: 26px;
margin: 10px 10px 0px -3px;
padding: 5px 0px 0px 0px;
background: url(../media/jongeren/button.png) no-repeat;
display: block;
text-align: center;
position: relative;
bottom: 0px;
text-decoration: none;
font-size: 10px;
font-weight: bold;
color: #434343;
}

a:hover.block_button {
color: #0054A6;
}

#standaard_block {
width: 360px;
margin: 0px 0px 0px 0px;
overflow: hidden;
}

#standaard_block_bottom_top{
width: 360px;
height: 10px;
background: url(../media/jongeren/standaard_block_top.png) center no-repeat;
}

#standaard_block_bottom_top p {
font-size: 0px;
text-indent: -7777px;
}

#standaard_block_bottom_bottom {
width: 360px;
height: 10px;
background: url(../media/jongeren/standaard_block_bottom.png) center no-repeat;
}

#standaard_block_bottom_bottom p {
font-size: 0px;
text-indent: -7777px;
}

#standaard_block_bottom {
width: 290px;
background: url(../media/jongeren/standaard_block_bgy.png) center repeat-y;
padding: 20px 35px 20px 35px;
overflow: hidden;
}

#standaard_block_bottom h3 {
color: #000000;
font-size: 12px;
font-weight: bold;
}

#standaard_block_bottom p {
line-height: 22px;
margin: 5px 0px 0px 0px;
}

#standaard_block_bottom img {
margin: -25px 0px -25px 0px;
}

/********** Standaard3 **********/

#standaard3_top {
width: 960px;
height: 10px;
background: url(../media/jongeren/standaard3_top.png) center no-repeat;
}

#standaard3 {
width: 960px;
background: url(../media/jongeren/standaard3_main.png) center repeat-y;
overflow: hidden;
}

#standaard3_bottom {
width: 960px;
height: 10px;
background: url(../media/jongeren/standaard3_bottom.png) center no-repeat;
}

#standaard3_links {
width: 480px;
float: left;
}

#standaard3_rechts {
width: 480px;
float: right;
}

#standaard3 h1 {
color: #0054A6;
font-weight: normal;
font-size: 30px;
padding: 30px 45px 0px 45px;
margin: 0px 0px 10px 0px;
}

#standaard3 h2 {
color: #96A300;
font-weight: normal;
font-size: 14px;
padding: 0px 45px 30px 45px;
margin: 0px 0px 30px 0px;
background: url(../media/jongeren/standaard3_h2_border_bottom.png) bottom no-repeat;
}

#standaard3 h3 {padding: 0px 45px 0px 45px;}

#standaard3 p {
padding: 0px 45px 20px 45px;
margin: 0px;
line-height: 24px;
}

#standaard3 a.standaard3_button {
width: 155px;
height: 30px;
float: right;
color: #ffffff;
background: url(../media/jongeren/standaard3_button.png) no-repeat;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-weight: bold;
margin: 10px 40px 10px 0px;
padding: 14px 0px 0px 0px;
}

/********** Portaal **********/

#portaal_header {
width: 960px;
height: 380px;
background: url(../media/jongeren/portaal_content.jpg) no-repeat;
}

#portaal_titel {
width: 960px;
height: 115px;
padding: 30px 0px 0px 0px;
}

#portaal_titel a {
width: 140px;
height: 110px;
display: block;
margin: -60px 10px 0px 0px;
padding: 0px;
font-size: 0px;
text-indent: -7777px;
float: right;
}

#portaal_header h1 {
font-size: 0px;
text-indent: -7777px;
}

#portaal_header h2 {
font-size: 0px;
text-indent: -7777px;
}

#portaal_content {
width: 400px;
margin: 0px 0px 0px 50px;
padding: 0px;
}

#portaal_content p {
font-size: 11px;
line-height: 26px;
color: #000000;
margin: 0px;
}

#portaal_button a {
width: 175px;
height: 38px;
display: block;
margin: 0px 0px 0px 355px;
padding: 10px 0px 0px 0px;
color: #ffffff;
text-transform: uppercase;
font-size: 13px;
font-weight: Bold;
text-decoration: none;
text-align: center;
position: absolute;
top: 412px;
}

/********** Portaalfooter **********/

#portaal_footer {
width: 960px;
height: 200px;
background: url(../media/jongeren/portaal_footer.jpg) no-repeat;
margin: 0px 0px 20px 0px;
color: #000000;
line-height: 24px;
font-size: 11px;
}

#portaal_bekijk {
width: 570px;
height: 132px;
float: left;
margin: 0px 0px 0px 25px;
padding: 20px 0px 0px 0px;
overflow: hidden;
}

#portaal_bekijk_vb {
width: 300px;
float: left;
}

#portaal_bekijk_go {
width: 250px;
float: right;
}

#portaal_footer h3 {
font-size: 16px;
}

#portaal_bekijk_vb a img {
border: 1px solid;
border-color: #cccccc;
}

a.button {
width: 117px;
height: 28px;
margin: 0px 10px 0px 0px;
padding: 2px 0px 0px 0px;
background: url(../media/jongeren/button.png) no-repeat;
display: block;
text-align: center;
float: right;
position: relative;
bottom: 0px;
text-decoration: none;
font-size: 10px;
font-weight: bold;
color: #ffffff;
}

a:hover.button {
color: #F3F3F3;
}

#portaal_overvisie {
width: 310px;
height: 132px;
float: right;
overflow: hidden;
margin: 0px 25px 0px 0px;
padding: 20px 0px 0px 0px;
}

/********** Footer **********/

#footer {
width: 960px;
height: 34px;
background: url(../media/jongeren/footer_bar.png) no-repeat;
margin: 26px 0px 20px 0px;
}


/********** extra **********/

img.alignright {float:right; margin:0 0 10px 10px}
img.alignleft {float:left; margin:0 0px 0px -20px}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 10px 10px; border-style:none;}
a img.alignleft {float:left; margin:0 10px 10px 0; border-style:none;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border-style:none;}


/********** Custom formulieren **********/

.fbox {
border: solid 1px #000000;
font-size: 11px;
height: 15px;
padding: 4px 0px 0px 3px;
}

.fbutton {
width: 533px;
height: 55px;
margin: 0px 0px 0px -7px;
padding: 0px;
border: 0;
font-weight: bold;
text-transform: uppercase;
background: transparent url(../media/jongeren/fbutton.png) no-repeat;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */

font-size: 0px;
display:block;
line-height: 0px;
}

#standaard2 div.AxForm {
  display: block;
  margin: 0 0 0 45px;
  padding: 0 0 20px 0;
}

#custom_eo_form {
color: #313131;
overflow: hidden;
margin-left: 47px;
}

#custom_eo_form .form-line
{
    margin-bottom: 1em;
    width:550px;
    overflow:hidden;       
}

#custom_eo_form .form-element 
{
    display: inline;
    float:left;
}

#custom_eo_form .form-element label
{
    padding-right:5px;
}

#custom_eo_form .width-18
{
    width:18px;
}

#custom_eo_form .width-30
{
    width:30px;
}

#custom_eo_form .width-70
{
    width:70px;
}

#custom_eo_form .width-70 input
{
    width:50px;
}

#custom_eo_form .width-90 
{
    width:90px;
}

#custom_eo_form .width-95 
{
    width:95px;
}

#custom_eo_form .width-110 
{
    width:110px;
}

#custom_eo_form .width-120
{
    width:120px;
}

#custom_eo_form .width-120 input
{
   width:100px; 
}

#custom_eo_form .width-140 
{
    width:140px;
}

#custom_eo_form .width-180 
{
    width:180px;
}

#custom_eo_form span.width-180
{
    display: inline-block;
}

#custom_eo_form .width-200 
{
    width:200px;
}

#custom_eo_form .width-200 input
{
    width:180px;
}

#custom_eo_form .width-200 span input,
#custom_eo_form .width-200 span label,
#custom_eo_form .width-300 span input,
#custom_eo_form .width-300 span label
{
    float:left;
}

#custom_eo_form .width-200 span input,
#custom_eo_form .width-300 span input
{
    width:15px;
}

#custom_eo_form .width-200 span label,
#custom_eo_form .width-300 span label
{
    width:75px;
}

#custom_eo_form .width-300 
{
    width:300px;
}

#custom_eo_form input.width-18
{
    width:18px !important;
}

#custom_eo_form input.width-30
{
    width:30px !important;
}

.align-right
{
    text-align:right;
}

.cadeau_lijst {
width: 300px;
}

#custom_eo_form .form-text 
{
    padding: 0 0 20px 0
}





































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */