/*
Design by Free CSS Templates
citylights 2011
http://www.capelsewijken.nl versie 2012 - 2014 
WOP Schollevaar - Capelle aan den IJssel - 2011
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: opx auto;
	padding: 3px;
	background: #FEFEFE url(../images/img01.jpg) repeat-x left top;
	text-align: left;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	
}

form {
	margin: 0;
	padding: 0;
}

input {
	padding: 5px;
	background: #FEFEFE url(../images/img13.gif) repeat-x;
	border: 1px solid #626262;
	font: normal 1em Arial, Helvetica, sans-serif;
}

h1, h1 a, {
	margin: 0;
	text-decoration: none;
	font-family: Tahoma, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #3CB7FF;
}

h1 {
	letter-spacing: -1px;
	font-size: 2.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 , h2 a{
	color: #2A448F;
	padding: 0.7em;
	text-align:left;
	letter-spacing: -1px;
	font-size: 2.0em;
	
}


h3, h3 a {
	font-size: 1.2em;
	color:#CC0033;
	padding: 1em;
	
}


h4 {
	margin: 0 0 0 1.5em;
	padding: 1em;
	border: 5px solid #FFFFFF;
	font-size: 1em;
	color:#FFFFFF;
	background:#3390FF;
}


h5 {
	font-size: 0.9em;
	color:#FF0000;
}

p, ul {
	margin-bottom: 2em;
	line-height: 200%;
	text-align: left;
}

blockquote {
	margin: 0 0 0 1.5em;
	padding-left: 1em;
	border-left: 5px solid #DDDDDD;
}



a {
	color: #FF0000;
}

a:hover {
	text-decoration: none;
}

/* Header */

#header {
	width: 980px;
	margin: 0 auto;
	height: 72px;
}

#logo h1, #logo p {
	float: left;
	text-transform: lowercase;
}

#logo h2 {
	color: #2A448F;
	padding: 0.7em;
	text-align:left;
	letter-spacing: -1px;
	font-size: 0.9em;
	padding: 0px 0 0 0px;
}

#logo p {
	margin: 0;
	padding: 18px 0 0 4px;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#logo a {
	text-decoration: none;
	color: #222426;
}

#logo p a {
	color: #222426;
}

#menu {
	  
	float: right;
	margin-top: 5px;
}

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

#menu li {
	display: block;
	float: left;
	height: 42px;
}

#menu a {
	display: block;
	padding: 2px 20px 2px 20px;
	background: #6292CE;
	margin-top: 10px;
	margin-right: 2px;
	text-decoration: none;
	text-align: center;
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

#menu .last {
	margin-right: 0;
	padding-right: 0;
}

#menu a:hover {
	background: #1B2025;
	color: #FFFFFF;
}

#menu .current_page_item {
}

#menu .current_page_item a {
	background: #1B2025;
	color: #FFFFFF;
}


#banner {

	width: 960px;
	height: 210px;
	margin: 0 auto;
	margin-top: 20px;
}

/* Page */



#page {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	
}

/* Content */

.box {
   margin:1px;
   width:700px;
   text-align:left;
   padding:5px;
   background-color:#BCD0BB;
   border:1px solid black;
   font-size:12px;
}


.contentarea{

font-size: 12px;
}



td{
	
	padding: 5px 5px 5px 5x;
	
}



#content {
	margin-right: 340px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	}

.post {
	margin-bottom: 10px;
	text-align: left;
}

.post .title {
	font-family: Tahoma, Georgia, "Times New Roman", Times, serif;
}

.post .title h2 {
	padding: 0px 30px 5px 0px;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 2.2em;
	color: #3CB7FF;
}

.title h2 a {
	color: #3CB7FF;
}

.post .title p {
	margin: 0;
	padding: 10px 0 10px 20px;
	background: url(../images/img02.gif) no-repeat left center;
	border-top: 4px ;
	line-height: normal;
	color: #3CB7FF;
}

.post .title p a {
	color: #3CB7FF;
}

.post .entry {
	padding: 0;
	text-align: left;
}

.post .links {
	padding: 5px 0;
	border-bottom: 1px #D8DFE6 dotted;
	margin-top: 10px;
	text-align: left;
}

.post .links a {
	font-weight: bold;
}

.post .links a:hover {
}

.post .links .more {
	padding: 0 0 0 20px;
	background: url(images/../img04.gif) no-repeat left 50%;
}

.post .links .comments {
	margin-left: 20px;
	background: url(images/img05.gif) no-repeat left 50%;
	padding: 0 0 0 20px;
}

.graypanel {
	margin-left: 20px;
	background: #CCCCCC;
	padding: 0 0 0 20px;
}

/* Sidebar */

#sidebar {
	float: right;
	text-align: left;
	width: 300px;
}

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

#sidebar li {
	margin-bottom: 10px;
}

#sidebar li ul {
	padding: 0 0px 40px 30px;
}

#sidebar li li {
	margin: 0;
	padding-left: 30px;
	background: url(../images/img02.gif) no-repeat 5px 50%;
}

#sidebar h2 {
	padding: 0px 30px 10px 30px;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 1.6em;
	color: #29458E;
}


/* Search */

#search {
	padding: 20px 30px 40px 30px;
}

#search input {
	padding: 0;
	width: 70px;
	height: 29px;
	font-weight: bold;
}

#search #s {
	padding: 5px;
	width: 150px;
	height: auto;
	border: 1px solid #626262;
	font: normal 1em Arial, Helvetica, sans-serif;
}

#search br {
	display: none;
}

/* Categories */

#sidebar #categories li {
}

/* Calendar */

#calendar_wrap {
	padding: 0 30px 40px 30px;
}

#calendar table {
	width: 100%;
	text-align: center;
}

#calendar thead {
	background: #F1F1F1;
}

#calendar tbody td {
	border: 1px solid #F1F1F1;
}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

#calendar tfoot a {
	text-decoration: none;
	font-weight: bold;
}

#calendar #today {
	background: #FFF3A7;
	border: 1px solid #EB1400;
	font-weight: bold;
	color: #EB1400
}

/* Footer */

#footer {
	
	text-align:    centert;
	padding: 20px 0 10px 0;
	border-top: 2px #EEEEEE solid;
	background: #F5F5F5;
}

#footer p {
	margin-bottom: 1em;
	text-align:    centert;
	line-height: normal;
	font-size: .9em;
	background: #F5F5F5;
}

#footer a {
	padding: 0 20px;
	text-decoration: none;
	color: #187BD9;
	text-align: center;
}

#footer a:hover {
}

#footer .rss {
}

#footer .xhtml {
}

#footer .css {
}

#footer .legal a {
	padding: 0;
	text-align: center;
{


.krantpanel{	
   
    border:solid 1px #0099FF;
	font: 0.7em Tahoma; 
	font-size: 12px; 
	color: #3333CC; 
	padding: 25px;
	margin:  25px;
}

.bluepanel{	

    border:solid 1px #666666;
	font: 0.9em Tahoma; 
	font-size: 12px; 
	color: #FFFFFF; 
	background-color:#3300CC; 
	padding: 10px; 
	margin:10px;
}


.graypanel{
	border:solid 1px #000000;
	font: 0.9em Tahoma; 
	font-size: 12px;
	color: #000000; 
	text-align: left;
	background-color:#CCCCCC; 
	padding:10px; 
	margin:10px;
}


.whitepanel{
	border:solid 1px #666666; 
	background-color:"#FF6633"; 
	color:#000000; 
	padding:10px; 
	margin:10px;
}


.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;
	}
	
	
.quoteorange {
	color: #000000;
	width:313px;
	background:orange;
	float:left;
	padding:10px;
	margin: 0px  10px  10px  10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	font-size: 12px;
	font-color: #3300FF;
	line-height:36px;
	text-align:left;
	
	
}
.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;
}

#twitter_t {  

    width: 445px;  

    height: 34px;  

    background-image:url("your top image");  

}  

    

#twitter_m {  

    width: 415px;  

    padding: 0 15px;  

    background:url("your middle image")  0 0 repeat-y;  

 }  

    

    #twitter_container {  

        min-height:45px;  

        height:auto !important;  

        height:40px;  

        padding-bottom:10px;  

    }  

    

        #twitter_update_list {  

            width: 415px;  

            padding: 0;  

            overflow: hidden;  

            font-family: Georgia;  

            font-size: 14px;  

            font-style: italic;  

            color: #31353d;  

            line-height: 16px;  

            font-weight:bold;  

        }  

    

        #twitter_update_list li {  

            width: 415px;  

            list-style: none;  

        }  

   

        #twitter_update_list li a {  

            color: #5f6d76;  

            border-bottom: dotted 1px;  

            text-decoration: none;  

       }  

    

        #twitter_update_list li a:hover {  

            color: #31353d;  

            background: #d3f1f9;  

        }  

    

 #twitter_b {  

    width: 445px;  

    height: 29px;  

    background-image:url("your bottom image");  

 }