﻿.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.hide{display:none;}
img{border:0;}

img.left{float:left;margin-right:15px;border:solid 1px #202c2c;}
img.right{float:right;margin-left:15px;border:solid 1px #202c2c;}
img.thumb{
    border:solid 1px #6d8015;
    background:#fff;
    padding:2px;
    margin:0 6px 6px 0;
}
img.border{border:solid 1px #202c2c;}

body {
	/*font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	/*font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;*/
    font-family:Times New Roman,Georgia,Serif;
	text-align:left;
	font-size:14px;
	margin:0;
	padding:0;
	line-height:1.5;
	color:#202020;
	background:#6b6c6f;
}

p{margin-top:0;}

h1{
	color:#6d8015;
	margin:0;
	padding:0 0 6px 0;
	font-size: 24px;
	font-weight:normal;
}

h2{
	font-size: 18px;
	color:#000;
	font-weight:normal;
	margin:0 0 6px 0;
}

h3{
	margin:0;
	padding: 0 0 3px 0;
	font-size:16px;
}

h4{
	margin:0;
	padding: 0 0 3px 0;
	font-size:14px;
}

.alert{color:Red;background-color: #FFFF00;text-align:center;border:solid 1px red;}
.alertok{background-color: #009b3a;padding:3px;color:#fff;text-align:center;font-weight:bold;}
.small{font-size: 11px;}

.progress {
    background-image:url(/images/Ajax/ajax-loader_Facebook.gif);
    background-repeat:no-repeat;
    background-position:right top;
}

/*  Stylen link algemeen 
-----------------------------------------------------------------------------*/


a:link,a:visited,a:active{
	color:#000;
    text-decoration:underline;
}

a:hover{
    text-decoration:none;
}


/*  Stylen link met afbeeldingen
-----------------------------------------------------------------------------*/
a.pdf{
	background: url(../Images/Icons/page_white_acrobat.png) no-repeat;
	padding: 0 0 6px 20px;
}

a.picture{
	background: url(../Images/Icons/picture.png) no-repeat;
	padding: 0 0 6px 20px;
}

a.picturego{
	background: url(../Images/Icons/picture_go.png) no-repeat;
	padding: 0 0 6px 20px;
}

/*  colors algemeen 
-----------------------------------------------------------------------------*/
.publiek{padding:2px 4px;color:#fff;background:url(../images/ArboretumWespelaar/IconPubliekToegankelijk.gif);} /* groen */
.afspraak{padding:2px 4px;color:#fff;background:url(../images/ArboretumWespelaar/IconNaAfspraak.gif);} /* oranje */
.niettoegankelijk{padding:2px 4px;color:#fff;background:url(../images/ArboretumWespelaar/IconNietToegankelijk.gif);} /* rood */

/*  lists
-----------------------------------------------------------------------------*/


/* languageselection
-----------------------------------------------------------------------------*/

#languageselectionwrapper{background:#efefed;border-top:solid 1px #afa59c;}

#languageselection{
	margin:0;
	padding:3px 6px 0 30px;
	list-style:none;
	float:left;
}

#languageselection li{
	float:left;
}

#languageselection a:link,
#languageselection a:active,
#languageselection a:visited{
	display:block;
	margin:4px 0;
	padding:0 12px 0 30px;
	color:#afa59c;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#languageselection a.selected,
#languageselection a:hover{
	text-decoration:underline;
	color:#6b6c6f;
}

#languageselection a.nl{background:url(../images/ArboretumWespelaar/Ndl23_15.gif) no-repeat left top;}
#languageselection a.fr{background:url(../images/ArboretumWespelaar/France23_15.gif) no-repeat left top;}
#languageselection a.en{background:url(../images/ArboretumWespelaar/UK23_15.gif) no-repeat left top;}

/* Menutop
-----------------------------------------------------------------------------*/

#menutopwrapper{height:110px;}

#menutop{
    float:right;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
}

#menutop li{
	float:left;
}

#menutop a:link,
#menutop a:active,
#menutop a:visited{
    display:block;
	color:#fff;
	text-decoration:none;
    font-style:normal;
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size:12px;
	padding:6px;
}

#menutop a:hover{
    text-decoration:underline;
}

span.menuselected{font-weight:bold;color:#fff;}

/* Menuleft
-----------------------------------------------------------------------------*/

#menuleft{
    list-style-type:none;
    margin:0;
    padding:0;
}

#menuleft li{
	display:inline; /* voor IE6 */
}

#menuleft a{
    display:block;
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size:12px;
    color:#000;
    text-decoration:none;
    padding:0 6px 0 36px;
    margin:3px 0;
    background:url(../images/ArboretumWespelaar/Bullet2.gif) no-repeat 20px 6px;
}

#menuleft a:hover{
    color:#fff;
}
 

#menuleft ul.menuleftsub,
#menuleft ul.menuleftsub ul.menuleftsub{
    list-style-type:none;
    margin:6px 0;
    padding:0;
}

#menuleft ul.menuleftsub a,
#menuleft ul.menuleftsub ul.menuleftsub a{
    display:block;
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size:12px;
    color:#000;
    text-decoration:none;
    padding:0 6px 0 56px;
    margin:3px 0;
    background:url(../images/ArboretumWespelaar/Bullet2.gif) no-repeat 40px 6px;
}


#menuleft ul.menuleftsub a{
	padding:0 6px 0 56px;
    background:url(../images/ArboretumWespelaar/Bullet2.gif) no-repeat 40px 6px;
}
#menuleft ul.menuleftsub ul.menuleftsub a{
	padding:0 6px 0 76px;
    background:url(../images/ArboretumWespelaar/Bullet2.gif) no-repeat 60px 6px;
}

#menuleft ul.menuleftsub a:hover{
    color:#fff;
}

/* Menusub
-----------------------------------------------------------------------------*/

#menusubwrapper{
	border-bottom:dotted 1px #7f7f7f;
	padding:0 0 15px 0;
	margin-bottom:15px;
}

ul.menusub{
    list-style-type:none;
    margin:0;
    padding:0;
}

ul.menusub a{
    display:block;
	color:#6d8015;
	font-size:14px;
    text-decoration:none;
    background:url(../images/ArboretumWespelaar/Bullet3.gif) no-repeat left 7px;
    padding:0 0 0 15px;
}

ul.menusub a:hover{
    text-decoration:underline;
}


/* Formulier
-----------------------------------------------------------------------------*/

form{margin:0;padding:0}

/* type1 */

fieldset.type1
{
	padding: 0 12px 12px 12px;
	margin: 0 0 6px 0;
	border: solid 1px #505050;
}

fieldset.type1 legend{
    /*display:none;*/
    color:#505050;
    font-weight:bold;
}

fieldset.type1 div{
	padding: 6px 0 0 0;
	margin: 0;
}

fieldset.type1 label{
    float:left;
    width: 140px;
}

fieldset.type1 .fieldtype1{ 
	font-size: 12px;
	border: 1px solid #c7c2ba;
	background: #fff;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
}


fieldset.type1 .buttontype1{ 
	font-size: 12px;
	color:#fff;
	border: 1px solid #505050;
	background: #505050;
}

fieldset.type1 div.filterleft{ 
	float:left;
	margin:0 3px 0 0;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
}

fieldset.type1 div.filterright{ 
	float:right;
}

fieldset.type1 div.sort{ 
	font-size: 11px;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    clear:both;
}


/* type2 */

fieldset.type2
{
	padding: 0;
	margin: 0;
	border:none;
}

fieldset.type2 legend{
    display:none;
}

fieldset.type2 .fieldtype1{ 
	font-size: 12px;
	border: 1px solid #c7c2ba;
	background: #fff;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
}

fieldset.type2 .buttontype1{ 
	font-size: 12px;
	color:#fff;
	border: 1px solid #505050;
	background: #505050;
}

fieldset.type2 div.filterleft{ 
	float:left;
	margin:0 3px 0 0;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
}


/* Tabellen
-----------------------------------------------------------------------------*/

/* type0 */

table.type0 {font-size:13px;}    


/* type1 */

table.type1{
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size:11px;
    width: 100%;
    border-collapse: collapse;
    border-style:none;
    border: solid 1px #00512b;
}    
table.type1 caption{
    text-align:left;
    color:#00512b;
    font-weight:bold;
    padding: 12px 3px 24px 3px;
    font-size: 14px;
}
table.type1 th{
    background-color:#00512b;
	color:#fff;
    padding:4px;
    text-align:center;
}
table.type1 tr td{
    padding: 4px;
    vertical-align:top;
    text-align:center;
    border-bottom: solid 1px #c7c2ba;
	border-right: solid 1px #c7c2ba;
}
table.type1 tr.even td{
    background-color: #fff;
}
table.type1 tr.odd td{
    background-color: #fff;
}

.paging{
    font-weight:bold;
    background-color: #d3ccc4;	
}

/* Wrapper
-----------------------------------------------------------------------------*/

#wrapper{
	width:960px;
	margin:0 auto;
	padding:0 0 50px 0;
	min-height:600px;
    background:#fff url(../images/ArboretumWespelaar/Background2.png) repeat-y left 150px;
    
}

#logo{}

#header{
    height:145px;
    background:#589040 url(../images/ArboretumWespelaar/Header.jpg) no-repeat left -70px;
}

#btnmenu{position:absolute;cursor:pointer;margin-left:-32px;display:none;}

/* Hoofdindeling 2 kolommen
-----------------------------------------------------------------------------*/

#contentwrapper{
    float: left;
    width: 100%;
}

#contentcolumn{
    margin-left: 225px; /*Set left margin to LeftColumnWidth*/
}

#content{
    margin:6px 0 0 10px;
    /*border-top:solid 1px #7f7f7f;*/
    border-bottom:solid 1px #7f7f7f;
}


#leftcolumn{
    float: left;
    width: 225px; /*Width of left column*/
    margin-left: -960px; /*Set left margin to -(MainContainerWidth)*/
}

#leftcolumn h1{color:#fff;font-size:22px;font-weight:normal;padding:14px 0 10px 20px;}

#webpageimages{padding:24px 0;}

#footer{padding:9px 15px 24px 0;text-align:right;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;font-size:11px;color:#808080;}
#footer span{color:#6d8015;}
#footer a{color:#6d8015;}

/* Subindeling 2 kolommen
-----------------------------------------------------------------------------*/

#subcontentwrapper{
	float: left;
	width: 100%;
}

#subcontentcolumn{
	margin-right: 230px; /*Set right margin to RightColumnWidth*/
	border-right:solid 1px #7f7f7f;
}

#subrightcolumn{
	float: left;
	width: 230px; /*Width of right column*/
	margin-left: -230px; /*Set left margin to -(RightColumnWidth) */
	background: #efefed;
}

#subcontentcolumninnertube{padding:15px 15px 15px 0;}
#subrichtcolumninnertube{padding:15px 10px;border-left:solid 5px #fff;border-top:solid 5px #fff;border-bottom:solid 5px #fff;}

#subcontentcolumn div.colwrapper{border-top:solid 1px #7f7f7f;}
#subcontentcolumn div.col1{float:left;width:245px;border-right:solid 1px #7f7f7f;padding:15px 15px 15px 0;margin:0 15px 15px 0;}
#subcontentcolumn div.col2{padding:15px 15px 15px 0;}

#subrichtcolumninnertube div.box1{border-bottom:dotted 1px #7f7f7f;padding:0 0 15px 0;margin:0 0 15px 0;}
#subrichtcolumninnertube div.box1 p{margin:0;padding:0;}
#subrichtcolumninnertube div.box1 div.itemdate{color:#3f6729;font-weight:bold;font-size:12px;}
#subrichtcolumninnertube div.box1 div.itemtitle{color:#000;font-weight:bold;font-size:14px;}
#subrichtcolumninnertube div.box1 div.itemdescription{color:#202020;font-weight:normal;font-size:11px;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}

#subrichtcolumninnertube div.box1more {padding:0 0 30px 0;}
#subrichtcolumninnertube div.box1more a{color:#6d8015;font-weight:bold;font-size:10px;text-transform:uppercase;text-decoration:none;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}
#subrichtcolumninnertube div.box1more a:hover{text-decoration:underline;}

#subrightcolumn h1{font-size: 24px;color:#000;font-weight:normal;margin:0 0 6px 0;padding:0 0 0 40px;line-height:33px;}

#subrightcolumn h1.zoek{background:url(../images/Icons/IconSearch.gif) no-repeat left top;}
#subrightcolumn h1.links{background:url(../images/Icons/IconLinks.gif) no-repeat left top;}
#subrightcolumn h1.agenda{background:url(../images/Icons/IconAgenda.gif) no-repeat left top;}
#subrightcolumn h1.picture{background:url(../images/Icons/IconPicture.gif) no-repeat left 3px;}
#subrightcolumn h1.info{background:url(../images/Icons/IconInfo.png) no-repeat left top;}


/* Home
-----------------------------------------------------------------------------*/

#homesearch{
	border-bottom:solid 1px #7f7f7f;
	padding:15px 0;
}


/* Park Map -> disabled
-----------------------------------------------------------------------------*/

#parkinteractief{
	display:block;
    /*background:url(../images/ArboretumWespelaar/ParkInteractief.jpg) no-repeat right top;*/
    padding:0;
    margin:0;
	border:none;    
    text-decoration:none;
}

#ontdekarboretum{
    float:left;
    height:40px;
    line-height:40px;
    margin:0;
    padding: 0;
    color:#fff;
    font-size:22px;
    font-weight:normal;
    text-decoration:none;
}

#ontdekarboretum div{
    float:left;
    line-height:40px;
    padding:0 50px 0 30px;
    background:url(../images/ArboretumWespelaar/Vergrootglas.gif) no-repeat right top;
}

/* jquery map */

#plattegrondN,
#plattegrondF,
#plattegrondE{
	display:none;
	position:absolute;
	background:#589040;
	color:#fff;
	padding:5px;
	margin:0;
	z-index:10;
	border-bottom:solid 3px #fff;
	width:725px;
}  


/* Items
-----------------------------------------------------------------------------*/

/* items bij layout type 2 */

#layouttype2items{float:right;margin:12px 0 24px 12px;width:220px;border:solid 1px #009956;padding:10px;}

/* items bij overzicht */

.itemlistmemoshort{padding:6px 0 36px 0;}
.itemlistmemoshort p{padding:0;margin:0;}
.itemlistmemomoreless{cursor:pointer;font-weight:bold;}
.itemlistmemo{display:none;}

/* Tooltip */

.formInfo{
	text-decoration:underline;
	cursor:pointer;
}

#NT_copy {
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
	background-color: #589040;
	border:solid 3px #00512b;
	color: #fff;
	width: 200px;
	left: -200px;
	top: 20px;
	padding: 10px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid: DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity:.87;
	opacity:.87;
}

/* Zoeken
-----------------------------------------------------------------------------*/

#searchforwrapper{float:right;padding:10px 10px 0 36px;width:250px;text-align:right;}

#searchfor{
	width:131px;
	height:18px;
	margin:0;
	padding:0;
	background-color:#fff;
	border:none;
	text-align:center;
	line-height:18px;
	font-size:10px;
}	

#btnsearch{
	width:54px;
	height:18px;
	margin:0 0 0 4px;
	padding:0;
	background-color:#589040;
	color:#fff;
	border:solid 1px #fff;
	text-align:center;
	line-height:18px;
	font-size:10px;
	text-transform:uppercase;
}	

ol.searchresultspages{margin:0;padding:0;list-style-type:none;}
ol.searchresultspages a{text-decoration:none;}
ol.searchresultspages a:hover{text-decoration:underline;}

#searchresultsummary{width:100%;}
#searchresultsummary td{vertical-align:top;width:33%;}
#searchresultsummary h2{border-bottom:dotted 1px #7f7f7f;width:80%;}
#searchresultsummary h3{padding-top:24px;}

/* GoogleMaps
-----------------------------------------------------------------------------*/

#map_canvas{height:400px;width:450px;border:solid 4px #00512b;}
#route{background:#fff;font-size:11px;margin-top:12px;margin-right:25px;border:solid 1px #fff;}


/* Alfabet bij Identificatiesleutels
-----------------------------------------------------------------------------*/

#alfabetIS{padding: 0 0 30px 0;}
#alfabetIS div.letter{background:#fff;border:solid 1px #ccc;}
#alfabetIS div.letterselected{background:#fff;border:solid 1px red;}
#alfabetIS div.letter:hover{border:solid 1px red;}
#alfabetIS div.letter,
#alfabetIS div.letterselected{float:left;background:#fff;text-align:center;margin:0 6px 6px 0;}
#alfabetIS div.letter a,
#alfabetIS div.letterselected a{display:block;padding:5px;text-decoration:none;}

/* div.IS_Detail{clear:both;margin:20px 0; border:solid 1px #ccc; padding: 20px 0;} */
div.IS_Detail ul{list-style-type:none;margin:0;}