/*  
Theme Name: website Alleman Welzijn
Theme URI: http://www.alemanwelzijn.nl/
Description: wordpress theme for Alleman Welzijn
Author: Marten Timan
Author URI: http://www.atypisch.nl
*/

/* basic elements */
html, body { 
	font: 12px Arial, Sans-serif, Verdana; 
	color: #383838; 
	margin: 0; 
	padding:0;
	text-align: left;
	background: #fff url(images/bg_image.gif) 50% 0 no-repeat;
	line-height: 18px;
}
	
h1 { 
	font-weight: bold;
	font-size: 22px; 
	color: #ba0046; 
	margin: 0; 
	padding: 10px 0 0 0;
	line-height: 22px;
}	
	
h2 { 
    font-weight: bold;
	font-size: 16px; 
	color: #ba0046; 
	margin: 0; 
	padding:  10px 0 0 15px;
	line-height: 18px;
}

h3, h4, h5, h6 { 
    font-weight: bold;
	margin: 0; 
	padding:  10px 0 0 15px;
}
	
a:link, a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #005ca9;
	}

a:hover, a:active { 
	text-decoration: none; 
	color: #89b2ea;
	}	
	
small {
    font-size: 10px;
	margin: 0;
	padding: 0; 
}

blockquote {
	float: left;
	padding: 10px 0 10px 10px;
	margin:0;
	background: #f4f4f4;
}
	
/* specific divs */
#horizon {
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
}
 
/* following rules are invisible to IE 5 \*/
#horizon {
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	min-width: 980px; 
}
/* end IE 5 hack */ 

#container { 	
	padding: 0; 
	border: 0;
	text-align: left; 
	width: 980px; 
	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 0 20px 0; 
	border: 0;
	text-align: left; 
	width: 980px; 
	margin-left: auto; 
	margin-right: auto;
}
	
#wrap {
	float: left;
    border: 0;
	padding:0;
	margin: 0;
	width: 980px;
	/*background: url(images/bg_content.gif) no-repeat right 187px;*/
}

#header {
	float: left;
	padding: 0; 
	margin: 0;
	border: 0;
	text-align: left; 
	width: 980px; 
	height: 151px;
	/*background: url(images/header.gif) no-repeat top;*/
}

#backtohome {
	position: absolute;
	top: 26px;
	left: 721px;
	padding:50px 0 0 70px;
	margin:0;
	border:0;
	width: 189px;
	height: 80px;
	background: url(images/achterlogo.png) no-repeat top left;
}	
	
#backtohome a {
	position: absolute;
	top: 50px;
	left: 80px;
	width: 155px;
	height: 129px;
	padding: 0;
	margin:0;
	border: 0;
	background: url(images/logo.gif) no-repeat;
}		
	
#content {  
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 980px;
	background: url(images/bg_content.gif) no-repeat right top;
}

#content_agenda_stiften {  
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 980px;
	background: url(images/bg_content_agenda.gif) no-repeat right top;
}

#content a img, #content img a,
.post a img, .post img a,
.post_pink a img, .post_pink img a {
	border: 0;
}

.content_left_wrap {
	float: left;
	padding: 0;
	margin: 0;
	height: auto;
	width: 755px;
}

.content_top {
	float: left;
	width: 550px;
	padding: 20px 345px 20px 85px;
	margin: 0;
	border: 0;
}

.content_left {
	float: left;
	width: 650px;
	padding: 20px 40px 20px 60px;
	margin: 0;
	border: 0;
}

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

.post_blue {
	border-top: 1px solid #84c6dd;
}

.postmetadata {
	clear: both;
	padding: 0;
	margin :0;
	color: #cf1d60;
	font-size: 11px;
}

.post-categories {
	list-style: none;
	float: left;
	width: auto;
	background: blue;
	padding: 0;
	margin :0;
}

.post-categories li {
	float: left;
	padding: 0;
}

/* define general post paragraphs */
.content_main p {
	float: left;
	padding: 10px 0 0 0;
	margin: 0;
}

.content_main .post_blue, .content_main .post_green, .content_main .post_pink {
	float: left;
	padding: 0 10px 0 10px; 
	margin: 0;
	text-align: left; 
	width: 515px;
}

.content_main .post_blue h1, .content_main .post_green h1, .content_main .post_pink h1 {
	text-align: left; 
    padding: 10px 0 0 0px;
    width: 525px;
	font-size: 14pt;
}	
	
.content_main .post_blue h1  { color: #0a77b7; }
.content_main .post_green h1 { color: #83b317; } 
.content_main .post_pink h1  { color: #c02a4d; }

/* background color for pink posts (agenda + cursussen) */
.content_main .post_pink  { background: #fae8ee; }

/* separate colors (for backgrounds etc.) for sidebars */	
.sidebar_left .post_pink {	float: left; background: #f8e8ec; width: 180px;}
.sidebar_left .post_pink ul { float: left; color: #373737; padding: 0 0 0 10px; list-style: none; }
.sidebar_left .post_pink li { float: left; width: 145px; padding: 0 10px 0 15px; background: url(images/arrow_pink.gif) no-repeat left 4px; }
.sidebar_left .post_pink a:link, .sidebar_left .post_pink a:visited  { color: #373737; }
.sidebar_left .post_pink a:hover, .sidebar_left .post_pink a:active  { color: #cd1d5d; }

.sidebar_right .post_green { float: left; background: #ecf1c4; width: 180px;}
.sidebar_right .post_green ul { float: left; color: #373737; padding: 0 0 0 10px; list-style: none; }
.sidebar_right .post_green li { float: left; width: 145px; padding: 0 10px 0 15px; background: url(images/arrow_green.gif) no-repeat left 4px; }
.sidebar_right .post_green a:link, .sidebar_right .post_green a:visited  { color: #373737; }
.sidebar_right .post_green a:hover, .sidebar_right .post_green a:active  { color: #c4cf02; }
.sidebar_right .post_green h2 { color: #82b317; padding: 0; margin: 0; font-size: 14px; }

/* TITLES */
.title_blue_main {
	float: left;
	width: 535px;
	height: 18px;
	padding: 0 0 0 10px;
	margin: 0;
	color: #fff;
	line-height: 18px;
	font-weight: bold;
	background: url(images/bg_title_blue_main.gif) no-repeat;
}	

.title_green_main {
	float: left;
	width: 535px;
	height: 18px;
	padding: 0 0 0 10px;
	margin: 0;
	color: #fff;
	line-height: 18px;
	font-weight: bold;
	background: url(images/bg_title_green_main.gif) no-repeat;
}	

.title_pink_main {
	float: left;
	width: 535px;
	height: 18px;
	padding: 0 0 0 10px;
	margin: 0;
	color: #fff;
	line-height: 18px;
	font-weight: bold;
	background: url(images/bg_title_pink_main.gif) no-repeat;
}

.title_pink_sidebar {
	float: left;
	width: 170px;
	height: 18px;
	padding: 0 0 0 10px;
	margin: 0;
	color: #fff;
	line-height: 18px;
	font-weight: bold;
	background: url(images/bg_title_pink_sidebar.gif) no-repeat;
}

.title_green_sidebar {
	float: left;
	width: 170px;
	height: 18px;
	padding: 0 0 0 10px;
	margin: 0;
	color: #fff;
	line-height: 18px;
	font-weight: bold;
	background: url(images/bg_title_green_sidebar.gif) no-repeat;
}

/* end of titles */

.separator {
	clear: both;
	border-top: 1px solid #bababa;
	padding:0;
	margin:0;
}

.separator_pink {
	clear: both;
	border-top: 1px solid #c2214c;
	padding:0;
	margin:0;
}
	
/* sidebars */
.sidebar_left {
	float: left;
	width: 180px;
	padding: 0 20px 0 20px;
	margin: 0;
}

.sidebar_right {
	float: right;
	width: 180px;
	padding: 0 20px 0 0;
	margin: 0;
}

.sidebar_top_space {
	float: left;
	width: 180px;
	height: 130px;
	padding: 0;
	margin: 0;
}

.top_space {
	float: left;
	width: 180px;
	height: 100px;
	padding: 0;
	margin: 0;
}

.space {
	float: left;
	width: 980px;
	height: 10px;
	padding: 0;
	margin: 0;
}

.space_small {
	float: left;
	width: 180px;
	height: 10px;
	padding: 0;
	margin: 0;
}

.post_space {
	float: left;
	width: 535px;
	height: 50px;
	padding: 0;
	margin: 0;
}

/* WIDGETS */
.widget {
	float: left;
	width: 180px;
	height: auto;
	padding: 0 0 10px 0;
	margin: 0;
}

.widget h1.title_widgets {
	float: left;
	width: 170px;
	height: 18px;
	padding: 0 0 0 10px;
	margin: 0;
	color: #fff;
	line-height: 18px;
	font-weight: bold;
	font-size: 12px;
	background: url(images/bg_title_pink_sidebar.gif) no-repeat;
}

.widget ul {
	float: left;
	padding: 10px 0 10px 20px;
	margin:0;
	list-style-image: url(images/arrow_blue.gif); 
}

.textwidget {
	padding: 10px;
	margin: 0;
	background: #fff;
}

#footer {
    float: left;
    width: 940px;
	text-align: left;
	padding: 20px 20px 0 20px;
	font-size: 11px;
	color: #127dbb;
}

#footer p {
	float: left;
	border-top: 1px solid #84c6dd;
	width: 940px;
}

.navigation {
	float: left;
	width: 535px;
	padding: 20px 0 20px 0;
	margin: 0;
	border: 0;
}

/* align images  */

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

img.alignright {
	float: right;
	padding: 0 0 0 12px;
	margin: 0;
}

img.alignleft {
	padding: 0 12px 0 0;
	margin: 0;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/* End align Images */


/* start forms */

#comment {
	float: left;
	border: 1px solid #000;
}

#commentform {
	float: left;
	width: 230px;
	padding: 5px 10px 5px 10px;
	margin: 0;
}

textarea {
    border: 1px solid #000;
}

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

.commentlist {
	float: left;
	width: 200px;
	padding: 10px 0 0 10px;
	margin: 0;
}
 	
.commentlist li {
	float: left;
	width: 230px;
	padding: 10px 0 10px 0;
	list-style: none;
}

.commentlist li p {
	float: left;
	padding: 0;
	margin: 0;
}

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

input {
	border: 1px solid #c5c7d1;
	padding: 3px;
	margin: 0;
}

.fmtextsmall {
	width: 40px;
}

p.fieldwrap {
	float: left;
	width: 515px;
	padding: 0 0 2px 0;
	margin: 0;
}

.ddfmerrors {
	color: #ba0046;
	font-weight: bold;
}

.errorlist {
	float: left;
	background: #ba0046;
	color: #fff;
	padding: 10px;
	margin:0;
}

.succes_message {
	float: left;
	text-align: center;
	padding: 20px 0 20px 0 ;
	margin :0;
	width: 515px;
}

.succes_message p {
	float: left;
	padding: 10px;
	margin: 0;
	background: #d6e053;
	border: 1px solid #c5ce0e;
}

.submit input {
	float: right;
	color: #fff;
	background: #b9335b;
	border-bottom: 1px solid #a51b45;
	border-right: 1px solid #a51b45;
	
}

#search_field {
	float: left;
	width: 180px;
	height: 50px;
}

#s {
	border: 1px solid #c5c7d1;
	padding: 2px;
	height: 15px;
	width: 130px;
	margin: 0;
}

.search_submit {
	height: 20px;
	width: 36px;
    color: #fff;
    cursor: pointer;
	padding: 0 3px 2px 3px;
	margin:0;
    font-size: 12px;
    font-weight: normal;
	border: 0px;
	background: #0096d6 url(images/btn_zoek.gif) no-repeat;
}

.post-image {
	padding: 0px 5px 0px 5px;
}

.post-image img, .post img {
	max-width: 610px;
}


/* mailpress */

.mp-loading, .mp-message {
	float: left;
	padding: 20px;
}

.mp-form input {
	float: left; 
	width: 120px;
	padding: 3px;
	margin: 3px 0 0 0;
}

.mp-form .mp_submit {
	float: left;
	width: auto;
	background: #0096d6;
	padding: 2px;
	color: #fff;
	border-top: 1px solid #3d97d7;
	border-left: 1px solid #3d97d7;
	border-bottom: 1px solid #086fb8;
	border-right: 1px solid #086fb8;
}