@import url("/styles/default/css/calender.css");
/* CSS document ---------------------------------------------------
KLEUREN SCHEMA DEMO standaard
webdevelopment by Webism: info@webism.nl

kleur 1: 	#11BCDF blauw
kleur 2: 	#E7F8FC blauw 10%
kleur 3: 	#790492 paars
kleur 4:	#F1E5F4 paars 10%
wit:   		#FFFFFF
------------------------------------------------------------------- */
/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:900px;
	background-color: #666666;
	background-image: url(/styles/default/images/bground.gif);
	background-repeat: repeat-x;
	color: #000000;
	background-attachment: fixed;
	font:8pt Verdana
}
div#outer{
	height:100%;
	min-height:100%;
	width:900px;
	text-align:left;
	margin:auto;
	position:relative;
	background-image: url(/styles/default/images/bgouter.png);
	background-repeat: repeat-y;
}
 
html>body #outer{height:auto;} /* for mozilla as IE treats height as min-height anyway */
div#inner{
	position:absolute;
	background-image: url(/styles/default/images/bgouter.png);
	background-repeat: repeat-y;
	
}
div#header{width:100%;background-color:black}
.row div{float:left}
.seperator{border-top:1px dashed black;width:100%;height:2px;text-align:right;background:none; margin-top:10px; margin-bottom:10px;clear:both}
div#menu{
	width:662px;
	height:90px;
	background-image: url(/styles/default/images/bgmenu.png);
	background-repeat: repeat-x;			
	}
div#address{
	width:234px;
	height:90px;
	margin-left:4px;
	background-color:white;			
	}
div#content{background-color:white;	width:662px;}
#content p{font:8pt Verdana; color:#333}
#content h1, #Articles h1{font:11pt Verdana; color:#000}
#content h2{font:10pt Verdana; color:#000}
th{font: 700 8pt Verdana;text-align:left; color:#333}

.ArticleDate{font: 9pt Verdana;padding:4px; width:99%;text-align:right;background-color:#FAEA01; clear:both}

div#me{
	width:234px;
	margin-left:4px;	
	}	
	
div#address table td{font:8pt Verdana}
.ulheader{font: 700 9pt Verdana; padding:3px 5px 3px 3px; width:99%;text-align:right;background-color:#000; margin-bottom:10px; color:yellow; clear:both}

ul.links{
	list-style-type: none;
	margin-top:15px;
}
ul.links li {padding:2px; margin-left:-25px}
ul.links li a{color:black}


table.jaar{clear:both}
table.jaar td {font: 9pt Verdana;padding-left:15px}


img.thumb {padding:3px; border:1px solid black; background-color:#f2f2f2}
a:link, a:visited{
	padding:2px 2px 0px;text-decoration:none;
	font-weight:700; color:black;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: black;}
a:hover, a:active{
	padding:2px;
	background-color:#FAEA01;
	color:black;
	text-decoration:none;
	border:none
}
p.tags{
	padding-left:29px;
	border:1px solid #E7F8FC ;
	background-image: url(/styles/default/images/icons/tag_icon.png);
	background-repeat: no-repeat;
	background-position: 4px 24px;

	padding-right: 4px;

}

#Articles h1 a{text-decoration:none; color:#333; border:none}
.tags a:link, .tags a:visited  {}
.tags a:hover, .tags a:active {text-decoration:none}
/* Bladerfunctie boven resultaat pagina's
---------------------------------------------------- */
#navi{
	position:relative;
	top:-70px;
	right: 5px;
	padding:2px 0px 2px 2px;
	text-align:right;
}
#navi{border:1px none #16285A; background-color:transparent; color:black }
#navi a:link, #navi a:visited{background-color: #FFFFFF; text-decoration:none}
#navi a:hover, #navi a:active{color:red}
#navi a:link.navi, a:visited.navi{border-right: 1px none #16285A;background-color:white; color:black}
#navi a:hover.navi, a:active.navi{color:red}
#navi a:link.sort,  a:active.sort, a:visited.sort, a:active.sort{color:black; font-weight:700;border: 1px solid #16285A; background-color:orange;}


/* FORMS: VELDEN EN BUTTONS
---------------------------------------------------- */

label {
	font-weight:700;
	}
legend {
	margin-left: 2px;
	font-weight:700;
	}
input, textarea {
	background-color:#F8F8F8;
 	border: 1px #AEAE95 solid; 
	padding: 1px 0 1px 1px; 
	font-size: 92%; 
	color: #010133; 	
}
textarea {
	height: 150px;
	overflow: auto;
	}
input.search {
	width:130px;
	padding-left: 27px;
	background-image: url(/styles/default/images/forms/loop.png);
	background-repeat: no-repeat;
	background-position: left -1px;		
	}
	
input.email{
	width:130px;
	padding-left: 27px;	
	background-image: url(/styles/default/images/forms/mail.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

input.smile{
	width:130px;
	padding-left: 27px;		
	background-image: url(/styles/default/images/forms/smile.png);
	background-repeat: no-repeat;
	background-position: left 0px;
}	

input.submit {
	font-weight: bold; 
	padding: 0.1em 0.1em 0.15em 0.1em; 
	width: auto !important; 
	margin: 0 0 0 0.2em;
 	background: black; 
	color: #F9E900; 
	cursor: pointer; 
	border: 1px #AEAE95 none; 
	}
input.verstuur:hover{background-color:#F1EABC; color:black}
