/* ======================================================
      Vriendenkring 'De Rooie Hoek'
      Basic Style Sheet, Versie 2.0 - 16-01-2008
      Copyright 2006-2008 Joost Haneveer
====================================================== */


/* ------------------------------------------------------
   Standaard HTML definities
------------------------------------------------------ */

/* Verwijderen borders van images met een link */ 
a img{border:none;}

/* Standaard lettertype (font-size-adjust bestaat niet volgens validator was 0.51 */
body, h1, h2, h3, h4, h5, h6, td, input{font: 11px verdana, tahoma, Geneva, Arial, Helvetica, sans-serif; color: #000; font-size-adjust:.51;}

/* Headers : h1 wordt gebruikt voor de koppen in het content-gedeelte
h2 wordt gebruikt voor de overige koppen binnen de content */
h1, h2{margin-bottom:5px;font-size:18px;color:#CC0000;line-height:1em;}

/* Standaard paragraaf instelling */
p{padding: 0px 0px 9px 0px;line-height:17px;margin:0px}

/* Link kleuren */
a:link{color:#000000;text-decoration: underline;}
a:visited{color:#000000;}
a:hover{color:#CC0000;text-decoration: underline;}
a:active{color:#CC0000;}

/* Geordende en ongeordende lijst elementen */
li{margin-bottom:0px}
ul,ol{margin-left:25px}

/* ------------------------------------------------------
   Instellingen/positionering achtergrond e.d.
------------------------------------------------------ */
body 
{ 
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0px;
	background-color: #ECECEC;
	background-image:  url(http://www.derooiehoek.nl/images/framework/grijs_back.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

#container
{
	margin: 0px auto;
	width: 790px; /*768*/
	text-align: left;
	}

/* ------------------------------------------------------
   Pagina kop
------------------------------------------------------ */

#header
{
	height: 120px;
	background-color: white;
	background-image: url(http://www.derooiehoek.nl/images/framework/bg_header.jpg);
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
}

/* ------------------------------------------------------
   Navigatie (Tabs)
------------------------------------------------------ */

/* Box waarin alle tabs zitten */
#tabsbox
{
	margin-top: -27px;
	margin-left: 15px; 
	width: 735px;
	height: 31px;
}

/* Tab zelf - general settings */
#tabsbox div
{
	width: 105px;
	height: 31px;
	overflow: hidden;
	float: left;
	text-align: center;
	list-style-type: none;
}

/* Tabs Lettertype */
#tabsbox div a
{
	color: #fff;
	line-height: 31px;
	text-decoration:none;
}

/* Background image voor de tabs */
#tab1{background-image: url(http://www.derooiehoek.nl/images/framework/tab_hover_1.gif)}
#tab2{background-image: url(http://www.derooiehoek.nl/images/framework/tab_hover_1.gif)}
#tab3{background-image: url(http://www.derooiehoek.nl/images/framework/tab_hover_1.gif)}
#tab4{background-image: url(http://www.derooiehoek.nl/images/framework/tab_hover_1.gif)}
#tab5{background-image: url(http://www.derooiehoek.nl/images/framework/tab_hover_1.gif)}
#tab6{background-image: url(http://www.derooiehoek.nl/images/framework/tab_hover_1.gif)}

/* Het background image van de actieve tab veranderen  */
.tabpage1 div #tab1{background-image: url(http://www.derooiehoek.nl/images/framework/tab_actief_1.gif)}
.tabpage2 div #tab2{background-image: url(http://www.derooiehoek.nl/images/framework/tab_actief_1.gif)}
.tabpage3 div #tab3{background-image: url(http://www.derooiehoek.nl/images/framework/tab_actief_1.gif)}
.tabpage4 div #tab4{background-image: url(http://www.derooiehoek.nl/images/framework/tab_actief_1.gif)}
.tabpage5 div #tab5{background-image: url(http://www.derooiehoek.nl/images/framework/tab_actief_1.gif)}
.tabpage6 div #tab6{background-image: url(http://www.derooiehoek.nl/images/framework/tab_actief_1.gif)}

/* Actieve tab lettertype stijl - afhankelijk van het kleurenschema dat wordt gebruikt */
.tabpage1 #tab1 a {font-weight: bold;} 
.tabpage2 #tab2 a {font-weight: bold;} 
.tabpage3 #tab3 a {font-weight: bold;} 
.tabpage4 #tab4 a {font-weight: bold;} 
.tabpage5 #tab5 a {font-weight: bold;}
.tabpage6 #tab6 a {font-weight: bold;}

/* Stijl van de tab links*/
#tabsbox div a{display:block;}

/*De scheiding tussen de header/tabs en de rest van de pagina */
#headerbottom
{	
	background-image: url(http://www.derooiehoek.nl/images/framework/balk_1.gif);
	background-repeat:repeat-x;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin-top: -5px;
	height:12px;
	width:788px; /*766*/
}

/* ---------------------------------------------------------
3 koloms stijl (content- links, rechts en center box gebied)
--------------------------------------------------------- */

/* Standaard settings voor de 3-koloms opmaak */
#contentlinks,#contentrechts
{
   text-align:center;
   float:left;
   width:138px;
   margin-bottom:2px; 
}

#contentmidden
{
	text-align:justify;
	border: 1px solid #838383;
	background: #fff;
	float:left;
	width:480px; /*468*/
	padding:15px; /*10*/
	margin:0px;
}

/* Voegt marges toe binnen het contentgebied */
#contentmidden .hr{margin: 8px 0px 8px 0px;width:469px;}

#contentmidden ul.menu li{background: none;padding:2px 9px}

/* Class gebruikt voor het uitlijnen van een tekstbox binnen tekst */
#contentmidden div.left{float:left;margin: 0px 9px 0px 0px}
#contentmidden div.right{float:right;margin: 0px 0px 0px 9px}

/* caption tekst */
#contentmidden div.right div{font-size:10px}
	
/* ------------------------------------------------------
Gekleurde achtergrond contentgebied
------------------------------------------------------ */

#contents {
	background:#CC0000;
   	border-left:1px solid #000;
   	border-right:1px solid #000;
	padding-top: 3px; 
	width:auto;
}
/* ------------------------------------------------------
Menu boxen - classes gebruikt om menuboxen te genereren
------------------------------------------------------ */

/* Creer een menubox header */
.sidecolumn h3{
	font-weight:bold;
	background-color:#FFFFFF;
	border-top:1px solid #838383;
	border-left: 1px solid #838383;
	border-right: 1px solid #838383;
	margin:0px 3px;
	text-align:left;
	padding: 9px 9px 3px 6px;
	line-height:13px;
}


/* Creer een menubox - gebruikt tesamen met h3 header*/
.sidecolumn .box {
	background-color:#FFFFFF;
	border-bottom:1px solid #838383;
	border-left: 1px solid #838383;
	border-right: 1px solid #838383;
	margin:0px 3px 3px 3px;
	text-align:left;
	padding-bottom:5px;
	overflow:hidden;
}

/* opmaak voor de hr-tag in een menu-box */
.sidecolumn .box .hr{margin:0px 5px}

/* ------------------------------------------------------
 Pagina Footer
------------------------------------------------------ */
/*  Onder aan de pagina */
#footer {
	background-color:#FFFFFF;
	border-top:1px solid #000000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-top:9px;
	text-align:center;
	width:auto;
}


/* ------------------------------------------------------
Layout voor overzichten van links
------------------------------------------------------ */

/* menu container */
ul.arrow{
	list-style-type: none;
	margin: 0px 5px 0px -35px;
}

/* menu item stijl-  */
ul.arrow li{
	
	background-repeat: repeat-x;
	padding: 3px 3px;
}

/* creer stippellijn */
ul.arrow li.line{
	background-image:url(http://www.derooiehoek.nl/images/framework/dot.gif);
}

/* Submenu container */
ul.arrow li div ul{
	margin:3px 0px 0px 0px;
	list-style: none;
}

/* verwijderen onderlijning van menu item */
ul.arrow a {text-decoration:none;}

/* class voor gebruikt voor het actieve menu item*/
ul.arrow .active {font-weight:bold;}

/* Link kleuren voor menu items */
ul.arrow a:link{color:#000;}
ul.arrow a:visited{color:#000;}
ul.arrow a:hover{color:#CC0000;text-decoration: underline;}
ul.arrow a:active{color:#CC0000;}

/* arrow voor de menu items */
ul.arrow li div{
	background-image: url(http://www.derooiehoek.nl/images/framework/bullet_pijl.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 9px;
	margin-left:0px;
	line-height:14px;
}

/* ------------------------------------------------------
Diversen
------------------------------------------------------ */
/* Extra ruimte tussen onderwerpen/afbreken */ 
.breaker{overflow:hidden;height:1px;clear:both}

/* verwijder marges */
.nomargin{margin:0px;}

/* invoegen van een stippellijn/afbreken */
.hr{background-image:url(http://www.derooiehoek.nl/images/framework/dot.gif);height:1px;overflow:hidden;clear:both;margin:0px;padding:0px;}

/* Class gebruikt voor uitlijnen tekst rond images */
img.left, div.left{float:left;margin: 0px 9px 0px 0px}
img.right, div.right{float:right;margin: 0px 0px 0px 9px}

/* Knoppen met een standaardformaat van 75 bij 23 pixels, */
/* alleen geschikt voor niet te brede opschriften:        */
input.button {
	width:       75px;
	height:      23px;
	margin:      0px 0 10px 0;
}

/* De paginanavigering van het gastenboek in ht midden van de pagina weergeven */
.guestbookpaging 
{
	text-align: center;
}


/* ------------------------------------------------------
   Gekleurde box
------------------------------------------------------ */

/* Standaard settings voor de colorbox */
.colorbox{width:100%;overflow:hidden;}

/* kleurinstelling */
.colorbox{background:#FF6666;}

/* opmaak colorbox hoeken */
.colorbox .topleft, .colorbox .topright, .colorbox .bottomleft, .colorbox .bottomright{
width:9px;
height:9px;
line-height:9px;
overflow:hidden;

}

/* invoegen colorbox hoeken */
.colorbox .topleft{float:left;background-image:url(http://www.derooiehoek.nl/images/framework/colorbox_linksboven.gif);}
.colorbox .topright{float:right;background-image:url(http://www.derooiehoek.nl/images/framework/colorbox_rechtsboven.gif);}
.colorbox .bottomleft{float:left;background-image:url(http://www.derooiehoek.nl/images/framework/colorbox_linksonder.gif);}
.colorbox .bottomright{float:right;background-image:url(http://www.derooiehoek.nl/images/framework/colorbox_rechtsonder.gif);}

/* passend maken van de tekst binnen de colorbox */
.colorbox .content {margin: 0px 9px;}

/* div die de hoeken bevat */
.colorbox .corners{
	overflow:hidden;
	height:9px;
}

/* opmaak van de hr-tag voor een colorbox */
#contentmidden .colorbox .content .hr{width:auto;margin:5px 0px;padding:0px}

/* ------------------------------------------------------
   commissietabel
------------------------------------------------------ */

.comtabel{
	color:#CC0000;
	font-size:14px;
}

ul.historie {margin-left:180px;text-align:left}

/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2005 Coppermine Dev Team
  v1.1 originaly written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your option) any later version.
  ********************************************
  Coppermine version: 1.4.3
  $Source: /cvsroot/coppermine/stable/themes/classic/style.css,v $
  $Revision: 1.6 $
  $Author: gaugau $
  $Date: 2005/11/28 07:43:00 $
**********************************************/

/* Colors used in this style sheet:
   Hex 000000 = RBG   0,   0,   0 = black
   Hex 5F5F5F = RBG  95,  95,  95 = light black
   Hex BDBEBD = RBG 189, 190, 189 = dark grey
   Hex D1D7DC = RBG 209, 215, 220 = medium grey
   Hex CCCCCC = RBG 204, 204, 204 = medium grey
   Hex EFEFEF = RBG 239, 239, 239 = dark white
   Hex FFFFFF = RBG 255, 255, 255 = white
   Hex 005D8C = RBG   0,  93, 140 = dark blue
   Hex 0033CC = RBG   0,  91, 104 = medium blue
   Hex 0E72A4 = RBG  14, 114, 164 = light blue
*/

/*body {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        background : #CCCCCC;
        color : Black;
        margin: 0px;
}

table {
        font-size: 12px;
}

h1{
        font-weight: bold;
        font-size: 22px;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        line-height : 120%;
        color : #000000;
        margin: 2px;
}

h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        margin: 0px;
}

h3 {
        font-weight: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 2px;
}

p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        margin: 2px 0px;
}

ul {
        margin-left: 5px;
        padding: 0px;
}

li {
        margin-left: 10px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 0px;
        list-style-position: outside;
        list-style-type: disc;
}*/

.textinput {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #D1D7DC;
        padding-right: 3px;
        padding-left: 3px;
}

.listbox {
        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #D1D7DC;
        vertical-align : middle;
}

.button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
}

.comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        padding-left: 3px;
        padding-right: 3px;
}

.radio {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

.checkbox {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

/*a {
        color: #0033CC;
        text-decoration: none;
}

a:hover {
        color: #0033CC;
        text-decoration: underline;
}*/

bblink a {
        color: #0033CC;
        text-decoration: none;
}

bblink a:hover {
        color: #0033CC;
        text-decoration: underline;
}

.maintable {
        border: 1px solid #CC0000;
/*      background-color: #FFFFFF;*/
        background-color: #efefef;
        margin-top: 1px;
        margin-bottom: 1px;
}

.tableh1 {
        background : #CC0000 ;
        color : #FFFFFF;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh1_compact {
        background : #CC0000 ;
        color : #FFFFFF;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh2 {
        background: #D1D7DC ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: #D1D7DC ;
        color : #000000;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb {
        background: #EFEFEF ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}


.tableb_compact {
        background: #EFEFEF ;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
        background: #D1D7DC;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

.catrow_noalb {
        background: #D1D7DC ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.catrow {
        background: #EFEFEF ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.album_stat {
        font-size: 85%;
        margin: 5px 0px;
}

.thumb_filename {
        font-size: 80%;
        display: block;
}

.thumb_title {
        font-weight : bold;
        font-size: 80%;
        padding: 2px;
        display : block;
}

.thumb_caption {
        font-size: 80%;
        padding: 1px;
        display : block;
}

.thumb_caption a {
        text-decoration: underline;
        color: #000000;
}

.thumb_num_comments {
        font-weight: normal;
        font-size: 80%;
        padding: 2px;
        font-style : italic;
        display : block;
}

.user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}

.user_thumb_infobox th {
        font-weight : bold;
        font-size: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox td {
        font-size: 80%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox a {
        text-decoration: none;
        color: #000000;
}

.user_thumb_infobox a:hover {
        color: #000000;
        text-decoration: underline;
}

.sortorder_cell {
        background : #CC0000 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
}

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : #CC0000 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        white-space: nowrap;
}

.navmenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-size: 100%;
        font-weight: bold;
        background : #CC0000 ;
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
        position: relative;
        display: block;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
        color: #FFFFFF;
}

.navmenu a:hover {
        background : #EFEFEF ;
        text-decoration: none;
        color:         #000000;
}

.admin_menu_thumb {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.admin_menu_thumb a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
        padding-right: 10px;
}


.admin_menu_thumb a:hover {
        color: #000000;
        text-decoration: underline;
}

.admin_menu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-color:#EFEFEF;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:1px;
        padding-right:1px;
        text-align: center;
}

.admin_menu a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.admin_menu a:hover {
        color: #000000;
        text-decoration: underline;
}

td #admin_menu_anim {
        background-image : url(images/button_bg_anim.gif);
}

.comment_date{
        color : #5F5F5F;
        font-size : 90%;
        vertical-align : middle;
}

.image {
        border-style: solid;
        border-width:1px;
        border-color: #000000;
        margin: 2px;
}

.imageborder {
        border: 1px solid #000000;
        background-color: #FFFFFF;
        margin-top: 30px;
        margin-bottom: 30px;
}

.display_media {
        background: #EFEFEF ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.thumbnails {
        background: #EFEFEF ;
        padding: 5px;
}

/*.footer {
        font-size : 9px;
}

.footer a {
        text-decoration: none;
        color: #000000;
}

.footer a:hover {
        color: #000000;
        text-decoration: underline;
}
*/
.statlink {
        color: #FFFFFF;
}

.statlink a {
        text-decoration: none;
        color: #FFFFFF;
}

.statlink a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}

.alblink a {
        text-decoration: underline;
        color: #000000;
}

.alblink a:hover {
        color: #000000;
        text-decoration: underline;
}

.catlink {
        display: block;
        margin-bottom: 2px;
}

.catlink a {
        text-decoration: underline;
        color: #000000;
}

.catlink a:hover {
        color: #000000;
        text-decoration: underline;
}

.topmenu {
        line-height : 130%;
        font-size: 100%;
}

.topmenu a {
        color : #0033CC;
        text-decoration : none;
}

.topmenu a:hover  {
        color : #0033CC;
        text-decoration : underline;
}

.img_caption_table {
        border: none;
        background-color: #FFFFFF;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
        background: #D1D7DC ;
        font-size: 100%;
        color : #000000;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
        background: #EFEFEF ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
        white-space: normal;
}

.debug_text {
        border: #BDBEBD;
        background-color: #EFEFEF;
        width : 100%;
        margin : 0px;
}

.clickable_option {
        cursor : default;
}

.listbox_lang {
        color: #000000;
        background-color: #D1D7DC;
        border: 1px solid #D1D7DC;
        font-size: 80%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;

}