/*


# ALGEMEEN
# NAV

# TOOLTIPS

*/

/*  # ALGEMEEN  */
*{
	margin:0;
	padding:0;
	}
.clear{
	clear:both;
}	
body{
	font: normal 12px/16px Tahoma, Arial, Helvetica, sans-serif, Geneva;
	background:#ffffff url("./style01images/bgkaart.gif") no-repeat top left ;
	margin:0 0 50px 0;
}
h2{
	font-size:12px;
	font-weight:bold;
}
#wrapper{
	border-right:solid 0px;
	width:434px;
	margin:0 0 0 230px;
	padding:0 25px 0 25px;
}
#header{
	width:312px;
	height:173px;
	background:transparent url("./style01images/logo.gif") no-repeat;
	border:solid 0px;
	position:relative;
	margin:45px 0 0 -220px;
	float:left;	
	display:inline;
}

/*  # NAV  */
/*#nav{
font-weight:bold;
float:left;	
margin:107px 0 0 20px;
position:relative;
}
#nav ul{
	text-align:right;
	position:absolute;
width:350px;	
border:solid 0px red;
}
#nav ul li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active{
	text-decoration:none;
	color:#eee;
}

#nav #current{
	text-decoration:underline;
	}*/
#nav{
	display: inline;
	border: 0px solid red;
	font-weight:bold;
	float:left;	
	margin:107px 0 0 30px;
	position: relative;
	width: 310px;
}
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { /* all list items */
	border: 0px solid red;		
	display: inline;
	float: left;
	position: relative;
	width: 75px;
}
/*#nav li.current a{text-decoration: underline;}*/
#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	right: 0;
	font-weight:normal;
	
}
#nav li ul li{}
#nav li.current ul{
	display: block;
}
#nav li.current a{color: #fff;}
#nav li.current ul li a{color: #ccc;text-decoration: none;}
#nav li.current ul li.current a{color: #fff;}
#nav li ul li.current a{text-decoration: none;}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
 	top: auto;
 	left: auto;
}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
 	display: block;
}	
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active{
	text-decoration:none;
	color:#ccc;
}
#content{
	clear: left;
	
}
/*  # USERPROPS  */
#userprops{
	border:solid 0px;
	float:left;
	width:170px;
	padding:0 0 0 0;
	position:absolute;
	top: 250px;
	left: 50px;
}
#aanmeldtxt{
	padding:5px 5px 5px 0;
}
#userprops h2{
	padding:0 25px 0 0px;
	font-size:12px;
}
#userprops ul{
	position:relative;
	margin:10px 0 0 0;
	padding:0 25px 0 25px;	
}
a#delete:link{
	font: bold 14px webdings;
	color:red;
	text-decoration:none;
}
a#delete:visited{
	font: bold 14px webdings;
	color:red;
	text-decoration:none;
}
a#delete:hover{
	font: bold 14px webdings;
	color:red;
	text-decoration:none;
}
a#delete:active{
	font: bold 14px webdings;
	color:red;
	text-decoration:none;
}
/* # AANMELDEN */
#aanmelden{
	position: absolute;
	top: 350px;
	left: 50px;
	width: 180px;
	border: 0px solid red;
}
/*  # AGENDAITEM  */
#agendaitem{
	border:solid 0px;
	border-right:solid 1px;
	margin:30px 0 0 0;
	position:relative;
	padding:0 24px 0 0;
}
#agendaitem h2{
	position:relative;
	margin:0 0px 0 0;
	padding:10px 10px 25px 10px;
	background:#b8b8b8;
}
p.locatie{
	padding:0 10px 0 10px;
	font-size:10px;
	position:relative;
	margin:-25px 0 0 0;	
}
p.itembody{
	margin:0;
	padding:10px 10px 5px 10px;
	background:#d1d1d1;
}
/*  # BESTANDITEM  */
#bestanditem{
	border:solid 0px;
	border-right:solid 1px;
	margin:30px 0 0 0;
	position:relative;
	padding:0 24px 0 0;
}
#bestanditem h2{
	position:relative;
	margin:0 0px 0 0;
	padding:10px 10px 10px 10px;
	background:#b8b8b8;
}
/*p.locatie{
	padding:0 10px 0 10px;
	font-size:10px;
	position:relative;
	margin:-25px 0 0 0;	
}
p.itembody{
	margin:0;
	padding:10px 10px 5px 10px;
	background:#d1d1d1;
}*/
/*  # COMMENTS  */
#commentaarwrapper{
	border:solid 0px #e7e7e7;
}
.commentaar1, .commentaar0{
	border:solid 0px red;
	padding:5px;
	position:relative;
	margin:10px 0px 0 0;
}
.commentaar0{
	background-color:#8e8e8e;
}
.commentaar1{
	border:solid 0px red;
	background-color:#a4a4a4;
}
p.commentaarprops{
	position:relative;
	margin:-8px -5px 0px -5px;
	padding:5px 5px 0 5px;
	background-color:#f0f0f0;
	font-size:11px;
	color:#434343;
}
p.commentaarbody{
	position:relative;
	margin:5px 0 5px 0;
}
#commentaararea{
	width:100%;
	height:75px;
}
#commentform{
	position: relative;
	height: auto;
}
#commentform p {
	position:relative;
	margin:15px 0 0 0;
	border:solid 0px red;
}
#sendcomment{
	position:relative;
	margin:5px 0 0 0;
} 
/*  # IMGFILES  */
#imgfiles{
	padding:5px;
	position:relative;
	margin:10px 0px 0 0;
	background-color:#dadada;
}
#imgfiles h3{
	font-size:12px;
	font-weight:normal;
	position:relative;
	margin:-5px;
	padding:5px 10px;
	background-color:#d1d1d1;
	border:solid 0px red;

}
#imgfiles img{
	float:left;
	position:relative;
	margin:10px 5px 0 0;
}
#imgfiles a:link{
	padding:0 5px;
	font-size:10px; 
	color:#3e3e3e;
	text-decoration:none;
	}
#imgfiles a:hover{
	font-size:10px; 
	color:#3e3e3e;
	text-decoration:underline;}

/*  # AGENDALIST  */
#agenda{
	min-height:480px;
	border:solid 0px;
	border-right:solid 1px;
	position:relative;
	margin:30px 0 0 0;	
}
ul#agenda {
	padding:0 24px 0 0;
	position:relative;
	margin:30px 0 0 0;
	list-style-type: none;
}
ul#agenda li{
	margin:0px 0;
	padding:0px;
}
ul#agenda a:link{
	text-decoration:none;
	color:#000;
}
ul#agenda a:visited{
	text-decoration:none;
	color:#000;
}
ul#agenda a:hover{
	text-decoration:none;
	color:#000;
}
ul#agenda a:active{
	text-decoration:none;
	color:#000;
}
.commentlist, .aanweziglist{
	position:relative;
	float:right;
	margin:7px 5px 0 0;
	font-size:10px;	
	display:inline;
}
.commentlist img, .aanweziglist img{
	display:inline;
	position:relative;
	margin:3px 0px 0 20px;	
}
#agenda h2{
	padding:10px 10px 10px 10px;
	background:#b8b8b8;
}
#agenda p{
	font-size:10px;
	padding:0 10px 3px 10px;
	background:#d1d1d1;
	}
	
/*  # BESTANDLIST  */
#bestanden{
	min-height:480px;
	border:solid 0px;
	border-right:solid 1px;
	position:relative;
	margin:30px 0 0 0;	
}
ul#bestanden {
	padding:0 24px 0 0;
	position:relative;
	margin:30px 0 0 0;
	list-style-type: none;
}
ul#bestanden li{
	height:50px;
	margin:0px;
	padding:0px;
}
ul#bestanden a:link{
	text-decoration:none;
	color:#000;
}
ul#bestanden a:visited{
	text-decoration:none;
	color:#000;
}
ul#bestanden a:hover{
	text-decoration:none;
	color:#000;
}
ul#bestanden a:active{
	text-decoration:none;
	color:#000;
}
#bestanden h2{
	padding:10px 10px 10px 10px;
	background:#b8b8b8;
}
#bestanden p{
	font-size:10px;
	padding:0 10px 3px 10px;
	background:#d1d1d1;
	}	
/*  # INLOGFORM  */
#inlog_form{
	width:250px;
	height: 100px;
	position:absolute;
	margin:250px auto 0 auto;
	border:solid 0px red;
}
#inlog_form label{
	display:block;
	width:75px;
	float:left;
}
#inlog_form p{
	margin:10px 0 10px 0;
}

/*  # TOOLTIPS  */
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:none;margin-top:3px;color:#fff;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

/*knop*/
#bestuurform, #formreplace{
	position: absolute;
	top: 200px;
	left: 550px;
	height: 21px;
	text-align:right;
	margin-right:25px;
}
#formreplace{display: none;}
.button {
	cursor: pointer; 
	cursor: hand;
	color:#fff;
	height:21px;
    border: solid 1px #bababa;
	background:transparent url("./style01images/button.gif") repeat-x top left ;
    padding: 0px 4px 4px 4px;
}
.button:hover {
	cursor: pointer; 
	cursor: hand;    
	border: solid 1px #bababa;
	background:transparent url("./style01images/button.gif") repeat-x bottom left ;
}