/* CSS Document www.capelsewijken.nl wijk OOSTGAARDE © 2009  */

/*PAGE LAYOUT*/

body {
    
	font: 0.7em Tahoma, sans-serif;
	font-size:12px;
	color: #006666;
	background: #FEAD1D url(images/bg.jpg) repeat-x;
	padding:10px;
	align:left;
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

#logo{float:left; background-image:url(tie_logo.gif);  width:274px; height:213px;}
#topheader{float:right; width:526px; height:97px; background-color:#F0F0F0; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#menu   {float:right; width:526px; height:32px; background-image:url(bg_menu.gif)   ; background-position:top; background-repeat:repeat-x;}
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{float:right; width:526px;}
#leftpanel{float:left; width:274px;}
#footer{float:left; width:800px; background-color:#F0F0F0; padding:10px;}
#td {color:#000000; background-image:url(../images/wopblauw.jpg);}
h2 { font: 0.8em Tahoma, sans-serif; font-size:16px; font-weight:bold;	color:#CC0033;}
h3 { font: 0.8em Tahoma, sans-serif; font-size:14px; font-weight:bold; color: #FFFFFF;}
h4 { font: 0.6em Tahoma, sans-serif; font-size:11px; font-weight:bold;	color:#FFFFFF;}
h5 { font: 0.6em Tahoma, sans-serif; font-size:11px; font-weight:bold;	 color:#000000;}

#container {
	background-color: #fff;
  	width: 640px;
  	overflow: hidden;
	
}

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

}

#header h1 { 
	font-family: Georgia, "verdana", Times, serif;
	font-size: 20pt;
	font-weight: 300;
	color: #000;
	margin-top: 16px;
	margin-left: 13px;
	letter-spacing: 2px;
}

#header h2 { 
	font-family: georgia, verdana, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
	color: #434343;
	margin-left: 15px;
}

#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:130px;
	background: #CC0000;
	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;
}


.pullquoteblue {
	color: #FFFFFF;
	width:223px;
	background:#326598;
	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:yellow;
	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;
	}

	
.pullquotebrown {
	color: #FFFF00;
	width:190px;
	background:#993333;
	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;
	}
	
	
.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 #666666; font: 0.8em Tahoma, sans-serif; color: #000000; 
	font-size: 12px; background-color:#F3F3F3; padding:12px; margin:10px;
}

.greenpanel{
    border:solid 1px #666666; background-color:#CCFF99; 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; background-image:url(../images/wopblauw.jpg);
	font-size: 12px; color: #FFFFFF; padding: 10px; margin:10px;
}

.bluesignpanel{	
    border:solid 1px #666666; font: 0.9em Tahoma; 
	font-size: 18px; color: #FFFFFF; background-color:#6292CE; 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:#FF0000; background-color:#F3F3F3; padding:10px; margin:10px;
}
.orangepanel{border:solid 1px #666666; font: 0.8em Tahoma, sans-serif;
	font-size: 12px; font-weight:bold; color:#FFFFFF; background-color:#FF9900; padding:10px; margin:10px;
}

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


/*TEXT STYLES*/
.bodytext {

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

.bodytext a:hover { background: #aaa; } 



.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.6em 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;
}
.smallyellowtitle {
	font: 0.6em 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.6em Tahoma, sans-serif;
	font-size:12px;
	text-align:left;
	color:#000000;
	background-color:#A5C3EF;
	spacing:3px;
	padding:3px;
}

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

.smallblacktitle {
	font: 0.8em 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;
}

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

.smallbluetext {
	font: 0.8em Tahoma, sans-serif;
	font-size: 14px;
	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: #FFFFFF;
	text-decoration:none;
}

.smallwhitetext a:hover{
		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.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}

      a.link    { font-family: Verdana,Arial,San Serif; font-size: 12px; text-decoration: none; color: #FFFF00;}
      a.visited { font-family: Verdana,Arial,San Serif; font-size: 12px; text-decoration: none; color: #FFFF00;}
      a.active  { font-family: Verdana,Arial,San Serif; font-size: 12px; text-decoration: none; color: #00FFFF;}
      a.hover   { font-family: Verdana,Arial,San Serif; font-size: 12px; text-decoration: none; color: #FFFFFF;}

.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;
}