/* CSS Document Catharine Deweerdt Bruidskinderen  */
/*www.catharinedeweerdt.be                         */
/*Copyright ©2003-2009 Catharine Deweerdt*/
/*Enquiries CSS pls contact info@rpvd.be           */
/*CSS version 24/01/2009                           */
* html {padding:0px;margin:0px;}
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.90em; color:#776;background-color:#ffe;padding:15px;margin-left:10%; margin-right:10%;margin-top:0px;min-width:680px;max-width:1010px; /*background-image:url(afbeeldingen/cath_dew_bg.gif); background-repeat:repeat;*/ }	
h1, h2, h3, h4 {color:#996;font-weight:normal; font-size:1.65em;}
h2 {font-size:1.42em;}
h3 {font-size:1.15em;}
h4 {font-size:0.9em;}
#container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#leftbox {float:left;position:relative;width:70%;margin-right:15px;padding-bottom:0px;/*background-color:#fff;*/}
#rightbox {float:right;position:relative;width:20%;margin-left:20px;margin-top:25px;}
/*sets div*/
#masthead {background-image:none;padding-top:50px;width:100%;}
.content {/*text-align:center*/;margin:3px 0px 0px 0px;}
.content h4 {text-align:left; color:#996;margin:0px 0px -15px 0px;font-weight:bold;}
p {text-align:justify; font-size:0.88em;}
p.small {font-size:0.76em;}
.small a:hover {color:#f00;}
p img{/*clear:both;*/ padding:4px;width:300px;}
p span img{/*clear:both;*/ padding:4px;width:400px;}
p code {background-color:#fff;color:#3399FF;font-size:1.2em; display:block; max-width:600px;padding:2px; text-align:left;}
.center {
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}
.chead, .cname, .chead_link {font-size:1.2em; font-style:normal; margin-bottom:-4px;}
.wide{letter-spacing:0.55em; color:#552; font-style:italic; text-align:center; font-size:1.0em; font-weight:lighter;padding-left:3px;}
/*.cname_i {font-size:1.0em; font-style:italic; margin-bottom:5px; font-stretch:ultra-expanded;}*/
#cname_big, .cnamehead  {font-size:3em;margin-bottom:-13px; margin-top:0px; text-align:center; color:#aa7; letter-spacing:0.18em;}
.cnamehead {letter-spacing:-0.05em;}
.left {font:Helvetica;font-weight:100;font-size:2.8em; margin-bottom:10px; margin-top:-12px;text-align:left; color:#aa7;}
.chead, .cname, .cname_i, cname_big {color:#996; text-align:center;}
.chead_link {color:#996; text-align:left;}
p left_s {text-align:left;}

a {text-decoration:none;}
a:link, a:visited {color:#886; font-weight:normal;}
a:hover, p:hover a, p a:hover {color:#663; font-weight:normal;}
.img150px {height:150px;border:none;margin:5px;margin-top:20px;}
#menu {text-align:center; height:18px; margin-top:3px;margin-bottom:25px;}
#menu a:link, #menu a:visited, #footer a:link, #footer a:visited {font-size:1em;font-weight:normal; color:#aa7;}
#menu a span {font-weight:normal; color:#ffc;}
#menu a:hover, #footer a:hover {color:#663;}

p a img {width:200px;}
a img {width:6%; height:6%; float:left; margin:10px;}
img{float:left;padding:2px;padding-top:0px;border:none;margin:5px;margin-right:10px;margin-left:0px;}
/*td p img {float:left; width:200px;margin:0px; margin-right:15px;padding:3px;}*/
p span {font-size:0.7em; color:#999966;}
#adres a:link, #adres a:visited {color:#663; font-weight:bold;}
#adres a:hover, #adres p:hover a, #adres p a:hover {color:#ffd; font-weight:bold;}
.hr_c {margin-top:25px;margin-bottom:25px;color:#999966; height:1px;}
/*hotnews--------------------------------------------------------------------------------------------*/
#hotnews {position:relative;float:right;width:97%;border:#eeb solid 1px; padding:4px;padding-top:0px;margin-left:15px;/*height:300px;overflow:hidden;*/}
.short {height:25px;}
#hotnews h2, #hotnews h4 {color:#aa6;font-weight:normal;padding:2px 2px 2px 2px;margin:0px;margin-top:-3px;}
#hotnews h2 {margin:-4px;} /*neg margin compensates padding*/
#hotnews h4 {color:#996;margin:12px -4px 3px -4px;text-decoration:none;border-bottom:#eeb solid 1px;letter-spacing:0.03px;}
#hotnews p {margin:-2px 0px 3px 0px;color:#996;font-size:0.78em;text-align:left;}
#hotnews p a:link, #hotnews p a:visited {text-align:left;color:#996;}
#hotnews p:hover a {color:#776;}  	/*div color each link*/
#hotnews p a:hover {border-bottom:#cca 4px solid;color:#996;}
.emph {color:#996;font-weight:bold;}

/*opacity of thumbs in foto.html --------------------------------------------------------------------*/
a img{float:left; padding:2px;margin:3px;display:inline;position:relative;border:1px solid #cca;
	height:50px;	/*size thumbs in foto.html*/
	width:50px;}

.linkopacity a img {
	filter:alpha(opacity=40); 
	-moz-opacity: 0.40; 
	opacity: 0.40;}
.linkopacity a:hover img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	}
/*end opacity of thumbs in foto.html -------------------------------------------------------------------*/	
.nieuw {color:#800;font-size:0.75em;font-weight:bold;}
	
.hide {visibility:none;}

#navbar_info ul {list-style:none;margin:15px 0px 20px 0px;padding:0px;border-top:#eeb 1px solid;}
#navBar_info ul a:link, #navBar_info ul a:visited {display: block;text-align:center;}
html>body #navBar_info li {border-bottom: none;}
#navbar_info li, #navbar_info li a:link, #navbar_info li a:visited {font-size:0.92em;display:inline;margin-right:10px;padding:3px 0px -3px 3px;color:#996;}
#navbar_info li a:link {text-align:center;}
#navbar_info li a:visited {border-bottom:none;}
#navbar_info ul:hover a {color:#aa8;}							/*div color links*/
#navbar_info li a:hover {border-bottom:none 4px solid; color:#666;} 	/*div color each link*/
#navbar_info ul li a:active {border-bottom:#fa0 4px solid;}

/*index.html, opacity pictures ---------------------------------------------------------------------------*/
#mosaic {float:left; width:400px;position:relative;min-height:210px;/*top:0px;left:0px;*/margin:10px 5px 30px 0px;}
/*set pictures inside div#mosaic*/
#mosaic img{float:left;display:inline;position:relative;width:74px;height:74px;margin:0px 0px 0px 0px;padding:2px 2px 2px 2px;}

/*sets transparency all div to 50%, no hover*/
#mosaic a img.c01, #mosaic a img.c02, #mosaic a img.c03, #mosaic a img.c04, #mosaic a img.c05, #mosaic a img.c06, #mosaic a img.c07, #mosaic a img.c08, #mosaic a img.c09, #mosaic a img.c10, #mosaic a img.c11, #mosaic a img.c12, #mosaic a img.c29, #mosaic a img.c30 {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;}

/*sets transparency all div to 80%, hover div*/
#mosaic:hover a img.c01, #mosaic:hover a img.c02, #mosaic:hover a img.c03, #mosaic:hover a img.c04, #mosaic:hover a img.c05, #mosaic:hover a img.c06, #mosaic:hover a img.c07, #mosaic:hover a img.c08, #mosaic:hover a img.c09, #mosaic:hover a img.c10, #mosaic:hover a img.c11, #mosaic:hover a img.c12, #mosaic:hover a img.c29, #mosaic:hover a img.c30 {
	filter:alpha(opacity=20);   
	-moz-opacity: 0.20;   
	opacity: 0.20;}		

/*sets transparency to 0%, hover single picture*/
#mosaic a:hover img.c01, #mosaic a:hover img.c02, #mosaic a:hover img.c03, #mosaic a:hover img.c04, #mosaic a:hover img.c05, #mosaic a:hover img.c06, #mosaic a:hover img.c07, #mosaic a:hover img.c08, #mosaic a:hover img.c09, #mosaic a:hover img.c10, #mosaic a:hover img.c11, #mosaic a:hover img.c12, #mosaic a:hover img.c29, #mosaic a:hover img.c30 {
	border:#886 1px solid;
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;}	
/*end opacity pictures index.html ----------------------------------------------------------------------------*/
/*foto.html---------------------------------------------------------------------------------------------------*/
.content_gallery {float:left;}    /*background-color:#f00;*/
#gallery {width:100%;/*background-color:#f00*/;margin-bottom:10px;height:352px;}
#gallery ul {list-style:none; padding:0; margin:0; width:302px; position:relative; float:left;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0px 0px 0px 0px;}
#gallery ul li a {display:block; width:49px; height:49px; text-decoration:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {/*white-space:normal; */border-color:#dda;}
#gallery ul li a:hover img {position:absolute; left:315px; top:3px; width:auto; height:345px; border:1px solid #886;}
/*Thank You Stu!-------------------------------------------------------------------------------------*/
/*end #gallery foto.html ----------------------------------------------------------------------------*/

#sitemap a {text-decoration:underline;font-size:0.85em;}


#footer{clear:both;position:relative; font-size:0.85em;color:#886;padding:0px 0px 0px 0px;margin:10px 0px 0px 0px; border-top:#eeb 1px solid;}
#footer p {margin: 5px 0px 5px 0px; text-align:left}
#footer a:link, #footer a:visited {color:#776;} 
#footer p:hover a {color:#aa8;}
#footer p a:hover {color:#776;text-decoration:underline;}

#counter {margin:200px 0 0 0;padding:0 0 0 0;}
#counter span img {display:inline;width:18px;height:18px;}
#counter .statcounter a img {display:inline;width:67px;height:14px;}