/*
Theme Name: em-faktor blog theme
Theme URI: http://www.zukunftswertstatt.de/
Description: em-faktor blog theme for zukunftswertstatt.de
Version: 1.0
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: em-faktor
*/

body {
	background-color: #eaeeef;
	border: none;
	padding: 0px;
	margin: 0px;
	
	font-family: 'Verdana';
	font-size: 11px;
}

hr {
	display: none;
}

#content hr {
	display: block;
	height: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	border: none;
	border-top: 1px solid #d4dddc;
}


h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #5e767a;
}

#page {
	width: 964px;
	padding: 8px;
	background-color: #ffffff;
}


#accNavi {
}
#accNavi a {
	/*display: none;*/
}

#head {
	clear: both;
}

#headNav {
	float: left;
	font-size: 15px;
	width: 760px;
	height: 30px;
	margin-top: 24px;
	margin-left: 4px;
	color: #5e767a;
}

.thin {
	font-weight: normal;
}

#logo {
	float: left;
	width: 200px;
	height: 54px;
	/*background-image: url('images/logo.png');*/
	background: url('images/logo.png') no-repeat;
}

.clear {
	clear: both;
}

.fineBorder {
	border: 1px solid #d4dddc;
}

/*
 ***************************************
 * Header (main navi and header image)
 ***************************************
 */


#header {
	background-color: #F5F5F5; /*#bec8ca;*/
	margin-bottom: 10px;

}

#headerImage {
	height: 239px;

/*
	border-left: 3px solid #ffffff;
	margin-left: -3px; */
}

/*
 ***************************************
 * Navi
 ***************************************
 */
.navi {
	width: 239px;
}
.navi ul {
	margin: 0px;
	padding: 0px;
}
.navi li {
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 24px;
}
.navi li a {
	text-decoration: none;
	/* display: block; */
	overflow: hidden;
}


/*
 * Navi: Type0
 */
.naviType0 {
}
.navi.naviType0 {
	float: left;
	height: 239px;
	border-right: 2px solid #ffffff;
}

.naviType0 ul {
	/* font-family: 'Gill Sans MT', 'Gill Sans', 'Arial', sans-serif;*/	/* TODO: Use one declaration(cross-plattform) for all */
	/* font-size: 12px; */
	/* line-height: 18px; */
	color: #ffffff;
}
.naviType0 ul li a {

/*
	padding-top: 2px;
	padding-bottom: 3px;
*/
	padding-top: 4px;
	padding-bottom: 1px;

	padding-left: 24px;
	height: 18px;

	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
	display: block;
}

/*
 * Navi: Type0: Level0
 */
.naviType0 ul.naviLevel0 li {
	padding: 0px;
	background-color: #8fa1a5;
}
.naviType0 ul.naviLevel0 li a {
	padding-left: 24px;
	border-bottom: 1px solid #ffffff;
}
.naviType0 ul.naviLevel0 li.active {
	background-color: #f69f00;
}
.naviType0 ul.naviLevel0 li:hover {
	background-color: #b2bdbf;
}

.naviType0 ul.naviLevel0 li.active a,
.naviType0 ul.naviLevel0 li:hover a {
	color: #ffffff;
}


/*
 * Navi: Type0: Level1
 */
.naviType0 ul.naviLevel1 li {
	background-color: #bec8ca;
}
.naviType0 ul.naviLevel1 li a {
	padding-left: 34px;
}
.naviType0 ul.naviLevel1 li.active {
	background-color: #f69f00;
}
.naviType0 ul.naviLevel1 li.active a {
	color: #5e767a;
}




/*
 * Navi: Type1
 */

.naviType1 {
	margin-left:5px;
	margin-top:10px;
	width:234px;
}

.naviType1 ul {
	font-weight: normal;
}
.naviType1 ul li {
	/*display: block;*/
	/* height: 18px; */
	/* overflow: hidden; */
	list-style-type: none;
	padding-top: 4px;
	padding-left: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d4dddc;
	margin-top: 10px;
}

.naviType1 ul li ul li {
	color: #5E767A;
	list-style: circle;
	list-style-position:outside;
	margin-left: 15px;
	border: none;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
}

.naviType1 ul li a {
	color: #5e767a;
	/* display: inline-block; */
	padding-right: 10px;
	font-weight: normal;
}

.naviType1 ul li.active,
.naviType1 ul li.active a {
	color: #f69f00;
}



/*
 * Navi: Type1: Level1
 */
.naviType1 ul.naviLevel1 {
	border: none;
}
.naviType1 ul.naviLevel1 li {
}
.naviType1 ul.naviLevel1 li a {
	padding-left: 40px;
	font-weight: normal;
	color: #5e767a;
}
.naviType1 ul.naviLevel1 li.active,
.naviType1 ul.naviLevel1 li.active a {
	color: #f69f00;
}

.widget_tag_cloud {
	font-family: 'Times New Roman', serif;
}



/*
 * Navi: Type2
 */
.naviType2 {
	margin-top: 45px;
	margin-bottom: 96px;
}

.naviType2 ul {
	/*font-family: 'Gill Sans MT', 'Gill Sans', 'Arial', sans-serif;
	font-size: 12px;*/
	font-weight: bold;
	
	border-top: 1px solid #d4dddc;
}
.naviType2 ul li {
	display: block;
	height: 18px;
	overflow: hidden;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-bottom: 1px solid #d4dddc;
}

.naviType2 ul li a {
	color: #8fa1a5;

	display: inline-block;
	height: 15px;
	padding-right: 20px;
	background-image: url('../images/arrows_normal.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}


/*
 * Sitemap-Menu
 */

ul.csc-menu {
	list-style-type: none;
	width: 239px;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;

	/*font-family: 'Gill Sans MT', 'Gill Sans', 'Arial', sans-serif;
	font-size: 12px;*/
	font-weight: bold;
	
	border-top: 1px solid #d4dddc;
}
ul.csc-menu li {
	border-bottom: 1px solid #d4dddc;
	display: block;
	height: 18px;
	overflow: hidden;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
}
ul.csc-menu li a {
	color: #5e767a;

	display: inline-block;
	height: 17px;
	padding-right: 20px;
	background-image: url('../images/arrows_normal.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}



ul.arrow-list {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul.arrow-list li {
	display: block;

	padding-left: 24px;
	background-image: url('../images/arrows_normal.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}
ul.arrow-list a {
	font-weight: normal;
}



/*
 ***************************************
 * Main, i.e. everything below the header image
 ***************************************
 */
#main {
	clear: both;
}


/*
 ***************************************
 * Sides (everything that's left or on the right side of the navi)
 ***************************************
 */
.left {
	/* position: absolute; */
	float: left;
	margin-bottom: -1px;
}
.right {
	width: 722px;
	float: right;
/*
	position: relative;
	left: 241px;*/	/* navi width + border (3px) */
}




/*
 ***************************************
 * Main Content
 ***************************************
 */
#content {
	margin: 0px;
	/*margin-top: 3px;*/
	margin-top: -3px;
	padding: 0px;
	color: #5e767a;
	line-height: 18px;
	padding-left: 10px;
	padding-right: 40px;
	margin-bottom: 96px;
}
#content h1, h2, h3 {
	font-size: 11px;	/* TODO: Same as rest of content (see BODY) */
	font-weight: bold;
}
#content h1 {
	margin-top: 15px;
}

.post h2 {
	margin-top: 11px;
}

#content p {
	padding: 0px;
	margin: 0px 0px 10px 0;
}

.rightContent {
	width: 470px;
	position: relative;
	left: 251px;
}

.widgettitle {
	color: #F69F00;
	font-family: 'Times New Roman', 'Verdana';
	font-size: 14px;
}

/*
 ***************************************
 * Subheader fuer DFV-Logo bei Terminen
 ***************************************
 */
.subheader {
	width: 100%;
	height: 90px;
	position: relative;
}


/*
 ***************************************
 * Footer
 ***************************************
 */
#footer {
	clear: both;
	border-top: 1px solid #d4dddc;
	/* margin-top: 96px; */
	
	text-align: right;
	/* font-family: 'Gill Sans MT', 'Gill Sans', 'Arial', sans-serif;*/	/* TODO: Use one declaration(cross-plattform) for all */
	/*font-size: 13px;*/
	font-weight: normal;
	color: #5e767a;
}
#footer a {
	/*font-family: 'Gill Sans MT', 'Gill Sans', 'Arial', sans-serif;*/	/* TODO: Use one declaration(cross-plattform) for all */
	/*font-size: 13px;*/
	font-weight: normal;
	color: #5e767a;
}
#footer ul {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#footer li {
	display: inline;
	margin: 0px;
	padding: 0px;
	margin-left: 8px;
}


.hidden {
	display: none;
}


.clearFix {
	clear: both;
}




.collageWrap {
	background: #8fa1a5;

	display: block;
	width: 722px; /* 723, 728 */
	height: 363px; /* 239 */

	/* padding-left: 242px; */
}
.collage {
	background-color: #ffffff;
	margin-left: 242px;

	display: block;
	width: 722px; /* 723, 728 */
	height: 363px; /* 239 */

}
.collage .row {
	/* clear: both; */
}

.collage .row div {
	background-color: #d5dddf;
	float: left;
	width: 119px;
	height: 119px;
	border-left: 3px solid #ffffff;
	/* border-right: 2px solid #ffffff; */
	border-bottom: 3px solid #ffffff;

	margin-left: -3px;

}

/*
 ***************************************
 * Form Newsletter
 ***************************************
 */

input, select, textarea {
	color: #5e767a;
	border: 1px solid #dadcdb;
	padding: 0px;
	margin: 0px;
	
	font-family: 'Verdana';
	font-size: 11px;
	line-height: 18px;
	width: 200px;
}

textarea {
	width: 600px;
}

.newsletterForm .checkbox {
	width: auto;
}

.newsletterForm td {
	padding: 5px 10px 5px 0;
}

.newsletterForm .shorterInputField {
	width: 44px;
}

.newsletterForm .shortInputField {
	width: 150px;
}

.newsletterForm .button, #submit {
	color: #ffffff;
	background-color: #8ca1a2;
	border: none;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
	cursor: pointer;
}

#respond h3 {
	margin: 10px auto;
}

/*
 ***************************************
 * FCE: 2Spalten
 ***************************************
 */
.fce_2Spalten
{ clear:both; width:100%; }

.fce_2Spalten .inhalt
{ margin: 10px 0 10px 0; }

.fce_2Spalten h1 {
	font-size:			14px;
	line-height:		20px;
	font-weight:		normal;
	margin:				25px 0 5px 0;
	} 

.fce_2Spalten h2 {
	font-size:			12px;
	line-height:		16px;
	font-weight:		normal;
	margin:				20px 0 5px 0;
	} 
	
.fce_2Spalten p {
	font-size:			10px;
	line-height:		16px;
	font-weight:		normal;
	margin-top:			10px;
	}

.fce_2Spalten_links
{ float:left; width:50%; }

.fce_2Spalten_rechts
{ float:left; width:50%; }


/*
 ***************************************
 * FCE: Bild mit Text
 ***************************************
 */
.fce_bildMitText img {
	width:				113px;
	height: 			auto;
	border: 			1px solid #d7dddb;
	}

/*
 ***************************************
 * FCE: 3Spalten
 ***************************************
 */
.fce_3Spalten
{ clear:both; width:100%; }

.fce_3Spalten_links
{ float:left; width:33%; }

.fce_3Spalten_mitte
{ float:left; width:33%; }

.fce_3Spalten_rechts
{ float:left; width:33%; }


/*
 ***************************************
 * FCE: Download
 ***************************************
 */
.fce_download {
	/* margin-bottom: 20px; */
	/* border: 10px solid blue; */
}

.fce_download p {
	margin: 0px;
	padding: 0px;
}

#content p.fce_download_text {
	margin-bottom: 0px;
	padding: 0px;
}

#content .fce_download_link {
	margin-bottom: 15px;
}

.fce_download_link {
	background-image: url('../images/pdfLogo.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

.fce_download_link,
.fce_download_link a {
	color: #f69f00;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#content .fce_download_link p {
	margin-bottom: 0px;
	padding-left: 20px;	/* For logos */

}


/*
 ***************************************
 * FCE: Back to top
 ***************************************
 */
.fce_backToTop {
	position: absolute;
	display: block;
	width: 684px;
	text-align: right;
}

.fce_backToTop a {
	color: #f69f00;
	padding-right: 12px;
	background-image: url('../images/arrows_up.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}



/*
 ******************************************
 * Popup via modified moodlebox
 ******************************************
 */
#popup {
	margin: 0px;
	padding: 0px;
	color: #5e767a;
	border: none;
	background-color: #ffffff;
}
#popup_content {
	margin: 25px;
	margin-bottom: 20px;
/*
	word-break:break-all;
	word-wrap:break-word;
*/
}
#popup_navi {
	padding-top: 20px;
	/*border: 1px solid red;*/
}
#popup_navi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#popup_navi li {
	display: inline;
	margin-right: 14px;
}
#popup_navi li a {
	display: inline-block;
	width: 14px;	/* 20 - padding */
	height: 17px;	/* 18 - padding */
	padding-left: 6px;
	padding-top: 3px;

	background-color: #bec8ca;
	color: #ffffff;
	font-weight: bold;
}

#popup_navi li a:focus,
#popup_navi li a:active {
	background-color: #8fa1a5;
}


/*
 ******************************************
 * FUNDRAISING-TREFFEN (LIST-VIEW)
 ******************************************
 */
 
 .liste {
 	margin-top: 10px;
 }
 
 .event {
 	width: auto;
 	margin-top: 30px;
 }
 
 .image {
 	width: 113px;
 	height: auto;
 	border: 1px solid #d7dddb;
 	float: left;
 }
 
 .text {
 	margin-left: 143px;
	padding-bottom: 30px;
 	width: auto;
 	height: auto;
 	border-bottom: 1px solid #d7dddb;
 }
 
 .titel {
 	font-weight: bold;
 	height: auto;
 }
 
 .datum {
 	padding-top: 10px;
 	padding-bottom: 10px;
 }
 
 .beschreibung {
 
 }
 
.teaserImage {
 	width: 113px;
 	float: left;
}

#single {
	/*margin-top: 15px;*/
}

#single .teaserImage {
 	width: 198px;
 	padding-right: 31px;
 	float: left;
}

.teaserImage img, .single_teaserImage img {
	border: 1px solid #d4dddc;
}

.single_teaserImage {
 	width: 198px;
 	float: left;
 }
 
.artikel /*,  #content p.postmetadata */ {
 	height: auto;
 	margin-left: 143px;
 	margin-bottom: 50px;
 	width: auto;
 }

.artikel_left {
 	height: auto;
 	margin-left: 0px;
 	margin-bottom: 25px;
 	width: auto;
}
 
.artikel_right {
 	height: auto;
 	margin-left: 229px;
 	margin-bottom: 25px;
 	width: auto;
}

#single .artikel a:link, #single .artikel a:visited, #single .artikel a:focus, #single .artikel a:active {
	color: #F69F00;
	font-weight: bold;
}

#single .artikel a:hover {
	color: #5E767A;
	font-weight: bold;
}

#content p.postmetadata,  #content p.single_postmetadata {
	margin-top: 10px; 
}
 
.entry {
 	/*margin-top: 10px;*/
 	margin-bottom: 25px;
 }
 
.entry ul li {padding-top: 2px;
	padding-bottom: 2px;}

.entry_head {
 	height: auto;
 	margin-bottom: 15px;
 }

.entry a.more-link {color: #f69f00;}
.entry a.more-link:hover {color: #5e767a;}
 
.post, .commentlist {
 	margin-bottom: 40px;
 }
 
.navigation {
	height: 25px;
	width: 100%;
	margin: 12px auto 10px auto;
 }
 
.categorydescr {color:#5E767A;}

.alignleft {
	width: auto;
	text-align: left;
	float: left;
margin-top:40px;padding-bottom:20px;
}

.alignright {
	width: auto;
	text-align: right;
margin-top:40px;padding-bottom:20px;
}
.post {clear:left;}

.entry_head h2 {
	font: normal 16px 'Times';
	margin: 5px auto 3px auto;
}

.entry_head h2 a {
	font-weight: normal;
	font-size: 18px;
}

.entry_head h3 {
	font: normal 11px 'Verdana';
	font-weight: normal;
	text-transform: uppercase;
}

#single .post h2 {
	font: normal 22px Times;
	margin: 5px auto 3px auto;
}

#single .post h3 {
	font-weight: normal;
	text-transform: uppercase;
	clear: both;
}

#single .entry {
	margin-top: 25px;
}

.share_this {
	margin-bottom: 25px;
}

#respond {
	padding: 10px 10px;
	background: #f5f5f5;
}

#error {
	color: red;
	font-weight: normal;
	margin: 15px auto;
}

.formError {
	color: red;
	font-weight: normal;
	margin: auto 10px;
	display: none;
}

.fn a {
	font-weight: normal;
}

.navigation, .navigation a, .pagetitle {
	color: #F69F00;
}

#tag_cloud-3 {
	text-align: center;
}

#tag_cloud-3 h2{
	text-align: left;
}

#stoerer {
	position: absolute;
	width: 230px;
	text-align: right;
	margin: 55px auto auto 5px;
	z-index: 5;
}

li#text-3 {border-bottom:none;}

p.twitter {    padding-bottom: 20px;    padding-top: 20px; line-height:18px;}
p.twitter img {margin-top: -2px;width:24px; float:left;padding-right:10px;}


#twitter {text-align:right;}
#twitter a, #twitter a img, .twitter a, .twitter a img {text-decoration:none; border:none;border-color:#fff;}
#twitter a {color:#5E767A;font-weight:normal;}
#twitter p {width:690px;margin:0;float:left;color: #5E767A;}
#twitter img {margin-top:-5px;}

/* archive collapse */
ul.collapsearchive li {list-style-type:none!important;margin-left:0!important;}
ul.collapsearchive ul li {list-style-type:circle!important;margin-left:40px!important;}

/* social share */
/*.social_share_privacy {margin-bottom: 10px;padding-bottom:10px;margin-right: 10px;
padding-right:10px;}*/