@import url(guestbook.css);
@import url(photoalbum.css);
@import url(weblog.css);


html{
	font-size:74%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0; padding:0;
	}

body{
	background-color:#8fd6f2;
	background-image:url(../afbeeldingen/body.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-attachment:fixed;
	margin:0; padding:0;
	padding-bottom:120px
	}
#container{
	border:1px solid #aca899;
	background-color:white;
	width:740px;
	margin:0 auto;
	margin-top:-47px;
	}


#doek{
	height:69px;
	width:156px;
	position:relative;
	left:54.5%;
	top:0;
	background-image:url(../afbeeldingen/doek.jpg);
font-size:12px;
	}

#topnav{
	margin:0;
	padding:0;
	background-color:#737066;
	text-align:right;
	margin-top:3px; 
	margin-left:3px;
	margin-right:3px;
	padding:0;
height:12px; height:17px!important;
font-size:12px;
	}	
#topnav li{
	padding:1px 0;
	list-style:none;
font-size:12px;
	}	
#topnav li a{
	text-decoration:none;
	padding:1px 8px;
	color:white;
	font-weight:bold;
font-size:12px;
	}
#topnav a:hover{background-color:#959288;}


#pagname{

	background-color:#d62939;
	margin:0 3px;
	padding:5px 0 0 5px;
	color:white;
	font-size:20px;
	height:33px;
	clear:both;
	}
	
#columns{
	margin:0 3px;
	}
#columns .c1{
	float:left;
	width:204px;
	background-image:url(../afbeeldingen/logo.jpg);
	background-repeat:no-repeat;
	background-position:top;
		}	
#columns .c2{
	margin-left:204px;
margin-bottom:40px;
	margin-right:-3px;
	padding-top:203px!important;padding-top:200px;
	/*background-image:url(../afbeeldingen/header2.jpg);*/
	background-position:right top;
	background-repeat:no-repeat;
	border-left:3px solid white;
	border-top:3px solid white;
	overflow:hidden;
	width: 523px;
	}	
#columns .clean{
	clear:both;
	}	
	
#nav{
	margin:0;
	padding:0;
	border-top:3px solid white;
	margin-top:99px!important;margin-top:100px;
	}	
	
#nav li{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #dedede;
	}
#nav li a{
	display:block;
	width:189px!important;width:190px;
	text-decoration:none;
	background-color:#d9d5c6;
	padding:3px 5px 3px 10px;
	font-size:109%;
	font-weight:bold;
	color:black;
	margin:0;
	}
#nav li a:hover{
	background-color:#ecebe6;
	}

a#foto{
	background-color:#eee;
		filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;
	color:black;
	text-decoration:none;
	display:block;
	width:185px;
	float:right;
	padding:5px;
	margin-top:-50px;
	font-family:Tahoma, Verdana;
	font-size:9px;
	}
a#foto:hover{background-color:white;}

.geel{
	background-color:#f2cc26;
	}
#columns .c1 .blok{
	margin-top:3px;
	padding:5px 10px;
	font-size:99%;
	}	
.blok{
	font-size:90%;
	}	
.blok ul{
	margin:0;
	padding:0 15px;
	list-style:square;
	}
.blok ul a{
	color:#ac2000;
	font-size:95%;
	text-decoration:none;
display:block;
width:90%;
	}
.blok ul a:hover{
	text-decoration:underline;
	}
.blok p{
	margin:3px 0;
	padding:0;
	}
.border{
	border:1px solid #ddd;
	background-color:fafafa;
	}
.c2 h1{
	background-color:#d9d5c6;
	margin:0; padding:2px 20px;
	font-size:205%;
	font-family:"Times New Roman", Times, serif;
	font-weight:500;
	}
.c2 h2{
	margin:0; padding:2px 20px;
	font-size:190%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:500;
	}
.c2 h3{
	margin:0; padding:2px 20px;
	font-size:170%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	}
	
.c2 p{
	margin:5px 20px 10px 20px;
color:#555;
	clear: left;
	}
.c2 p:hover{color:black;}

.c2 a {text-decoration:none; color:#555}
.c2 a:hover {text-decoration:underline; }

#footer{
	width:740px;
	margin:0 auto;
	font-family:Tahoma, Verdana;
	font-size:0.8em;
	color:#6496aa;
	}
#footer a{
	text-decoration:none;
	color:#486b79;
	padding:0 5px;
	}
#footer a:hover{
	text-decoration:none;
	color:black;
	padding:0 5px;
	}	
.hid{display:none;}





p.grijs{
color:black;
font-style:italic;
padding:5px 0px 15px 0px;
font-size:120%;
font-family:Georgia, "Times New Roman", Times, serif;
}





.guestbook { border:1px solid #CCCCCC; margin:6; margin-bottom:2px;}
.gb_footer {color: #CCCCCC }

/*  +=+=  W E I G H T   +=+= */
.w5			{ width:5%;}
 .w10			{ width:10%;}
.w15			{ width:15%;}
 .w20			{ width:20%;}
.w25			{ width:25%;}
 .w30			{ width:30%;}
 .w40			{ width:40%;}
 .w50			{ width:50%;}
 .w60			{ width:60%;}
 .w70			{ width:70%;}
 .w80			{ width:80%;}
 .w90			{ width:90%;}
 .w100			{ width:99%;}

.noborder {border:0}

.contact_form label{display:block; float:left; padding-left:25px; height:1.8em;}
.contact_form .button{font-size:100%;}

.contact_form input{ font-size:110%; margin:4px 0;}
.contact_form textarea{ 	font-size:100%;font-family:Arial, Helvetica, sans-serif;}

.contact_form .button{font-size:90%;}





.phead,  .pfoot{
	background-color:#eee;
	text-align:center;
	color:#666;
	border:1px solid #ccc;
font-weight:bold;
	}

.pfoot{clear:both;}

.phead a, .pfoot a{
	color:#666;
	text-decoration:none;
	padding:0 4px;
	}

.phead a:hover, .pfoot a:hover{
	color:black;
	text-decoration:underline;
	background-color:white;
	}

/*  extra vero */
.error{
	background-color:#fbfbfb;
	margin:0;
	padding:0;
	background-image:url(afbeeldingen/i-warn.gif);
	background-repeat:no-repeat;
	background-position:10px 2px;
	padding-left:23px;
	font-weight:bold;
	color:#d00000;
	}
	
.form{
	margin:0;
	padding:0;
	}
.comments {
		font-style:italic;
		color:#009900;
		font-size:95%;
	}


.video{margin-left:20px;}


img.right{float:right; border:1px solid #ddd; margin-right:20px; margin-left:10px;}
img.left{float:left; border:1px solid #ddd; margin-left:20px; margin-right:10px;}


.webhosting a{
	background-image:url(http://www.webhosting.4ro.nl/afbeeldingen/650mb.gif) ;
	background-repeat:no-repeat;
   	display:block;
 	height:73px;
	border:1px solid #ccc;
	}
.webhosting a span{display:none;}



.news_list{
    margin:0;
    padding:0;
    list-style:none;}

.news_list li {
	clear:both;
	}
	
.news_list li a{
	color:#d50000;
	padding:1px 6px;
	}

.news_list li a:hover{
	background:#d50000;
	color:white;
	text-decoration:none;
	padding:1px 6px;
	}
.news_list h2{
	font-size:125%;
font-weight:bold;
	}
.news_list .date, p.date{
	font-size:90%;
	color:silver;
	margin-left:20px;
	}

ins{text-decoration:none;}



.banner{border:1px solid #ddd;}
.banner:hover{border:1px solid red;}