/* ======================================================
   Vriendenkring 'De Rooie Hoek' basic style sheet, versie 24-02-06
    Copyright 2006 Joost Haneveer
====================================================== */


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

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

/* Standaard lettertype */
body, h1, h2, h3, h4, h5, h6, td{font: 11px verdana, tahoma, Geneva, Arial, Helvetica, sans-serif; color: #000;font-size-adjust: 0.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(../images/grijs_back.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

	#Container
	{
	margin: 0px auto;
	width: 768px;
	text-align: left;
	
	}

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

	#Header
	{
	height: 89px;
	background-color: white;
	background-image: url(../images/bg_header.jpg);
	border-left:1px solid #000;
	border-right: 1px solid #000;
	border-top:1px solid #000;
	}	
/* ------------------------------------------------------
   Navigatie (Tabs)
------------------------------------------------------ */

/* Positionering background en instellen navigatie borders*/

	#Navigation
	{
	height: 31px;
	background-color: white;
	background-image: url(../images/bg_navigatie.jpg);
	border-left:1px solid #000;
	border-right: 1px solid #000;
	}
	
	#kleurbalk
	{background-position:bottom left;
	background-repeat:repeat-x;
	height:50px;
	width:auto;
	}

/* Background image schema voor de kleurbalk */
.kleurschema1 #kleurbalk{background-image: url(../images/nav/balk_1.gif)}
.kleurschema2 #kleurbalk{background-image: url(../images/nav/balk_1.gif)}
.kleurschema3 #kleurbalk{background-image: url(../images/nav/balk_1.gif)}
.kleurschema4 #kleurbalk{background-image: url(../images/nav/balk_1.gif)}
.kleurschema5 #kleurbalk{background-image: url(../images/nav/balk_1.gif)}
.kleurschema6 #kleurbalk{background-image: url(../images/nav/balk_1.gif)}

/* Preloading hover status */
#tabblad1{background-image: url(../images/nav/tab_hover_1.gif)}
#tabblad2{background-image: url(../images/nav/tab_hover_1.gif)}
#tabblad3{background-image: url(../images/nav/tab_hover_1.gif)}
#tabblad4{background-image: url(../images/nav/tab_hover_1.gif)}
#tabblad5{background-image: url(../images/nav/tab_hover_1.gif)}
#tabblad6{background-image: url(../images/nav/tab_hover_1.gif)}

/* Background image schema voor de tabs  */
.kleurschema1 div div #tabblad1{background-image: url(../images/nav/tab_actief_1.gif)}
.kleurschema2 div div #tabblad2{background-image: url(../images/nav/tab_actief_1.gif)}
.kleurschema3 div div #tabblad3{background-image: url(../images/nav/tab_actief_1.gif)}
.kleurschema4 div div #tabblad4{background-image: url(../images/nav/tab_actief_1.gif)}
.kleurschema5 div div #tabblad5{background-image: url(../images/nav/tab_actief_1.gif)}
.kleurschema6 div div #tabblad6{background-image: url(../images/nav/tab_actief_1.gif)}

/* hover kleur */
#tabblad1.tabhover{background-image: url(../images/nav/tab_hover_1.gif)}
#tabblad2.tabhover{background-image: url(../images/nav/tab_hover_1.gif)}
#tabblad3.tabhover{background-image: url(../images/nav/tab_hover_1.gif)}
#tabblad4.tabhover{background-image: url(../images/nav/tab_hover_1.gif)}
#tabblad5.tabhover{background-image: url(../images/nav/tab_hover_1.gif)}
#tabblad6.tabhover{background-image: url(../images/nav/tab_hover_1.gif)}

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

/* Actieve tab lettertype stijl - afhankelijk van het kleurenschema dat wordt gebruikt */
.kleurschema1 #tabblad1 a, .kleurschema2 #tabblad2 a, .kleurschema3 #tabblad3 a, .kleurschema4 #tabblad4 a, .kleurschema5 #tabblad5 a, .kleurschema6 #tabblad6 a {font-weight: bold;}

/* Box waarin alle tabs zitten */
#Tabsbox{margin: 0px 15px; width: 735px;}

/* Box waarin de individuele tabs worden geplaatst */
#Tabsbox div
	{width:105px;
	height:31px;
	overflow:hidden;
	float:left;
	text-align:center;
	list-style-type:none;
}

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

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

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

#contentmidden{
   width:500px;
	padding:0px;
	margin:0px;
}
	
/* ------------------------------------------------------
Gekleurde achtergrond contentgebied
------------------------------------------------------ */

#Contents {
   	border-left:1px solid #000;
   	border-right:1px solid #000;
	padding-top: 3px; 
	width:auto;
}

/* Instelling van de achtergrondkleur  */
#Contents{background:#CC0000;}


/* ------------------------------------------------------
Stijl van het content-gebied
------------------------------------------------------ */

#contentmiddencontent{
	background: #fff;
    border: 1px solid #838383;
	width:auto;
 }

/* ====================================================
De sectieheader
==================================================== */

/* Stijl voor de content-header die boven alle verschillende 
pagina's uit diverse submappen komt te staan. Dit is de default 
stijl en deze wordt overschreven door een css file in de 
betreffende map, die een plaatje bevat als achtergrond voor de
header */
#sectionhead{
   width:auto;
   text-align:left;
	margin:0px;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fff;
}

#sectionhead p{
	margin:0px 0px 0px 8px;
	padding:0px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	letter-spacing: 2px;
	line-height:46px;
	height:46px;
	overflow:hidden;
}

/* ------------------------------------------------------
 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 van de footer links */
#globalfooter a,  .popup #footer a {
	color:#666666;
	text-decoration: none;
}	

/* Highlight */
#globalfooter .highlight,  .popup #footer .highlight {
	color:#CC0000;
	font-weight:bold;
}

/* Copyright tekst */
#globalcopyright{
	font-size:9px;
	color:#999999;
	text-align: center;
	margin-top:3px;
}

/* reset de p-tag marge binnen de global footer */
#globalfooter p, .popup #footer p{margin:0px;padding:0px}

/* ------------------------------------------------------
Menu boxen - classes gebruikt om menuboxen te genereren
------------------------------------------------------ */

/* Creer een menubox header */
.cbar 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 9px;
	line-height:13px;
}


/* Creer een menubox - gebruikt tesamen met h3 header*/
.cbar .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;
}

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

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

/* menu item stijl- creer de stippellijn */
ul.menu li{
	background-image:url(../images/dot.gif);
	background-repeat: repeat-x;
	padding: 3px 3px;
}

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

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

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

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

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

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

/* ------------------------------------------------------
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(../images/dot.gif);height:1px;overflow:hidden;clear:both;margin:0px;padding:0px;}

/* Voegt marges toe binnen het contentgebied */
#contentmiddencontent .hr{margin: 8px 8px 8px 8px;width:481px;}

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

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

/* opmaak voor een image in een menu-box */
.cbar .box img{margin:0px 5px 5px 5px;}

/* 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}

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

/* caption tekst */
#contentmiddencontent div.right div{font-size:10px}


/* ------------------------------------------------------
 Class gebruikt voor creeren van kolommen in content-gebied
------------------------------------------------------ */

/* Algemene kolom opmaak */
.columns1,.columns2,.columns3, .columns2l, .columns2r{
   text-align:left;
   margin:0px 9px;
	width:480px;
}

/* 1-koloms opmaak */
.columns1{text-align: justify}


/* ------------------------------------------------------
   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(../images/colorbox_linksboven.gif);}
.colorbox .topright{float:right;background-image:url(../images/colorbox_rechtsboven.gif);}
.colorbox .bottomleft{float:left;background-image:url(../images/colorbox_linksonder.gif);}
.colorbox .bottomright{float:right;background-image:url(../images/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;
}


/* ------------------------------------------------------
   Paging navigatie lijn
------------------------------------------------------ */

.pagingnavigation{width:100%}

.pagingnavigation .left{
	float:left;
	width:20%;
	text-align:left;
	}

.pagingnavigation .right{
	float:right;
	width:20%;
	text-align:right;
}

/* ------------------------------------------------------
   box met plaatjes (advertenties ed)
------------------------------------------------------ */

.cbar .box .square{margin: 8px 0px 0px 0px;width:auto;text-align:center;}
.cbar .box .rounded{margin: 3px 0px -7px 0px;width:auto;text-align:center;}

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

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

ul.historie {margin-left:195px}