/* general styles */
*{	font-family:Arial, Helvetica, sans-serif;}
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, font, img, strong, sub, sup, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;}
:focus {outline: 0;}
body {	line-height: 1;	color: black;}
html{overflow-y:scroll;}
ol, ul {	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
a{	font-weight:bold;text-decoration:underline; color:#105CB6;}
a:visited{	color:#86B0E1;}
a:hover{ color:#000;}
a.warning{	color:#E14A03;}
.warning{	color:#E14A03;	font-weight:bold;}
br.clear {clear:both;}
h1{	font-size:24px;	font-weight:bold; color:#333;}
h2{	font-size:20px; font-weight:bold; margin-bottom:8px;}
h3{	font-size:16px; font-weight:bold; margin-bottom:3px;}
h4{	font-size:13px; font-weight:bold;}
p{	font-size:12px; color:#777; margin-top:5px; line-height:20px; }
hr{		border-bottom:1px dotted #C4C4C4; border-top : none; border-left : none; border-right : none; color : #fff; }
/* general form styles */
form .m{clear:both; margin:5px 0 0 0;}


/* **custom layout styles** */

/* ** header ** */
body{ background-color:#EEEEEE;}
#header{ margin:50px auto 0 auto; width:901px; position:relative;}
#nav{width:269px; z-index:500; padding:20px 0 0 0; height:304px; background-image:url('../img/header.gif'); position:absolute; right:0px; top:-40px;}
#nav a{ overflow:visible; font-size:13px; font-weight:bold; color:white; line-height:20px; height:20px; border-top:1px solid #739FB5; width:105px; text-decoration:none; margin:0 0 0 20px; display:inline; float:left;}
#nav a span{font-size:8px; line-height:20px; display:inline;}
#nav a.selected{color:#000;}
#nav a.selected:hover{color:#000;}
#nav a:hover{color:#EEE;}
#nav img{ position:absolute; bottom:0px; left:5px;}
/* ** header ** */

/* ** content ** */
#content{width:899px; position:relative; margin:0 auto 40px auto; min-height:513px; height:auto!important; height:513px; background-image:url('../img/footer.gif'); background-position:bottom center; background-repeat:no-repeat; border:1px solid #CDCDCD;  background-color:#FFF;}
	#content #topholder{margin:36px 0 0 33px; border-left:1px solid #CDCDCD; padding:0 0 0 11px; width:560px;}
	#topholder h1{ font-weight:normal; font-size:35px; clear:both; color:#7BAAC2; }
	#topholder p{ line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; font-size:12px; margin-top:10px; }
	#topholder img{float:right; margin:10px 0 0 13px;}
	
	#extra_navbar{ position:absolute; top:266px; left:4px; }
	#extra_navbar a{height:33px; line-height:33px; background-repeat:no-repeat; background-position:right; margin:0 3px 0 0 ; display:block; text-decoration:none; float:left; color:#333; padding:0 28px 0 16px;}
	a.bloglink{ background-color:#99CC33; background-image:url('../img/a_bg1.gif');}
	a.kallink{ background-color:#94CCE7; background-image:url('../img/a_bg2.gif');}

#top{ height:283px; overflow:hidden; position:relative;}
/* ** content ** */

/* ** main ** */
#main{ background-color:#333333; width:881px;padding:38px 0 25px 18px; min-height:206px; height:auto!important; height:206px; }
#leftie h2{color:#99CC33; font-size:18px; width:550px; padding:0 0 1px 0; font-weight:normal; border-bottom:1px solid #606060; }
#rightie h2{color:#99CC33; font-size:18px; width:282px; padding:0 0 1px 0; font-weight:normal; border-bottom:1px solid #606060; }
#rightie a{color:#94CCE7; line-height:18px;  font-size:12px; font-weight:bold; text-decoration:none;}
#rightie a:hover{text-decoration:underline; color:#71BBDF; }
#rightie  span{color:#EFEFEF; font-size:11px;line-height:18px;font-weight:normal;  text-decoration:none!important;}
#rightie div{ padding:6px 0 2px 6px;}

#leftie_big h2{color:#99CC33; font-size:18px; width:750px; padding:0 0 1px 0; font-weight:normal; border-bottom:1px solid #606060;}
#leftie_big{ float:left; width:800px;}
#leftie_big h3{color:#94CCE7; font-size:16px; margin:10px 0 8px 0; font-weight:normal;}
#leftie_big p{color:#EEEEEE; font-size:12px; line-height:15px; margin:0 0 15px 0; width:750px;}
#leftie_big p a{color:#99CC33; font-weight:normal; text-decoration:underline;}
#leftie_big p a:hover{color:#8BB82E;}


#leftie .datestamp{ font-size:12px; color:#DDD; font-style:italic; padding:0 0 4px 0}
#leftie h3{color:#94CCE7; font-size:16px; margin:16px 0 6px 0; font-weight:normal;}
#leftie h3 a{color:#94CCE7; font-size:16px; text-decoration:none; font-weight:normal;}
#leftie p{color:#EEEEEE; font-size:12px; line-height:15px; margin:0 0 25px 0; width:550px;}
#leftie p a{color:#99CC33; font-weight:normal; text-decoration:underline;}
#leftie p a:hover{color:#8BB82E;}

.c:first-child{border-top:1px solid #CCC;}
.c{ border-bottom:1px solid #CCC; width:550px; padding:10px 0 5px 6px;  }
.c p{font-size:12px; line-height:16px; color:#EEE;}
.comment{float:left; width:150px; overflow:hidden;}
.comment h4{font-weight:bold;  font-size:11px;color:#FFF;}
.comment_date{font-size:11px; line-height:15px;font-weight:normal; color:#CCC;}
 
 
#leftie{ float:left; width:575px;}
#rightie{ float:left; width:306px;}
.line{border-top:1px solid #999; height:1px; position:relative; margin:50px 0 25px 0; width:556px;}
h5{ font-size:14px; left:75px; position:absolute; background-color:#333; color:#AAA; top:-10px; line-height:20px; padding:0 8px 0 8px;}
/* ** main ** */

/* ** bestuur ** */
.bestuurslid{ float:left; width:250px;  margin:0 0 15px 0; }
.imgdiv img{border:1px solid #666;}
.bestuurslid .imgdiv{ }
/* ** bestuur ** */
/* ** fotos ** */

.album{ float:left; width:200px; margin:0 0 15px 0; }
.foto{ float:left; width:200px; height:132px; overflow:hidden; border:1px solid #CCC; margin:10px 30px 10px 0; display:inline;}
.bigfoto img{border:1px solid #CCC; margin:10px 30px 10px 0; display:inline;}
/* ** fotos ** */
/* ** footer ** */

#footer{ height:87px; }
#footer p{line-height:87px; width:899px; margin:0; padding:0; text-align:center; font-size:12px; color:#959595;}
#footer p a{color:#959595; font-weight:normal; text-decoration:none;}
#footer p a:hover{text-decoration:underline; color:#666;}
a.ext{color:#FF0000!important;}

/* ** footer ** */



/* ** lwform ** */

form#lwform{}
form#lwform div{padding:5px 0 0 0; clear:both;}
form#lwform label{float:left; color:white; font-weight:bold; font-size:12px; cursor:pointer; width:120px; line-height:22px; height:22px; text-align:right; padding-right:15px;}
form#lwform input.text{float:left; width:200px; padding:0 0 0 2px;}
form#lwform select.select{float:left; width:202px;}
form#lwform  input.text,form#lwform  textarea{	border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd;padding:2px 0 2px 2px;
 background-color:white; background-image:url(../img/textbg.gif); background-repeat:repeat-x;
height:18px; line-height:18px; background-position:top; padding:2px 0 2px 0;}
form#lwform input.btn{ margin:0px;  width:100px; text-align:center;}
#leftie p a.commentlink{color:white; text-decoration:none;}


.left_bar{float:left; width:210px;}
.right_bar{float:left; width:300px;}
.left_bar img{border:1px solid #999;}
.right_bar h2{color:#333; font-size:15px;}
/* ** lwform ** */

