/*
Theme Name: Tranquility white
Theme URI: http://www.roytanck.com
Description: Minimalist two-column theme with a small Flash animation. Uses SWFObject embed by Geoff Stearns to degrade gracefully on non-flash systems. Version 1.1 adds widget support, 1.2 restores WP 2.0.x support.
Version: 1.2
Author: Roy Tanck
*/


.active {font-weight:bold}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #fff;
	text-align: center;
	padding:0;
	border-top: 20px solid #eee;
}


a { color: #793; text-decoration: underline; }
a img { border: none; }
a:visited { color: #793; }
a:hover { color: #ac6; text-decoration: underline; }

ul, ol {
	padding-left: 20px;
	margin-bottom: 10px;
}
li {
	padding: 5px;
}

h2 {
	font-size: 1.5em;
	color: #808080;
	margin: 20px 0 15px 0;
}

h3 {
   color: #FF9933; 
   margin:18px 0 8px 0;
	font-size: 1.em;
}
h4 {
   color: #808080; 
   margin: 20px 0 5px 0;
   font-size: 1.0em;
   font-weight: bold;
}
#rap {
	width: 840px;
	margin: 0 auto;
	padding: 0 0 16px 0;
	text-align: left;
}

/* header styles */

#header{
	margin-bottom: 35px;
	padding-top: 30px;
        border-bottom: 2px solid #eee;
	line-height:2em;
}

#header #flash{
	float: left;
	margin: 0 6px 0 0;
}

#header h1{
	margin: 16px 0 10px 0;
}

#header h1 a {
	font-size: 40px;
	letter-spacing: -0.05em;
		color: #FF9933;
	font-weight: normal;
	text-decoration: none;
}

#header h2 {
	font-size: 15px;
	font-weight: normal;
margin: 0 0 0 7px;
	color: #999;
}

/*** horizontale navi ***/
#header ul {
	margin-top: 0px;
	padding: 0px 20px 0px 0px;
        font-size: 15px;
	text-align: right;
}
#header li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 5px;
}
#header li a{
	text-decoration: none;
}

/* sidebar styles */

#menu {
	float: right;
	width: 220px;
	padding-bottom: 40px;
	list-style-type: none;
	font-size: 0.9em;
}

#menu ul {
	list-style-type: none;
	margin-bottom: 20px;
}

#menu ul {
	padding: 0 0 0 15px;
	color: #666;
}

#menu ul li {
	list-style-type: disc;
        margin: 0 0 0 8px;
        padding: 0px 0px 5px 0px;
/*line-height: 2.0em;*/
}

#menu ul ul {
	margin-bottom: 5px;
}

#menu ul h2{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	margin-bottom: 3px;
}


#menu #search {
	margin-bottom: 20px;
}

/*** Newsletter AD ***/

#nlad{
	background: fff;
	/*font-size: 12px;*/
}
#nlad ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border: 2px dashed #FF9933;
	/*#DC143C; rot */
}
#nlad ul li {
	display: inline;
        padding: 0px;
	margin: 0px;
line-height:1.4em;
}
	
#nlad ul li a {
	color: #c60000;
	text-decoration: underline;
	margin: 0px;
	padding: 5px 10px 5px 0px;
	font-weight: bolder;
	/*border-top: 1px solid #C0C0C0;*/
	}
#nlad ul li a:hover { color: #ac6; }

/** Impressum **/
#impressum {
        text-align: right;
        margin: 0 20px 25px 0;
}

/** kleine Cloud in Sidebars 
#blog_tags a {color: #FF9933;}
#blog_tags a:hover { color: #ac6; font-weight:bold; }
**/

/* content styles */

#content {
	margin: 0 260px 0 15px;
}

#content_sidebarlos {
	margin: 0 0 0 15px;
}

.post {
	margin-bottom: 30px;
	line-height: 150%;
}

.storytitle {
	margin-bottom: 8px;
        line-height:2.0em;
}

.storytitle a {
	font-size: 22px;
/*	letter-spacing: -0.05em;*/
	color: #808080;
	font-weight: normal;
	text-decoration: none;
}

/********* Bilder div mit Bildunterschrift als Label **/
#gb_bild {
      background: #fff;
      float: right;
      padding: 5px 10px 0 10px;
      margin: 0 0 20px 0;
      font-size: 0.9em;
      color: #808080;
      text-align:center;
      width:126px;
      line-height: 1.2em;
}
#workshop_coach{
      background: #fff;
      float: right;
      padding: 5px 10px 0 10px;
      margin: 0 0 20px 0;
      font-size: 0.9em;
      color: #808080;
      text-align:center;
      width:320px;
      line-height: 1.4em;
}

/**** Sektion mit Werbung _AD ***/
.adsectitle {
	font-size: 28px;
	letter-spacing: -0.05em;
	/*color: #ff9933;*/
color: #08C;
	font-weight: normal;
	text-decoration: none;
          margin:0 0 5px 0;
}

.adsecstory{
	margin-bottom: 10px;
}
.adsecstory ul{
	margin:12px 0 0 30px;
}
.meta, .meta a {
	font-size: 0.9em;
	color: #999;
	margin-bottom: 10px;
}

.storycontent{
	margin-bottom: 10px;
}

.storycontent img {
	/*border: 10px solid #ddd;*/
margin: 4px 10px 10px 0;
float:left;
}

.storycontent img.wp-smiley { border: none; margin: 0; }

.storycontent ul, .storycontent ol {
	padding-left: 30px;
	margin-bottom: 20px;
}
.redboldcenter {
        color:#c60000;
        margin: 20px 0 20px 100px; 
        font-weight:bold; 
}

.beispiel {
font-family:courier new;
   font-size: 1em;
        margin: 0px 0 10px 25px;
        padding-left:10px; 
        border-left:solid 5px #ff9933;
        color:#444;
}

blockquote, code {
	display: block;
	/*padding: 0 0 10px 10px;*/
	border: 0px solid #ccc;
	background-color: #fff;
	margin: 0 10px 10px 25px;
}


/** Tags Design **/
#abgelegt {
/* in default genutzt */
   font-size: 0.9em;
}

#abgelegt a{
   font-size: 0.9em;
   color: #FF9933;
}
#abgelegt a:hover{
   color:blue;
}
/* Ende Tags */
/* comment styles */


.comments {
	list-style-type: none;
	margin-bottom: 20px;
	width: 560px;
	overflow:hidden;
}

.comments li {
	padding: 6px 10px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	overflow:hidden;
}

.comments cite {
	font-size: 10px;
	color: #999;
}


textarea {
	width: 540px;
	padding: 6px 10px;
}

input { vertical-align: middle;}


p {	margin-bottom: 10px;}


/* footer styles */

.credit {
	background-color: #eee;
	padding-top: 12px;
	font-size: 9px;
	clear:both;
}

.credit p {
	width: 810px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 20px;
}
.credit a {
	text-decoration: none;
}

/* Klasse fuer z.B. Fussnoten */ 
.klein_grau {
	font-size: 0.9em;
	color: #999;
}