/*

Algemene opmerkingen:
- De property "overflow" wordt regelmatig gebruikt met de waarde "hidden". Dit is gedaan zodat mocht er ooit iets misgaan met inhoud binnen een element, deze nooit buiten zijn element kan treden en de layout verneucken.


Over weergevan van links en hover functies.
- Menu items verkleuren bij hover qua achtergrond
- Headers verkleuren bij hover naar een lichtere kleur
- Text links hebben underline, maar deze verdwijnt bij hover
- Lijst data waarbij het aannemelijk is dat ze klikbaar zijn en het estetisch niet mooi is om ze een underline te geven: starten zonder underline, bij hover krijgen ze er een underline


Deze CSS niet aanpassen
*/

/* CSS reset */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}td{vertical-align:top;}


/*------------------------
   Tags
------------------------*/


/* Zorgt ervoor dat er altijd een scrollbalk in beeld is zodat content niet verspringt tussen pagina's door*/
html{
    height: 100%;
    margin-bottom: 1px;
}

/* Hoofd background voor hele pagina - blok van 99px bij 99px - moet oneven aantal zijn gezien de schuine lijnen*/
body{
    background-image: url(/includes/images/common/bg_body_repeat.gif);
    color: #000;
    font-family: Arial, sans-serif, Helvetica;
    font-size: 12px;
    line-height: 19px;
}

/* Links altijd met underline weergeven */
  a
, a:link
, a:active
, a:visited
{
    color: #c35400;
    text-decoration: underline;
}

/* Bij hover underline laten verdwijnen */
a:hover{
    text-decoration: none;
}

h1{
    font-weight: bold;
    color: #3d8e2b;
    font-size: 24px;
    font-family: Verdana;
}

  h1 a
, h1 a:link  
, h1 a:active
, h1 a:visited
{
    z-index: 49;
    color: #3d8e2b;
    text-decoration: none;
}

h1 a:hover{
    color: #5fb34d;
}

h2{
    color: #ff6f02;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}

  h2 a:link
, h2 a:active
, h2 a:visited
{
    color: #ff6f02;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    text-decoration: none;
}

h2 a:hover{
    text-decoration: underline;
}

strong{
    font-weight: bold;
}

li{
    list-style-type: disc;
    margin-left: 25px;
}

em{
    font-style: italic;   
}

small{
    line-height: 11px;
    display: block;   
}

/*------------------------
  Algemeen
------------------------*/


/* Zorgt ervoor dat elementen na floating elementen niet meefloaten */
.clear{
    clear: both;
}

/* Melding van pagina's*/
  .pagina_is_af
, .pagina_is_niet_af
{
    position: absolute;
    z-index: 50;
    left: 12px;
    top: 212px;
    font-size: 11px;
    font-weight: bold;
    color: #0f9b00;
}

.pagina_is_niet_af{
    color: #ff0000;
}

.pagina_wordt_aan_gewerkt{

}

/* Melding op pagina's waar ik in bezig ben */
.jaro_is_bezig{
    position: absolute;
    z-index: 50;
    left: 300px;
    top: 212px;
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
    display: none;
}


.page_header{
    position: relative;
    width: 569px;
    height: 30px;
    z-index: 49;
    padding-left: 32px;
    padding-right: 15px;
    padding-top: 1px;
    line-height: 40px;    
    background-image: url(/includes/images/common/content_h1_bg.jpg);
    background-repeat: no-repeat;
}

.italic{
    font-style: italic;
}

.underlined{
    text-decoration: underline;
}

.content_inner{
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}


/*------------------------
  Hoofd opbouw
------------------------*/

/* Verticale gradient */
#bg_repeat_x{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 455px;
    background-image: url(/includes/images/common/bg_repeat_x.jpg);
    background-repeat: repeat-x;
}

/* 
Container waar ALLE inhoud van de site binnen valt.
Zorgt voor absoluut 0,0 punt voor positioneren alle child elementen

Er zitten 6px links totdat de harde rand er is. Dit is voor de shadow links van de elementen.
*/
#container{
    position: absolute;
    z-index: 20;
    width: 998px;
    left: 50%;
    margin-left: -496px;
}


/*------------------------
   Menu tabs boven
------------------------*/

/* TAB VOOR DE KEI WEEK (Marien) */
#menu_tabs_bovenkei{
    position: absolute;
    z-index: 30;    
    width: 148px;
    height: 43px;
    left: 341px;
    background-image: url(/includes/images/common/button_lidworden.jpg);
    cursor: pointer;
}
#menu_tabs_bovenkei2{
    position: absolute;
    z-index: 30;    
    width: 160px;
    height: 35px;
    left: 500px;
    background-image: url(/includes/images/common/button_keiweek.jpg);
    cursor: pointer;
}


/* Container voor de 4 tabs bovenin */
#menu_tabs_boven_container{
    position: absolute;
    z-index: 30;    
    width: 627px;
    height: 41px;
    left: 6px;
}

/* Eigenschappen voor alle tabs tezamen.
   Geld steeds voor de 'a' elementen binnen de div  */
  #menu_tab_boven_vereniging a
, #menu_tab_boven_verbanden a
, #menu_tab_boven_profiel a
, #menu_tab_boven_loguit a
, #menu_tab_boven_vereniging_active a
, #menu_tab_boven_verbanden_active a
, #menu_tab_boven_profiel_active a
, #menu_tab_boven_loguit_active a
, #menu_tab_boven_loguit_disable a
{
    float: left;
    height: 41px;
    background-image: url(/includes/images/common/menu_tabs_top.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    text-indent: -5000px;
    overflow: hidden;
}

/* Menu items normale weergave - Eigenscahppen per tab
------------------------*/
#menu_tab_boven_vereniging a    { background-position: 0px 0px;     width: 160px; }
#menu_tab_boven_verbanden a     { background-position: -160px 0px;  width: 160px; }
#menu_tab_boven_profiel a       { background-position: -320px 0px;  width: 160px; }
#menu_tab_boven_loguit a        { background-position: -480px 0px;  width: 147px; }

#menu_tab_boven_vereniging a:hover  { background-position: 0px -41px; }
#menu_tab_boven_verbanden a:hover   { background-position: -160px -41px; }
#menu_tab_boven_profiel a:hover     { background-position: -320px -41px; }
#menu_tab_boven_loguit a:hover      { background-position: -480px -41px; }

#menu_tab_boven_loguit_disable { visibility: hidden; }

/* Menu items actieve tab - Eigenscahppen per tab
------------------------*/
#menu_tab_boven_vereniging_active a    { background-position: 0px -82px;     width: 160px; }
#menu_tab_boven_verbanden_active a     { background-position: -160px -82px;  width: 160px; }
#menu_tab_boven_profiel_active a       { background-position: -320px -82px;  width: 160px; }
#menu_tab_boven_loguit_active a        { background-position: -480px -82px;  width: 147px; }

#menu_tab_boven_vereniging_active a:hover   { background-position: 0px -82px; }
#menu_tab_boven_verbanden_active a:hover    { background-position: -160px -82px; }
#menu_tab_boven_profiel_active a:hover      { background-position: -320px -82px; }
#menu_tab_boven_loguit_active a:hover       { background-position: -480px -82px; }


/*------------------------
   Foto balk (incl. Diz logo)
------------------------*/


/* Eigenschappen voor de foto balk */
#foto_balk{
    position: absolute;
    z-index: 20;
    height: 199px;
    width: 815px;
    top: 41px;
    background-image: url(/includes/images/common/foto_balk.jpg);    
    background-repeat: no-repeat;
    overflow: hidden;
}

/* Klikbaar gedeelte voor diz logo */
#diz_logo a{
    position: absolute;
    width: 150px;
    height: 116px;
    left: 37px;
    top: 21px;
    text-decoration: none;
    text-indent: 1000px;
    overflow: hidden;
}

/* Klikbaar gedeelte voor diz logo */
#diz_lustrum_logo a{
    position: absolute;
    width: 150px;
    height: 23px;
    left: 34px;
    top: 159px;
    text-decoration: none;
    text-indent: 1000px;
    overflow: hidden;
}

#foto_balk_fotos{
    position: absolute;
    z-index: 30;
    left: 197px;
    width: 483px;
    height: 176px;
}

/*------------------------
   Login box
------------------------*/

#loginbox{
    position: absolute;
    z-index: 30;
    top: 0px;
    left: 680px;
    width: 320px;
    height: 221px;
    background-image: url(/includes/images/common/login_bg.jpg);
    background-repeat: no-repeat;
}

#login_inloggen{
    position: absolute;
    line-height: 22px;
    top: 20px;    
    left: 33px;
    font-weight: bold;
    color: #3d8e2b;
    font-size: 20px;
    font-family: Arial;
    overflow: hidden;
}

  #login_gebruikersnaam_header
, #login_wachtwoord_header
{
    position: absolute;
    z-index: 32;
    top: 100px;
    left: 33px;    
    color: #ff6f02;
    font-size: 14px;
    font-weight: bold;
}

#login_gebruikersnaam_header {  top: 58px; }
#login_wachtwoord_header {      top: 100px; }

  #login_wachtwoord
, #login_gebruikersnaam
{
    position: absolute;
    z-index: 31;
    left: 33px;
    width: 141px;
    height: 17px;
    padding-top: 3px;
    padding-left: 4px;
    background-image: url(/includes/images/common/login_inputbox_bg.jpg);
    background-repeat: no-repeat;
    background-color: #f0f0f0;
    border: 0px;
    font-family: monospace;
}

#login_gebruikersnaam { top: 72px; }
#login_wachtwoord {     top: 114px; }

  #login_button
, #login_button:link
, #login_button:active
, #login_button:visited
{
    position: absolute;
    left: 31px;
    top: 175px;
    width: 151px;
    height: 35px;
    background-image: url(/includes/images/common/login_button.jpg);
    background-repeat: no-repeat;
}

#login_button:hover{
    background-position: 0px -35px;
}

/*------------------------
   Shoutbox
------------------------*/


/* Algemene shoutbox eigenschappen */
#shoutbox {
    position: absolute;
    z-index: 30;
    height: 221px;
    width: 319px;
    left: 681px;
    background-image: url(/includes/images/common/shoutbox_bg.jpg);
    background-repeat: no-repeat;
    font-family: Arial, sans-serif, Helvetica;
    font-size: 10px;
    overflow: hidden;
    color: #3c3c3c;
    line-height: 12px;
}

.shoutbox_meer_row{
    height: 29px;
    width: 100%;
    
    border-bottom: 1px solid #ececec;
    clear: both;
}
/* Foto links */
.shoutbox_meer_foto{
    float: left;
    height: 29px;
    width: 30px;
    overflow: hidden;
}

/*  Zorgt voor lichter kleurtje. 
    IE heeft andere functie hiervoor, zie de IE specifieke CSS */
.shoutbox_meer_foto a:hover img{
    opacity:0.6;
}

/* Shout in het midden  */
.shoutbox_meer_shout{
    float: left;
    width: 400px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
}

/* De tijd rechts */
.shoutbox_meer_time{
    float: left;
    width: 70px;
    text-align: center;
}

/* Eigenschappen voor alle shouts */
  #shoutbox_row1
, #shoutbox_row2
, #shoutbox_row3
, #shoutbox_row4
, #shoutbox_row5
, #shoutbox_row6
{
    clear: both;
    height: 29px;
    overflow: hidden;
    margin-left: 7px;
    margin-right: 12px;
}

/* Aangezien laatste rij geen border moet hebben, enkel die uitgesloten */
  #shoutbox_row1
, #shoutbox_row2
, #shoutbox_row3
, #shoutbox_row4
, #shoutbox_row5
{   
    border-bottom: 1px solid #AAA;
}

/* Foto links */
.shoutbox_foto{
    float: left;
    height: 29px;
    width: 22px;
    overflow: hidden;
}

/*  Zorgt voor lichter kleurtje. 
    IE heeft andere functie hiervoor, zie de IE specifieke CSS */
.shoutbox_foto a:hover img{
    opacity:0.6;
}

/* Shout in het midden  */
.shoutbox_shout{
    float: left;
    width: 212px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
}

/* De tijd rechts */
.shoutbox_time{
    float: left;
    width: 56px;
    text-align: center;
}

/* Onderste deel shoutbox container*/
#shoutbox_inputfield_container{
    width: 300px;
    height: 36px;
    margin-left: 7px;
}


/* Inputfield container */
#shoutbox_inputfield_container{
    position: absolute;
    z-index: 90;
    width: 250px;
    height: 20px;
    top: 187px;
    left: 50%;
    margin-left: -125px;
    background-image: url(/includes/images/common/shoutbox_inputfield_bg.gif);
    background-repeat: no-repeat;   
}

/* Het daadwerkelijke inputfield */
#shoutbox_inputfield{
    position: absolute;
    z-index: 91;
    top: 5px;
    left: 4px;
    width: 243px;
    height: 12px;
    border: 0px;
    font-family: Arial, sans-serif, Helvetica;
    font-size: 10px; 
    background-color: #ebebeb;     
    color: #8c8c8c;
}

/* Box met link naar meer shouts */
#meer_shouts a{
    display: none;
    position: absolute;
    z-index: 120;
    top: 219px;
    left: 922px;
    font-size: 10px;
    color: #000;
    overflow: hidden;
}


/*------------------------
   East side and West side
------------------------*/

/* Whazaah! */
  #east_side
, #west_side
{
    position: absolute;
    width: 192px;
    top: 240px;
}


/*------------------------
   East side 
------------------------*/


/* East gedeelte van de site */
#east_side{
    left: 809px;
}

/* East eerste ad */
#east_side_ad1_iframe{
    margin-left: 6px;
    margin-top: 7px;
    overflow: hidden;
    text-align: center;
    z-index: 0; 
    position:absolute; 
    width: 168px; 
    height: 600px;    
}

/*------------------------
   West side 
------------------------*/


/* Ads die op west staan */
  #west_side_ad1
, #west_side_ad2
{
    position: relative;
    width: 171px;
    margin-left: 6px;
    overflow: hidden;
    text-align: center;
}

#west_side_ad1{
    margin-top: 7px;
}

#west_side_ad2{
    margin-top: 18px;
}

/* Wie is online main container */
#wieisonline_container{
    position: relative;
    width: 192px;
    margin-top: 15px;
    margin-bottom: 20px;
    background-image: url(/includes/images/common/menu_mainnav_repeat_y_bg.jpg);
    background-repeat: repeat-y;
}

/* Groene top gedeelte */
#wieisonline_top{
    position: relative;
    width: 192px;
    height: 30px;
    padding-bottom: 10px;
    background-image: url(/includes/images/common/menu_mainnav_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0px -308px;
}

/* De tekst in het top gedeelte */
.menu_nav_top{
    position: absolute;
    width: 171px;
    left: 6px;
    top: 8px;
    text-align: center;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}

/* Het gedeelte in het midden */
#wieisonline_content{
    position: relative;
    z-index: 30;
    width: 171px;
    margin-left: 6px;
}

/* Container voor de rij */
.wieisonline_content_row{
    width: 171px;
    height: 18px;
    clear: both;
    font-size: 10px;
    overflow: hidden;
}

/*  Naam container 
    Om een vage reden geeft IE6 het niet goed weer. Zie IE6 specifieke sheet */
.wieisonline_content_row_name{
    float: left;
    margin-left: 14px;
}

/* Naam inhoud */
  .wieisonline_content_row_name a
, .wieisonline_content_row_name a:link
, .wieisonline_content_row_name a:active
, .wieisonline_content_row_name a:visited
{
    color: #000;
    text-decoration: none;
}

.wieisonline_content_row_name a:hover{
    text-decoration: underline;
}

/* Tijd */
.wieisonline_content_row_time{
    float: left;
    margin-left: 4px;
}

/* Extra info (admin) / (UB) */
.wieisonline_content_row_info{
    float: left;
    margin-left: 4px;
    color: #919191;
}

/* De onderkant */
#wieisonline_bottom{
    position: relative;
    z-index: 20;
    width: 192px;
    height: 38px;
    margin-top: -13px;
    background-image: url(/includes/images/common/menu_mainnav_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0px -270px;
}


/*------------------------
   Menu mainnav
------------------------*/

/* Container voor het menu links */
  #menu_mainnav_left
, #menu_mainnav_right
{
    position: relative;
    width: 192px;
    font-family: Verdana;
    font-size: 13px;
    color: #3c3c3c;
    background-color: #FFF;
    overflow: hidden;
}

/* Header voor de menus */
  #menu_mainnav_left_top
, #menu_mainnav_right_top
{
    width: 171px;
    height: 22px;
    background-image: url(/includes/images/common/menu_mainnav_bg.jpg);
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 8px;
    padding-left: 6px;
    padding-right: 15px;
    text-align: center;
    overflow: hidden;
}

/* Westside oranje header staat ergens anders in de afbeelding */
#menu_mainnav_right_top{
    background-position: -192px 0px;
}

/* Eigenschappen inhoud van menutop */
  #menu_mainnav_left_top a
, #menu_mainnav_left_top a:link
, #menu_mainnav_left_top a:active
, #menu_mainnav_left_top a:visited
, #menu_mainnav_right_top a
, #menu_mainnav_right_top a:link
, #menu_mainnav_right_top a:active
, #menu_mainnav_right_top a:visited
{
    color: #FFF;
    text-decoration: none;
}

  #menu_mainnav_left_top a:hover
, #menu_mainnav_right_top a:hover
{
    color: #e4e4e4;
}

/* Containers voor menu items
   Item 1 t/m 7 hebben verschillende achtergronden, daarna is het gelijk */
  .menu_mainnav_item_1
, .menu_mainnav_item_2
, .menu_mainnav_item_3
, .menu_mainnav_item_4
, .menu_mainnav_item_5
, .menu_mainnav_item_6
, .menu_mainnav_item_7
, .menu_mainnav_item_any
{
    position: relative;
    width: 192px;
    height: 30px;   
    background-repeat: no-repeat;
    background-image: url(/includes/images/common/menu_mainnav_bg.jpg);    
}


/* Achtergrond bepalen dvm locatie in afbeelding */
.menu_mainnav_item_1 {      background-position: 0px -30px; }
.menu_mainnav_item_2 {      background-position: 0px -60px; }
.menu_mainnav_item_3 {      background-position: 0px -90px; }
.menu_mainnav_item_4 {      background-position: 0px -120px; }
.menu_mainnav_item_5 {      background-position: 0px -150px; }
.menu_mainnav_item_6 {      background-position: 0px -180px; }
.menu_mainnav_item_7 {      background-position: 0px -210px; }
.menu_mainnav_item_any {    background-position: 0px -240px; }


/* Containers voor contact gegevens */
.diz_contact_gegevens_container{
    position: relative;
    width: 192px;
    height: 120px;  

    background-repeat: no-repeat;
    background-image: url(/includes/images/common/menu_mainnav_bg.jpg);  
    background-position: 0px -30px;    
}

.diz_contact_gegevens{
    position: absolute;
    width: 171px;
    left: 19px;
    top: 5px;
}



/* De inner elementen
/*-----------------------------------*/

/* Een box maken voor het witte vlak waar de items in moeten komen */
.menu_mainnav_item_container{
    position: absolute;
    width: 171px;
    height: 29px;
    left: 6px;
    border-bottom: 1px solid #d1d1d1;
    overflow: hidden;
}


#quicksearchform{
    padding-top: 4px;
    z-index: 10;
    width: 157px;
    height: 22px;
    padding-left: 14px;
    display: block;
    color: #3c3c3c;    
    text-decoration: none;
}

.quicksearchform {
    border: 1px solid #DFDFDF;
    height: 19px;
    background-color: white;
    font-family: Verdana;
    font-size: 13px;
    color: black;
}

.quicksearchform_button{
    vertical-align: top;
    border: 1px solid #DFDFDF;
    height: 21px;
    background-color: white;
    font-family: Verdana;
    font-size: 13px;
    color: black;
}

/* Het witte middenvlak waar de menu items instaan */
  .menu_mainnav_link
, .menu_mainnav_link:link
, .menu_mainnav_link:active
, .menu_mainnav_link:visited
{
    position: absolute;
    z-index: 10;
    width: 157px;
    height: 22px;
    padding-left: 14px;
    padding-top: 7px;
    display: block;
    color: #3c3c3c;    
    text-decoration: none;
}

/* Bij hoveren grijze gradient tonen */
.menu_mainnav_link:hover{
    background-image: url(/includes/images/common/menu_mainnav_bg.jpg);
    background-position: -198px -30px;
}

/* De onderkant van het menu */
.menu_mainnav_bottom{
    width: 192px;
    height: 38px;
    background-image: url(/includes/images/common/menu_mainnav_bg.jpg);
    background-position: 0px -270px;
}

/* Rode nummertjes voor in de mainnav */
.menu_mainnav_rednumber{
    position: absolute;
    z-index: 20;
    width: 165px; 
    height: 22px;
    margin-top: -7px;
    margin-left: -14px;
    padding-right: 6px;
    padding-top: 7px;
    color: #ff0000;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    border: 0px;
    cursor: pointer;
    text-align: right;
}


/* Verbanden onderdeel */
/*-------------------------------*/

/* De mijn verbanden regel moet er net iets anders uitzien */
.menu_mainnav_mijnverbanden{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ababab;
}

/* Voor alles wat wit en bold moet zijn */
.white_bold{
    color: #FFF;
    font-weight: bold;
}

/* Eigenschappen voor de verbanden */
  .menu_mainnav_verband
, .menu_mainnav_verband_fr
, .menu_mainnav_verband_slash
, .menu_mainnav_verband_gb
{
    position: absolute;
    top: 8px;
    font-size: 10px;
}

/* Overrule standaard A eigenschappen (nl: oranje) */
  .menu_mainnav_verband_container div a
, .menu_mainnav_verband_container div a:link
, .menu_mainnav_verband_container div a:active
, .menu_mainnav_verband_container div a:visited
{
    color: #000;
    text-decoration: none;
}

.menu_mainnav_verband_container div a:hover{
    text-decoration: underline;
}

/* Overrule eerder gegeven A eigenschappen (nl: zwart) */
  .menu_mainnav_verband_container div a.red_number
, .menu_mainnav_verband_container div a.red_number:link
, .menu_mainnav_verband_container div a.red_number:active
, .menu_mainnav_verband_container div a.red_number:visited
, .menu_mainnav_verband_container div a.red_number:hover
{
    font-size: 10px;
    font-weight: bold;
    color: #ff0000;
}

/* Verband veld */
.menu_mainnav_verband{
    left: 14px;
}

/* Aantal nieuwe forum berichten */
.menu_mainnav_verband_fr{
    left: 114px;
    width: 25px;
    text-align: right;
    overflow: hidden;
}

/* De slash (/) */
.menu_mainnav_verband_slash{
    left: 139px;
}

/* Aantal nieuwe GB berichten */
.menu_mainnav_verband_gb{
    left: 146px;
    width: 25px;
    text-align: left;
}

.menu_mainnav_addfav{
    position: absolute;
    z-index: 50;
    left: 164px;
    top: 16px;
    width: 12px;
    height: 12px;
    background-color: #FFF;
    border-top: 1px solid #ababab;
    border-left: 1px solid #ababab;
}

.menu_mainnav_addfav_content{
    position: absolute;
    z-index: 60;
    top: -2px;
    left: 1px;
    width: 12px;
    height: 12px;    
}

  .menu_mainnav_addfav_content a
, .menu_mainnav_addfav_content a:link
, .menu_mainnav_addfav_content a:active
, .menu_mainnav_addfav_content a:visited
{
    width: 12px;
    height: 12px;
    color: #000;
    text-decoration: none; 
}

.menu_mainnav_addfav_content a:hover{
    color: #c35400;
}


/*------------------------
   Content
------------------------*/


/* De container voor de content met de algemene background */
#content_container
{
    position: absolute;
    z-index: 25; 
    width: 616px;
    left: 191px;
    top: 240px;
}

/* De algemene background container (repeat-y) */
#content_bg
{   
    position: relative;
    background-image: url(/includes/images/common/content_main_bg.jpg);
    background-repeat: repeat-y;       
}

/* Content static top backgrond */
#content_top_bg
{
    position: relative;
    width: 616px;
    background-image: url(/includes/images/common/content_top_bg.jpg);
    background-repeat: no-repeat;  
}

/* De ie6 of lager warningsdiv*/
.oldinternetexplorer
{
	background-color: #FCC;
	padding: 15px;
}

/*  De content zit hierin. Absoluut 0,0 punt voor de child elementen. Met min-height als er te weinig content inzit.
    IE6 kan met min-height niet goed omgaan, zie IE6 specifieke CSS */
#content
{
    position: relative;
    min-height: 215px;
    width: 600px;
    left: 5px;
    overflow: hidden;    
}

/* Onderkant content */
#content_bottom
{
    position: relative;
    width: 616px;
    height: 34px;
    background-image: url(/includes/images/common/content_bottom_bg.jpg);
    background-repeat: no-repeat;
}

/* Container voor de ads onderin */
#content_ads_container
{
    position: relative;
    width: 600px;
    margin-top: 35px;
    text-align: center;
}

#content_ad1
{
    /* Fokking niet normaal! */
}

/* Ruimte tussen ad 1 en 2 */
#content_ad2
{
   /*BLAAAAAAAAAAAAAAAAAAAAAAAAAAAAT*/
}

/*------------------------
   Footer
------------------------*/

/* Footer container */
#footer
{
    position: relative;
    height: 35px;
}

/* De footer tekst */
#footer_txt
{
    position: absolute;
    width: 600px;
    top: 5px;
    left: 5px;
    color: #898989;
    text-align: center;
}

/* Overrule de normale A style */
  #footer_txt a
, #footer_txt a:link
, #footer_txt a:active
, #footer_txt a:visited
{
    color: #a0a0a0;
    text-decoration: none;
}

#footer_txt a:hover
{
    color: #000;
    text-decoration: underline;    
}

/* Het Pi rondje */
#footer_pi
{
    display: none;
    position: absolute;
    top: 1px;
    left: 578px;
}




/*------------------------
   Foto's met border
------------------------*/

.foto_image_ie6
{
    display: none;
}

.foto_container
{
    position: relative;
    clear: both;
    top: -8px;
}

  .foto_lefttop
, .foto_righttop
, .foto_rightbottom
, .foto_leftbottom
, .foto_top_bg
, .foto_right_bg
, .foto_left_bg
, .foto_bottom_bg
, .foto_image
{
    position: relative;
    float: left;
    z-index: 30;  
}

  .foto_lefttop
, .foto_righttop
, .foto_rightbottom
, .foto_leftbottom
{
    background-image: url(/includes/images/common/fotoborder_corners.jpg);
    background-repeat: no-repeat;    
}

  .foto_lefttop
, .foto_righttop
, .foto_top_bg
{
    top: 8px;
    z-index: 40;
}


  .foto_lefttop
, .foto_righttop
{
    width: 17px;
    height: 18px;
}

.foto_lefttop
{
    clear: left;
    background-position: 0px 0px;
}

.foto_righttop
{
    background-position: -17px 0px;
}

  .foto_leftbottom
, .foto_rightbottom
{
    z-index: 40;
    float: left;
    width: 17px;
    height: 18px;
}

.foto_rightbottom
{
    background-position: -17px -18px;
}

.foto_leftbottom
{
    clear: left;
    background-position: 0px -18px;
}

.foto_top_bg
{
    height: 18px;
    background-image: url(/includes/images/common/fotoborder_top_repeatx.jpg);
    background-repeat: repeat-x;
}

.foto_right_bg
{
    width: 17px;
    background-image: url(/includes/images/common/fotoborder_right_repeaty.jpg);
    background-repeat: repeat-y;    
}

.foto_left_bg
{
    clear: left;
    width: 11px;
    background-image: url(/includes/images/common/fotoborder_left_repeaty.jpg);
    background-repeat: repeat-y;
}

.foto_bottom_bg
{
    height: 18px;
    background-image: url(/includes/images/common/fotoborder_bottom_repeatx.jpg);
    background-repeat: repeat-x;
}

.foto_image
{
    z-index: 50;
}


/*------------------------
   Info table
------------------------*/

.algemeen_infobox
{
    margin-left: 27px;
    margin-top: 30px;
}

.infobox_container
{
    width: 546px;
}

  .infobox_top
, .infobox_bottom
{
    position: relative;
    width: 546px;
    height: 6px;
    background-image: url(/includes/images/common/info_table.gif);
    background-repeat: no-repeat;
    display: block;
}

.infobox_top_txt
{
    position: absolute;
    color: #c35400;
    font-size: 18px;
    font-weight: bold;
    top: -14px;
    left: 15px;
}

.infobox_content
{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #fbfbfb;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    overflow: hidden;
}

.infobox_bottom
{
    background-position: 0px -6px;
}


/*------------------------
   Breadcrumbs
------------------------*/

#breadcrumbs
{
    position: relative;
    margin-top: 5px;
    margin-left: 7px;
    font-size: 10px;
}

  #breadcrumbs a
, #breadcrumbs a:link
, #breadcrumbs a:active
, #breadcrumbs a:visited
{
    color: #000;
    text-decoration: underline;
}

#breadcrumbs a:hover
{
    text-decoration: none;
}


/*------------------------
   Content Tabs
------------------------*/

#content_tabs
{
    position: absolute;
    z-index: 50;
    top: 218px;
    left: 213px;
    height: 22px;
    font-family: Arial;
}

  #content_tabs a
, #content_tabs a:link
, #content_tabs a:active
, #content_tabs a:visited
{
    text-decoration: none;
}

#content_tabs a:hover
{
    text-decoration: underline;
}

/* Alle tabs */
  .content_tabs__1-x-wit-oranje
, .content_tabs__2-x-wit-x
, .content_tabs__3-x-oranje-oranje
, .content_tabs__4-x-oranje-wit
, .content_tabs__5-x-oranje-x
, .content_tabs__6-wit-oranje-oranje
, .content_tabs__7-wit-oranje-x
, .content_tabs__8-oranje-wit-x
, .content_tabs__9-oranje-wit-oranje
, .content_tabs__10-oranje-oranje-x
, .content_tabs__11-oranje-oranje-wit
, .content_tabs__12-oranje-oranje-oranje
{
    position: relative;
    display: block;
    float: left;
    text-indent: 2px;
    background-image: url(/includes/images/common/verbanden_tabs.jpg);
    background-repeat: no-repeat;
    font-size: 11px;    
}

/* Alle witte tabs */
  .content_tabs__1-x-wit-oranje, .content_tabs__1-x-wit-oranje:link, .content_tabs__1-x-wit-oranje:active, .content_tabs__1-x-wit-oranje:visited
, .content_tabs__2-x-wit-x, .content_tabs__2-x-wit-x:link, .content_tabs__2-x-wit-x:active, .content_tabs__2-x-wit-x:visited
, .content_tabs__8-oranje-wit-x, .content_tabs__8-oranje-wit-x:link, .content_tabs__8-oranje-wit-x:active, .content_tabs__8-oranje-wit-x:visited
, .content_tabs__9-oranje-wit-oranje, .content_tabs__9-oranje-wit-oranje:link, .content_tabs__9-oranje-wit-oranje:active, .content_tabs__9-oranje-wit-oranje:visited
{
    height: 18px;
    padding-top: 4px;
    padding-left: 4px;
    font-weight: bold;
    font-size: 12px;    
    color: #000;
}

/* Alle oranje tabs */
  .content_tabs__3-x-oranje-oranje, .content_tabs__3-x-oranje-oranje:link, .content_tabs__3-x-oranje-oranje:active, .content_tabs__3-x-oranje-oranje:visited
, .content_tabs__4-x-oranje-wit, .content_tabs__4-x-oranje-wit:link, .content_tabs__4-x-oranje-wit:active, .content_tabs__4-x-oranje-wit:visited
, .content_tabs__5-x-oranje-x, .content_tabs__5-x-oranje-x:link, .content_tabs__5-x-oranje-x:active, .content_tabs__5-x-oranje-x:visited
, .content_tabs__6-wit-oranje-oranje, .content_tabs__6-wit-oranje-oranje:link, .content_tabs__6-wit-oranje-oranje:active, .content_tabs__6-wit-oranje-oranje:visited
, .content_tabs__7-wit-oranje-x, .content_tabs__7-wit-oranje-x:link, .content_tabs__7-wit-oranje-x:active, .content_tabs__7-wit-oranje-x:visited
, .content_tabs__10-oranje-oranje-x, .content_tabs__10-oranje-oranje-x:link, .content_tabs__10-oranje-oranje-x:active, .content_tabs__10-oranje-oranje-x:visited
, .content_tabs__11-oranje-oranje-wit, .content_tabs__11-oranje-oranje-wit:link, .content_tabs__11-oranje-oranje-wit:active, .content_tabs__11-oranje-oranje-wit:visited
, .content_tabs__12-oranje-oranje-oranje, .content_tabs__12-oranje-oranje-oranje:link, .content_tabs__12-oranje-oranje-oranje:active, .content_tabs__12-oranje-oranje-oranje:visited
{
    top: 2px;
    height: 17px;
    padding-top: 3px;
    color: #FFF;
}


/* Individuele tabs */
.content_tabs__1-x-wit-oranje {             width: 74px;    background-position: 0px 0px; }
.content_tabs__2-x-wit-x {                  width: 74px;    background-position: 0px -22px; }
.content_tabs__3-x-oranje-oranje {          width: 73px;    background-position: 0px -44px; padding-left: 4px; }
.content_tabs__4-x-oranje-wit {             width: 66px;    background-position: 0px -64px; padding-left: 4px; }
.content_tabs__5-x-oranje-x {               width: 71px;    background-position: 0px -84px; padding-left: 4px; }
.content_tabs__6-wit-oranje-oranje {        width: 67px;    background-position: 0px -104px; }
.content_tabs__7-wit-oranje-x {             width: 65px;    background-position: 0px -124px; }
.content_tabs__8-oranje-wit-x {             width: 74px;    background-position: 0px -22px; }
.content_tabs__9-oranje-wit-oranje {        width: 74px;    background-position: 0px 0px; }
.content_tabs__10-oranje-oranje-x {         width: 65px;    background-position: 0px -124px; }
.content_tabs__11-oranje-oranje-wit {       width: 62px;    background-position: 0px -144px; }
.content_tabs__12-oranje-oranje-oranje {    width: 67px;    background-position: 0px -104px; }


  .submit_button
, .submit_button:link
, .submit_button:active
, .submit_button:visited
{
    border: 2px solid #aeaeae;
    background-color: #FFF;
    font-weight: bold;
    font-family: monospace;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

.submit_button:hover
{
    border: 4px solid #000;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 13px;
    padding-right: 13px;
    text-decoration: none;
}

.submit_button:active
{
    border: 4px solid #000;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 13px;
    padding-right: 13px;
    text-decoration: none;
}

  .submit_button_disabled
, .submit_button_disabled:link
, .submit_button_disabled:active
, .submit_button_disabled:visited
, .submit_button_disabled:hover
{
    background-color: #CCC;
    font-style: italic;
    border: 2px solid #aeaeae;
    font-weight: normal;
    font-family: monospace;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: default;
    color: #000;
    text-decoration: none;    
}

.align_middle
{
    vertical-align: middle;
}

.visible
{
    display: block;
}

.hidden
{
    display: none;
}


/* Hover functie div */
.showtrail
{
    padding: 10px; 
    position: relative; 
    background-color: #FFF; 
    border: 1px solid #888;
}

/* Overall hover div */
#trailimageid
{
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    height: 0px;
    z-index: 999;
}

.showtrail .lid_name
{
    font-weight: bold;
    font-size: 14px;
}

.showtrail .lid_lichting
{
    font-size: 11px;
}

.showtrail .lid_foto
{
    padding-top: 20px;
}
    

/*------------------------
   Reply box voor Forum / GB / Postkantoor
------------------------*/

.reply_box
{
    margin-left: 20px;
    margin-top: 10px;
    width: 560px;
    overflow: hidden;
}

.reply_box h2
{
    margin-bottom: 13px;
}    
    
    
/* Maak groter/kleiner */    
  .maak_groter_kleiner
, .maak_groter_kleiner:link
, .maak_groter_kleiner:active
, .maak_groter_kleiner:visited
{
    position: relative;
    z-index: 110;
    font-size: 10px; 
    color: #000;
    text-decoration: underline;
}

.maak_groter_kleiner:hover
{
    text-decoration: none;
}

/* Input box textarea */
  textarea.normal_size
, textarea.big_size
{
    font-family: Arial;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 5px;
    border: 1px solid #878787;
}

textarea.normal_size
{
    width: 350px;
    height: 150px;    
}

textarea.big_size
{
    width: 550px;
    height: 350px;    
}
    
/* Smilies */
#smilies
{
    margin-top: 30px;
    display: block;
    float: none;
    width: 500px;
}

#smilies span 
{
    float: left;
    width: 41px;
    height: 47px;
    text-align: center;
    font: bold 13px arial, helvetica, sans-serif;
}

#smilies span span 
{
    display: block;
    float: none;
    margin: 0 auto;
    height: 22px;
}

#smilies a 
{
    color: #5c5850;
}

.hand 
{
    cursor: pointer;
}

.ubb_codes
{
    margin-top: 10px;
    width: 560px;
}

.ubb_codes thead td
{
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 9px;
}

.ubb_codes tbody td
{
    padding-bottom: 10px;
}

.ubb_codes .column_voorbeeld
{
    width: 350px;
}

.ubb_codes .column_uitwerking
{
    width: 200px;
    padding-left: 10px;
}

.ubb_and_smileys_visible
{
    display: block;
}

.ubb_and_smileys_hidden
{
    display: none;
}

.link_ubb_smileys
{
    margin-top: 20px;
}

  .link_ubb_smileys a:link
, .link_ubb_smileys a:active
, .link_ubb_smileys a:visited
{
    font-size: 12px;
    color: #000;
    text-decoration: underline;
}

.link_ubb_smileys:hover
{
    text-decoration: none;
}

.comment{
    font-style: italic;
    color: #797979;
}

.nadruk{
    font-size: 16px;
    font-weight: bold;
}

/* AJAX Search CSS */

.ajaxst
{
    border: 0;
    width: 300px;
    
    float: left;
}

.ajaxstheader
{
    background-image: url(/includes/images/common/h1_rectangle_bg.jpg);
    background-repeat: repeat-x;
    
    height: 22px;
    padding-left: 25px;
    padding-top: 12px;
    margin-top: 10px;
}

.ajaxstrow img {
    width: 35px;
}

.ajaxstfirstcol
{
    padding-left: 25px;
}
.ajaxstnextcol
{
    width: 100%;
}

.ajaxstrow
{
    border-bottom: 1px solid #ececec;
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
}



#table_all
{

    border: 1px solid #CCCCCC;
}

#table_all thead tr td
{
    height: 35px;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-image: url("/includes/images/forum_table_top.gif");
    background-repeat: repeat-x;
}
#table_all tbody tr td
{
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #CCCCCC;
}


/*------------------------
   Ja / Nee / Misschien  module
------------------------*/

.kom_jij_ook{
    font-size: 18px;
    font-weight: bold;
    padding-left: 5px;
    margin-bottom: 10px;
}

.kom_jij_ook span{
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

.ja_nee_misschien_table
{
    width: 500px;
    border-spacing: 3px;
    border-collapse: separate;
}

  .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_ja
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_nee
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_misschien
{
    width: 164px;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
   
   
  .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_ja a
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_ja a:link
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_ja a:visited
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_ja a:active
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_nee a
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_nee a:link
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_nee a:visited
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_nee a:active
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_misschien a
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_misschien a:link
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_misschien a:visited
, .ja_nee_misschien_table .ja_nee_misschien_heading .kolom_misschien a:active
{   
    text-decoration: none;
    text-align: center;
    width: 164px;
    height: 27px;
    padding-top: 8px;
    display: block;
    color: #FFF;
    text-decoration: none;   
}

.ja_nee_misschien_table .ja_nee_misschien_heading .kolom_ja
{
    background-color: #339933;
}

.ja_nee_misschien_table .ja_nee_misschien_heading .kolom_ja a:hover
{
    background-color: #1f6c1f;
    text-decoration: none;
}

.ja_nee_misschien_table .ja_nee_misschien_heading .kolom_nee
{
    background-color: #990000;
}

.ja_nee_misschien_table .ja_nee_misschien_heading .kolom_nee a:hover
{
    background-color: #680202;
}

.ja_nee_misschien_table .ja_nee_misschien_heading .kolom_misschien
{
    background-color: #cccc00;
}

.ja_nee_misschien_table .ja_nee_misschien_heading .kolom_misschien a:hover
{
    background-color: #9f9f06;
}


  .ja_nee_misschien_table .ja_nee_misschien_body .kolom_ja
, .ja_nee_misschien_table .ja_nee_misschien_body .kolom_nee
, .ja_nee_misschien_table .ja_nee_misschien_body .kolom_misschien
{
    padding: 5px;
    overflow: hidden;
}

  .ja_nee_misschien_table .ja_nee_misschien_body .kolom_ja a
, .ja_nee_misschien_table .ja_nee_misschien_body .kolom_nee a
, .ja_nee_misschien_table .ja_nee_misschien_body .kolom_misschien a
{
    color: #000;
    text-decoration: none;
}

  .ja_nee_misschien_table .ja_nee_misschien_body .kolom_ja a:hover
, .ja_nee_misschien_table .ja_nee_misschien_body .kolom_nee a:hover
, .ja_nee_misschien_table .ja_nee_misschien_body .kolom_misschien a:hover
{
    text-decoration: underline;
}

.ja_nee_misschien_table .ja_nee_misschien_body .kolom_ja{
    background-color: #e3f6ce;
}

.ja_nee_misschien_table .ja_nee_misschien_body .kolom_nee{
    background-color: #fbefef;
}

.ja_nee_misschien_table .ja_nee_misschien_body .kolom_misschien{
    background-color: #f7f8e0;
}

.ja_nee_misschien_row{
    margin-bottom: 5px;
}

#frontpage_items_container{
    width: 100%;
}

  .frontpage_item1
, .frontpage_item2{
    padding-right: 20px;
}

.frontpage_item1{
    margin-top: -10px;
}

.frontpage_item2{
    border-top: 1px solid #CCC;
    clear: both;
    margin-top: 10px;
    padding-top: 10px;
}

.frontpage_item_img{
    float: left;
    margin-top: 21px;
    margin-bottom: 10px;
    width: 180px;
    text-align: center;
}
.frontpage_item_content_container{
    float: left;
    width: 400px;
    padding-bottom: 8px;
}
.frontpage_item_content{
}
.frontpage_item_content_long{
	display: none;
}

.frontpage_item_link {
	color: #7c7c7c;
	cursor: pointer;
}

#frontpage_items_container h2{
    margin-left: 180px;
}

.frontpage_item_grey{
    font-weight: normal;
    font-size: 10px;
    color: #7c7c7c;
    margin-top: -7px;
    margin-left: 180px;
    margin-bottom: 4px;
}

.frontpage_item_list{
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC;
}


/*
Beetje gestolit van het internet
*/
#search_suggest {
		position: absolute; 
		background-color: #FFFFFF; 
		text-align: left; 
		border: 1px solid #000000;
		cursor: default;
		z-index: 1000;
}

.suggest_link {
		background-color: #FFFFFF;
		padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
}


/************************
FOTO'S IN FORUM
*************************/


.foto_info_knop{
    position:relative;
    top:20px;
    left: 5px;
    
}
.foto_info_balk{
    opacity: 0.0;
    filter: alpha(opacity = 0);
    position:absolute;
    top:0px;
    height: 60px;
    width: 10px;
    left: 0px;
    background-color: #FFFFFF;    
    display: block;
}
.foto_info_text{
    position:absolute;
    top:0px;
    left: 50px;
    height: 50px;
    width: 500px;
    display: block;
}


.foto_info_balk_container{

    position:absolute;
    top: 316px;
    height: 60px;
    width: 500px;
    
}

/************************
UBB toolbar & smilies
*************************/

.pointer{
    cursor:pointer
}

.ubb_toolbar{
    margin-bottom: 2px;
}

.ubb_toolbar .pointer{
    border: 1px solid #CCC;
}

.ubb_smilies{
    margin-top: 10px;
    width: 500px;
	display: block;
}

.ubb_smilies span{
    float: left;
    width: 37px;
    height: 52px;
    text-align: center;
    font-size: 13px;
    font-weight: bold
}

.ubb_smilies span span{
    display: block;
    float: none;
    margin: 0 auto;
    height: 22px
}

/************************
QUOTE 
*************************/
.quote_container{
    margin-left: 20px;
    width: 480px;
    padding-bottom: 15px;
}

.quote_header{
    font-size: 10px;
}

.quote_content_container{
    background-color: #f1f1f1;
    padding: 10px;
    border: 1px solid #bebebe;
    background-image: url(/includes/images/common/quote_quotes.gif);
    background-repeat: no-repeat;
    background-position: 398px 8px;
}

  .quote_name
, .quote_name:link
, .quote_name:active
, .quote_name:visited
{
    color: #000; 
    text-decoration: none;
    padding-bottom: 15px;
}

.quote_name:hover{
    text-decoration: underline;
}

.quote_content{
    padding-top: 8px;
}

.quote_content_hidden{
    padding-top: 8px;
    display: none;
    visibility: hidden;
}

/****************************/

.spoiler_container{
    margin-left: 20px;
    width: 480px;
    padding-bottom: 15px;
}

.spoiler_header{
    font-size: 10px;
}

.spoiler_content_container{
    background-color: #000;
    color: #000;
    padding: 10px;
    border: 1px solid #bebebe;
}

.spoiler_content{
    padding-top: 8px;
}