/*
Theme Name: Stad in Beweging
Theme URI: http://stadinbeweging.nl/
Description: Custom template 
Author: Fase Twenty-three
Author URI: http://fasetwentythree.com/
Tags: blue, custom header

	Stad in Beweging v1.0

*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* ------------------- END CSS RESET ------------------- */


body {
	background: #52a3da url('images/bg_gradient.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.ngg-galleryoverview {
	padding-left: 10px;
}

/* ------------------- TWITTER ------------------- */

.really_simple_share {
	margin-left: 17px;
	clear: none;
}

div.hashtag {
	margin-top: 20px;
	height: 40px;
}

div.hashtag a {
	color: white;
	text-decoration: none;
}

div.hashtag a:hover {
	color: white;
	text-decoration: underline;
}

span.hashtag {
	margin-left: 17px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	background: #e29e24;
	padding: 5px;
	clear: both;	
}

a.twitter-link {
	color: #E29E24; 
	font-family: Georgia, 'Times New Roman', Times, serif; 
	font-size: 18px; 
	margin-bottom:15px; 
	display:block;	
	text-decoration: none;
}

a.twitter-link:hover {
	text-decoration: underline;
}

#twitter_t {
   width: 445px;
   height: 34px;
   background: #FFFFFF;
}

   #twitter_container {
	   width: 266px;
	   padding: 13px 16px 1px 16px;
       min-height:45px;
       height:auto !important;
       height:40px;
	   background: white;
   }

       #twitter_update_list {
           padding: 0;
           overflow: hidden;
		   font-family: Georgia, "Times New Roman", Times, serif;
           font-size: 12px;
		   font-style: italic;
           color: #31353d;
           line-height: 19px;
       }

       #twitter_update_list li {
           list-style: none;
		   margin-bottom: 10px;
		   padding-bottom: 10px;
		   border-bottom: 1px solid #ccc;
       }

       #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: black;
}

/* ------------------- MAILINGLIJST ------------------- */

#side-mailing {
	width: 266px;
	padding: 0 16px 8px 16px;
	background-color: #FFFFFF;
}

#side-mailing p {
	color:#58595B;
	font-size:13px;
	line-height:19px;
	margin-bottom:7px;
}

input.mailing-form {
	background-color:#E6E7E8;
	border:1px solid #BBBDBF;
	color:#808184;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	height:25px;
	margin:7px 0;
	padding-left:5px;
	width:203px;
}

input.mailing-aanmelden {
	background:url("images/bg_button_aanmelden.gif") no-repeat scroll 0 0 transparent;
	border:medium none;
	height:26px;
	text-indent:-9999px;
	width:90px;
}

#mailinglijst-content {
	height: 1002px;
}

/* ------------------- CONTENT ------------------- */

#wrapper {
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
}

.content {
	width: 530px;
	background: #FFFFFF;
	padding-bottom: 8px;
}

#home-content {
	background: #FFFFFF url('images/bg_welkom.jpg') 0px 50px no-repeat;	
	height: 285px;
}

#home-content p { padding-top: 35px; color:#231f20; }

#home-weblog-content p a {
	color: #5B92AA;	
}

#weblog-content p a {
	color: #5B92AA;
}

.content p {
	padding: 0 17px 0 17px;
	line-height: 20px;
	color: #58595b;
	font-size: 13px;
	margin-bottom: 15px;
}

#weblog-content .weblog-text h1 {
	color: #58595B;
    font-size: 22px;
    font-weight: bold;
    line-height: 23px;
    margin: 0 0 5px 17px;
}

#weblog-content .weblog-text h2 {
	color: #EEAE2D;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    margin: 0 0 5px 17px;
}

#weblog-content .weblog-text h3, #weblog-content .weblog-text h4 {
	color: #EEAE2D;
    font-size: 16px;
    font-weight: normal;
    line-height: 23px;
    margin: 0 0 5px 17px;
}

ol {
	padding: 0 17px 0 37px;
	line-height: 20px;
	color: #58595b;
	font-size: 13px;
	margin-bottom: 15px;	
}

ol li {
	list-style: decimal;
}

p.home {
		
}

#content-image-holder {
	width: 530px;
	float: left;
}


/* ------------------- HEADER ------------------- */

#header {
	width: 860px;
	margin-top: 20px;
	margin-bottom: 25px;
}

#nav {
	width: 860px;
	height: 35px;
	background: url('images/bg_nav.png') top right no-repeat;
}

img.wiki {
	margin-left: 118px;	
}

/* ------------------- SIDEBAR ------------------- */


#sidebar {
	width: 298px;
	margin-left: 561px;
}

/* PROJECTEN */

#side-projecten {
	width: 264px;
	padding: 0 17px 0 17px;
	background: url('images/bg_side_projecten.gif') repeat-y;
}

a.side-project {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1b6342;
	text-decoration: none;
	border-bottom: 1px solid #9ed0ba;
	padding-bottom: 7px;
	margin-bottom: 7px;
	line-height: 18px;
}

a.side-project:hover {
	text-decoration: underline;
}

/* ------------------- SIDEBAR WIKISTAD ------------------- */

/* Ideeen */

#side-ideeen {
	width: 264px;
	padding: 0 17px 0 17px;
	background: url('images/bg_side_ideeen.gif') repeat-y;
}

a.idee {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: white;
	text-decoration: none;
	border-bottom: 1px solid #e9b65a;
	padding-bottom: 7px;
	margin-bottom: 7px;
	line-height: 18px;
}

a.idee:hover {
	text-decoration: underline;
}

/* Ondertekenaars */

.name {
	color: #58595B;
	font-size: 13px;
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

.function {
	color: #808184;
	font-size: 11px;
	display: block;
	margin-bottom: 6px;
	line-height: 17px;
}

.function a { color: #808184; }
.function a:hover { color: #6db093; }

/* Ondertekenaars */

#side-ondertekenaars {
	width: 266px;
	padding: 0 16px 2px 16px;
	background-color: #FFFFFF;
}

/* Wikistad uitleg */

#side-wikistad {
	width: 266px;
	padding: 0 16px 2px 16px;
	background-color: #FFFFFF;
	text-align: justify;
}

#side-wikistad p {
	color: #808184;
	font-size: 12px;
	display: block;
	margin-bottom: 6px;
	line-height: 20px;
}

/* Nieuwsbrief */

#side-nieuwsbrief {
	width: 266px;
	padding: 0 16px 8px 16px;
	background-color: #FFFFFF;
}

#side-nieuwsbrief p {
	color:#58595B;
	font-size:13px;
	line-height:19px;
	margin-bottom:7px;
}

input.mailing-form {
	background-color:#E6E7E8;
	border:1px solid #BBBDBF;
	color:#808184;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	height:25px;
	margin:7px 0;
	padding-left:5px;
	width:203px;
}

input.mailing-aanmelden {
	background:url("images/bg_button_aanmelden.gif") no-repeat scroll 0 0 transparent;
	border:medium none;
	height:26px;
	text-indent:-9999px;
	width:90px;
}

#nieuwsbrief-content {
	height: 350px;
}


/* ------------------- MISSIE & VISIE ------------------- */

#missie-en-visie-content h3 {
	color: #eeae2d;
	font-weight: normal;
	font-size: 18px;
	padding: 0 17px 5px 17px;
	line-height: 23px;	
}


/* ------------------- PROFIEL ------------------- */

#wie {
	background: url('images/bg_wie.jpg') no-repeat;	
	padding: 10px 0 5px 0;
	margin-bottom: 12px;
}

#wie p { color: #FFFFFF; }
#wie h2 {
	color: #FFFFFF;
	font-size: 22px;
	padding: 0 17px 5px 17px;
	line-height: 23px;
}

h2#henk {
	color: #7EC1A4;
	font-size: 22px;
	padding: 0 17px 5px 17px;
	line-height: 23px;
	border-top: 1px solid #D0D2D3;
	padding-top: 15px;
}

#profiel-content h3 {
	color: #eeae2d;
	font-weight: normal;
	font-size: 18px;
	padding: 0 17px 5px 17px;
	line-height: 23px;
	
}


/* SIDE CONTACT */

#side-contact {
	width: 266px;
	padding: 0 16px 8px 16px;
	background-color: #FFFFFF;
}

table#contact-home {
	width: 266px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6d6e70;
}

span.side-contact {
	display: block;
	line-height: 19px;
}

span.side-contact a { color: #6d6e70; text-decoration: none; }
span.side-contact a:hover { text-decoration: underline; }


/* ------------------- PROJECTEN ------------------- */

.project {
	margin-bottom: 25px;
}

.project p a { color: #5b92aa; text-decoration: none; }
.project p a:hover { text-decoration: underline; }

.project h3 {
	color: #eeae2d;
	font-size: 23px;
	padding: 0 17px 8px 17px;
	line-height: 27px;
}
.project h3 a { color: #eeae2d; text-decoration: none; }
.project h3 a:hover { text-decoration: underline; }

span.project-type {
	color: #7ec1a4;
}

div.project-meta { 
	border-top: 1px solid #d0d2d3;
	border-bottom: 1px solid #d0d2d3; 
	margin-bottom: 10px;
	padding: 5px 0 5px 0;
}

span.project-meta { color: #58595b; padding: 0 0 0 17px; font-size: 13px; }
span.project-meta-text { color: #5b92aa; }

h3.projecten {
	color: #eeae2d;
	font-weight: normal;
	font-size: 23px;
	padding: 0 17px 5px 17px;
	line-height: 25px;	
}

#project-content p a { color: #5B92AA; }

/* ------------------- MEDIA ------------------- */

div.media {
	margin-bottom: 15px;
	overflow: hidden;
	padding-left: 17px;
}

.media h3 { color:#58595b; font-size: 12px; font-weight: bold; }
.media h3 a { color: #58595b; text-decoration: none; }
.media h3 a:hover { text-decoration: underline; }

img.thumb-media {
	float: left;
	margin: 0 10px 0 0;
}


/* ------------------- WEBLOG ------------------- */


/* Reacties */

.reactie-container {
	padding-left: 17px;
	background: white;
}

.fn {
	font-style: normal;
	font-weight: bold;
}

.comment-meta {
	position: relative;
	top: -3px;
}

small {
	color: #58595B;	
}

.comment-meta a {
	font-size: 11px;	
	color: #929497;
	text-decoration: none;
}

h3.reageer {
    color: #EEAE2D;
    font-size: 23px;
    line-height: 27px;
    margin-bottom: 5px;
}

h3.reacties {
    color: #7ec1a4;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 5px;
}

.commentlist p {
	font-size: 12px;	
}

.form-reactie {
	border: 1px solid #BBBDBF;
	background: #E6E7E8;
	height: 25px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 3px;
	color: #929497;
}

.txt-reactie {
	border: 1px solid #BBBDBF;
	background: #E6E7E8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 3px;
	color: #929497;	
}

.button-reactie {
	background: #EEAE2D;
	color: white;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 7px;
	margin: 7px 0;
}

/* De rest */

.log {
	margin-bottom: 20px;
	border-bottom: 1px solid #d0d2d3;
}

.log h3, .weblog-title-single h2 {
	color: #eeae2d;
	font-size: 23px;
	padding: 0 17px 5px 0weblog-tut;
	line-height: 27px;
	margin-bottom: 5px;
}

.weblog-date-single {
	color: #BBBDBF;	
}

.weblog-title-single {
	margin-bottom: 13px;
	padding-left: 17px;
}

.log h3 a { color: #eeae2d; text-decoration: none; }
.log h3 a:hover { text-decoration: underline; }

.log p a { color: #5b92aa; text-decoration: none; }
.log p a:hover { text-decoration: underline; }

.weblog-date { color: #7ec1a4; font-weight: bold; }
.wdh { color: #387c5f; font-weight: bold; }
.wds { color: #7ec1a4; font-weight: bold; }

.weblog-title {
	background-color: #7ec1a4;	
	padding: 7px 17px 7px 17px;
	margin-bottom: 13px;
}

.weblog-title h3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	line-height: 23px;
	margin-bottom: 5px;
}

.weblog-home-date {
	color: #3A8C64;	
}

.weblog-title-single {
	margin-bottom: 13px;
	padding-left: 17px;
}

h2.weblog-item {
	color: #eeae2d;
	font-size: 23px;
	padding: 0 17px 10px 17px;
	line-height: 27px;
}


/* ------------------- VIDEO ------------------- */

#home-video-content {
	
}

.video-header {
	padding: 10px 0 10px 17px;
	background-color: #7EC1A4;	
	margin-bottom: 17px;
}

#home-video-content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 7px;
}

#home-video-content h4 {
	font-size: 13px;
	font-weight: normal;
	color: #3A8C64;
}

/* ------------------- CONTACT ------------------- */

input.contact-form {
	width: 263px;
	padding-left: 5px;
	height: 25px;
	border: 1px solid #bbbdbf;
	background-color: #e6e7e8;
	margin: 7px 0 7px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #808184;
}

textarea.contact-text {
	width: 404px;
	padding: 5px;
	height: 150px;
	border: 1px solid #bbbdbf;
	background-color: #e6e7e8;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808184;
	line-height: 19px;
}

input.contact-send {
	width: 90px;
	height: 26px;
	text-indent:-9999px;
	background: url('images/bg_button_verzenden.gif') no-repeat;
	border: none;
}

.contact-table {
	margin-left: 17px;
	width: 500px;
	color: #58595b;
}

#maps {
	margin: 20px 0 0 17px;	
}

/* ------------------- WIKISTAD ------------------- */

/* Home */

#wikistad-home h3 {
	font-size: 23px;
	color: white;
	padding: 10px 0 10px 17px;
	background-color: #7EC1A4;	
	margin-bottom: 17px;
	line-height: 28px;
}

/* Manifest */

#manifest h3 {
	color: #E29E24;
	font-size: 16px;
	padding: 0 0 8px 17px;
}

/* Intro */

#intro {
	padding-bottom: 2px;	
}

#intro h3 {
	color: #E29E24;
	font-size: 16px;
	padding: 0 0 8px 17px;
}

#manifest-links { 
	overflow: hidden;
	padding-left: 15px;
}

.man-left {
	float: left;
	width: 150px;
}

.man-right {
	margin-left: 160px;
	width: 170px;
}

a.man-lees {
	color: #d0901d;
	height: 20px;
	padding: 3px 0 0 35px;
	background: url('images/lees.gif') no-repeat;
	display: block;
}

a.man-lees:hover { color: #67ab8d; }

a.man-down {
	color: #d0901d;
	height: 30px;
	padding: 3px 0 0 35px;
	padding-left: 30px;
	background: url('images/download.gif') no-repeat;
	display: block;
}

a.man-down:hover { color: #67ab8d; }

/* Aanleiding */

#aanleiding p { margin: 13px 0 5px 2px; }
#aanleiding h3 {
	font-size: 23px;
	color: white;
	padding: 10px 0 10px 17px;
	background-color: #7EC1A4;	
	margin-bottom: 17px;
	line-height: 28px;
}

/* Idee */

.idee-table {
	margin-left: 17px;
	width: 500px;
	color: #58595b;
}

/* ------------------- IDEEEN ------------------- */

h3.idee {
	color: #7ec1a4;
	font-size: 23px;
	padding: 0 17px 8px 17px;
	line-height: 25px;	
}

/* ------------------- FOOTER ------------------- */

#footer {
	width: 860px;
	background: url('images/bg_footer.png');
	height: 100px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
	margin-top: 22px;
	margin-bottom: 25px;
}

#footer-left {
	width: 188px;
	padding: 12px 0 0 15px;
	float: left;
}

span.footer-left {
	display: block;
	color: white;
	line-height: 19px;
}

/* RIGHT */

#footer-right {
	width: 642px;
	padding-top: 12px;
	margin-left: 218px;
}

#footer-rl { float: left; width: 157px; }
#footer-rr { float: right; width: 193px; }

span.footer-rl { display: block; color: #231f20; line-height: 19px; }

span.footer-rr { color: #bcbdc0; line-height: 19px; }
span.footer-rr a { color: #247fb2; text-decoration: none; }
span.footer-rr a:hover { color: #247fb2; text-decoration: underline; }

/* ------------------- IMAGES ------------------- */

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */