/*
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:#ffffff url(images/body_bg.jpg) repeat-x;
color: #666666;
font: 80% Verdana,Arial,Helvetica,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;
}
#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	display:block;
	height:95px;
	left:10px;
	position:absolute;	
	width:340px;
	top:-53px;
}

#logo span {
display:none;
}

div#topnavi {
height:70px;
position:absolute;
right:28px;
top:-40px;
}



div#topnavi ul {
background-image:url(images/topnav-right.jpg);
background-position:right center;
background-repeat:no-repeat;
}

#topnavi li {
background:#3261BC;
float:left;
height:40px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#topnavi li a.first {
background-image:none;
}

#topnavi li a {
color:#FFFFFF;
display:block;
font-size:13px;
font-weight:normal;
padding:10px 15px;
text-decoration:none;
/*
background-image:url(images/topnav-trenner.jpg);
background-position:0 6px;
background-repeat:no-repeat;
color:#FFFFFF !important;
display:block;
font-size:11px;
font-weight:bold;
padding:15px 13px;
text-decoration:none;
*/
}
/*---| Wrapper |---*/

#wrapper {
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
color:#666666;
height:100%;
margin:0 auto;
text-align:left;
width:1005px;
}

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

#kopf {
background: #ffffff url(images/top.jpg) center no-repeat;
color: #b8c5b7;
text-align: right;
height: 221px;
padding-right: 15px;
border: 0px none;
position:relative;
top:60px;
margin-bottom:60px;
z-index:1000;
}
#kopf h1 {
font-size: 2.6em;
font-weight: normal;
padding-top: 30px;
}

H3#respond {
	margin-top:20px;	
}
#kopf a:hover,
#kopf a:active,
#kopf a:focus {
color: #ededed;
}
#suche {
	display:inline;
	float:right;
	margin-top:165px;
	padding:5px 15px;
	width:330px;
}
#breadcrumb {
margin: 0 185px;
}

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

#sidebar {
display: inline;
margin-top: 10px;
width: 360px;
float: right;
clear: both;
}
#sidebar a:link,
#sidebar a:visited {
color: #3B5EA8;
background: inherit;
text-decoration:none;
}
#sidebar a:hover,
#sidebar a:active,
#sidebar a:focus {
color: #5B7EC8;
background: inherit;
}
#sidebar ul ul {
margin-bottom: 15px;
}

#sidebar ul ul.children {
margin-bottom: 0px;
margin-left:10px;
}

#sidebar h2 {
	background-color:#F2F2F2;
	color:#3B5EA8;
	font-size:1.1em;
	margin-bottom:5px;
	margin-right:2px;
	margin-top:20px;
	padding:2px 3px;
}

#sidebar ul li {
list-style: none;
line-height: 1.5em;
}
#rechts,
#links {
width: 160px;
overflow: hidden;
padding: 10px;
float: right;
font-size: .95em;
}

#double {
width: 320px;
overflow: hidden;
padding: 10px;
margin-right:10px;
float: right;
font-size: .95em;
}
/*--- | Inhaltsbereich - allgemeingültige Formatierungen |---*/

#content {
margin: 0 360px 3px 3px;
background: #fff;
color: #666666;
padding: 20px;
}
#content a:link,
#content a:visited {
color: #3B5EA8;
background: inherit;
text-decoration:none;
}
#content a:hover,
#content a:active,
#content a:focus {
color: #004da3;
background: inherit;
}
#content p {
line-height: 1.7em;
}

.text p {
	padding-bottom:15px;
}
#content ul li {
list-style-image: url(images/list.gif);
}

#content ul  li {
list-style-image: url(images/list.gif);
list-style-position:inherit;
list-style-type:none;
padding-top:5px;
}

#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 blockquote {
background:#FAFAFA url(images/quote1.gif) no-repeat scroll 10px 10px;
border:1px solid #CCCCCC;
margin:0 0 1em;
padding:35px 20px 0;
}
#content .quote_bottom {
background:#FAFAFA url(images/quote2.gif) no-repeat scroll right center;
height:30px;
margin-right:-10px;
}

#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;
text-align:left;
}
#content th {
font-weight: bold;
background: #77CEF4;
border: 1px solid #fff;
color: #3B5EA8;
padding: .2em;
}
#content td {
background: #ededed;
color: inherit;
border: 1px solid #fff;
padding: .2em;
}

#content td.nospace {
background: #fff;
color: inherit;
border: 1px solid #ededed;
padding: 0em;
}

#content td.small { 
	background: #fff;
	font-size:0.7em; 
	padding: .2em;
}
/*---| Inhaltsbereich - Beiträge und Kommentare |---*/

#content .datum {
width: 50px;
float: left;
text-align: center;
background: #77CEF4;
color: #fff;
}
#content .jahr {
display: block;
font-size: 1.0em;
font-weight: bold;
background: #33559F;
color: #fff;
}
#content .monat {
display: block;
font-size: .8em;
}
#content .tag {
display: block;
font-size: 1.8em;
margin-top: 5px;
}
#content .ueberschrift {
padding: 3px 0 15px 0;
font-size: 1.2em; 
text-align: left;
}
#content .beitragskopf h2 {
margin-left: 60px;
}
#content .beitrag {
padding: 5px;
margin-bottom: 10px;
overflow: hidden;
}
#content .beitragsinfo {
padding: 5px 0;
font-size: 0.8em;
margin-left: 60px;
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 {
background-color:#33559F;
clear:both;
color:#FFFFFF;
font-size:0.8em;
padding:10px 0 20px 10px;
}
#fuss a:link,
#fuss a:visited {
color: #FFFFFF;
background: #33559F;
text-decoration:none;
}
#fuss a:hover,
#fuss a:active,
#fuss a:focus {
color: #ffffff;
background: #33559F;
}

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

#searchform {
padding: 10px 0 0 0;
}
#searchform input {
background:#3B5EA8 none repeat scroll 0 0;
color:#FFFFFF;
cursor:pointer;
font-size:1.2em;
}

#searchform #s {
background-image:url(images/searchform-input-bg.jpg);
background-repeat:repeat-x;
border:1px solid #999999;
color:#666666;
cursor:default;
font-size:1.2em;
font-weight:normal;
padding:3px;
width:180px;
}

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

#wp-calendar {
border-collapse: collapse;
line-height: 1.3em;
margin-bottom: 15px;
color: #fff;
background: #77CEF4;
}
#wp-calendar caption {
background-color:#F3F3F3;
color:#3B5EA8;
font-size:1.1em;
font-weight:bold;
margin-bottom:0;
padding:5px;
text-align:left;
}
#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;
}
#wp-calendar tbody td a:link,
#wp-calendar tbody td a:visited {
color: #3B5EA8;
font-weight:bold;
}
#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: #394394;
color: #fff;
}
#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 |---*/

hr,
#kopfzeilenmenue h2 {
display: none;
}

/*  Twitter -- */

div.twitterbox {
	border:1px solid #999;	
}
ul.twitter {
	background: #f1fbfc url(images/twitter_bg.png) no-repeat;
	background-position:right top;
	background-repeat:no-repeat;
	font-size:0.8em;
	margin-left:-10px !important;
	margin-right:-10px !important;
	margin-top:-10px !important;
	padding-left:10px !important;
	padding-right:10px !important;
	padding-top:90px !important;
	position:relative;
}
/*
ul.twitter {
	background-image:url(img/twitter_bg.png);
	background-position:right 5px;
	background-repeat:no-repeat;
	font-size:0.8em;
	margin-top:-30px !important;
	padding-top:90px !important;
	position:relative;
} */
li.twitter-item{
	position:relative;
	border-bottom:1px dotted #CCCCCC;
	padding-top:5px !important;
	padding-bottom:5px !important;
	font-size:0.9em !important;
}
p.twitter-message:{ font-size:0.8em;}
.twitter-timestamp{}
a.twitter-link{ display:inline !important; border:0 none !important; padding:0 !important;}
a.twitter-user{}
.twitterbox {  }

.twitter_title_link { float:right; clear:both; margin-bottom:20px;}


.wp-caption img {
border:0 none;
}

.wp-caption-text {
	font-size:0.75em;
	font-style:italic;
	padding-left:5px;
	text-align:left;
}

.alignleft {
	float:left;
	margin:0 5px 5px 0;
	padding:0;
	text-align:center;
}
.wp-caption {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#D1EFFD;
	border:1px solid #79CEF5;
	margin:10px 10px 5px 0;
	padding-top:4px;
	text-align:center;
}

ul.commentlist {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:100%;
}

.commentlist li {
background:#F5F5F5 url(images/bg-comment.jpg) repeat-x scroll 0 0 !important;
border:1px solid #DADADA;
font-size:0.9em;
line-height:1.3em;
margin:20px 0 10px !important;
padding:15px !important;
position:relative;
list-style-image:none !important;
}

.commentlist cite a:hover {
text-decoration:underline;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
color:#EC8415;
font-size:1em;
font-style:normal;
font-weight:bold;
line-height:normal;
text-decoration:none;
}

.commentmetadata {
border-bottom:1px solid #DADADA;
font-size:0.8em;
margin-left:65px;
margin-top:5px;
padding-bottom:5px;
}
.commentlist p {
margin:5px 5px 10px 65px;
}
.gravatar {
background:transparent url(images/hg-gravatar.jpg) no-repeat scroll 0 0;
float:left;
height:40px;
margin-right:15px;
padding:5px;
position:relative;
width:40px;
}