/*  
Theme Name: website Regio Werktop
Theme URI: http://www.regiowerktop.nl
Description: wordpress theme for Regiowerktop 
Author: Marten Timan
Author URI: http://www.atypisch.nl
*/

/* basic elements */
html, body { 
	font: 12px Arial, Sans-serif, Verdana; 
	color: #000; 
	background: #f0f0f0;
	margin: 0; 
	padding:0;
	text-align: left;
}

h1, h2, h3, h4, h5, h6, h7 { 
    font-weight: bold;
	margin: 0; 
	padding: 0 0 0 10px;
	color: #e42518;
}

h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }
h7 { font-size: 11px; }


.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	clear: both;
	padding: 10px;
}

h1.title {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	color: #f8b323;
}

h1.title_top {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	padding: 0 0 10px 0;
	margin: 0;
}

span.date_agenda {
	float: left;
	padding: 25px 5px 0 10px;
	margin: 0;
}

span.date_agenda2 {
	float: left;
	padding: 42px 0 0 0;
	margin: 0;
}

h2.title_red {
	float: left;
	color: #e42518;
	padding: 0 0 0 15px;
}

h2.title_orange {
	clear: both;
	color: #f8b323;
	padding: 10px 0 0 15px;
}

a:link, a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #000;
}

a:hover, a:active { 
	text-decoration: none; 
	color: #f8b323;
}

h1.title_main a:link, h1.title_main a:visited { 
	float: left;
	font-size: 30px;
	font-weight: normal; 
	text-decoration: none;
	color: #000;
	padding: 18px 0 0 15px;
	font-style: normal;
	font-family: Arial Black;
}

h1.title_main a:hover, h1.title_main a:active {
	text-decoration: none; 
	color: #e42518;
}

b.kopje {
	float: left;
	padding: 5px 0 0 15px;
}

blockquote {
	padding: 10px 0 10px 30px;
	margin:0;
}	

small {
	padding: 0 0 0 10px;
}

.red {
	color: #e42518;
}

.clear {
	clear: both;
}


/* specific divs */
/* styles for IE 5 Mac article: http://www.hicksdesign.co.uk/journal/30/vertical-centering-with-css */
#horizon {
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
}
 
/* following rules are invisible to IE 5 \*/
#horizon {
	top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	min-width: 1000px; 
}
/* end IE 5 hack */ 

#container { 	
	padding: 0; 
	border: 0;
	text-align: left; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
}
	
/* een absolute-positioned container om de andere items (links etc) ook absolute te kunnen positioneren */	
#container_abs { 
    position: absolute;
	top: 0;	
	padding: 0; 
	border: 0;
	text-align: left; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
	z-index: 0;
}
	
#wrap {
	float: left;
    background: #e42518;
    border: 0;
	margin:0;
	width: 950px;
	padding: 25px;
}

#header {
	clear: both;
	padding: 0; 
	margin: 0;
	border: 0;
	text-align: left; 
	width: 1000px; 
	height: 107px;
	background: #fff;
}	

#header_top {
	clear: both;
	padding: 0; 
	margin: 0;
	border: 0;
	text-align: left; 
	width: 1000px; 
	height: 28px;
	background: #f0f0f0 url(images/ikkan_deuren.gif) no-repeat 25px 5px;
}

#header_right {
	float: right;
	padding: 50px 0 0 0; 
	margin: 0;
	border: 0;
	text-align: right; 
	width: 80px; 
	height: 28px;
}

#breadcrumb {
	position: absolute;
	top: 80px;
	left: 25px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#breadcrumb a {
	font-weight: bold;
}

#content {  
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 950px; 
}

.content_2nd_wrap {  
	float: left;
	padding: 0 17.5px 17.5px 0; 
	margin: 0;
	text-align: left; 
	width: 465px; 
}

.content_2nd {  
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	background: #fff;
	width: 465px; 
}

.content_2nd_right {  
	float: right;
	padding: 0 0 0 0; 
	margin: 0;
	text-align: left; 
	width: 470px; 
}

.content_3rd_right_wrap {  
	float: right;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 305px; 
}

.content_3rd_right {  
	float: right;
	padding: 0; 
	margin: 0;
	text-align: left; 
	background: #fff;
	width: 305px; 
}

.content_3rd {  
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	background: #fff;
	width: 305px; 
}

.content_3rd_wrap {  
	float: left;
	padding: 0 17.5px 0 0; 
	margin: 0;
	text-align: left; 
	width: 305px; 
}

.content_4th {  
	float: left;
	padding: 0; 
	margin: 0 0 17.5px 0;
	text-align: left; 
	background: #fff;
	width: 225px; 
}

.content_4th .post p {
	float: left;
	width: 200px;
	padding: 5px 10px 5px 15px;
}

.content_4th .post ul {
	float: left;
	width: 175px;
	padding: 5px 10px 5px 30px;
	margin: 0;
}

.content_4th_wrap {  
	float: left;
	padding: 0 17.5px 0 0; 
	margin: 0;
	text-align: left; 
	width: 225px; 
}

.content_header {
	float: left;
	padding: 0;
	margin: 0;
	height: 25px;
	width: 100%;
	background: #f8b323;
}

.content_header_black {
	float: left;
	padding: 0;
	margin: 0;
	height: 25px;
	width: 100%;
	color: #fff;
	background: #000;
}

.content_total {  
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	background: #fff;
	width: 950px; 
}

.navigation {
	float: left;
	width: 465px; 
	padding: 10px 0 10px 0;
	margin: 0;
}

.sidebar {
	float: left;
	width: 475px;
	padding: 0;
}

.post, .single_post  {
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 100%;
}


/*special post qualities for text with gallery */
.single_post p, .single_post h1, .single_post h2, .single_post h3, .single_post h4, .single_post h5, .single_post h6, .single_post ul, .single_post ol {
	position: relative;
	padding: 15px; 
	margin: 0 30px 0 0;
	text-align: left; 
	width: 435px;
	background: #fff;
	line-height: 16px;
	letter-spacing: 0.3px;
}

.single_post ul {
	list-style-image: url(images/arrow2.gif);
	padding: 0 15px 0 45px;
	width: 405px;
}

.single_post ol {
	padding: 0 15px 0 45px;
	width: 405px;
}

.single_post blockquote {
	position: relative;
	padding: 0;
	font-style: italic;
	color: #303030;
}

.single_post .agenda_entry {
	float: left;
	width: 465px;
	padding: 0;
}

.post img {
    padding: 0;
}
	
.post p {
	float: left;
	text-align: left; 
    padding: 15px;
	margin: 0;
	line-height: 16px;
	letter-spacing: 0.3px;
}  

.post p.nospace {
	clear: both;
	text-align: left; 
    padding: 15px 0 5px 15px;
	margin: 0;
	line-height: 16px;
	letter-spacing: 0.3px;	
	width: 285px;
}

.latestnews  {
	float: left;
	padding : 15px;
}

.latestnews p {
	clear: both;
	padding : 0;
}

.post ul {
	list-style-image: url(images/arrow2.gif);
}

.post_uitgelicht {
	float: left;
	width: 100%;
	padding: 0;
	height: 58px;
	margin: 0;
	}	
	
.postimage {
    float: left;
    padding: 5px 0 0 5px;
    width 75px;
	height: 45px;
    }  
	
.postimage img {
    float: left;
    padding: 0 0 0 5px;
    max-width: 65px;
    }  

.postcontent { 
	float: left;
	text-align: left;
	width: 220px;
	padding: 5px 0 0 10px;	
	}

.entry_home {
	clear: both;
	text-align: left; 
    padding: 10px;
}

.entry_home p {
	float: left;
	text-align: left; 
    padding: 0 10px 0 10px;
	line-height: 16px;
	letter-spacing: 0.3px;
}  

.separator {
	clear: both;
	width: 100%;
	height: 7px;
	background: url(images/bol.gif) repeat-x;
}

.agenda_item_abs {
	position: absolute;
	top: auto;
	left: auto;
	width: 285px;
	padding:0;
	margin: 0;
	z-index: 1000;
	background: green;
}

.agenda_item {
	float: left;
	width: 275px;
	padding: 5px 15px 5px 15px;
	margin: 0;
	background: url(images/arrow2.gif) no-repeat 275px 50%;
}

.agenda_item_large {
	float: left;
	width: 435px;
	padding: 5px 15px 5px 15px;
	margin: 0;
	background: url(images/arrow2.gif) no-repeat 435px 50%;
}

.read-more_wrap {
	position: absolute;
	padding:0;
	margin: 0;
	z-index: 1001;
}

/* Frontpage agenda item links*/
.agenda_item a.read-more:link, .agenda_item a.read-more:visited {
	position: absolute;
	top: -6px;
	left: -15px;
	width: 275px;
	height: 31px;
	padding: 5px 15px 5px 15px;
	background: transparent;
	text-decoration: none;
	color: #e42518;
}

.agenda_item a.read-more:hover, .agenda_item a.read-more:active {
	color: #f8b323;
	background: #f8b323;
	 filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* other agenda item links */ 
.agenda_item_large a.read-more:link, .agenda_item_large a.read-more:visited {
	position: absolute;
	top: -6px;
	left: -15px;
	width: 435px;
	height: 31px;
	padding: 5px 15px 5px 15px;
	background: transparent;
	text-decoration: none;
	color: #e42518;
}

.agenda_item_large a.read-more:hover, .agenda_item_large a.read-more:active {
	color: #f8b323;
	background: #f8b323;
	 filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.space {
	clear: both; 
	height: 17.5px;
}

.space_right {
	float: right;
	height: 17.5px;
	padding: 0;
	margin: 0;
	width: 305px;
}

/* toolspagina downloads div properties */
.downloads p  {
	clear: both;
	padding: 0 15px 10px 15px;
	margin: 0;
}

.downloads ul {
	clear: both;
	padding: 0 15px 10px 30px;
	margin: 0;
}

#footer {
	clear: both;
    float: left;
    width: 950px;
	padding: 0;
	margin: 0;
}

/* align images and image related */

a img {
	border: 0;
}

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

img.alignright {
	padding: 0;
	margin: 0;
}

img.alignleft {
	padding: 0;
	margin: 0
	display: inline;
}

.alignright {
	float: right;
}

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

/* start forms */

.ddfmwrap {
	float: left;
	padding: 10px 0 20px 0;
}

.ddfmwrap img {
	float: left;
	padding: 0;
	margin: 0 2px 0 0;
	border: 1px solid #787878;
}

.fieldwrap {
	float: left;
	padding: 0;
	margin: 0;
	width: 430px;
	height: 10px;
}

.fmradio {
	float: left;
	padding: 5px 0 0 0;
	margin: 0;
}

.fmverify {
	float: left;
	border: 0;
	border-bottom: 2px dotted #787878;
	width: 160px;
	padding: 5px;
	margin: 0 3px 0 0;
}

.fmtext, .fmtextarea {
	float: left;
	border: 0;
	border-bottom: 2px dotted #787878;
	width: 300px;
	padding: 5px;
	margin: 0;
}

.submit {
	clear: both;
	padding: 0 65px 0 0;
	text-align: right;
}

label {
	float: left;
	width: 110px;
	margin: 0;
	padding: 10px 0 0 0;
}

#comment {
	width: 360px;
	padding: 2px;
	height:200px;
	border: 1px solid #523e2e;
}
		
/* einde forms */


/* navigation NEXTGEN GALLERY */
.nav-left {
	float: left;
	width: 57.5px;
	height: 140px;
	padding: 0 0 0 0;
	margin :0;
}	

.nav-left a {
	float: left;
	background: url(images/arrow-slide-left.gif) no-repeat center;
	width: 20px;
	height: 140px;
	padding: 0 17.5px 0 25px;
	margin: 0;
	text-decoration: none;
}

.nav-right {
	float: right;
	width: 62.5px;
	height: 140px;
	padding: 0;
	margin :0;
}	

.nav-right a {
	float: right;
	background: url(images/arrow-slide-right.gif) no-repeat center;
	width: 20px;
	height: 140px;
	padding: 0 27.5px 0  17.5px;
	margin: 0;
	text-decoration: none;
}