@charset "utf-8";
/* CSS Document */

html,body {
	margin:0;
	padding:0;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background-image:url(background_blauw.png);
	background-repeat:repeat-x;
	background-color: #f8fafb;
}

img
{ 
	 border-style: none;
	 text-decoration:none;
}

/*ie6 warning div*/
div#ie6_warning
{
	position:absolute;
	left:5px;
	top:5px;
	padding:5px;
	height: 75px;
	width: 350px;
	z-index: 4;
	background-color: #F66;
	border: 1px solid #C00;
	color: #000;
} 

/*dropshadow style*/
.dropshadow {
 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
} 

/*grijze titels  in groene kader */
h1
{
	color: #494b43;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-shadow: #eee 0px 0px 2px;
	margin-left:10px;
	margin-top:7px;	
	margin-bottom:0px;
} 

.h1_nieuws
{
  color: #494b43;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  text-shadow: #eee 0px 0px 2px;
  margin-left:10px;
  margin-top:4px; 
  margin-bottom:0px;
} 


h2
{
	color: #494b43;
	margin-top:0px;
	font-size: 13px;
	font-weight: bold;
}

.h2_underline{
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
} 

.h2_green
{
	font-size: 13px;
	color: #006600;
	font-weight: bold;
	border-bottom: 1px solid #90ba24;
} 

h3
{
	font-size: 12px;
	color: #494b43;
	font-size: 12px;
	font-weight: boldl;
	margin-bottom:7px;
}

a:link {
	color: #006600;
	border: none;
	text-decoration:underline;
}

a:visited {
	color: #003366;
	border: none;
	text-decoration: underline;
	
}

a:hover, a:active {
	color: #006600;;
	border: none;
	outline:none;	
} 

a:focus
{
-moz-outline-style: none;
}

.standard_vet
{
		font-weight: bold;	
}

.link_pijl{
	font-size: 9px;
	text-decoration: none;
	
}

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

.standard_12px
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #494b43;
	font-weight:normal;
	text-transform:none;
	text-decoration: none;
}

.standard_10px
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #494b43;
  font-weight:normal;
  text-transform:none;
}

.standard_9px
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #494b43;
	font-weight:normal;
	text-transform:none;
}
/*titel van de website*/
div#reynaert_titel
{
	position:absolute;
	left:0px;
	top:-5px;
	height: 99px;
	width: 100%;
	z-index: 3;
	background-image:url(reynaert_titel_2.png);
	background-repeat:no-repeat;
	background-position:top center;
} 

/*achtergrond boven aan de website*/
div#wolkjes
{
	position:absolute;
	left:0px;
	top:0px;
	height: 152px;
	width: 100%;
	z-index: 1;
	background-image:url('wolkjes.png');
	background-repeat:no-repeat;
	background-position:top center;
} 

/* navigatiebalk*/

.link_bar_container
{
	position:absolute;
	left:0px;
	top:70px;
	height: 62px;
	width: 100%;
	z-index: 5;
	min-width: 620px;
	max-width: 1770px;	
} 

.link_bar
{
	float:left;
	height: 115px;
	width: 80%;
	background-image:url(linkbar_fill.png);
	background-repeat:repeat-x;
	min-width: 730px;	
} 

.link_bar_end
{
	float:left;
	height: 115px;
	width: 14px;
	background-image:url(linkbar_rechts.png);	
} 

/*inhoud*/
/*container voor de home page*/
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:90%;
	max-width:950px;
	min-width:750px;
	/*background:url(layout_images/mid.gif);*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
	z-index:2;
}

/*container voor al de rest van de site*/
div#container_2 {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:90%;
	max-width:950px;
	min-width:750px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	z-index:0;
	background-color: #33CC00;
}

/*voor spatie aan bovenkant om om geen last te hebben van padding etc*/
div#header 
{
	height: 180px;
}

div#content {
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */	
}

div#left_content{
	width: 49%;
	height:100%;
	float:left;
		
}

div#right_content{
	width: 49%;
	height:100%;
	float:right;
		
}

div#welkom
{
	Height: 199px;
	border:1px solid #90ba24;
	-moz-border-radius:10px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
	background-image: url('kader.png');
	background-repeat: repeat-x;
	
} 

div#welkom_content
{
	height: 140px;
	margin-top: 10px;
	margin-left: 7px;
	margin-right: 7px;
} 

div#welkom_lees_meer
{
	margin-right: 7px;
	text-align:right;	
} 

div#kalender
{
	Height: 199px;
	border:1px solid #90ba24;	
	-moz-border-radius:10px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
	background-image: url('kader.png');
	background-repeat: repeat-x;
	margin-bottom: 20px;
} 

div#kalender_lijst
{
margin-top:10px;
margin-left:10px;
} 

div#nieuwskader
{
	border:1px solid #90ba24;
	-moz-border-radius:10px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
	background-image: url('kader.png');
	background-repeat: repeat-x;
	height: 420px;
	margin-bottom: 140px;
	overflow: hidden;	
} 

div#landschap_left
{
	background-image: url('bottom_basis.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 280px;
	width: 307px;
	left:50%;
	margin-left:-707px;
	position: fixed;
	bottom: 0px;
	z-index: 10;		
} 

div#landschap_center
{
	background-image: url('bottom_basis.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 125px;
	width: 800px;
	left:50%;
	margin-left:-400px;
	position: fixed;
	bottom: 0px;
	z-index: 10;			
} 

div#landschap_right
{
	background-image: url('bottom_basis.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 280px;
	width: 308px;
	left:50%;
	margin-left:400px;
	position: fixed;
	bottom: 0px;
	z-index: 10;		
}

/*Menu-buttons*/

div#button_links
{
	float:right;
	background-image: url('links.png');
	height:85;
	width: 62px;
	margin:0;
}

/*kalender icon op start  pagina*/

div#mini_kalender
{
	background-image: url('kalender_icon.png');
	background-repeat: no-repeat;
	width: 69px;
	height: 71px;
	position:relative;
	top: -20px;
	float:right;
	right:11px;
	text-align: center;
	padding-top: 23px;
	font-variant: small-caps;	
} 

/* style voor nieuws kader*/
div#content_nieuws
{
	
	color: #494b43;
	padding-top:5px;
	margin:10px;
	height:380px;
	  
} 

div#nieuws_archief_link
{
	width: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
	margin-right:10px;
} 

/*style voor komende activiteit kader*/
div#content_komende_act
{
	color: #494b43;
	margin-top:5px;
	height:149px;
	overflow: hidden;
} 

/*style vpoor de algemene geg. een transparante kolom met kop -----------------------------------*/
/*Style voor achtergrond nieuws etc.....geeft transparante achtergrond*/
/*De titelbaar boven content_2*/
div#kop_kader
{
	width:100%;
	background-image: url('kader.png');
	background-repeat: repeat-x;
	height: 30px;
	border:1px solid #90ba24;
	border-radius-topleft: 10px; 
	-o-border-radius-topleft: 10px; 
	-icab-border-radius-topleft: 10px; 
	-khtml-border-radius-toplef: 10px; 
	-moz-border-radius-topleft: 10px; 
	-webkit-border-radius-topleft: 10px; 
	border-top-left-radius: 10px; 
	-o-border-top-left-radius: 10px; 
	-icab-border-top-left-radius: 10px; 
	-khtml-border-top-left-radius: 10px; 
	-moz-border-top-left-radius: 10px; 
	-webkit-border-top-left-radius: 10px; 
	
	border-radius-topright: 10px; 
	-o-border-radius-topright: 10px; 
	-icab-border-radius-topright: 10px; 
	-khtml-border-radius-topright: 10px; 
	-moz-border-radius-topright: 10px; 
	-webkit-border-radius-topright: 10px; 
	border-top-right-radius: 10px; 
	-o-border-top-right-radius: 10px; 
	-icab-border-top-right-radius: 10px; 
	-khtml-border-top-right-radius: 10px; 
	-moz-border-top-right-radius: 10px; 
	-webkit-border-top-right-radius: 10px;
} 

div#navigatie_pijltjes
{
	height: 25px;
	margin-right: 10px;
	margin-top:-29px;
	float: right;
} 

div#volgorde_links
{
	height: 25px;
	margin-right: 10px;
	margin-top:-20px;
	float: right;
} 

div#add_link
{
	height: 32px;
	margin-right: 10px;
	margin-top:5px;
	float: right;
	vertical-align: text-top;
	text-align:center;
} 

div#content_2
{
	width:100%;
	border:1px solid #90ba24;
	background-image: url(transparant_backgr.png);
	min-height:350px;
	padding-bottom:130px;	/*samen met footer om de content boven landschap te laten uitkomen)*/	
} 

/*Bapaalt de pos. van de gegevens binnen div content_2* zodat er geen padding nodig is in content_2*/
div#content_3
{
margin: auto;
min-width:10%;
max-width:80%;
float:center;
z-index: 99;
}

/*Deze footer in content_2 plaatsen om je geg. voorbij landschap te komen onderaan*/
div#footer {
	position:absolute;
	height:110px;
	width:100%;
	bottom:0; /* stick to bottom */
	
}
/*---------------------------*/

/*style voor next en prev knoppen--------------------------------------------*/
 div#navcenter {
	margin:0 auto; 
}
 
 ul{
	margin-top:20px;
	margin-bottom:20px;
}

#pagination-digg{text-align:center;list-style:none}

	#pagination-digg li{
	display: inline;
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	font-weight: bold;
	font-size: 11px;
    }
    #pagination-digg a{
        border:solid 0px #9aafe5;
        margin-right:3px;
    }
    #pagination-digg .previous-off,
    #pagination-digg .next-off {
        border:solid 1px #DEDEDE;
        color:#888888;
        display:inline;
		font-weight:bold;
        margin-right:3px;
        /*padding:2px 4px;*/
    }
    #pagination-digg .next a,
    #pagination-digg .previous a {
     	font-weight:bold;
    }    
    #pagination-digg .active{
        /*background:#2e6ab1;*/
        color:#666;
        font-weight:bold;
        display:inline;
        /*padding:2px 4px;*/
		margin-right:3px;
    }
    #pagination-digg a:link, 
    #pagination-digg a:visited {
        color:#0e509e;
        display:inline;
        /*padding:1px 2px;*/
        text-decoration:none;
    }
    #pagination-digg a:hover{
        border:solid 0px #0e509e;
		color:#888888;
    }
/*-------------------------------------------------------------------*/

/* post-it voor bij kort_nieuws als bericht permanent van boven staat*/
#post-it
{
	position:relative;
	background-image: url('post-it.png');
	background-repeat: no-repeat;
	height: 41px;
	width: 46px;
	float:right;
	margin-top:-10px;
}

#post-it_uitroep_teken
{
	position:relative;
	background-image: url('post-it-red.png');
	background-repeat: no-repeat;
	height: 41px;
	width: 46px;
	float:right;
	margin-top:-10px;	
}

#uitroep_teken
{
	position:relative;
	background-image: url('uitroep_teken.png');
	background-repeat: no-repeat;
	height: 41px;
	width: 46px;
	float:right;
	margin-top:-10px;	
}

/*Kader rond korte berichten  op startpagina.*/ 
#default_kader
{
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left:5px;
}

#thumb
{
	height: 53px;
	width: 80px;
	overflow:hidden;
}

#groene_kader
{
	border: 1px solid #90ba24;
	padding-bottom:5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left:5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#rode_kader
{
	border: 1px solid #df0c00;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left:5px;
	padding-bottom:5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 	
}

/*Style voor forms ___________________________________*/

#formulier
{
	width:550px;
	min-height: 250px;
	border : 1px solid #CCCCCC;
	margin:0px auto;
	margin-top: 15px;
	padding-top: 10px ;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 		
}

#formulier ul, formulier li{
border:1; margin:0; padding:0; list-style:none;
}
#formulier li{
	clear:both;
	list-style:none;
	padding-bottom:20px;
}

input:focus, textarea:focus{
	border-top-color: #a0c232;
	border-right-color-value: #a0c232;
	border-bottom-color: #a0c232;
	border-left-color-value: #a0c232;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	background-color: #f7ffdf;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	color: #000000;
}

#formulier input{
	width: 370px;
	float:left;
	border : 1px solid #CCCCCC;
	margin-right: 5px;
}
#formulier textarea{
	height: 110px;
	width: 370px;
	float:left;
	border : 1px solid #CCCCCC;
	margin-right: 5px;
}

#formulier label{
	width:140px;
	float:left;
	margin-left: 10px;
	}

#add_link_form_icon
{
	height: 32px;
	width: 33px;
	margin-left: 10px;
	background-image: url(add_link.png);
	position: relative;
}

#error_text
{
	margin-top:10px;
	margin-left: 10px;
	margin-bottom:10px;
	color: #FF3333;	

}

/*voor contact-formulier*/
div#bestuursleden_drop_down{
	width: 48%;
	float:left;
	padding-left:5px;
	text-align:left;
	
}

div#activiteiten_drop_down{
	width: 48%;
	float:left;
	padding-right:10px;
	text-align:right;
}

/*alterbatief form style voor ticket form in tabel*/
div#form_border_2
{
	margin-top:20px;
	border: 1px solid #CCCCCC;
	padding:20px;
		
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 		
}

#form_border_2 input{
	border : 1px solid #CCCCCC;	
}

div#alt_input input{
	width: 285px;
	float:left;
}

/*toont en button alleen als text*/
.text_button {
   border: none;
   background-color: transparent;
   padding: 0;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color: #006600;
   cursor:pointer
}

/*stijl voor de tabel kalender___________________*/

/*voor roll over effect*/

.tableRollOverEffect1{
  background-color:#98D0FF;
  color:#FFF;
}

.tableRowClickEffect1{
  background-color:#98D0FF;
  color:#FFF;
}

/*voor afwisselende achtergrond kleur*/

.bgcolor_kalender
{
background-color: #d9ecf7;

}

/*Stijl voor kaders nieuws archief_________*/

#kader_nieuwsarchief
{
	/*border: 1px solid #90ba24;*/
	border : 1px solid #CCCCCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-left:20px;
	padding-right:20px;
	margin-top:8px;
	padding-top:5px;
	padding-bottom:10px;
	margin-top:20px;
}

/*Stijl voor activiteiten pagina_______________________________*/

div#spring_in_10{
	margin-left:11px;
}

.speciale_act
{
	color: #900;
} 

div#korte_beschrijving
{
	margin: 7px;
} 

div#actpage_content
{
	border: 1px solid #CCCCCC;
	padding-left:20px;
	padding-right:20px;
		
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 	
}

div#actpage_samenvatting
{
	border: 1px solid #CCCCCC;
		
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 		
}  

.basisimage {
  max-width: 310px;
  max-height: 355px;
  width: expression(this.width > 300 ? "300px" : true);
  height: expression(this.height > 350 ? "350px" : true);
}

div#ticket
{
padding-left:23px;
height:16px;
background-image:url(ticket.png);
background-repeat:no-repeat;
} 

div#genodigde
{
padding-left:23px;
height:16px;
background-image:url(contact_16.png);
background-repeat:no-repeat;
} 

div#enkel_leden
{
padding-left:23px;
height:16px;
background-image:url(member.png);
background-repeat:no-repeat;
} 

div#enkel_daknam
{
padding-left:23px;
height:16px;
background-image:url(daknam_16.png);
background-repeat:no-repeat;
} 

/*info menu*/
#info-main { 
	 margin-top:28px;
	 padding-top:10px;
	 width:100%; 
	-moz-border-radius-topright: 12px; 
	-moz-border-radius-bottomright: 12px; 
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-top-right-radius:12px; 
	-webkit-border-bottom-right-radius:12px; 
	-webkit-border-bottom-left-radius:12px;
	border:1px solid #90ba24;
	background-image: url(transparant_backgr.png);
	min-height:350px;
	padding-bottom:130px;
}


/*- Menu Tabs 5--------------------------- */

    #tabs5 {
      margin-top:-10px;
      margin-left:-50px;
      float:left;
      width:100%;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 15px;
      line-height:normal;
      
      }
    #tabs5 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs5 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs5 a {
      float:left;
      background:url("tableft5.png") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs5 a span {
      float:left;
      display:block;
      background:url("tabright5.png") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs5 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs5 a:hover span {
      color:#FFF;
      }
    #tabs5 a:hover {
      background-position:0% -42px;
      }
    #tabs5 a:hover span {
      background-position:100% -42px;
      }

      #tabs5  #current a {
              background-position:0% -42px;
              color: #494b43;
      }
      #tabs5  #current a span {
              background-position:100% -42px;
              color: #494b43;
      }

/*Leden lijst*/

#leden_foto_kader{
	margin-top:15px;
	width:28%;
	float:left;
	/*background-color: #CC0000;*/	
}

#foto_kader{
	width:110px;
	height:120px;
	margin: 0px auto;
	background-image: url(foto_kader.png);
}	

#leden_data{
	margin-top:15px;
	min-height:120px;
	width:68%;
	float:left;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#leden_naam { 
	text-transform:uppercase; 
	margin:10px;  
}

#functie_voorzitter{ 
	height:16px;
	margin-left:30px;
	background-image: url(user_suit.png);
	background-repeat:no-repeat;
	padding-left:23px;
}

#functie_onder_voorzitter{ 
	height:16px;
	margin-left:30px;
	background-image: url(user_orange.png);
	background-repeat:no-repeat;
	padding-left:23px;
}

#leden_beschrijving { 
	margin-top:15px;
	margin-left:53px; 
}

/*fix voor bij het tonen van bij de leden lijst, basis layer rekt anders niet mee.*/
.clearer {
	clear: both;}

/*style voor fotoboek__________________________________________________________________________*/
#pa_images {
	width:auto;
}

#pa_images h2 {
	font-weight:bold;	
	width:auto;
	text-align:center;
}

div#naar_album{
margin-left:55px;
/*padding-left:23px;*/
height:16px;
/*background-image:url(foto_stapel_16.png);
background-repeat:no-repeat;*/
width:270px;
} 

#foto_stapel {
	width:190px;
	height:205px;
	overflow:hidden;
	background-image:url(foto_stapel.png);
	background-repeat:no-repeat;
	padding-top:15px;
}

#pa_images a {
	display: block;
	text-decoration:none;
	/*width:116px;
	height: 116px;*/
}

#pa_kader {
	float: left;
	text-decoration:none;
	list-style:none;
	width: 116px;
	height: 127px;
	background-image:url(foto_kadertje.png);
	background-repeat:no-repeat;
	margin: 10px;
	overflow:hidden;
}

#end_tumb {
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	width:96px;
	height:96px;
	overflow:hidden;
}

#end_tumb a {
width: 100%;
height: 100%;
display: block;
}

/*facebook button*/
div#facebook{
text-align:center;
margin:10px;
}