/* defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span,p { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-family: Georga, serif; font-size: 20px; line-height: 20px; font-weight: normal; margin: 0 0 6px 0; }

a { color: rgb(119,121,133); text-decoration: none; }
a:link { color: rgb(109,111,123); }
a:hover, a:focus { color: rgb(57,68,99); text-decoration: underline; }
a:active { color: rgb(0,0,0); }
a.current { color: rgb(0,0,0); }

#breadcrumb a { color: rgb(200,200,200);}
#breadcrumb a:link { color: rgb(200,200,200); }
#breadcrumb a:hover, a:focus { color: rgb(57,68,99); text-decoration: underline; }
#breadcrumb a:active { color: rgb(0,0,0); }
#breadcrumb a.current { color: rgb(0,0,0); }

.label a { color: rgb(200,200,200);}
.label a:link { color: rgb(200,200,200); }
.label a:hover, a:focus { color: rgb(57,68,99); text-decoration: underline; }
.label a:active { color: rgb(0,0,0); }
.label a.current { color: rgb(255,255,255); }

.articles .label { color: black;}

h1.label { margin: 0; } /* Sometimes the label is the pagetitle (list page's etcetera) no margins required */
h1 { font-size: 24px; line-height: 24px;}
h2 { font-size: 20px; line-height: 20px; }
h3 { font-size: 16.2px; line-height: 16.2px; margin-bottom: 0px; }
h2 a, h3 a { color: rgb(0,103,113); text-decoration: none; }
h2 a:link, h3 a:link { color: rgb(0,103,113); }

/* h2 a:hover, a:focus { color: rgb(250,142,0); text-decoration: underline; }
h2 a:active { color: rgb(255,104,0); } */

img { border: 0; } 
p { font-size: 14px; line-height: 18px; color: rgb(0,0,0); margin-bottom: 6px; font-family: Georgia, serif; }

em { font-style: italic; }
strong { font-weight: bold; }
input, textarea { font-family: Lucida Grande; font-size: 11.5px; }

.meta, .deeplink, .top_of_page { font: 10px Verdana, sans-serif; } /*color: rgb(109,111,123)*/
.top_of_page { display: block; margin: 12px 0;}
.clear { clear:both; }
/* // defaults */

/* header */
body { background-color: black; text-align: center; background-image: url('/static/site_media/mas_background_body.jpg'); background-repeat: no-repeat; background-position: center top; }
#all { margin: 12px auto; width: 972px; text-align: left; border-bottom-color: white; background-image: none; }
#header { height: 60px; background-image: url('/static/site_media/mas_header.png'); background-repeat: no-repeat; }
#title { display: none; }
#logo { float: left; margin: 12px 0 0 12px; } /* 36 - 6 to compensate for right margin of #main_menu a */

#user_menu { float: right; font-size: 9.5px; font-family: Verdana; height: 20px; margin-bottom: 10px; margin-right: 24px; }
#user_menu li { display: block; float: left; list-style-type: none; }
#user_menu a { display: block; color: rgb(215,222,220); background-color: rgb(56,58,73); padding: 3px 4px; margin-right: 3px; text-decoration: none; }
#user_menu a:hover { text-decoration: underline; color: rgb(255,178,64); }
#username { color: white; display: block; padding: 3px 4px; margin-right: 3px; text-decoration: none;}

#main_menu { float: right; margin: 0 54px 0 0; font: 14px Helvetica, Arial, Verdana, sans-serif; font-weight: normal; height: 25px; width: 511px;}
#main_menu li { display: block; float: left; list-style-type: none; }	
#main_menu a, #main_menu a:link { display: block; padding: 6px 6px 10px 6px; text-decoration: none; height: 14px; color: rgb(255,242,236);  } /* */
#main_menu a:hover, #main_menu a:focus { color: rgb(206,227,25); }
#main_menu .current { color: rgb(206,227,25); background-image: url('/static/site_media/main_menu_current.png'); background-repeat: no-repeat; background-position: 50% 24px; }

/* // header */
#container { width: 948px; padding: 0 12px 36px 12px; background-image: url('/static/site_media/mas_background_container02.jpg'); background-repeat: repeat-x; background-position: center top; background-color: black; background-repeat: no-repeat;}

#category_menu { background-color: rgb(206,227,25); min-height: 6px; }
#category_menu ul { float: right; font: 13.5px Helvetica, Arial, Verdana, sans-serif; margin-right: 48px; clear: both;}
#category_menu li { display: block; float: left; list-style-type: none; }	
#category_menu a { display: block; padding: 7px 6px 6px 6px; text-decoration: none; color: rgb(109,111,113); }
#category_menu a:hover, #category_menu a:focus { color: rgb(0,0,0); }
#category_menu .current { color: rgb(0,0,0); }

#breadcrumb { font: 10px Verdana, sans-serif; display: block; padding: 5px 0 6px 0; margin-bottom: 24px; width: 800px; color: white;}


/* column's */
/* Default positioning of columns and shadows */
.column, .last_column { float: left; margin-bottom: 24px; margin-right: 12px; overflow: hidden; padding-bottom: 6px; background-repeat: no-repeat; background-position: 0% 100%; }
.last_column { margin-right: 0; }
.wide { width: 420px; background-image: url('/static/site_media/shadow_wide.png'); }
.normal_plus { width: 360px; background-image: url('/static/site_media/shadow_normal_plus.png'); }
.normal { width: 276px; background-image: url('/static/site_media/shadow_normal.png'); }
.small { width: 228px; background-image: url('/static/site_media/shadow_small.png'); }
.small2 { width: 222px; background-image: url('/static/site_media/shadow_small.png'); }

.extra_small { width: 180px; background-image: url('/static/site_media/shadow_extra_small.png'); }
/* // column's */

.label { display: block; padding: 6px 0 6px 0; font: 12px Helvetica, Arial, Verdana, sans-serif; color: white;}

/* article */
/* Default spacing between articles in a column */
.articles { padding: 0 6px; background-color: white; } /* rgb(255,242,236);*/
.article, .single_article, .last_article { padding: 9px 0 12px 0; border-bottom: 1px dashed rgb(69,87,104); width: auto; }
.single_article, .last_article { border-bottom: 0; }
/* article */

/* sub_menu */
.sub_menus { float: left; margin-right: 12px; font-family: Georgia, Serif; font-size: 14px;}
.sub_menu { padding-bottom: 6px; background-repeat: no-repeat; background-position: 0% 100%; }
.sub_menu ul { display: block; padding: 6px; background-color: white; }
.sub_menu li { list-style-type: none; margin-bottom: 6px; }
.sub_menu a { display: block;  }
/* // sub_menu */

/* flipper */
.flipper { font-size: 28px; line-height: 28px; font-weight: bold; }
.flipper ul { background-color: white; height: 28px;} /* rgb(255,242,236) */
.flipper li { width: 84px; float: left; }
.flipper a { display:block;}
.flipper { clear: both; }
.flipper .end { color: rgb(230,230,230); }

.flipper2 { font-size: 28px; line-height: 28px; font-weight: bold; }
.flipper2 ul { background-color: white; height: 28px;} /* rgb(255,242,236); */
.flipper2 li { width: 90px; float: left; }
.flipper2 a { display:block;}
.flipper2 { clear: both; }
.flipper2 .end { color: rgb(230,230,230); }
/* // flipper */

/* .content */
/* Typography of content blocs */
.content ul, .content ol { margin: 0 0 12px 36px; }
.content li, .content li { font-size: 15px; margin-bottom: 2px; }
.content img { display: block;}

#table_of_contents li { line-height: 16px; }	
.toc_h2 { margin-left: 0; }
.toc_h3 { margin-left: 24px; }
/* // content */

/* footer */
#footer { height: 340px; padding: 24px 12px; background-image: url('/static/site_media/footer.png'); background-repeat: no-repeat; }
#footer .label { color: rgb(56,58,73); }
#footer_address, #footer_disclaimer { float: left; width:132px; margin-right: 12px; }
#footer_address p {color: rgb(109,111,113); font-size: 11px; line-height: 12px;}
#footer_disclaimer {}
#footer_dwo { float: right; margin: 6px 12px 0 0; }
/* // footer */

/* Home exceptions */
#column_home { width: 288px; float:left; }
#column_home p { font-size: 16px; line-height: 20px; }
#id_zoekterm { width: 162px; }
#id_gemeente { width: 120px; }
#id_submit { width: 46px; }
#column_nieuws h2 { font-size: 20px; line-height: 20px;}
#column_vacaturebank h2, #column_communicatie h2 { font-size: 16.2px; line-height: 18.2px; margin: 0;}
#column_vacaturebank .black { color: black; }
#column_vacaturebank .gray {color: gray;}
#column_vacaturebank h2 .meta { color: rgb(109,111,123); }
#column_vacaturebank h2:hover .meta, h2:focus .meta { color: rgb(57,68,99); }
#column_vacaturebank h2:active .meta { color: rgb(0,0,0); }
/* // home */

/* News exeptions */
#sub_menu_news { margin-right: 108px; }
#news_list h2 { margin: 0; font-size: 20px; line-height: 20px;}
#news_list .article { padding-bottom: 9px;}
#news_list a { display: block;}
.news_image { float: left; margin-top: 26px; padding-bottom: 6px; background-image: url('/static/site_media/shadow_small.png'); background-repeat: no-repeat; background-position: 0% 100%; }
/* // news */

/* Page exeptions */
#sub_menu_page { margin-right: 60px; }
/* // news */

/* Contact exeptions */
#sub_menu_contact { margin-right: 60px; }
#sub_menu_about { margin-right: 60px; }
#contactformulier th, #inschrijfformulier th { width: 108px; font-weight: normal; padding-top: 4px;}
#id_aanspreekvorm, #id_vrijwilliger_aanspreekvorm { width: 66px; margin-right: 6px; }
#id_name { width: 216px;}
#id_email, #id_subject, #id_address, #id_zipcode, #id_city, #id_phone, #id_organisation, #id_participant_count, #id_participant_names { width: 288px; }
#id_message, #id_remarks { width: 292px; }

/* Vacaturebank exceptions */
#vacaturebank_search_form form { display: block; padding: 6px; background-color: white; width: 218px; } /* rgb(255,242,236);*/
#results { width: 432px; float:left; }
#sub_menu_vacaturebank { margin-right: 60px; }
#sub_menu_vacaturebank .sub_menu li a { display: inline;}
.x { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; color: rgb(176,17,22);}
.remove:hover { text-decoration: none; }
.remove:hover .value { text-decoration: line-through; }

#first_column { width: 288px; float:left; }
#quote { width: 240px; margin-left:24px; }
#quote img { padding-bottom: 6px; width: 228px; background-image: url('/static/site_media/shadow_small.png'); background-repeat: no-repeat; background-position: 0% 100%; margin-bottom: 12px; margin-top:52px;}
#quote p { font-family: Georgia; font-style: italic; font-size: 20px; line-height: 20px; color: rgb(255,255,255); text-shadow: rgb(0,0,0) 1px 1px 2px; }
.page_quote { float:right; }

#vacaturebank_list .article, #vacaturebank_list .last_article { padding: 0; }
#vacaturebank_list a { display: block; padding:9px 0 12px; }
#vacaturebank_list .meta, #vacaturebank_vacature .meta { display: block; margin-bottom: 2px; color: rgb(99,101,113);}  
#vacaturebank_list .title { font-size: 20px; line-height: 20px; font-family: Georga serif; }
#vacaturebank_list a .title, #vacaturebank_list a .title { color: rgb(0,103,113); text-decoration: none; }
#vacaturebank_list a:hover .title, #vacaturebank_list a:focus .title { color: rgb(57,68,99); text-decoration: underline; }

#vacaturebank_vacature h1 { margin-bottom: 16px;}
#vacaturebank_vacature h2 { font-size: 16px; line-height: 16px; color:#006771; margin-top: 12px; margin-bottom: 3px;}
.article ul { padding-bottom: 12px; }

/* vacaturebeheer */
#vacaturebeheer h2 { margin-bottom: 0;}
#vacaturebeheer th { font-weight: normal; width: 144px; }
#label_delete { display:block; width: 288px; margin-bottom: 12px;}
#id_title, #id_functie_omschrijving, #id_wij_zoeken, #id_wij_bieden, #id_extra, #id_adres, #vacaturebeheer #id_gemeente, #id_werkgebied, #id_doelgroep { width: 220px; }

/* Account pages */
#account { margin-left: 288px; margin-top: 24px;}
#account label { width: 144px; display: block; }
#account h2 { font-size: 18px; color: rgb(0,103,113); }

/* forms */
ul.errorlist { margin: 0; }
.errorlist { color: rgb(176,17,22); }
.errorlist li { list-style-type: none; }
label { display:block; float:left; font-size:14px; padding-top:2px; }

/* Login en Profiel aanmaken */
#account #id_username, #id_password, #account #id_email, #id_password1, #id_password2,
#id_organisatie, #id_naam, #id_postcode, #id_adres, #id_plaats, #id_website,
#id_vrijwilliger_naam, #id_geboortedatum, #id_opleiding, #id_vrijwilliger_postcode
{ width: 216px; } 
#id_doelstelling { width: 220px; }

#id_password2 { margin-bottom: 24px;}

#label_wat_wilt_u_doen { display:block; float:left; font-size:14px; padding-top:2px; width: 144px;}
#wat_wilt_u_doen { list-style-type: none; height: 36px ;}
#wat_wilt_u_doen label { width: 216px; }
/* #id_submit { margin-left: 144px; } */

/* profiel */
#profiel { margin-left: 288px; margin-top: 24px;}
#profiel #id_naam { width: 144px;}
#profiel th { font-weight: normal; width: 108px; }
#label_delete { display:block; width: 288px; margin-bottom: 12px;}
#profiel #id_delete { float: left; margin-right: 6px;}
#delete_check { margin-bottom: 12px; display: block; }

#favorieten { margin-left: 288px; } 

#messages { width: 754px;  background-image: url('/static/site_media/shadow_extra_wide.png'); margin-right: 0;}
#messages table, #compose table { width: 100%; }
#messages td { border-top: 1px dashed rgb(69,87,104); padding: 6px 3px 0 0;}
#messages th, #messages th label, #compose th, #compose th label { font: 10px Verdana, sans-serif; vertical-align: top;}
#messages td { vertical-align:top;}

#id_recipient, #id_subject, #id_body { width: 288px; }

/* Messages */
.message-headers { font: 10px Verdana, sans-serif; margin-bottom: 12px; padding: 0 0 12px 0; border-bottom: 1px dashed rgb(69,87,104); width: auto }
.message-headers dl { width: 636px; }
.message-headers dt { width: 72px; float: left; }
.message-headers dd { width: 564px; }

.sender, .recipient { width: 108px; }
.recieved, .send {width: 132px; }
.subject { width: 360px;}
.action { width: 108px; }

#credit_container { font: 8px Georgia, serif; display: block; text-align: right; padding-top: 72px; margin: 12px;}
#credit { padding: 12px; }
#credit { color: rgb(200,200,200);}
#credit { text-decoration: none;}

/* Pagination */
.vorige, .volgende { display: block; float: left; padding: 12px 0; }
.page_numbers { float: left; width: 260px; padding: 0 12px; }
.page_numbers a, .dots { display: block;  width: 20px; padding: 12px 3px; float:left; text-align: center;}
.hide { color: rgb(230,230,230); }
.page_numbers .current { font-weight: bold;}

p#id_submit { margin-left: 144px;}