/* stylesheet voor www.grusonia.be */

@import url(forms.css);
@import url(datepicker.css);

/*********algemeen**********/
body,div{
	margin:0;
	padding:0;
}

body{
	color:#4B5353;

	font:normal 0.8em/1.2 Verdana, Arial, Helvetica, sans-serif;
	/* font-size 62.5% van standaard (16px) = 10px = 1em */
}

/*********body backgrounds**********/


body#home{	background:#fff url(../i/bg/echinocactus_grusonii2.jpg) no-repeat fixed 120% 110%;}
body#planten{	background:#fff url(../i/bg/stapelia_bg1.jpg) no-repeat fixed  0px 100%;}
body#kalender{	background:#fff url(../i/bg/aloe_vaombe_800.png) no-repeat fixed  -40px 100%;}
body#links{	background:#fff url(../i/bg/huernia_zebrina1.jpg) no-repeat fixed  -40px 100%;}
body#zoekers{	background:#fff url(../i/bg/pachypodium_namaquanum2.jpg) no-repeat fixed  100% 110%;}
body#kaart{	background:#fff url(../i/bg/uncarina_400.jpg) no-repeat fixed  -40px 120%;}
body#club{	background:#fff url(../i/bg/uncarina_400.jpg) no-repeat fixed  -40px 120%;}
body#meer{	background:#fff url(../i/bg/opuntia_portugal.jpg) no-repeat fixed  110% 120%;}
body#dokter{	background:#fff url(../i/bg/cactusdokter1_500.jpg) no-repeat fixed 110% 120%;}
body#nok{	background:#fff;}
body#galerij{	background:#fff;}
/*******************/
em{
	font-style:normal;
	font-weight:bold;
	color:#FF3300;/*#FF7406;*/

}
h1,h2,h3 {
	font-family:"Trebuchet MS",Arial,Verdana,Helvetica;
	clear:both;
}

h2 {font-size:1.4em;}

img{
	border:none;
	margin:0;
	padding:0px;
}
img.illustratie{
	float:left;
	padding:2px 4px 2px 0;
}

ul.ruim li{
	margin:0.4em 0;
	list-style-type:none;
	list-style-image:url(../i/icon-bullet.gif);
	}
/********* structuur ******/

.kopstrook{
	background:#B4C0AA url(../i/bovenstrook.png) repeat-x scroll top;
	height:90px;
	position:relative;
}
.middenstrook{
	background-color:transparent;

}
.voetstrook{
	height:50px;
	background:transparent url(../i/degrad_grijs_wit_vert.png) repeat-x scroll bottom;
	position:relative;
	clear:both;
	
}

#voet{
		/* geen font-size hier zetten */
	width:820px;
	margin:0 auto;
	padding-top:30px;
	position:relative;
}
#kop{
	background:transparent url(../i/kop.gif) no-repeat -100px 0;
	width:820px;
	height:90px;
	margin:0 auto 0 auto;
	position:relative;
}

#midden{
	/* geen font-size hier zetten */
	width:820px;
	margin:0 auto;
	padding:2em 1em;
	overflow:auto;
	height:100%;
	position:relative;
	background:transparent url(../i/trans_76_white.png) repeat top left;
	
}
/* div vr species-list*/

#tussenstrook{
	/*background:transparent url(../i/bg_patroon1.gif) repeat;*/
	background:#F1EFE7;
	/*background:transparent url(../i/trans_60_white.png) repeat 0 0;*/
}
#tussenstrook .soorten{
	width:820px;
	margin:0 auto;

}




/********* tools (skiplink, lettergrootte,...) *************/
#tools{
	position:absolute;
	top:0;
	right:0;
	visibility:hidden;
}



/********* kop *************/
/*Phark image replacement*/
#kop h1{
	color:#fff;
	padding:0;
	margin:0;
	text-indent:-5000px;
	background: transparent url(../i/titelmetbutton.gif) no-repeat 0 0px;
	width:255px;
	height:65px;
	
} 
#kop h2{
	color:#6FF;
	/*font-size:1.6em;*/
	padding:0;
	margin:0 0 0 1em;
} 

/********* midden *************/

.kolom_links{float:left;}

.kolom_rechts {
	float:right;
	padding:2em 0; /* om blokjes wat naar beneden te halen*/
}

.vierde {width: 27%;}
.derde {width: 34%;}
.tweederde {width: 64%;}
.helft {width:49%;}
.drievierde{width:72%;}
.volledig {width: 100%;}


.grijsrechtsnormaal {background:url(../i/degrad_wit_grijs_hor.png) top right repeat-y;}


#midden h1{
	font-size:1.8em;
	padding-bottom:6px;
}
/*************** inhoudcontainers ************/ 

/****** intro *****/

/*intro is een introductie tot een artikelblokje met een aanklikbare titel naar de artikelpagina
titel kan een niet aanklikbare h1 zijn of een aanklikbare h2
*/
.intro {


}
.intro h2 {
	font-size:1.4em;
	padding-bottom:6px;
	border-bottom:1px solid #eee;
	color:#74BA1C;
	
}
.intro h2 a{
	color:inherit;
	text-decoration:none;
}
.intro h2:hover{
	border-color:#ccc;
}

/****** artikel *****/

/*artikel is een volledig artikelblok in de hoofdkolom van de pagina
*/
.artikel {
	padding:0 1em;

}
.artikel h2 {
	font-size:1.6em;
	padding-bottom:6px;
	border:none;
	color:#C70100;
	background:transparent url(../i/artikel_lijn.png) scroll no-repeat 0 330%;
	
}
.artikel h2 a{
	color:inherit;
	text-decoration:none;
}
.artikel ul{
	clear:both;
}
.artikel img{
	float:left;
	margin-right:1em;
	border:1px solid #ddd;}

.artikel .voettekst{
	text-align:right;
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd;
	padding: 0.4em;
	margin:0 0 0.4em 0;
	background-color:#eee;
	font-style:italic;}


/****** blokje *****/
/* blokje is een tekstkadertje aan de zijkant, title moet aanklikbaar zijn 
er zijn twee versies: breed en smal
*/

div.blokje{ 
	float: left;
	margin:0 0 0.6em 0;
	}

div.blokje div{
	padding: 0.6em;
	}

div.blokje.breed{
	width:260px;
	background:transparent url(../i/kolombodem_260.png) no-repeat scroll bottom center;
}
div.blokje.smal{
	width:200px;
	background:transparent url(../i/kolombodem_200.png) no-repeat scroll bottom center;
}

div.blokje.breed div{
	background:transparent url(../i/kolomkop_260.png) no-repeat scroll top center;
}
div.blokje.smal div{
	background:transparent url(../i/kolomkop_200.png) no-repeat scroll top center;
}

div.blokje h2{
	font-size:1.3em;
	margin:0 0 0 4px;
	padding:4px 0 10px 39px;
	color:#3080CB;
	background:transparent url(../i/icon1.gif) left 0 no-repeat scroll;	/*default bullet*/
}
div.blokje ul{margin-bottom:0.6em;}

div.blokje li {
	list-style-image:url(../i/icon-bullet.gif);
	font-size:0.9em;

}
div.blokje a{
text-decoration:none;
	border:none;
}
div.blokje h2 a:link,div.blokje h2 a:visited,div.blokje h2 a:active,div.blokje h2 a:hover{
	color:#3080CB;
	
}


/* individuele blokjes*/
div.blokje#vragen h2{ background-image:url(../i/icon14.png);}
div.blokje#binnenkort h2{ background-image:url(../i/icon9.gif);}
div.blokje#cactusdokter h2{ background-image:url(../i/icon2.gif);}
div.blokje#wieisgrusonia h2{ background-image:url(../i/icon7.gif);}
div.blokje#groei h2{ background-image:url(../i/icon3.png);}
div.blokje#licht h2{ background-image:url(../i/icon11.png);}
div.blokje#ziektes h2{ background-image:url(../i/icon6.png);}
div.blokje#vermeerderen h2{ background-image:url(../i/icon12.png);}
div.blokje#waar h2{ background-image:url(../i/cabs.png);}
div.blokje#lid h2{ background-image:url(../i/icon5.png);}
div.blokje#gastenboek h2{ background-image:url(../i/icon15.png);}
div.blokje#jaarkalender h2{ background-image:url(../i/icon16.png);}
div.blokje#artikels h2{ background-image:url(../i/icon13.png);}
div.blokje#downloads h2{ background-image:url(../i/icon16.png);}

.lijst{
	clear:left;
}


div.gewonelijst{
padding:1em;
}

/************************** hyperlinks**************/

a  {
	color:#00AAD9; /*blauw*/
	text-decoration: none;
	border-bottom: 1px solid #dbd5c5;
}

a:hover {
    text-decoration: none;
	border-bottom: 2px solid #dbd5c5;
}



/* css3: wordt momenteel afgekeurd tijdens validatie */
/* uitgeschakeld in favour of .external
a[href ^="http://"] {
    background: url(../images/external.png) center right no-repeat;
    padding-right: 1.2em;
}

*/
/* vr list van hyperlinks */
ul a{
	color: #8B795E;
	border:none;
	text-decoration: underline;
	/*padding-right:16px;*/
}
ul a:active,ul a:hover {
	border:none;text-decoration: underline;
/*	background:transparent url(../i/nr_ben.gif) 100% 50%  scroll no-repeat;
*/}

div.teruglink{
	float:right;
}


/************************* image containers ******************************/
/*
ALLE plantenbeelden moeten een formaat hebben van 800 X 400
deze worden gebruikt als bg voor divs: gecentreerd en eventueel verkleind
thumbnails worden eruit ook gedistilleerd via het php script
*/


div.groepsbeeld{
	float:left;
	border: 12px solid #dbd5c5;
	width:480px;
	height:200px;
	background-repeat:no-repeat;
	background-position:center;
	margin:0 0 1em 0;
}

div.soortbeeld{
	float:left;
	border: 6px solid #dbd5c5;
	width:800px;
	height:400px;
	background-repeat:no-repeat;
	background-position:center;
	margin:0 0 1em 0;
}

/************************* image lijsten ******************************/

/*********** bestuur *************/
dl#bestuursleden{
	font-size:0.9em;

}
dl#bestuursleden dt{
	margin: 12px 0 0 0;
	font-weight: normal;
	clear:left;

}
dl#bestuursleden dd{
	margin: 0 0 2px 0;
	padding: 0;

}
dl#bestuursleden dt a img{border: 2px solid #dbd5c5;

}
dl#bestuursleden dt a{
	float: left;
	display: block;
	margin: 2px 8px 4px 0;
	padding: 0px;
	border:5px solid #dbd5c5;
	background: #fffefa;

}
dl#bestuursleden dt a:hover img, dl#bestuursleden dt a:active img{
	border-color:white;

}
dl#bestuursleden dt.active a {
	border-color: #EBF4D9;
	background: #2D405B;
	}
dl#bestuursleden dd.active a {
	text-decoration: none;
	font-weight: bold;
	color: #2D405B;
	border-bottom: none;}

/*********** plantengroep thumbnail list *************/

ul.plantengroep-list{
	list-style-type:none;
	list-style-position:inside;
	margin:0;padding:0;
	clear:both;
	}
ul.plantengroep-list li{
	float:left;
	margin: 2px 16px 8px 0;
	padding:0;
	text-align:center;
	}
ul.plantengroep-list a{
	font-weight:bold;
	padding-right:0px;
	
}
ul.plantengroep-list a:hover{
	color:#00AAD9; /*blauw*/
	background-image:none;
}

ul.plantengroep-list a.thumb{
	display:block;
	text-decoration: none;
	text-align:center;
	border:8px solid #dbd5c5;
	margin:0;
	padding:0;
	background-image:none;
}
ul.plantengroep-list a.thumb:hover{
	text-decoration: none;
}
ul.plantengroep-list a.thumb img {
	border: 2px solid #dbd5c5;
}
ul.plantengroep-list a.thumb:hover img, ul.plantengroep-list a.thumb:active img {
	border-color: #fff;

}


/*********** species thumbnail list *************/

ul.species-list{
	list-style-type:none;
	list-style-position:inside;
	margin:0;padding:0;
	}
ul.species-list li{
	height:92px;
	margin:0 4px 14px 4px;
	padding:0;
	clear:both;
	background-color:white;
	border:1px solid #CBC8BE;
	overflow:hidden;
	}
ul.species-list a{
	text-decoration: none;
	margin:0;padding:0;
}
ul.species-list a:hover{
	text-decoration: none;
	color:#00AAD9; 
}
ul.species-list a img {
	float:left;
	border:6px solid #CBC8BE;
	margin-right:10px;
}
ul.species-list a h4 {
	color:#CC0066;
	
}
ul.species-list a p {
	
}
ul.species-list a:hover img {
	border-color: #00AAD9;

}
ul.species-list li a:hover {
	border-color: #00AAD9;

}



/************************* tabbladmenu ******************************/
#tabmenu{
	position:absolute;
	left:0;
	bottom:0px;
	font: bold 0.8em/1.7em  verdana, arial, sans-serif;
}
#tabmenu ul{
	margin:0;padding:0;
	list-style:none;
	height:20px;
	padding:0 0 0 6px;
}

#tabmenu li{
	display:inline;
	float:left;
	background: url(../i/tabs.png) no-repeat 0 -24px;
	margin:0;
	padding:0 0 0 15px;
}
#tabmenu a{
	color:#666;
	text-decoration:none;
	text-align:center;
	display:block;float:left;
	background:transparent url(../i/tabs.png) no-repeat 100% -24px;
	padding: 0px 15px 0 0;
	height:20px;
	margin:0;
	
}
#tabmenu a:hover{
	text-decoration:none;color: #333;
	}

#home #homenav a, 
#club #clubnav a, 
#kaart #kaartnav a, 
#kalender #kalendernav a, 
#planten #plantennav a, 
#zoekers #zoekersnav a,
#dokter #dokternav a, 
#galerij #galerijnav a,
#links #linksnav a,
#meer #meernav a 
{
	background:transparent url(../i/tabs.png) no-repeat 100% 0;
	padding-bottom: 2px;
	color: #666;
	margin:0;
}

#home #homenav, 
#club #clubnav, 
#kaart #kaartnav, 
#kalender #kalendernav, 
#planten #plantennav,
#zoekers #zoekersnav, 
#dokter #dokternav, 
#galerij #galerijnav,
#links #linksnav,
#meer #meernav 
{
	background:transparent url(../i/tabs.png) no-repeat 0 0;
	margin:0;
}


/*
-------------------------tables-----------------------
*/
table {
	font-size:0.9em;
	empty-cells: show;
	table-layout:auto; 
	margin:0;
	text-align:left;
	border:1px solid gray;
	border-collapse: collapse;
}
tbody td{
	vertical-align:top;
}
td, th {
	margin:5px;border:1px solid gray;
}

table thead, table tfoot
{
	background-color:silver;
	color:white;
	text-align:center;
}
table th
{
	border:1px solid gray;
	padding:5px;
	vertical-align: top;
}

.belangrijk{
	background-color:#999966; color:white;}
.getal{
	text-align:center;width:3em;
}
td.centreer{text-align:center;}

table.lijst tbody{font-size:0.9em;background-color:white;}

/******** kalender *********/

table.kalender{
	background:transparent url(../i/bg_deg_blauw2.png) repeat-x scroll top left;
	border:none;
	font-size:1em;
	border-collapse:separate;
	border-spacing:0 5px;
}
table.kalender td, table.kalender th {
	margin:5px;border:none;padding:0.6em 1em;
}
table.kalender thead, table.kalender tfoot, table.kalender tbody {
	margin:5px;border:none;color:#515B5B;
}

table.kalender tr{
	/*border-bottom:1px solid silver;*/
	
	background:transparent url(../i/bg_deg_grijs250.png) repeat-x scroll top left;
}
table.kalender thead{background:transparent url(../i/bg_deg_blauw2.png) repeat-x scroll top left;}
table.kalender thead tr{background:none;}/*anders schijnt het grijs van de rijen erdoorheen*/


/******** forum tabellen *********/

table.forumItem{
	table-layout:fixed;
	width:100%;
	border:2px solid #CCCCCC;
	font-size:1em;
	border-collapse:collapse;
	margin-bottom:1em;
	background:white url(../i/bg_deg_lime.png) repeat-x scroll top left;
}
table.forumItem thead, table.forumItem tfoot, table.forumItem tbody {
	margin:5px;border:none;color:#515B5B;background-color:transparent;
}
table.forumItem td, table.forumItem th {
	text-align:left;
	margin:5px;border:none;padding:0.6em 1em;
}
table.forumItem th {font-weight:normal;}
table.forumItem th div.wie{
	
	font-weight:bold;
	}
table.forumItem th div.adres{
	font-style:italic;
	}
table.forumItem th div.tel{
	font-style:italic;
	}
table.forumItem th div.email{
		float:right;
	}

table.forumItem tr{
	border-bottom:2px solid #EEE9E9;
	background:transparent;
	/*background:transparent url(../i/bg_deg_grijs250.png) repeat-x scroll top left;*/
}

table.forumItem#aanbod{border-color:#FF62FC}
table.forumItem#zoekertjes{border-color:#9CC8FF}
table.forumItem#aanbod{background:white url(../i/bg_deg_magenta.png) repeat-x scroll top left;}
table.forumItem#zoekertjes{	background:white url(../i/bg_deg_blauw2.png) repeat-x scroll top left;}
table.forumItem thead tr{background:none;}/*anders schijnt het grijs van de rijen erdoorheen*/
table.forumItem thead a{color:#515B5B;}



/******** opendeurdag tabel *********/

table.opendeur{
	table-layout:auto;
	width:auto;
	border:1px solid #633A1C;
	font-size:1em;
	border-collapse:collapse;
	margin-bottom:1em;
	background-color:#FEF5DC;
}
table.opendeur thead, table.opendeur tfoot, table.opendeur tbody {
	/*margin:5px;border:none;color:#515B5B;background-color:transparent;*/
}
table.opendeur td, table.opendeur th {
	text-align:left;
	border:1px solid #DD0251;
	padding:0em 0.6em;
}
table.opendeur th{
	background-color:#633A1C;
	padding:0.4em 1em;
}
table.opendeur th a:link,table.opendeur th a:visited,table.opendeur th a:hover,table.opendeur th a:active{
	color:white;
	text-decoration:none;
}


/*opendeur detailboks	*/

div.detailboks{
	/*display:none;*/
	/*border:1px dotted #666;*/
	margin:0;
	padding:0;
	background-color:#EFE0A5;

}
div.detailboks a{
	display:block;
	color:white;
	padding-left: 12px;
	background: #DD0251 url(../i/plus.gif) scroll no-repeat left center;
}
div.details{
	display:none;
	padding:1em;

}
div.details .type{
	color:#633A1C;
	font-style:italic;
}
div.details .club{
	color:#000066;
}
/*ander classes vr reis, etc
geel #FFFAAE
groen #E8FFD2
blauw #E8FFFF
mauve #F4E8FF

*/

table.opendeur tr.reis { background-color:#E8FFFF;}
table.opendeur tr.beurs { background-color:#FFFAAE;}
table.opendeur tr.tentoonstelling { background-color:#F4E8FF;}

/******** fotogalerij *********/

div.fotoset{}

div.fototitel{
	font-size:1.6em;
}
div.fotoset a{
	text-decoration:none;
	border:none;
}
div.fotoset img.thumb {
	padding:1px;
	border:2px solid white;
	margin:0;
	}
div.fotoset a:hover img{border-color:#3CC;}


div.singlefoto{
	position:relative;
	clear:both;
	padding:1em 0;
}
div.large{
	float:left;
}
div.largeText{
	margin-top: 5em;
}
div.thumbs{
	clear:both;
	margin:2px 0 0 45px;
	padding:1em 0;
	width:570px;
}
div.thumbs a{text-decoration:none;
	border:none;}
div.thumbs img{
	margin:1px;
	border:none;
}


a.vorige, a.vorige:hover{
	float:left;
	text-decoration:none;
	border:none;
}
a.volgende, a.volgende:hover{

	text-decoration:none;
	border:none;
}
img.single{
	float:left;
	margin: 0 15px;
}
div.toplink{
	float:right;
	text-align:right;
}

/******** veelgestelde vragen *********/
dl.vragen{

}
dl.vragen dt{
	font-style:italic;
	/*text-indent:-1em;*/
	font-weight:bold;
	padding-bottom:0.6em;
	color:#000066;
}
dl.vragen dd{
	margin:0 0 1.6em 0.6em;
	text-indent:-0.6em;
}
dl.vragen dt cite ,dl.vragen dd cite{
	font-size:1.1em;
	font-style:normal;
	font-weight:bold;
	color:#666666;
	padding-right:1em;
	
}
/******** speciaal *********/

.warning{color:#FF0066;font-weight:bold;}

div.foutboodschap{
	color:#FF0066;
	font-weight:bold;
	border:1px solid #FF0066;
	background-color:#CCFFFF;
	position:relative;
	padding:0;
}
div.foutboodschap h4{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#FF0066;
	color:white;
	font-size:1.1em;
	margin:0;
	padding:1px;
}
div.foutboodschap ol, div.foutboodschap ul {
	margin-top: 2em;
}
div.foutboodschap p{
	margin-top: 2em;
	margin-left: 1em;
	font-weight:normal;

}
.Flickr{
	text-align:center;
}
.Flickr a { 
	background-image:none;
	margin: 0px; 
	padding: 0px;
}

.Flickr a img { background:#fff; border:solid 4px #fff;}

.Flickr a:hover img { background:#fff; border:solid 4px #FF0099;}

#googlemap{
	width:516px;
	height:400px;

}

div#delicious a { background-image:none;}