/*

	Theme Name: drei-spalten
	URI: http://clemens.orth.me.uk/
	Description: A simple 3 column design
	Version: 1.5.0 Public Beta
	Author: Clemens Orth
	Author URI: http://clemens.orth.me.uk/

	Relaxation_3column
	http://clemens.orth.me.uk/

	The 3 column relaxation theme comes with 2 sidebars which can be setup freely to show what ever you like. 
	This can be your flickr images, delicious bookmarks, last.fm songs and of course all your other blog stuff
	like blogroll, tags, recent comments, ... .
	
	The CSS, XHTML and design is released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	The photos in the header graphic are released under the cc licence. Check the URLs
	in the readme.txt file for more details.

	NOTE: The flickr stylesheet definition for the flickr badges (http://www.flickr.com) are at the end of this 
	of this stylesheet. They are also used for all other images in the 3rd column. So be carefull what you are 
	do to them.
	
*/

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background: #a9ac99;
	font-size: 15px;
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	padding: 0;
}

#buttonleft {
  position: relative;
  float: left;
}

#buttonright {
  position: relative;
  float: right;
}

#wrapper {
	float: left;
	margin: 0;
	padding: 0;
        width: 950px;
}
/* Hier rechtsbox eingefügt*/
#rechtsbox {
display: none;
width: 180px;
min-height: 498px;
border: 0px solid #000;
position: fixed;
top: 150px;
right: 280px;

}

@media screen and (min-width: 1780px) {
	#rechtsbox {
		display: inline;
	}
}
 /*bis hier rechtsbox eingefügt*/

blockquote {
	border-left: 1px solid #e0e0d0;
	padding-left: 10px;
	margin: 0 30px;
}

a {
	color: #06c;
	text-decoration: underline;
}

a:hover {
	color: #06c;
	text-decoration: underline;
	}

code {
	color: #005577;
	text-align: left;
}

h1, h1 a {
	color: #06c;
	font-size: 22px;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
	margin: 40px 0 0 0;
	padding: 0;
	text-decoration: none;
}

h2, h2 a {
	color: #06c;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0;
}

h3 {
	color: #005577;
	font-size: 13px;
	margin: 15px 0 15px 0;
	padding: 0;
}

h4 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ol, form {
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.6em;
	
}

small {
	font-size: 10px;
	line-height: 1.2em;
}

#comment {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #595949;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
	width: 350px;
}

#content {
	background: transparent;
	border: none;
	float: left;
	left: 200px;
	margin: 0;
	padding: 0 20px 30px 20px;
	text-align: left;
	width: 522px;
	overflow: hidden;
}

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

#content img {
	margin: 5px 15px 0 0;
	border: 1px solid #e0e0d0;
}

#email, #author {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #595949;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
}

#footer {
	clear: both;
	color: #808979;
	font-size: 11px;
	height: 65px;
	margin: 0;
}

#header {
	background: transparent;
	color: #a0a999;
	float: left;
	font-size: 11px;
	height: 300px;
	margin: 0;
	padding: 2px 34px 0px 5px;
	text-align: right;
	width: 950px;
}

#header a {
	color: #990000;
}

#header img {
	border: none;
padding: 0px 0px 0px 3px;
}

#page {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 950px;
}

#s {
	background: #ffffff;
	border: 1px solid #e0e0d0;
	color: #595949;
	font-size: 11px;
	height: 15px;
	padding-left: 2px;
	vertical-align: middle;
	width: 115px;
}

#sidebar {
	background: transparent;
	border: none;
	float: left;
	font-size: 11px;
	margin: 0;
        margin-top: 30px;
	padding: 0 27px 30px 20px;
	text-align: center;
	width: 168px;
}

#sidebar2 {
	background: transparent;
	border: none;
	float: right;
	font-size: 11px;
	margin: 0;
	padding: 0 27px 30px 0px;
	text-align: left;
	width: 168px;
}

#sidebar a {
	color: #06c;
	text-decoration: none;
}

#sidebar2 a {
	color: #06c;
	text-decoration: none;
}

#sidebar a:hover {
	color: #06c;
	text-decoration: underline;
}

#sidebar2 a:hover {
	color: #06c;
	text-decoration: underline;
}

#sidebar h2 {
	color: #617E8E;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.3em;
	margin: 20px 0 10px 0;
	padding: 0;
}

#sidebar2 h2 {
	color: #617E8E;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.3em;
	margin: 20px 0 10px 0;
	padding: 0;
}

#sidebar li {
	line-height: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar2 li {
	line-height: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#sidebar2 ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#noindent {
	margin: 0 0 0 -10px;
	padding: 0;
}
#noindent2 {
	margin: 0 0 0 -10px;
	padding: 0;
}

#submit {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #595949;
	font-size: 11px;
	margin: 0;
	padding: 0 10px;
}

#today {
	background: #ffffff;
}

#top {
	background: transparent url(images/top_docks.png) no-repeat top center;
	height: 350px;
}

#url {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #595949;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
}



.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}

.commentbody {
	color: #595949;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 15px 15px 5px 15px;
	background: #f7f7f0;
	border: 1px solid #f0f0e0;
	position: relative;
}

.commentbody p {
	line-height: 1.2em;
}

.commentlink {
	font-size: 10px;
}

.commentlist {
	list-style: none;
}

.commentcount {
	position: absolute;
	right: 36px;
	top: 0;
	font-family: Georgia,sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #e0e0d0;
	float: right;
}

html[xmlns] .commentcount {
	position: absolute;
	right: 7px;
	top: 0;
}

.date {
	color: #808979;
	font: 11px trebuchet ms,verdana,arial,helvetica,sans-serif;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0 0 0 2px;
}

.navigation {
	font-size: 11px;
	padding: 40px 0 0 0;
}

.pagetitle {
	font-size: 11px;
	letter-spacing: 0.09em;
	text-align: right;
}

.postmetadata {
	font-weight:bolder;
	font-size: 11px;
	letter-spacing: 0.09em;
	margin: 10px 0;
	padding: 0;
	text-align: left;
}


/* different postmetadata style for single.php */

.alt {
	line-height: 1.4em;
	padding: 0 0 15px 30px;
}

.alt a {
	color: #005577;
}


/* 	these are the styles for the flickr badges in the 3 column. feel free to edit them 
	to your own needs but do never rename them as the styles would not be applied correctly.  
*/

#flickr_badge_uber_wrapper {
	text-align:center; 
	width:150px;
}
#flickr_badge_wrapper {
	padding:10px 0 10px 0;
}
.flickr_badge_image {
	margin:0 10px 10px 0px
}
.flickr_badge_image img {
	border: 1px solid black !important;
}
#flickr_badge_source {
	text-align:left; margin:0 10px 0 0px;
}
#flickr_badge_icon {
	float:left; margin-right:5px;
}
#flickr_www {
	display:block; 
	padding:0 10px 0 00px !important; 
	font: 11px Arial, Helvetica, sans-serif !important; 
	color: #3993ff !important;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
	text-decoration:none !important; 
	background:inherit !important;
	color: #000000;
}
#flickr_badge_wrapper {}
#flickr_badge_source {
	padding:0 !important; 
	font: 11px Arial, Helvetica, sans-serif !important; 
	color: #000000 !important;
}
.rechts { float: right; margin-left: 20px; }
.links { float: left; margin-right: 20px; }