/*
Theme Name: Die Ecoisten
Description: Anpassung von Kubrick an das Bloglayout
Author: Susanna Kuenzl
Author URI: http://www.ambranet.de/
Description: Unter Verwendung des Standard-DE-Templates von Michael Heilemann, http://binarybonsai.com/
*/
/*Ränder ausschalten*/
body, div, p, h1, h2, h3, h4, h5, h6, table, td, tr, th, ul, ol, li, form, input {margin: 0; padding:0;}
body {background-color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#261f17}
a {text-decoration: none;}

/*Farben
Weiß: #fff
anthrazit: #261f17
zartblau: #f8fafc
moosgrün: #365549
gelb: #d0c126
*/

/*Positionierung*/
#Content {width: 62em; height: auto; margin: 2em auto; border: 1px solid #ccc; text-align: left; position:relative; background-color:#f8fafc}
#Banner {padding: 1em; position:relative; z-index: 0; height: 15em; background-image: url(http://www.ecoisten.de/grafik/verlauf-grau.jpg); background-repeat: repeat-x; background-color: #9BABC2; }
#Navi {width: 20em; height: auto; float: right; margin-top: 2em}
#Text {width: 40em; height: auto; float: left; margin-top: 2em}
#Clearer {width: 90%; font-size: 80%; padding: 1em; clear: both;}
#Footer {margin:3em;}

/*Skiplinks*/
#Skiplinks a {position:absolute; left:-6000px;}
#Skiplinks a:focus {display:block; border: 1px solid #365549; position:absolute; left:10em;top:0em; font-size: 80%}
.skip {position:absolute; left: -6000px; top:-6000px; height:0; line-height:0;}

/*Links*/
a {color: #365549;}
a:visited {color: #365549}
a:hover, a:focus {text-decoration:underline; color:#d0c126}
h1 a {color:#666;}
h2 a, h3.archive a {color: #365549; display: block; padding-bottom: 0.1em; border-bottom: 1px solid #365549;}
h2 a:visited, h3.archive a:visited {color: #ccc; border-bottom-color: #ccc;}
h2 a:hover, h2 a:focus, h3.archive a:focus, h3.archive a:hover{text-decoration: none; border-bottom-color:#d0c126; color: #d0c126;}
h3 a, h4 a, h5 a {color: #365549;}
h1 a:hover, h1 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus,h5 a:hover, h5 a:focus, {color: #365549;}


/*Formulare*/
input, textarea {width: 11em; padding: 3px 0; border: 1px solid #365549; display: inline; color:#365549;}
input:focus, textarea:focus {background-color:#d0c126}
textarea {width: 30em;}
#searchsubmit, #submit, #contactsubmit {width: auto; padding: 2px 0; margin-left: 5px; background-color: #365549; color:#d0c126;}
#Navi form {margin-bottom: 2em;}


/*Formate Banner*/
#Banner h1 {font-weight: normal; font-size: 280%;position: absolute; z-index; 100; top: 4em; width: 20.5em; text-align: right; }

/*Formate Navi*/
#Navi {padding-top: 30px;font-size: 80%; }
#Navi ul {list-style-type:none; padding-right: 1em;}
#Navi li ul {padding: 0.5em 0.5em 0.5em 20px; list-style-type: circle; margin-bottom:1.5em;}
#Navi li ul li {}
#Navi h2, #Navi h3 {font-size: 100%;}
#Navi p{font-size: 80%; line-height; 120%; margin:1em 1em 1em 0;}
#Navi a {color:#365549; }
#Navi a:hover, #Navi a:focus {color:#d0c126; font-weight:bold;}
#Navi ul.recent_comments {list-style-type:none; padding-left:0;}
#Navi ul.recent_comments li {margin-bottom: 0.7em;}
#Navi ul.recent_comments a {padding:0; font-weight:bold}

/*Formate Text*/
h1, h2, h3, h4, h5 {color: #365549;}
#Text h3, #Text p, #Text table {margin: 1em ;}
#Text h2 {margin: 0 0 0 0.8em;}
#Text small {margin: 0 0 3em 1.3em; font-size: 70%}
#Text ol, #Text ul {margin: 1em; border: 1px dotted #c1c200; padding: 1em 1em 1em 2em;}
#Text ul.linklist {border:none; list-style-type:none; padding-left:0.1em; margin-left:0;}
#Text ul.linklist ul {border:none; margin-bottom:0; margin-top:0}
#Text ul.linklist ul li {font-size: 100%; padding-bottom: 0.3em;}
#Text ul.linklist h3 {font-size:110%; margin-bottom:0; margin-top:0; padding-bottom:0}
#Text ul.linklist span {display:block; padding-top:0.2em;}
#Text table {width: 80%}
#Text h2 {font-size: 110%; font-weight: normal; margin-bottom: 0.3em}
#Text h3 {padding-top: 10px; font-size: 80%; font-weight: bold;}
#Text p {line-height: 160%; font-size:80%; margin-bottom: 10px;}
#Text p img {margin: 2px 8px 4px 0}
#Text p a {font-weight: bold;}
#Text li, #Text td, #Text th {font-size: 80%; line-height: 140%;}
#Text td, #Text th {border: 1px solid #d2dcff; padding: 2px; border-collapse:collapse; }
#Text li p {font-size:100%; padding: 0;}
#Text p.postmetadata {font-size: 80%;}
#Text p.commentmetadata {font-size: 90%; padding:0;}
#Text div.wp-caption {margin: 0.4em 0.5em 0.4em 1em}
.navigation {margin: 0 1em 0.8em 1em; float:left;}
.alignleft {width: 48%; font-size: 70%; float:left;}
.alignright {width: 48%; font-size: 70%; float:right;}
.post {margin-bottom: 3em;}
.commentlist {padding:2em;}

/*Tagwolke*/
.tagcloud {padding: 2em; text-align:center;}
input#comment_post_ID, input#_wp_unfiltered_html_comment {border:0; display:none;}
input[type=hidden] {display:none;}
div.social_bookmark {font-size: 80%}
div.social_bookmark img {border:none;}
#c_form_2 {font-size: 80%}

/*Formate Footer*/
#Footer p a {font-size: 70%}