@charset "UTF-8";
@import url("typographie_und_abstaende.css");
@import url("color.css");

/*
Theme Name: Zapps Blog Layout rot
Theme URI: http://zappsblog.de/
Description: Zapps Privattemplate
Version: 2.0
Author: Andreas Meyer
Author URI: http://zappsblog.de/

*/

* {margin:0;padding:0;}

/* Grundlegendes */
a {text-decoration: none;}
a:hover {text-decoration: underline;}

#navi a:hover {text-decoration:underline}

.unterbild {clear:left;}
abbr, acronym, .erklaerung {border-bottom: dotted 1px; cursor:help;}
ul, ol {list-style-type:none;}
fieldset {border:0;}

input {
	padding:2px;
	}

code, .commentcode{
	white-space:pre;
	padding:1em; 
	display:block; 
	overflow:auto;
	}
	
.commentcode br {display:none;}
	
.einschub{
	padding:1em; 
	clear:both;
	}

h2, h3  {clear:left;}

ul.liste {
	list-style-type:disc
	}
ol.liste {
	list-style-type:decimal;
	} 

ul.artikelliste li {
	list-style-type:disc;
	}	

table.texttabelle,
table.texttabelle td,
table.texttabelle tr  {
	border-collapse:collapse;
	}	
	
table.texttabelle td {
	padding:0.5em; 
	vertical-align:top; 
	}



	
/* Bilder */
ul.bildergallerie li {display:inline}
img {border:0;}

	
/* Besondere Klassen etc. */

.barriere, 
hr {
	position:absolute;
	left:0px;
	top:-5000px;
	width:1px;
	height:1px;
	overflow:hidden;
	}
.ton {
	padding-right:20px; 
	background: transparent url(../bilder/speaker-linkgruen.gif) no-repeat right center;
	}
.fussnote {
	clear:left;
	}
.referenzen {
	clear:left;
	padding:0 0 0 1em;
	}
.autoreferenz {
	clear:left;
	float:left;
	padding:0.5em 1em;
	position:relative
	}
.autoreferenz ol {
	display:none;
	clear:left;
	}
.autoreferenz ol li{  /* Kein Umbruch während Animation, trotzdem Umbruch, wenn Aufklappanimation beendet */                                              
	white-space: nowrap;
	overflow:hidden;
	}
.autoreferenz ol li.visible{
	white-space: normal;
	overflow: visible;
	}
.autoreferenz.ausgeblendet .schliesslink {
	display:none;
	}
.schliesslink {
	display:block;
	/*float:right;
	margin:-0.5em -0.6em 0 0;*/
	position: absolute;
	top:0;
	right:0.3em;
	}
* html .schliesslink {
	margin:0;
	}

.autolinkslink {
	display:block;
	}
.autolinkslink:focus {
	outline:0
	}

	
/*.autoreferenz .ausgeb {
	background: transparent url(../bilder/arrow-rdg.gif) no-repeat right 80%;
	padding-right:12px;
	text-decoration:underline
	}*/
	
/*.autoreferenz .eingeb {
	background: transparent url(../bilder/arrow-rug.gif) no-repeat right bottom;
	padding-right:12px;
	text-decoration: underline !important;
	}
	*/

/* clearfix */
.clearleft {clear:left;}
.clearleftfix:after {
	content:".";
	display:block;
	height:0;
	clear:left;
	visibility:hidden;
	}
 .clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearleftfix , .clearfix {display:inline-block;}

 /* Hide from IE Mac \*/
.clearleftfix, .clearfix {display:block;}
* html .clearleftfix {height:1px;}
* html .clearfix {height:1px;}
 /* End hide from IE Mac */

/* Grundlayout */

body{
    text-align:center;
	}

#header{
    position:relative;
    height:8em;
	}

#header #blogmotto {
    position:absolute;
    left:1.7em; 
	bottom:0.75em;
	}
* html #header #blogmotto{
	
	}
	
#header #blogmotto strong {
    padding-right:0.2em;
	}

#maincontent {
    text-align:left;
    max-width:65em;
    min-width:34em;
    padding:0.8em;
    }
* html #maincontent {
	width:65em;
	}
.breit#maincontent {                     /* für JavaScript*/
	max-width:none !important;
	}	
* html .breit#maincontent {
	width:auto !important;
	}

/* Horizontale Navi */
#hauptnavi {
	position: relative;
    padding:0 1.4em;
	}
#hauptnavi li {
	display:inline;
	}


#hauptnavi a {
    padding:0.25em 0.5em;
	}



/* Sidebar */
#navi {
    width:12.8em;
    float:right;
	}
		  

.widget,
#navi .navirubrik {
	padding: 0.75em;
	}
	
* html #navi .navirubrik,
* html #navi .widget{
	height:1px;
	}

*:first-child+html .navirubrik{
	overflow:hidden;   /* hasLayout für IE7 */
	}
		  
#navi #login fieldset#nutzerdaten label,
#navi #login fieldset#nutzerdaten input {
	display:block;
	} 
#navi #login #register {
	padding-left:0.5em;
	}


#navi #rssadv .rssadv, 
#navi #rssadv .wsadv {
	display:block;
	position:relative;
	padding-left:24px;
	}
#navi #rssadv .rssadv span,
#navi #rssadv .wsadv span  {
	position:absolute; 
	bottom:0; 
	}
* html #navi #rssadv .rssadv, 
* html #navi #rssadv .wsadv {height:24px;}

#navi ul  {
	text-align:left !important; 		/*wegen Webslice-Angaben*/
	width:auto !important;  
	margin:0 !important; 
	padding:0 !important;
	}

#navi ul li {
    padding: 0 !important;				/*wegen Webslice-Angaben*/
    overflow:hidden !important;
	list-style-type:none !important;
	}


	
#navi .suche input {
	vertical-align:middle;
	}
#navi .suche form {
	white-space:nowrap;
	}
	
/* Hauptinhalt, Artikel */

#content {
    padding:0.8em 0.8em 0.8em 0;
    }
#content .mainpost,
#content .tagpost, 
#content .searchpost,
#content .singlepost{
	padding-bottom:0 !important;
	}
#content .post, 
#content #suchergebnis, 
#newsearch,
#archiv, 
#blogroll,
#impressum, 
#rss , 
#fehlerseite{
	padding:1.2em 1.6em;
	}
.post .storyBody {
	overflow:auto;
	}
* html .post .storyBody{
	width:99%; 					 /*Verhindert herauslaufen von übergrossen Bildern im alten IE*/
	}

.post .storyBody .dialog {
	padding:1em 1.25em; 
	}
.post .storyBody .dialog dl dt,
.post .storyBody .dialog dl dd {
	display:block;
	}

/* Metadaten zum Artikel, Links */
#content .post .postdaten  {
	padding:0.5em 0;
	text-align:center;
	clear:left;
	}
.postdaten li {
	display: inline;
	}
.postdaten ul {
	text-align: center; 
	}
.utwtags {
	display:inline; 
	white-space:nowrap;
	text-align:center;
	}
.utwtags ul, 
.utwtags li {
	display:inline; 
	text-align:left;
	}
.editlink {float:right;}	 /*Sichtbar nur für Admin */


/* Zusätzliche Navigation auf Artikel-Einzelseiten */
.navigation {
	padding:0.2em 0;
	text-align:center;
	background:transparent url(../bilder/punkte.gif) repeat-x center center;
	}
.navigation .nextlink {
	float:right; 
	padding:0 1em;
	}
.navigation .prevlink {
	float:left; 
	padding:0 1em 0 1em;
	}
	
/* Footer */
#footer {
		clear:both;
		min-height:3em;
		}
* html #footer {height:3em;}

/* Kommentar-Bereich; Comment area*/

#kommentare {
	padding:0.8em;
	}
#commentlist, 
#trackbacklist, 
#vorschaulist {
	list-style-type:none;
	}
#commentlist li, 
#trackbacklist li ,
#vorschaulist li{
    padding: 0.8em;
	position:relative;
	}
#commentlist li li,
#trackbacklist li li, 
#vorschaulist li li {
	padding:0;
	position: static;
	}
	
#commentlist li .liste,
#trackbacklist li .liste,
#vorschaulist li .liste {
	padding-left:1.5em;
	}

* html #commentlist blockquote {height:1px;}
* html #commentform blockquote {height:1px;}


#commentform, 
#subscribeform  {
	padding:1em;
    }
div#subscribeform {
	padding-bottom:1px;
	}
						

						
#commentform textarea, 
#commentform ul input {
	padding:2px;
	}
#commentform ul {
	list-style-type:none; 
	}
#commentform .quicktags li {
	display:inline;
	padding-right:0.25em;
	}

/*Subscribe to comments-Plugin*/
#commentform p.subscribe-to-comments label {
	vertical-align:middle;
	}
div.subscription-manager fieldset {
	padding-top:0.25em;
	}
								

/* Pagebar-Navigation*/
	
#footer .pagebar{
	padding:10px 0;
    text-align:center;
	position:relative;
	}

#suchergebnisse .pagebar {
	padding:1.2em 1.6em;
	text-align:center;	
	}

.pagebar a, 
.pagebar a:visited,
.pagebar .break,
.pageList .this-page,
.pagebar .this-page,
#hauptnavi .pagebar a, 
#hauptnavi .pageList .this-page, 
#hauptnavi .pagebar a:link,
#hauptnavi .pagebar a:visited,
#hauptnavi .pagebar .break{
	padding: 2px 6px;
	}
.pagebar .this-page
#hauptnavi .pagebar .this-page{
	vertical-align: top;
	}

#hauptnavi .toppagebar {
	position: absolute;
	right:1.6em;
	top:50%;
	margin-top:-0.65em;
	/*float:right; 
	padding-top:0.2em;*/
	}
	
	
/*Thickbox*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* *{padding: 0; margin: 0;} */

#TB_secondLine {
	padding:0.25em 0;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../bilder/macffbghack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:2.2em;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
	font-size:0.8em;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}