/*
Theme Name: SquareRoot
Theme URI: http://www.gabis-wordpress-templates.de/
Description: 3-spaltiges halbfluides Layout, widget-fähig, lokalisiert, ab WP Version 

1.5.2.
Version: 1.0
Author: Gabriele von der Ohe
Author URI: http://www.gabis-wordpress-templates.de/
*/

/*---| Dateiweite Einstellungen |---*/

* {
margin: 0;
padding: 0;
border: 0;
}
body {
background:#F5F5F5;
color: #ffffff;
font: 80% Palantino Linotype,Palantino Linotype,Palantino Linotype,sans-serif;
text-align: center;
}
input, textarea {
background: #ededed;
color: #3e4a3e;
margin: 0 10px 10px 0;
padding: .2em;
}
textarea {
overflow: auto;
}
.absenden,
#contactsubmit {
cursor: pointer;
}
.zentrieren {
text-align: center;
}
.clear {
clear: both;
}

/*---| Wrapper |---*/

#wrapper {
max-width: 1000px;
background: #b8c5b7;
color: #3e4a3e;
height: 100%;
margin: 0 auto;
text-align: left;
}

#wrapper a.title {
font-size: 1.2em;
}

#wrapper p {
margin-top: 0px;
margin-bottom: 0px;
}

/*---| Kopfbereich |---*/

#kopf {
background: #006400 url(images/header-1000w.jpg) center no-repeat;
color: #b8c5b7;
text-align: right;
height: 100px;
padding-right: 15px;
border: 5px solid #b8c5b7;
}
#kopf h1 {
font-size: 0em;
font-weight: normal;
padding-top: 0px;
}
#kopf a:link,
#kopf a:visited {
color: #b8c5b7;
background: transparent;
text-decoration:none;
}
#kopf a:hover,
#kopf a:active,
#kopf a:focus {
color: #ededed;
background: transparent;
}
#suche {
display: inline;
width: 330px;
float: right;
padding: 5px 15px;
}
#breadcrumb {
margin: 0 185px;
}

/*---| Navigationsleisten |---*/

#links,
#rechts {
display: inline;
width: 155px;
overflow:hidden;
margin-top: 15px;
}
#links a:link,
#links a:visited,
#rechts a:link,
#rechts a:visited {
color: #3e4a3c;
background: inherit;
text-decoration:none;
}
#links a:hover,
#links a:active,
#links a:focus,
#rechts a:hover,
#rechts a:active,
#rechts a:focus {
color: #e59900;
background: inherit;
}
#links {
float: right;
margin-left: 10px;
}
#rechts {
float: left;
margin-right: 10px;
}
#links h2,
#rechts h2 {
font-size: 1.0em;
margin-bottom: .6em;
}
#links ul,
#rechts ul {
list-style: none;
margin-bottom: 10px;
line-height: 1.5em;
font-size: 0.9em;
}
#links ul ul, 
#rechts ul ul {
border: 0;
margin: 0;
font-size: 1.0em;
}
#links ul h2,
#rechts ul h2 {
margin-top: .6em;
}
#links li,
#rechts li {
list-style: none;
}
.rss {
vertical-align: text-bottom;
}



/*--- | Inhaltsbereich - allgemeingültige Formatierungen |---*/

#content {

float: right;
	width: 650px;
	margin: 0px 0px 0px 0px;
background: #ffffff;
color: #3e4a3e;
padding: 15px 10px 20px 10px;
border-bottom: 1px dotted #C0C0C0;



}


#content a:link,
#content a:visited {
color: #006400;
background: inherit;
text-decoration:none;
}


#content a:hover,
#content a:active,
#content a:focus {
color: #e59900;
background: inherit;
}
#content ul li {
list-style-image: url(images/list.gif);
}
#content h2 {
font-size: 1.2em;
}
#content h3 {
font-size: 1.1em;
}
#content h4 {
font-size: 1.0em;
margin: .8em 0;
}
#content blockquote {
margin: 20px;
min-height: 55px;
text-align: justify;
font-style: oblique;
}
#content q {
font-style: oblique;
}
#content pre {
margin: 10px;
}
#content code,
#content pre {
font-size: 1.2em;
}
#content acronym, 
#content abbr {
border-bottom: 1px dashed #ededed;
cursor: help;
}
#content table {
border-collapse: collapse;
margin: 0 auto 0.8em auto;
margin: 1.0em;
}
#content caption {
font-weight: bold;
margin: 1.0em 0 1.0em 0;
}
#content th {
font-weight: bold;
background: #556b56;
border: 0px solid #ededed;
color: #ffffff;
}
#content td {
background: #ededed;
color: #ffffff;
border: 0px solid #ededed;
}

/*---| Inhaltsbereich - Beiträge und Kommentare |---*/

#content .datum {
width: 50px;
float: left;
text-align: center;
background: #ededed;
color: #006400;
}

#content .jahr {
display: block;
font-size: 1.0em;
font-weight: bold;
background: #006400;
color: #b8c5b7;
}
#content .monat {
display: block;
font-size: .8em;
}
#content .tag {
display: block;
font-size: 1.8em;
margin-top: 5px;
}

#content .ueberschrift {
padding: 3px 0;
font-size: 1.0em; 
letter-spacing: 1px;
text-align: right;
}
#content .beitragskopf h2 {
margin-left: 55px;
}
#content .beitrag {
padding: 5px;
margin-bottom: 10px;
overflow: hidden;
}
#content .beitragsinfo {
padding: 5px 0;
font-size: 0.8em;
margin-left: 5px;
border-bottom: 3px solid #ededed;
}
#content .beitragsfuss {
font-size: .8em;
border-top: 3px solid #ededed;
margin-top: 10px;
padding-top: 5px;
}
#content .beitrag ul, 
#content .beitrag ol {
margin: .8em 0 .8em 2.0em;
}
#content .text {
margin-top: 20px;
padding: 5px 0;
}
#content .seiten {
margin: 15px 0 0 15px;
}
#content .tags {
margin: 1.5em 0;
font-size: .8em;
}
#content #kommentare {
margin: 15px 0 0 5px;
float: left;
}
#content #kommentare ol {
margin-left: -8px;
}
#content #kommentare ol li {
list-style: none;
}
#content .kommentarkopf {
font-size: 0.8em;
padding: 5px 0;
}
#content .kommentar,
#content .autorenkommentar {
padding: 10px;
margin: 10px;
}
#content .kommentar {
background:#ededed;
color: #556b56;
}
#content .autorenkommentar {
background: #f9eedb;
color: #556b56;
}
#content .bearbeiten {
font-style: oblique;
}

/*---| Seitennavigation |---*/

.navigation {
font-size: .8em;
padding: 20px 0;
}
.next {
float: left;
text-align: left;
width: 50%;
}
.prev {
float: right;
text-align: right;
width: 50%;
}

/*---| Fuss |---*/

#fuss {
color: #556b56;
clear: both;
font-size: 0.8em;
padding: 10px 0 20px 10px;
}
#fuss a:link,
#fuss a:visited {
color: #556b56;
text-decoration:none;
}
#fuss a:hover,
#fuss a:active,
#fuss a:focus {
color: #556b56;
}

/*---| Suchen |---*/

#searchform {
padding: 10px 0 0 0;
}
#searchform input {
cursor: pointer;
background: #b8c5b7;
color: #3e4a3e;
font-size: 1.3em;
}
#searchform input:hover {
background: #b8c5b7;
color: #ededed;
}
#searchform #s {
cursor: default;
background:#ededed;
color: #3e4a3e;
font-weight: normal;
font-size: 1.0em;
width: 180px;
padding: 3px;
}
#searchform #s:hover {
background:#fff;
color: #3e4a3e;
}





/*---| Kalender |---*/

#wp-calendar {
border-collapse: collapse;
line-height: 1.3em;
margin-bottom: 15px;
color: #3e4a3e;
background: #b8c5b7;
}
#wp-calendar caption {
text-align: left;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 5px;
}
#wp-calendar th {
text-align: center;
}
#wp-calendar table.nav, 
#wp-calendar th, 
#wp-calendar td {
padding: 1px 3px;
}
#wp-calendar td {
text-align: center;
}
#wp-calendar #next a {
padding-left: 1px;
text-align: right;
}
#wp-calendar #prev a {
padding-right: 1px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
text-align: center;
}
#wp-calendar tbody td a:link,
#wp-calendar tbody td a:visited {
color: #a60b02;
background: #b8c5b7;
}
#wp-calendar tbody td a:hover,
#wp-calendar tbody td a:active,
#wp-calendar tbody td a:focus {
color: #ededed;
background: #b8c5b7;
}
#wp-calendar #today {
background: #b8c5b7;
color: #ededed;
}
#wp-calendar #today a:link,
#wp-calendar #today a:visited
{
background: #b8c5b7;
color: #ededed;
}
#wp-calendar #today a:hover,
#wp-calendar #today a:active,
#wp-calendar #today a:focus {
background: #b8c5b7;
color: #a60b02;
}

/*---| nicht anzeigen |---*/







/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;


	}

a img {
	border: none;

	padding: 10px;
	margin: 0 0 0 0;
	display: inline;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */











/* Float Properties*/

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

.clearfloat {
	display:block
	}


.hppostmeta {
	width: 500px;
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px dotted #C0C0C0;