@charset "UTF-8";
/*
Theme Name: Klimawahl
Theme URI: http://kliamawahl2009.de/
Description: magazin theme
Version: 0.1
Author: vanhaven
Author URI: http://www.vanhaven.com/

*/

html, * { margin: 0; padding: 0; }
option { padding-left: 0.4em; }
* html body * { overflow:visible; }
html { height: 100%; margin-bottom: 1px; } /* erzwingt Scrollbalken */
 

 /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

/* (de) Absicherung korrekte Positionierung und gleiche Grundeinstellung aller Browser */  
#header, #navi, #main, #home, #footer { clear:both; }
.floatbox { overflow:hidden; }  
fieldset, img { border: 0 solid; }
ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 0px; line-height: 1.0em; }
blockquote { margin: 0 0 1em 0.8em; }

body {
     color: #000;
	 font-family: Verdana, Arial, Helvetica, Sans-Serif;
     font-size: 62.5%; /* Resets 1em to 10px */
	 position: relative; 
	 /*background: #B3B3B3 url('images/bg-body.gif') no-repeat top left; */
	 text-align: left;
 }
#wahlstift {
	position:absolute; top: 37px; left: 800px; font-size:208%; z-index: 20;
}
#page {
	background: #FFF;  
	margin-top: 0px;
	padding-bottom: 20px;
	width: 943px;
	text-align: left;
}

a {
  color: #0066CC; 
  text-decoration: none;
  }

a:hover, .entry a:active, .entry a:focus{
	text-decoration: underline;
}

/*------------------------------------------------------------------------------------------------------*/
#header { position:relative; height: 143px; background: #FFF url('images/header.jpg') no-repeat top left; overflow:visible; }
h1#head { text-align:right; padding: 30px 0 0 0; font-size: 2.4em; font-weight: bold; background: none; line-height:normal; color: #0066cc;}

#footer {
	clear: both;
	 padding: 15px 0 0 0;
	 color: #000;
	 margin: 10px 0 30px 22px;
	 border-top: 15px solid #0066cc;
	 text-align:left;
 }

#fussnavi {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:1.2em;
	margin: 0;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #dae6f2;
	border-right: 1px solid #dae6f2;
	border-left: 1px solid #dae6f2;
	border-top: 1px solid #fff; 
	}

#navi {
	background:#fff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:1.2em;
	margin: 0 0 0 22px;
	padding: 0 0 0 5px;
	border-top: 1px solid #dae6f2;
	border-right: 1px solid #dae6f2;
	border-left: 1px solid #dae6f2;
	z-index: 10;
	}
	
#navi, #navi ul, #fussnavi, #fussnavi ul {
	list-style:none;
	line-height:1;
	font-weight: bold;
	}

#navi a, #fussnavi a {
	display: block;
	text-decoration: none;
	border:none;
	padding: 6px 16px 6px 8px;
	color: #0066cc;
	}

#navi a, #navi a:visited, #fussnavi a, #fussnavi a:visited {
	text-transform: uppercase;
	display:block;
	color: #0066cc;
	}
	
#navi li, #fussnavi li {
	float: left;
	color: #0066cc;
	list-style:none;
	}
	
#navi a:hover, #navi a:active, #fussnavi a:hover, #fussnavi a:active {
	display: block;
	text-decoration: none;
	color: #0066cc;
	background: #fff url('images/arrow-nebennavi.gif') no-repeat left top;
	}


#navi .current_page_item a,  #navi .current_page_parent a, #navi .current-cat a, #fussnavi .current_page_item a  {	
	background: #FFF url('images/arrow-nebennavi.gif') no-repeat left top;
}
	


 /*------------------------------------------------------------------------------------------------------*/
/* ######### Inhaltsbereich dreispaltig ##########*/

#main, #home { 
	margin: 10px 0 0 22px; 
	padding: 0; 
	z-index: 2;
}

#home { 
	background: #fff url('images/bg_home.gif') repeat-y top right;
	margin-bottom: 20px; 
}

/* Vorbereitung fuer absolute Positionierungen innerhalb der Inhaltsspalten */
#col1_content, #col2_content, #col3_content, #col1b_content, #col2b_content, #col3b_content { position:relative; }

/* sidebar entspricht col1 */
#sidebar {	
	float: left;
	width: 235px;
	padding: 0;
	margin: 0px;
	}
#col1, #col1b {	
	float: left;
	width: 465px;
	margin: 0;
	}
#col1_content { 
    margin-left:0;
    margin-right: 15px;
	border-top: 15px solid #B9B9B9;
    padding: 0 0 15px 0;
 }
 #col1b_content { 
    margin-left:0;
    margin-right: 15px;
	border-top: 15px solid #B9B9B9;
    padding: 0 0 0px 0;
	background-color: #efefef; 
 }


#col2, #col2b { float:left; width: 235px; margin: 0; padding:0; }
#mitte { float:left; width: 465px; margin: 0; padding:0; }

#col2_content, #col2b_content {	
    margin:0 15px 0 0;
	border-top: 15px solid #B9B9B9;
    padding: 0;
  }


/* flexible col3 */		 

#col3 {
 	width:auto; 
 	margin: 0 0 0 700px;
	padding: 0;
	/*border-right: 220px solid #eeefff; 
	background:#fff url('images/bg_home.gif') repeat-y top right; */
}
#col3b {
 	width:auto; 
 	margin:  0 0 0 700px;
}

#col3_content { 
	border-top: 15px solid #B9B9B9;
	margin-left: 0; 
	padding-bottom: 5px; 
}
#col3b_content { 
	border-top: 15px solid #B9B9B9;
	margin: 0; 
	padding-bottom: 0px; 
}
.bg_blau { background-color: #dae6f2; }

/* contentvariationen v.a. MIttelspalte col2 */ 

.post { 
	margin-bottom: 5px;
}

.entry {
	margin: 0 5px 0px 12px;
}
.entry p {
	font-size: 1.1em;
	line-height: 1.4em;
	padding-bottom: 2.0em;
}
.entry img {
	border: 1px solid #B9B9B9;
	padding: 2px;
	overflow:hidden;
	margin: 0;
}

.entry a:link, .entry a:visited {
	text-decoration: none;
	color: #0066cc;
}

.entry a:hover, .entry a:active, .entry a:focus{
	color: #0066cc;
	text-decoration: underline;
}



h1 { font-size: 1.8em;
	 line-height: .7em;
	 font-weight: bold;
	 padding-left: 12px;
	 padding-top: 0px;
	 padding-bottom: 15px;
     margin-bottom: 0;
	 margin-top: 5px;
	 background: transparent url('images/bg_h1lang.gif') no-repeat top left;
	
}

.entry h2 { 
	font-size: 1.5em;
	line-height: 1.2em;
    font-weight: bold;
	margin: 0 0 12px 0;
    padding: 0;
}
.entry h3 { 
	font-size: 1.2em;
    font-weight: bold;
	margin: 0 0 6px 0;
    padding: 0;
}
h1 a, .entry h2 a { 
	color: #000;
}


p.dateandtime {
	text-align: right;
	margin: 0 0 0 0;
}


p.commentmetadata {
	padding: 0 0 10px 0;
	margin-left: 0px;
	font-size: 1.0em;
}

small.commentmetadata {
	  color: #0066CC; 
}

/* Begin Fliesstextlists */

.entry ul {
	margin-left: 0;
	margin-top: 0;
	padding: 0 0 10px 0;
	list-style: none;
	} 

.entry ul li, .entry ul ul li {
	line-height: 1.4em;
	font-size: 1.1em;
	color: #000;
	list-style: none;
	margin: 0 0 0 2.0em;
	padding: 0 0 0 12px;
	background: #fff url('images/arrow-ul.gif') no-repeat 0px 0px;
	}
#startlinks li {
	margin: 0;
}

.entry ol {
	padding: 0 0 20px 0;
	margin: 0;
	list-style: decimal outside;
	}

.entry ol li {
	line-height: 1.4em;
	font-size: 1.1em;
	color: #000;
	list-style: decimal outside;
	margin: 0 0 0 2.0em;
	padding: 0 0 0 0;
	}
	
.entry ul li.anker {
	margin: 0;
	padding: 0;
	background: #fff;
	}
.anker a {
	background: #fff url('images/arrow-ul.gif') no-repeat left top;
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
	padding-left: 12px;
}


.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* End Entry Lists 

/* Startseite MIttelspalte col2 */ 
.news {
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 0 5px 10px 12px;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px solid #b9b9b9;
}

.news img {
	border: 1px solid #B9B9B9;
	margin: 3px 6px 3px 0;
	padding: 1px;
	float: left;
}

/* rechte spalte col3 */ 
.sidebox {
	font-size: 1.0em;
	line-height: 1.2em;
	padding: 0 5px 20px 12px;
	overflow: hidden;
}
.sidebox p {
	padding: 0 0 10px 0;
}

.sidebox img, .textwidget img {
	border: 1px solid #B9B9B9;
	padding: 1px;
	margin: 3px 0 10px 0;
	overflow:hidden;
}
.sidebox ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	} 

.sidebox ul li {
	list-style: none;
	line-height: 1.4em;
	font-size: 1.0em;
	color: #000;
	margin: 0 0 0 0;
	padding: 0 0 0 12px;
	background: transparent url('images/arrow-ul.gif') no-repeat 0px 0px;
	}


/* Ende */


/* WP-Sidebar Listen */

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol, #sidebar ul ul ul {
	margin: 0;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 0;
	padding: 0;
	}
#sidebar h2, #sidebar h3, #sidebar h4 {
	font-size: 1.1em;
	margin:  0 0 10px 0;
	}  
	
/* Box für die Unternavigation (Sidebarnavigation)  */
  
#sidebar  .catListBody {
  	padding:0;
  	margin:0 0 20px 12px;
  	overflow:hidden;
  }

#sidebar .catListBody ul li {
	list-style-type: none;
  	width: 100%;
  	margin:0;
  }
  
#sidebar .catListBody ul {
  	list-style-type:none;
  	padding:0;
  	border:0;
  	margin:0;
  }
 #sidebar .catListBody ul li ul {
	margin: 5px 0 0 10px;
  }
  
#sidebar .catListBody a {
  	display:block;
  	text-decoration: none;
	text-transform: uppercase;
	border: none;
	color: #0066CC;
	font-size:1.1em;
	font-weight: bold;
  }
  
#sidebar .catListBody ul li a {
	padding: 2px 0px 0px 8px;
	line-height: 1.4em;
}

#sidebar .catListBody ul li a:hover {
	background: #fff url('images/arrow-nebennavi.gif') no-repeat left top;
}
#sidebar .catListBody ul li.current_page_item a, #sidebar .catListBody ul li.current-cat a {
	background: #fff url('images/arrow-nebennavi.gif') no-repeat left top;
}
#sidebar .catListBody ul li ul li.cat_item a, #sidebar .catListBody ul li ul li.page_item a {
	background: none;
}
#sidebar .catListBody ul li ul li.current-cat a, #sidebar .catListBody ul li ul li.current_page_item a {
	background: #fff url('images/arrow-nebennavi.gif') no-repeat left top;
}

#sidebar .catListBody ul li ul li a {
	border-top: 2px dotted #b9b9b9;
	line-height: 1.4em;
	padding: 3px 0 2px 8px;
	margin: 2px 0 2px 0;
	}
	
#sidebar .catListBody ul li ul li a:hover, #sidebar .catListBody ul li ul li a:active {
	background: #fff url('images/arrow-nebennavi.gif') no-repeat left top;
	color: #BD2222;
}

  
/* End Sidebar */

/* lightbox begin UNGENUTZT DA KEIN STYLE VERGEBEN */

#lightbox {
	background-color: #fff;
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url('http://onkelundonkel.com/wp-content/themes/onkels/js/overlay.png');
}
#lightboxCaption {
	color: #000;
	background-color: #fff;
	font-size: 100%;
	text-align: center;
}

* html #overlay {
	background-color: #000;
	back\ground-color: transparent;
    background-image: url('http://onkelundonkel.com/wp-content/themes/onkels/js/blank.gif');
	/*filter: Alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://onkelundonkel.com/wp-content/themes/onkels/js/overlay.png", sizingMethod="scale"); */
}

/* lightbox end */

 /*------------------------------------------------------------------------------------------------------*/


  /* ### beende Umfluss in Abschnitt ### */
.clearHere { clear: both; }
.abgeschaltet { display: none; }
.blau15 { font-size: 1.2em; color:#00CCFF; font-weight: normal;}
.blau15 a { color:#00CCFF; }
a.blau { color:#00CCFF; }
#sidebar a:link.blau { color:#00CCFF; }
 /*------------------------------------------------------------------------------------------------------*/


 .abstand20 {
  	padding-top:22px; 
  }
  .abstand30 {
  	padding-top:25px; 
  }
  
  
  /* ### Abstand fuer Inputs (Eingabefelder Kommentare) */
  #col1_content input, #col2b_content input {
  	margin-right:1px;
  	font-size: 1em;
 }



.suche {
	margin: 0px; 
	padding-top: 10px;
}
.suche p {
	padding: 10px 0;
}


a img {
	 border-color: #000;
}



/* alt */

#col1 blockquote {
	margin-left: 20px;
	padding-left: 5px;
	border-left: 2px dotted #0066cc;
}

img.right {
	float: right;
	margin: 0 0 5px 5px;
}
img.left {
	float: left;
	margin: 3px 6px 3px 0;
	
}
img.noborder {
	border: none;
	padding: 0;
 }
em {
	font-style: italic;
}
small {
	font-size: .9em;
}

.right {
	text-align:right;
}

hr {
	 border:solid #b9b9b9 1px;
	 height:1px;
	 background-color:transparent;
}
code {
	font-size: 11px;
}

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benoetigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }


  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benoetigt nur der Internet Explorer und ueber iehacks.css zugeschaltet */
  #ie_clearing { display: none; }