/* CSS www.capelsewijken.nl - © 2010  */
/* Paul van Gink 2010

/*PAGE LAYOUT*/


body
{
    
	font: 0.7em Tahoma, sans-serif;
	font-size:12px;
	font-color: #666666;
	
	background: url(../images/bg.gif) repeat-x;
	text-decoration: none;
		
}

#topheader{float:right; width:526px; height:97px; background-color:#F0F0F0; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#contenttext{float:right; width:526px;}
#leftpanel{float:left; width:274px;}

h1 { font: 1.0em Tahoma, sans-serif; font-size:28px; color:#6292CE; font-weight:bold;}
h2 { font: 0.8em Tahoma, sans-serif; font-size:16px; color:#6292CE; font-weight:bold;}
h3 { font: 0.6em Tahoma, sans-serif; font-size:14px; font-color:#FFFFFF; padding:10px; margin:10px; background-color:#66CCCC; font-weight:bold;}
h4 { font: 0.5em Tahoma, sans-serif; font-size:12px; color:#FFFFFF; padding:10px; margin:10px; background-color:#FF0000; font-weight:bold;}	
h5 { font: 0.5em Tahoma, sans-serif; font-size:12px; color:#FF0000; padding:10px; margin:10px; background-color:#CCCCCC; font-weight:bold;}

#container {
	 

  	overflow: hidden;
	
}

#header {
    background-color: #fff;
	height: 60px;

}



#content {
	float: left;
	width: 520px;
	padding: 6px 10px 0px 6px;
	}
	
#content img{
	margin-right: 16px;
	margin-left: 12px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 2px;
	float: left;
	}
	

#first-menu{
	background-color: #E3E3E3;
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	float: center;
	font-size: 8pt;
	height:27px;
}


#first-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#first-menu li {
	display: inline;
}

#first-menu a {
	float: center;
	display: inline;
	padding: 6px 12px 7px 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #444;
	text-align: center;
}

#first-menu a:hover {
	background: #f4f4f4;
	color: #FF0000;
	padding-bottom: 7px;
}

#first-menu .selected a {
	background-color: #f4f4f4;
	color: #000;
	border: none;
}

#second-menu {
	background-color: #f4f4f4;
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	width: 900px;
	float: center;
	margin-top: -1px;
	border-bottom: 1px solid #999;
	}

#second-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#second-menu li {
	display: inline;
}

#second-menu a {
	float: left;
	padding: 7px;
	text-transform: lowercase;
	text-decoration: none;
	color: #000;
	text-align: center;
}

#second-menu a:hover {
	text-decoration: uppercase;
	color: #FF0000;
}

#second-menu .selected a {
	border-bottom: none;
	color: #000;
}	

#content p{
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 10px 10px;
	text-align: justify;
	line-height: 12pt;
	}
	
#content h1 {
	font-family: Baskerville, Georgia, Times, serif;
	font-size: 15pt;
	font-style: normal;
	font-weight: normal;
	margin-top: 5px;
	padding: 10px 10px;
	}
	

.box {
	width:200px;
	height:200px;
	background-color:#FFFFFF;
	background-image:url(images/tLeft.gif);
	background-position:top left;
	margin:0px; padding:0px;
	background-repeat:no-repeat;
}


.pullquotered {
	color: #FFFFFF;
	width:140px;
	background: #CC0000;
	float:left;
	padding:10px;
	margin: 0px  10px  10px  10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	font-size: 8pt;
	text-transform: uppercase;
	line-height:36px;
	text-align:left;
}


.pullquoteblue {
	color: #FFFFFF;
	width:223px;
	background:#5392CE;
	float:center;
	padding:10px;
		margin: 0px  10px  10px  10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	font-size: 9pt;
	text-transform: uppercase;
	line-height:36px;
	text-align:center;
	}

.pullquoteyellow {
	color: #000000;
	width:130px;
	background:#FFFF00;
	float:left;
	padding:10px;
		margin: 0px  10px  10px  10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	font-size: 9pt;
	text-transform: uppercase;
	line-height:36px;
	text-align:left;
	}

.pullquoteblack {
	color: #FFFFFF;
	width:130px;
	background:black;
	float:left;
	padding:10px;
		margin: 0px  10px  10px  10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	font-size: 9pt;
	text-transform: uppercase;
	line-height:46px;
	text-align:left;
	}
	
.pullquotegray {
	color: #000000;
	width:130px;
	background:gray;
	float:left;
	padding:10px;
	margin: 0px  10px  10px  10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	font-size: 9pt;
	text-transform: uppercase;
	line-height:36px;
	text-align:left;
	}

.pullquotegreen {
	color: #FFFF00;
	width:130px;
	background:green;
	float:right;
	padding:10px;
	margin: 0px  10px  10px  10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	font-size: 9pt;
	text-transform: uppercase;
	line-height:36px;
	text-align:right;
	}
	
.pullquotebrown {
	color: #FFFFFF;
	width:130px;
	background:brown;
	float:left;
	padding:10px;
	margin: 0px  10px  10px  10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	font-size: 9pt;
	text-transform: uppercase;
	line-height:36px;
	text-align:left;
	}
	
	
.pullquoteorange {
	color: #000000;
	width:130px;
	background:orange;
	float:left;
	padding:10px;
	margin: 0px  10px  10px  10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	font-size: 9pt;
	text-transform: uppercase;
	line-height:36px;
	text-align:left;
	
	
	}
			
/*PANELS */

.graypanel{
	border:solid 1px #0099ff; font: 0.8em Tahoma, sans-serif; color: #000000; 
	font-size: 12px; background-color:#ffffbf; padding:12px; margin:10px;
}

.greenpanel{
    border:solid 1px #666666; background-color:#66CC66; font: 0.8em Tahoma, sans-serif; 
	font-size: 12px; font-weight:bold; color:#FF0000; padding:10px; margin:10px;
}

.bluepanel{	
    border:solid 1px #666666; font: 0.9em Tahoma; 
	font-size: 12px; color: #FFFFFF; background-color:#6292CE; padding: 10px; margin:10px;
}

.bluesignpanel{	
    border:solid 1px #666666; font: 0.9em Tahoma; 
	font-size: 14px; color: #FFFFFF; background-color:#5292CE; padding: 10px; margin:10px; font-align:center;
}

.yellowpanel{border:solid 1px #FF0000; font: 0.8em Tahoma, sans-serif;
	font-size: 12px; font-weight:bold; color:#FF3300; background-color:#FFCD36; padding:10px; margin:10px;
}

.blackpanel{
    border:solid 1px #666666; font: 0.8em Tahoma, sans-serif;
	font-size: 12px; font-weight:bold; color:#FFFFFF;  background-color:#000000; padding:10px; margin:10px;
}

.salmonpanel{border:solid 1px #666666; font: 0.8em Tahoma, sans-serif;
	font-size: 12px; font-weight:bold; color:#003333; background-color:#FFCC99; padding:10px; margin:10px;
}

.redpanel{border:solid 1px #666666; font: 0.8em Tahoma, sans-serif;
	font-size: 12px; font-weight:bold; color:#FFFFFF; background-color:#FF0000; padding:10px; margin:10px;
}

.orangepanel{border:solid 1px #666666; font: 0.8em Tahoma, sans-serif;
	font-size: 14px; font-weight:bold; color:#FFFFFF; background-color:#FF9900; padding:10px; margin:10px;
}

.whitepanel{border:solid 1px #666666; font: 0.8em Tahoma, sans-serif;
	font-size: 12px; font-weight:bold; color:#3399FF; background-color:#FFFFFF; padding:7px; margin:10px;
}

.krantpanel{border:solid 1px #000001; font: 0.8em Tahoma, sans-serif;
	font-size: 12px; font-weight:bold; color:#000000; background-image:url(´images/krant.jpg´); padding:7px; margin:10px;
}




/*TEXT STYLES*/
.bodytext {

	font: 0.7em Tahoma, sans-serif;
	font-size:12px;
	color: #0033FF;
    hover background: #dd0;
	text-decoration: none;

}

.bodytext a:hover { text-decoration:none; background:#aaa; } 

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;

}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:Center;
	color:#FF0000;
	padding:10px;
	
}

.smalltitleleft {
	font: 0.7em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	padding:8px;
	
}

.smallyellowtitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:Center;
	color:#FFFFFF;
	background-color:#FDC301;
	padding:10px;
	text-decoration:none;
}

.smallbluetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-align:Center;
	color:#006699;
	background-color:#FFFF00;
	padding:10px;
}

.smallgreentitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:Center;
	color:#F3F3F3;
	background-color:#000000;
	padding:10px;
}

.smallblacktitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:Center;
	color:#F3F3F3;
	background-color:#212121;
	padding:10px;
}

.smallyellowtitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:Center;
	color:#FFFF33;
	background-color:#0033CC;
	padding:10px;
}


.smallorangetitle {
	font: 1.1em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	color:#FF6633;
	background-color:#FFFFFF;
	padding:10px;
}



.smallredtitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:Center;
	color:#FFFFFF;
	background-color:#D60000;
	padding:10px;
}

.smallbluetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #0000E6;
}

.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	text-align:Center;
	font-weight:bold;
	color: #FFFFFF;
	padding:10px ;
}

.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FF0000;
	text-decoration:none;
}

.smallwhitetext a:hover{
	    color: #FF0000;
		text-decoration:none;
}

.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	background-image: url(images/kerstblauw01.gif);
	color:#999999;
}

.smallgraytext a
	text-decoration:none;
{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}

.smallgraytext a:hover{
		text-decoration:none;
}


.smallredtext {
	font: 0.9em Tahoma, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}


.xsmallview, .xsmallview .contentarea{ /*CSS for "extra small font" setting*/
font-size: 10px;
}

.smallview, .smallview .contentarea{ /*CSS for "small font" setting*/
font-size: 11px;
}

.normalview, .normalview .contentarea{ /*CSS to return page to default setting (with no additional CSS rules added)*/
font-size: 12px;
}

.largeview, .largeview .contentarea{ /*CSS for "large font" setting*/
font-size: 14px;
}

.xlargeview, .xlargeview .contentarea{ /*CSS for "extra large font" setting*/
font-size: 16px;
}