/*
Theme Name: Reise-Der-Buchstaben
Theme URI: http://www.reise-der-buchstaben.de
Description: A magazine-style layout for Wordpress MU
Version: 1.0
Author: Christoph Egger
Author URI: http://www.wm-medien.de

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php



/* HTML Elements */

* {
	margin:0;
	padding:0;
	}

body,html {
	min-height:101%;
	}

body {
	background: #FFF;
	color: #333333;
	}

body, select, input, textarea {
	font: 100% Arial, Verdana, Sans-Serif;
	background: url(images/header.png) no-repeat;
	background-position: center top;
	}

#datenschutz{
	margin-bottom: 300px;
}
	
p {
	margin: 15px 0;
	}

a:link, a:visited {
	color: #21628C;
	text-decoration:none;
	border: none;
	}

a:hover, a:active {
	color:#333;
	/*text-decoration:underline;*/
	}

hr {
	display: block;
	height:1px;
	background:#CCC;
	border:0;
	}
iframe {
	border: none;
	}
small {
	font-size: 0.95em;
	background:#F2F2F2;
	padding:3px 6px;
	}

#normal {
	padding-top: 5px;
	}	
	
#small {
	font-size: 0.75em;
	background: #F2F2F2;
	margin-left: 240px;
	padding: 15px;
	margin-bottom: 350px;
	}

img, a:link img, a:visited img {
	border: none;
	}

/* Structure */

#page {
	width: 898px;
	margin:0 auto;
	padding: 0;
	font-size:0.92em;
	font-weight: lighter;
	text-align: center;
	line-height: 1.4em;
	word-spacing: normal;
	font-family: Georgia;
	letter-spacing: 0;

}

#henk {
	margin-top: 10px;
	margin-bottom: 50px;
}

#stark {
	margin-bottom: 350px;
}

#geschichte{
	margin-top: 10px;
	margin-bottom: 350px;
}

#capital{
	font-family: Georgia;
	font-size: 2.0em;
}

#A {
	font-weight: bold;
	/*color: #f39710;*/
}

#B {
	font-weight: bold;
	/*color: #be8dba;*/
}

#E {
	font-weight: bold;
	/*color: #dc2122;*/
}

#F {
	font-weight: bold;
	/*color: #98d5eb;*/
}

#G {
	font-weight: bold;
	/*color: #ffe300;*/
}

#M {
	font-weight: bold;
	/*color: #f39710;*/
}
	
#logo {
	display: block;
	width: 330px;
	text-align: center;
	height: 67px;
	background: url(images/logo.png) no-repeat 0 0;
	margin: 0 auto;
	margin-top: 30px;
	cursor: pointer;
}

#logo:hover{
	background: url(images/logo.png) no-repeat 0 -67px;
}

#logo a{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

#nav{
	background: none;
	background-color: none;
	height: 130px;
}

#nav_impressum{
	display: block;
	position: absolute;
	width: 88px;
	height: 20px;
	right: 50%;
	top: 5px;
	margin-right: 350px;
	cursor: pointer;
	background: url(images/nav_impressum.png) no-repeat 0 0;
}

#nav_impressum:hover{
	background: url(images/nav_impressum.png) no-repeat 0 -20px;
}

#nav_impressum a{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

#nav_autoren{
	display: block;
	position: absolute;
	width: 187px;
	height: 55px;
	right: 50%;
	top: 115px;
	margin-right: -120px;
	cursor: pointer;
	background: url(images/nav_autoren.png) no-repeat 0 0;
}

#nav_autoren:hover{
	background: url(images/nav_autoren.png) no-repeat 0 -55px;
}

#nav_autoren a{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

#nav_leseproben{
	display: block;
	position: absolute;
	width: 167px;
	height: 55px;
	right: 50%;
	top: 145px;
	margin-right: 200px;
	cursor: pointer;
	background: url(images/nav_leseproben.png) no-repeat 0 0;
}

#nav_leseproben:hover{
	background: url(images/nav_leseproben.png) no-repeat 0 -55px;
}

#nav_leseproben a{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

#nav_geschichte{
	display: block;
	position: absolute;
	width: 193px;
	height: 55px;
	right: 50%;
	top: 185px;
	margin-right: -310px;
	cursor: pointer;
	background: url(images/nav_geschichte.png) no-repeat 0 0;
}

#nav_geschichte:hover{
	background: url(images/nav_geschichte.png) no-repeat 0 -55px;
}

#nav_geschichte a{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

#nav_feedback{
	display: block;
	position: absolute;
	width: 120px;
	height: 55px;
	top: 130px;
	right: 50%;
	margin-right: 30px;
	cursor: pointer;
	background: url(images/nav_feedback.png) no-repeat 0 0;
}

#nav_feedback:hover{
	background: url(images/nav_feedback.png) no-repeat 0 -55px;
}

#nav_feedback a{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

#nav_bestellen{
	display: block;
	position: absolute;
	width: 149px;
	height: 55px;
	right: 50%;
	top: 130px;
	margin-right: -400px;
	cursor: pointer;
	background: url(images/nav_bestellen.png) no-repeat 0 0;
}

#nav_bestellen:hover{
	background: url(images/nav_bestellen.png) no-repeat 0 -55px;
}

#nav_bestellen a{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

/* TOOLTIP * EZ */
#tooltip {
	border : 1px solid #000;
	border-width : 0px 1px 1px 0px;
	background: url(http://sport-und-design-drachen.de/wp/wp-content/themes/mimbo2.2/images/tooltip.jpg) no-repeat #eed;
	width : 120px;
	height:20px;
	padding : 0;
}
#tooltip p {
	margin : 2px 8px 3px 19px;
	color : #174575;
	font-size : 10px;
	font-family : "Lucida Sans Unicode", "Lucida Grande", Myriad, Arial;
	font-weight: bold;
}

/*	Headers */

h1 {
	font:2.95em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.02em;
	}

h2 {
	font: 2.3em Georgia;
	padding-top: 8px;
	padding-bottom:8px;
	padding-left: 15px;
	}

h3 {
	font: 1.3em Gergia;
	text-transform:uppercase;
	margin-bottom:4px;
	letter-spacing: 1px;
	color:#5f5f5f;
	}
	
h3#respond {
	margin:30px 0 0 0;
	padding-top:20px;
	background: url(images/diskussion.png) no-repeat;
	width: 150px;
	height: 15px;
	display:block;
	clear:both;
	}

h3#comments {
	margin-top:32px;
	display:block;
	clear:both;
	}

h4 {
	font-size:1.6em;
	margin-bottom:6px;
	}

.css_form_antispamtext {
	display: none;
}

.css_navigation_totalcount{
	display: none;
}

.css_navigation_char_position{
	display: none;
}

.css_navigation_overview{
	font-size: 1.2em;
}

.css_form_successmessage{
	color: #333333 !important;
}

.css_form_embedded p{
	display: none;
}



.css_form_submit_position{
	text-align: left !important
}

/* Content */

.entry {
	padding-bottom:10px;
	margin-bottom:5px;
	display:block;
	width: 100%;
	clear: both;
	}
.entry img {
	float:left;
	display: block;
	padding-right: 30px;
}
#content {
	width:898px;
	min-height: 650px;
	margin: 0 auto;
	background: url(images/footer.png) no-repeat;
	background-position: center bottom;
	text-align: left;
	padding-top: 15px;
	padding-right: 40px;
	padding-left: 15px;
	padding-bottom: 40px;
	/*border: 1px solid #CCC;*/
	}
	
.post {
	padding-left: 20px;
	padding-right: 20px;
}
	
#headline{
	margin-top: 15px;
	text-align:left
}
.description {
	font-size: 1.3em;
	font-weight: bold;
	color:#545454;
	margin-top:-1px;
	letter-spacing: 0.008em;
	}

.feature {
	background:#f2f2f2;
	padding:15px 15px 5px 15px;
	border-bottom:1px dotted #b6b6b6;
	border-top:1px dotted #b6b6b6;
	}

.feature:hover {
	background:#e9e9e9;
	}

.feature p, #rightcol p {
	margin:0;
	}
.title {
	font-size:1.2em;
	font-weight:bold;
	line-height:115%;
	}

h3 a:link, h3 a:visited {
	color:#5f5f5f;
	}
h3 a:hover, h3 a:active {
	color: #000;
	}

/* Float Properties*/

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

.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}