/*  

Theme Name: EconitorMag

Theme URI: http://www.econitor.de/

Description: Wordpress-Template fuer das Econitor Onlinemagazin. (C) Econitor GmbH, Berlin.

Version: 0.4 (Stand 06.08.2009)

Author: Michael Cienski, Christoph F. Bock; (C) Econitor GmbH, Berlin

Author URI: http://www.econitor.de


Credits

=======

Dieses Template basiert auf den Wordpress-Templates "Branford" (von Michael Oeser) und Arthemia (von Michael Hutagalung). DANKE fuer die Bereitstellung der Vorlagen!

Ausserdem haben uns die unzaehligen frei verfuegbaren Plugins sowie vieler sehr guter Tutorials und Foreneintraege bei der Anpassung des Templates geholfen. DANKE!







/******************************************

*   HTML Elements                         

******************************************/



* {
	margin:0;
	padding:0;
}

body,html { min-height:101%; }

	

body {
	background: #EDE8E2 url();
	padding: 13px 0 25px 0;
}



body, div, p, select, input, textarea {
	font: 12px Arial, Verdana, Sans-Serif;
}


p {
	margin: 15px 0;
}


hr {
	display: block;
	height:0px;
	background:#333;
	border:0;
}


small {
	font-size: 0.9em;
	padding:0px 0px;
}





/******* Hyperlinks ********************/



/* standard link behaviour */

a:link, a:active, a:visited { 
	color:#000000;
	text-decoration: underline; 
} 

a:hover	{ 
	color:#000000;
	text-decoration: none; 
}



/* Title area links */

.title:link, .title:active, .title:visited { 
	color: #009900; 
    text-decoration: none;
	padding-bottom:5px;
} 

.title:hover { 
	text-decoration: underline;
} 
	

/* HTML headline links */

h3 a:link, h3 a:active, h3 a:visited  {text-decoration:none;}

h3 a:hover {text-decoration:underline;}



h4 a:link, h4 a:active, h4 a:visited  {color:#000000; text-decoration:none;}

h4 a:hover {text-decoration:underline;}





/* Links in the sidebar */

.subnav li a:link, .subnav li a:visited { /* .subnav is the categories list */
	background: #fff;
	display:block;
	padding:4px 4px 4px 20px;
	border-bottom: 1px solid #999;
}

		

.subnav li a:hover, .subnav li a:active {
	background: #F4F4EC;
	text-decoration:none!important;
}




	




#sidelist a:link, #sidelist a:active, #sidelist a:visited {text-decoration:none;}

#sidelist a:hover {text-decoration:underline;}

#sidelist .children li a, #sidelist .children li a:visited {

	padding:2px 2px 2px 0px;

	border:1;

	background:#ffffff;

	color: #000000;

	}

#sidelist .children li a:hover, #sidelist .children li a:active	{

	color:#000;

	text-decoration:none!important;

	}



/* Links in unordered lists */

.bullets li a { text-decoration:none!important;	}

.bullets li a:hover { text-decoration:underline!important;	}



/* How tags appear */

.tags a {text-decoration:none;}

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



/* Links within comments metadata (date, Author etc.) */

.commentmetadata a:link, .commentmetadata a:active, .commentmetadata a:visited  {text-decoration:none;}

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



/* Links in the footer */

#footer a {text-decoration: none;} 

#footer a:hover	{text-decoration: underline;}







/******************************************

*   Images                         

******************************************/



/*** default image behaviour ***/

img { border: 0px solid #CFCFCF;}





/*** WordPress specific image classes ***/

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


.alignleft {
	float: left;
	margin: 10px 10px 10px 0px;
}


.alignright {
	float: right;
	margin: 10px 10px 10px 10px;
}



.wp-caption {

   text-align: center;

   background-color: #fff;

   margin-top:0px;

   margin-right: 10px;

   margin-bottom:0px;

}



.wp-caption img{

   padding:0px;

   border:0px solid #999;

}



.wp-caption img:hover{

   border:0px solid #333;

}



.wp-caption p.wp-caption-text {

   color:#000000;

   font-size: 10px;

   line-height: 12px;

   padding: 5px 5px 5px 5px!important;

   margin: 0!important;

}





		

/******************************************

*   General Structure                         

******************************************/



#page { /*the main container*/
	width:880px;
	margin:0 auto;
	background:#FFF;
	padding: 10px;
	border:1px double #CFCFCF;
}



#debugBox {
	position: fixed;
	display: block;
	top: 0px;
	left: 0px;
	background: #FFFFFF;
	border: 3px solid red;
	max-width: 250px;
	padding: 5px;
	z-index: 10000;
}
	



#headerganz {	/*where the header sits*/
	width: 900px;
	height: 175px;
	margin-top:-10px;
	margin-left:-10px;
    background:url(images/backgrounds/headereco.jpg) no-repeat;
}

#header-Wohnen {	/*where the header sits*/
	width: 900px;
	height: 175px;
	margin-top:-10px;
	margin-left:-10px;
    background:url(images/backgrounds/headereco_wohnen.jpg) no-repeat;
}

#header-Mobilitaet {	/*where the header sits*/
	width: 900px;
	height: 175px;
	margin-top:-10px;
	margin-left:-10px;
    background:url(images/backgrounds/headereco_mobilitaet.jpg) no-repeat;
}

#header-Lifestyle {	/*where the header sits*/
	width: 900px;
	height: 175px;
	margin-top:-10px;
	margin-left:-10px;
    background:url(images/backgrounds/headereco_lifestyle.jpg) no-repeat;
}


#branding {/*where the logo sits*/
	width:100px;
	height:100px;
	margin-top:-1px;
	margin-left:10px;
	background:url(images/ecologo.png) no-repeat;
}
	
.left {
	float:left;
}

.right {
	float:right;
}



#titlesub { /* for the headlines in the sub section */
	font:1em Georgia, "Times New Roman", Times, serif!;
	line-height:100%;
	display:block;
	padding-bottom:3px;
	color: #333333;
	text-transform:none;
	letter-spacing:normal;
}	


#rightcol {	/*Der Content links neben der sidebar*/
	display: block;
	width: 570px;
	padding: 5px;
	float: left;
    text-align: left;
}

.singlepost {
}


.suchanzeige {/*Der Content links neben der sidebar*/

	width:560px;
    padding-left:0px;
	float:left;
    padding-top:0px;
	margin-top: 26px;
    text-align:left;

}

.suchanzeige h3 a{/*Der Content links neben der sidebar*/

	font: 1.6em Georgia, Helvetica, sans-serif;
	color:#333333;



}





		

/******************************************

*   Sidebar                         

******************************************/

/* Econitor Haupt-Sidebar */
 
#sidebar {
	width: 270px;
	height: 100%;
	float: right;
	margin-right: -10px;
/*	background:#E0E0E0;
	border-left: 1px solid #CFCFCF;
	*/
}


/* altes Sidebar-Zeugs vom urspruenglichen Template -- kann raus??? */

#sidebarstatisch {
	list-style:none;
}


.subnav li {/*.subnav is mainly the categories list*/
	list-style:none;
}

#sidelist li {
	list-style:none;
}

.bullets li {
	margin:20px 0 5px 15px;
	list-style:square;
}

#sidelist .bullets li {
	list-style:square;
	margin-bottom:5px;
	margin-left:22px;
}

#sidelist .children {
	background:#F4F4EC;
}

#sidelist .children li {
	background: #F4F4EC;
	list-style: none;
	margin-left:15px;
	padding-left:15px;
	border-bottom:0px solid #fff;
}

#sidelist .feed li{
	margin-bottom:5px;
	padding-left:20px;
	background:url(images/rss.gif) no-repeat;
}

	

	

	

	

/******************************************

*   Headlines                         

******************************************/



.blogtitle, .blogtitle a {
	color: #000;
	font-size: 1.8em;
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: regular;
	text-decoration: none;
	padding: 20px 0px 10px 0px;
}


h1, h2, h3 {
	color: #009900;
	font-weight: bold;
	margin: 20px 10px 0px 0px ;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.0em;
}

#sidebar h2, #sidebar h3 a {
	font-size: 1em;
	font-weight:bold;
}


h3#respond {
	font-size:1.1em;
	border-top:1px solid #333;
	margin-top:10px;
	padding-top:10px
}


h3#comments {
	margin-top:32px
}


h3 a:link, h3 a:visited {
	color: #333;;
	padding-bottom:0px;
}

h4 {
	font-size:1.2em;
	margin-bottom:6px;
}

	
/******************************************

*   Unterkategorien                      

******************************************/



.unterkategoriefeaturebox{

	width:858px;
    height:270px;
	padding: 10px;
	margin-top:15px;
/*	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF; */
/*	background: red; */ 	
}

.unterkategorieleadarticlebox {
	width:553px;
	float:left;
	background:#ffffff;
}	
	
	
.unterkategorieleadarticlecontainer {
	margin: 5px 5px 5px 5px;
}	

.unterkategorienewsteaser img {
    float:left;
	margin:0px 8px 0px 0;
	border: 1px solid #CFCFCF;
}
	
.unterkategorienewsteaser {/*Die kleinen Newsteaser*/
	width:290px;
    border-right:10px;
	float:right;
	font:0.9em Arial;
	background:#ffffff;
}
	
.unterkategoriecontent {
	width:560px;
	float:left;
}
	
.unterkategorieposts { /*Der Content links neben der sidebar*/
	width:560px;
    padding-left:5px;
	float:left;
    padding-top:0px;
	margin-top: 10px;
    text-align:left;
}

.unterkategorieposts img {

	float:left;
    margin:3px 10px 4px 0;
	border: 1px solid #CFCFCF;

	}
	
	









	

/******************************************

*   Content                        

******************************************/

#content {
	display: block;
	width: 570px;
	padding: 20px;
	float: left;
    text-align: left;
}

.description {
	font-size: 1.3em;
	font-weight: bold; 
	color:#999;
}


.read-on a { /* This can be used to format the "[...]" link in the lead story */
	margin: 0px; padding: 0px 10px;
	color:#333333!important;
	text-decoration:none;
	float: right;
	display: inline;
	}

	

.read-on a:hover {

	text-decoration:underline;

	}



/* Formating of "rightcol" which is the column in the homepage middle ;-) */



#rightcol img {
	float:left;
	padding: 0px;
    margin: 0px;
}

	

#rightcol .clearfloat {
	border-bottom:0px solid #999;
	padding:12px 0;
}	



/* Post Formatting */

.entry {
	padding-bottom: 30px;
}

.post p, .Zeitung p {
	line-height: 1.5em;
}

.post blockquote {
	color:#666;
	background:#F4F4EC;
	padding:6px 14px;
	margin:18px 35px;
	border-right:0px solid #DDD;
	border-bottom:0px solid #DDD;
}	

.post ul li, .Zeitung ul li {
	list-style:none;
	margin-bottom:5px;
	margin-left:42px;
}

.post ol li, .Zeitung ol li {
	margin-bottom:5px;
	margin-left:48px;
}
	

#tags {
	padding:3px;
	border-bottom:0x solid #DDD;
	border-top:0px solid #DDD;	
}	

.postmetadata {
	font-size:0.9em;
	margin:0 0 10px 0;
	padding:5px 10px;
	background:#F4F4EC;
	border-top:0px solid #E6E3D3;	
	border-bottom:0px solid #E6E3D3;	
}

.post .Excerpt {
	font-weight: bold;
}

.post .ExcerptImg {
	margin-right: 10px;
	float: left;
}


/* Form Elements */



select {
	background:#f2f2f2;
	border:1px solid #009900;
	width:100%
}

#searchform { 	
	padding:0px 0px 0 0;
}


.button {
	padding: 1px;
	background:#ffffff url(images/ButtonBack.jpg);
	color:#009900;
	font-weight: bold;
	text-decoration: none;
	border:1px solid #009900;
}


.button:hover {
	background:#ffffff url(images/ButtonBackHover.jpg);
	text-decoration:none;
	cursor: pointer;
}


#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
}


#commentform textarea {
	width: 100%;
	margin-top:5px;
}


/* Comments*/

.commentlist {
	padding-left:30px;
}

	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#F4F4EC;
	border:1px solid #E6E3D3;
}


.commentlist blockquote {
	color:#666;
	background:#fff;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}	


#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
}
	

.commentmetadata {
	display: block;
}


.commentlist small {
	background:#fff;
	border:1px solid #E6E3D3;
}



/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}

	

.clearfloat {

	display:inline-block;

	}	



.clearfloat {

	display:block;

	}

	

	

/******************************************

*   Footer                        

******************************************/



#footer {
    width: 880px;
	clear: both;
	text-align: center;
}

#footerContent {
	padding: 10px 50px 10px 10px;
}


#footer a {

	color:#333333;

	}
	
#footer h3 {

	color: #333333;

	font: 1.2em Georgia, "Times New Roman", Times, serif;

	padding-bottom:5px;

	border-bottom:0px solid #666;

	margin: 5px 0 5px 0;

	}	
	
#recentpost{
	width:280px;
	float:left;
	padding:10px;
	border:1px solid #fff;
	}
	
	
	
	
/******************************************

*   Widgets                        

******************************************/


.footerwid{

    width:270px;
	margin: 10px 0px 10px 10px;
	padding: 5px 5px 5px 5px;
	background:#ffffff url(images/sidebarboxback.jpg);
    font-size: 0.9em Arial;
	color: #ffffff;
	text-align:left;
	float:left;

	
}



.footerwidhead{

    width:270px;
	height:22px;
	margin: -5px 0px 0px -5px;
	padding: 3px 0px 0px 10px;
	background:#333333 url(images/backgrounds/navgrau.jpg);
    font-size: 1.1em;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
	float:left;
	
}



.footerwid2{

    width:268px;
	margin: 10px 0px 10px 10px;
	padding: 5px 5px 5px 5px;
	background:#ffffff url(images/sidebarboxback.jpg);
    font-size: 0.9em Arial;
	color: #ffffff;
	text-align:left;
	float:left;

	
}


.footerwidhead2{

    width:268px;
	height:22px;
	margin: -5px -5px 10px -5px;
	padding: 3px 0px 0px 10px;
	background:#333333 url(images/backgrounds/navgrau.jpg);
    font-size: 1.1em;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
	float:left;
	
}


#footerlist a:link, #footerlist a:active, #footerlist a:visited {text-decoration:none;}

#footerlist a:hover {text-decoration:underline;}

#footerlist .children li a, #footerlist .children li a:visited {

	padding:2px 2px 2px 2px;

	border:1;

	background:#ffffff;

	color: #666;

	}

#footerlist .children li a:hover, #footerlist .children li a:active	{

	color:#000;

	text-decoration:none!important;

	}


#footerlist li {
	list-style:none;
}

#footerlist .bullets li {
	list-style:square;
	margin:10px 5px 5px 5px;
	}

	
#PageNav {
	position: static;
	display: block;
	float: left;
	width: 200px;
	height: 100%;
	min-height: 500px;
	margin: 10px 0 0 0;
	padding: 10px;
}

#PageNav ul {
	padding-left: 10px;
	list-style: none;
}

ul .PageNavigation {
	text-decoration: none;
	margin-left: -10px;
}

#PageNav a.PageNavigation:hover {
	text-decoration: underline;
}
	
#PageNav a.PageNavigation.current-cat {
	font-weight: bold;
	text-decoration: underline;
	color: #009900;
}

#PageNav span.PageNavigation.gesperrt {
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	color: #787878;
}


#betaformular, #regform {
}

.FormWarningInput {
	display: block;
	position: relative;
	left: 110px;
	width: 350px;
	font-weight: bold;
    color: #f00;
}

.FormWarningInputBetacode {
	display: block;
	position: relative;
	left: 110px;
	width: 450px;
	font-weight: bold;
    color: #CB6600;
}


.FormWarningGeneral {
	display: block;
	position: relative;
	margin: 20px 20px 0 0;
	width: 450px;
	font-weight: bold;
    color: #f00;
    padding: 5px;
    background-color: #FFDDDD;
}

.betawarning, .regformwarning {
	font-weight: bold;
    color: #f00;
}

label.betaform, label.regform {
	display: inline;
	float: left;
	width: 150px;
	text-align: right;
}

input.betaformbox, input.regformbox {
	display: inline;
	margin-left: 10px;
	padding: 3px;
    width: 250px;
    border: 1px solid #FFFFFF;
    background-color: #E0FFE0;
}

input.regformboxZIP {
	display: inline;
	margin-left: 10px;
	padding: 3px;
    width: 40px;
    border: 1px solid #FFFFFF;
    background-color: #E0FFE0;
}

input.regformboxCity {
	display: inline;
	margin-left: 5px;
	padding: 3px;
    width: 195px;
    border: 1px solid #FFFFFF;
    background-color: #E0FFE0;
}

input.betaformbox:focus, input.regformbox:focus, input.regformboxZIP:focus, input.regformboxCity:focus {
    background-color: #FFFFAA;
    border: 1px solid #009900;
}

span.regforminfo {
	display: inline;
	margin-left: 10px;
	padding: 3px;
}

span.regforminfosmall {
	display: block;
	margin-left: 160px;
	padding: 3px;
	font-size: 0.9em;
	color: #171717;
	line-height: 0.9em;
}

input.button {
    border: 1px solid #009900;
}

input.betaformradio, input.regformradio {
	display: inline;
	margin-left: 10px;
    width: 10px;
}

.regformselect {
	width: 254px;
	margin-left: 10px;
	border: 1px solid #787878;
}

label.betaformTab {
	display: inline;
	float: left;
	width: 150px;
	text-align: right;
}

input.betaformboxTab {
	display: inline;
	margin-left: 10px;
    width: 150px;
}

input.betaformradioTab {
	display: inline;
	margin-left: 10px;
    width: 20px;
}

#betaCodeP, #betaCodeDiv {
	display: none;
}

table.betaTableTab {
  border: 0;
  margin-top:0px;
}

td.betaTab {
  vertical-align: top;
} 

.betab {
}


table.userprofil {
  width: 600px;
}
td.userprofil_l {
  background-color:#fff;
  text-align: left;
  vertical-align: top;
  padding: 20px 6px 0px 0px;
} 
td.userprofil_r {
  background-color:#fff;
  width:250px;
  text-align: right;
  vertical-align: top;
  padding: 20px 6px 0px 0px;
  font-weight:bold;
} 



.profilpw {
	display: none;
}


.profilpwVisible {
}

div#profilbox {
	display:block;
	background-color:lightgreen;
	width:560px;
	border:1px dashed black;
	padding:15px;
}

.profilformbox {
    width: 150px;
}