@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);

/* ----------------------------------------------------- Page layout */

body {
font: normal 0.8125em/1.5385 "Lucida Grande", "Lucida Sans Unicode", calibri, arial, sans-serif;
color: #202020;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
font-family: arial, sans-serif;
}

a:link, a:visited {
color: #202020;
text-decoration: underline;
}

a:focus, a:hover, a:active {
color: #FBBD00;
text-decoration: none;
}


#wrapper {
width: 860px;
margin: 0 auto;
position: relative;
left: 30px;
}


#logo {
display: block;
height: 100px;
width: 511px;
background: url(img/logo.gif) 0 20px no-repeat;
text-indent: -99999em;
}

#navi {
position: relative;
background: #fbbd00 url(img/navi-zierde.gif) left bottom no-repeat;
height: 2.6923em;
margin-bottom: 40px;
}

#navi ul {
overflow: hidden;
width: 507px;
padding-left: 5px;
}

#navi li {
float: left;
margin: 0 0.3em;
line-height: 1.6em;
padding: 0 0.7em;
height: 1.5em;
}

#navi a:link,
#navi a:visited {
text-decoration: none;
color: #202020;
}

#navi a:focus,
#navi a:hover,
#navi a:active {
text-decoration: underline;
color: #000;
}

#navi li.active {
background: #FFD34F;
border-top: 1px solid #FBBD00;
line-height: 1.4em;
height: 19px;
}

#navi #feeds {
position: absolute;
left: 590px;
top: 2px;
width: 110px;
}

#navi #feeds a {
background: url(img/rss.gif) 0 1px no-repeat;
padding-left: 18px;
display: block;
font-size: 0.9231em;
line-height: 1.25em;
}

#navi #search {
position: absolute;
left: 700px;
top: 6px;
}

#navi #search input.text {
vertical-align: middle;
width: 110px;
border: 1px solid #787878;
color: #aaa;
line-height: 23px;
height: 18px;
padding: 1px 0 0 3px;
font-size: 13px;
}

#navi #search input.button {
vertical-align: middle;
width: 35px;
background: #FBBD00;
border: 1px solid #717171;
padding: 0 2px 0 0;
color: #717171;
height: 21px;
line-height: 18px;
font-size: 13px;
}

#navi #search input.button:hover {
background: #FFD34F;
border: 1px solid #717171;
}

/* ----------------------------------------------------- Main Body */

#content {
width: 512px;
float: left;
padding-bottom: 5em;
padding-top: 1px;
}

#wrapper .specialheader {
overflow: hidden;
background: url(img/thickline.gif) left bottom repeat-x;
font-size: 1em;
}

.specialheader span {
float: left;
padding: 0 6em 0.1em 10px;
background: url(img/date-keil.png) right bottom no-repeat !important;
background: url(img/date-keil.gif) right bottom no-repeat;
font-size: 1.3846em;
line-height: 1em;
font-weight: bold;
color: #fff;
}

.article {
margin: 2em 0 0 0;
}

.singleview {
margin-top: 1.1em;
}

.summary .content {
background: url(img/tasse.png) right top no-repeat !important;
background: url(img/tasse.gif) right top no-repeat;
padding: 30px 10px 15px 10px;
margin-top: -33px;
margin-bottom: -2em;
position: relative;
line-height: 1.5385em;
}

.summary .artfooter {
background-color: #fef0b8;
position: relative;
}

.article h1 {
font-weight: normal;
background: url(img/article-icon.gif) 0 2px no-repeat;
padding: 0 0 0 26px;
font-size: 1.5385em;
line-height: 1.1em;
}

blockquote {
margin-bottom: 0.6154em;
padding-left: 30px;
padding-right: 40px;
}

blockquote p {
padding-left: 30px;
background: url(img/quotes.gif) 0 1px no-repeat;
color: #777;
display: inline;
}


.article h2,
.article h3 {
font-weight: bold;
margin: 1em 0 0.6154em 0;
font-size: 1.1538em;
color: #444;
}

#content ul li {
padding-left: 14px;
background: url(img/bullet.gif) 1px 0.5385em no-repeat;
margin-bottom: 0.3077em;
}

#content ol li {
list-style: decimal outside;
margin-left: 2.5em;
}

.article h1 a:link,
.article h1 a:visited {
color: #202020;
text-decoration: none;
}

#content .article a:focus,
#content .article a:hover,
#content .article a:active {
color: #fbbd00;
text-decoration: none;
}

.article p.subline {
margin: 0.5em 0 1.1em 0;
color: #666;
}

.article p.subline a:link,
.article p.subline a:visited {
color: #666;
text-decoration: underline;
}

.article p, 
.article ul,
.article ol,
.kommentarbox p {
margin-bottom: 0.6154em;
line-height: 1.5385em;
}

.artfooter {
margin: 12px 0 3.5em 0;
overflow: hidden;
background: url(img/thickline.gif) left bottom repeat-x;
}

.summary .artfooter {
margin-top: 20px;
}

.artfooter p a:link,
.artfooter p a:visited {
color: #fff;
}

#content .artfooter p a:focus,
#content .artfooter p a:hover,
#content .artfooter p a:active {
color: #202020;
text-decoration: underline;
}

.artfooter p.more {
float: left;
padding: 1px 8em 4px 10px;
margin: 0;
line-height: 1.1em;
background: url(img/date-keil.png) right bottom no-repeat !important;
background: url(img/date-keil.gif) right bottom no-repeat;
}

.artfooter p.kommentare {
float: right;
padding: 1px 10px 4px 8em;
margin: 0;
line-height: 1.1em;
background: url(img/date-keil2.png) left bottom no-repeat !important;
background: url(img/date-keil2.gif) left bottom no-repeat;
}

.artfooter p.kommentare a {
background: url(img/komm.gif) 0 50% no-repeat;
padding-left: 14px;
}

.artfooter p.kommentare a:hover {
background-image: url(img/komm2.gif);
}


#paging {
overflow: hidden;
margin: 2em 0 0 0;
}

#paging li {
width: 40%;
display: block;
font-size: 12px;
line-height: 15px;
min-height: 27px;
}

#paging .left {
float: left;
padding-left: 20px;
background: url(img/arrowleft.gif) 0 1px no-repeat;
}

#paging .right {
float: right;
text-align: right;
padding-right: 20px;
background: url(img/arrowright.gif) right 1px no-repeat;
}

.searchresult {
border-bottom: 1px solid #FBBD00;
margin-bottom: -10px;
padding-bottom: 10px;
}

p.back {
margin-top: 30px;
padding-left: 20px;
background: url(img/arrowleft.gif) 0 2px no-repeat;
}

/* ----------------------------------------------------- Fotoformatierung */


.schoenes-foto-links,
.schoenes-foto,
.bild,
.schoenes-foto-zentriert {
float: left;
border: 1px solid #d5d5d5;
padding: 5px;
margin: 4px 15px 10px 0;
background: #fff;
}

.schoenes-foto-links div,
.schoenes-foto div,
.bild div,
.bild p,
.schoenes-foto-zentriert div {
font-size: 0.8462em;
line-height: 1.3em;
margin: 0 0 2px 1px;
color: #666;
}

.schoenes-foto {
float: right;
margin: 4px 0 10px 10px;
}

.schoenes-foto-voll {
border: 1px solid #d5d5d5;
padding: 5px;
margin-bottom: 1.2em;
}

.schoenes-foto-voll div {
font-size: 0.8462em;
line-height: 1.3em;
margin: 0 0 2px 1px;
color: #666;
}

.schoenes-foto-links div a:link,
.schoenes-foto-links div a:visited,
.schoenes-foto-voll div a:link,
.schoenes-foto-voll div a:visited {
color: #666;
}

.schoenes-logo {
float: left;
margin: 0 15px 15px 0;
}

.schoenes-foto-zentriert {
float: none;
margin: 13px auto;
width: 512px;
text-align: center;
}

.set {
float: none;
clear: both;
overflow: hidden;
}

.thickbox {
position: relative;
}

.thickbox span {
display: block;
position: absolute;
border: none;
background: url(img/lupe.png) 0 0 no-repeat !important;
background: url(img/lupe.gif) 0 0 no-repeat;
width: 20px;
height: 19px;
overflow: hidden;
bottom: 7px;
right: 4px;
}


/* ----------------------------------------------------- Kommentare */

.kommentare {
margin-top: 3em;
}

.kommentarbox {
padding: 0 10px 5px 10px;
margin: 0 0 1.5em 104px;
border: 1px solid #FBBD00;
position: relative;
min-height: 85px;
}

img.gravatar {
position: absolute;
top: -1px;
left: -104px;
border: 1px solid #d5d5d5;
border: 1px solid #FBBD00;
padding: 5px;
}

#wrapper .kommentarbox p.headline {
margin-top: 4px;
font-weight: bold;
}

#wrapper .kommentarbox p.dateline {
color: #707070;
font-size: 11px;
}

#wrapper .kommentarbox p.dateline a:link,
#wrapper .kommentarbox p.dateline a:visited {
color: #707070;
}

#wrapper .kommentarbox p.dateline a:focus,
#wrapper .kommentarbox p.dateline a:hover,
#wrapper .kommentarbox p.dateline a:active {
color: #333;
}

.kommentarbox .commentcount {
font-size: 1.6em;
color: #fbbd00;
position: absolute;
right: 5px;
top: -2px;
font-weight: bold;
}

.kommentarbox p.headline {
margin: 0;
}

form#txpCommentInputForm {
margin: 2em 0;
padding: 1em 0 2em 0;
border-bottom: 4px solid #fbbd00;
}

form#txpCommentInputForm fieldset {
margin-top: 1em;
}

form#txpCommentInputForm label {
float: left;
clear: both;
}

form#txpCommentInputForm input {
width: 350px;
float: right;
padding: 2px 5px;
border: 1px solid #888;
margin-bottom: 0.4em;
}

form#txpCommentInputForm textarea {
width: 500px;
padding: 5px;
border: 1px solid #888;
font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
font-size: 13px;
}

form#txpCommentInputForm textarea:focus,
form#txpCommentInputForm input:focus {
border-color: #000;
background: #fafafa;
}

form#txpCommentInputForm #commabo {
	width: auto;
	float: none;
	display: inline;
	vertical-align: middle;
}

form#txpCommentInputForm #ankreuzen {
padding: 1em 0 0.5em 0;
margin-left: -3px;
}

form#txpCommentInputForm .ghocommabo a {
	margin-left: 4px;
}

form#txpCommentInputForm #ankreuzen input.checkbox,
form#txpCommentInputForm #ankreuzen label {
float: none;
display: inline;
width: auto;
margin-top: 0.2em;
clear: both;
vertical-align: middle;
}




form#txpCommentInputForm #buttons {
margin-top: 1em;
}

form#txpCommentInputForm #buttons input.checkbox,
form#txpCommentInputForm #buttons label {
float: left;
width: auto;
margin-top: 0.2em;
clear: none;
}

form#txpCommentInputForm #buttons input.checkbox {
margin: 0.5em 0.5em 0 3em;
padding: 0;
border: none;
}

form#txpCommentInputForm #buttons input.button {
vertical-align: middle;
width: 100px;
background: #a0a0a0;
border: 2px solid #c0c0c0;
border-color: #c0c0c0 #717171 #717171 #c0c0c0;
color: #fff;
margin-right: 0.4em;
float: left;
}

form#txpCommentInputForm #buttons input.disabled {
cursor: default;
color: #a6a6a6;
background: #bbb;
border: 2px solid #ccc;
border-color: #ccc #aaa #aaa #ccc;
}

form#txpCommentInputForm .unterzeile,
form#txpCommentInputForm ul li {
font-size: 12px;
color: #888;
line-height: 1.4em;
}

form#txpCommentInputForm .unterzeile a:link,
form#txpCommentInputForm .unterzeile a:visited,
form#txpCommentInputForm ul li a:link,
form#txpCommentInputForm ul li a:visited {
color: #888;
}

form#txpCommentInputForm h3 {
clear: both;
font-weight: bold;
padding-top: 1em;
}

/* ----------------------------------------------------- Autoren */

.autoren .kommentarbox {
margin-left: 99px;
}

.autoren img.gravatar {
left: -99px;
}

.autoren p.headline {
margin: 0.3em 0;
font-size: 1.1em;
}

.singleautor h1 {
margin-bottom: 0.4em;
}

.singleautor .autorbild {
margin: 3px 11px 5px 0;
border: 1px solid #d5d5d5;
padding: 5px;
float: left;
}

/* ----------------------------------------------------- Archiv */

#archivbox {
margin-bottom: 4em;
padding-bottom: 2em;
border-bottom: 4px solid #fbbd00;
}

h1.specialheader,
h2.specialheader {
margin-bottom: 1.5em;
}

#archivbox dl {
overflow: hidden;
border-bottom: 1px solid #fbbd00;
margin-bottom: 3em;
}

#archivbox dt {
margin-top: 1em;
clear: both;
border-top: 1px solid #fbbd00;
font-weight: bold;
}

#archivbox dd {
float: left;
padding: 0 0.5em;
margin: 0 0.4em 1em 0;
}

#archivbox dd.active {
background: #fbbd00;
}

#archivbox dd a:link,
#archivbox dd a:visited {
text-decoration: none;
}

#archivbox dd.active a:link,
#archivbox dd.active a:visited {
color: #fff;
text-decoration: none;
}

#archivbox .unterzeile {
font-size: 12px;
color: #888;
margin-bottom: 0.4em;
}

#archivbox h3 {
margin-top: 1em;
font-size: 20px;
padding: 0;
line-height: 1.1em;
font-weight: normal;
}

#content #archivbox li {
padding: 0 0 0 24px;
background: url(img/article-icon.gif) 0 2px no-repeat;
}

#content #archivbox li a:link,
#content #archivbox li a:visited {
text-decoration: none;
}

#wrapper #archivbox #upm-archiv-list span a {
text-decoration: underline;
}

/* ----------------------------------------------------- Autoren */

.beitrag {
clear: both;
border-bottom: 4px solid #fbbd00;
border-top: 4px solid #fbbd00;
padding-bottom: 1.3em;
margin-top: 15px;
margin-bottom: -19px;
overflow: hidden;
}

.beitrag h2 {
padding: 0 0 0 24px;
background: url(img/article-icon.gif) 0 2px no-repeat;
margin: 1em 0 0.4em 0;
font-size: 20px;
line-height: 1.2em;
}

.beitrag p {
margin-bottom: 0.5em;
}

.beitrag h2 a:link,
.beitrag h2 a:visited {
text-decoration: none;
}


/* ----------------------------------------------------- filesbar */

#sidebar {
float: right;
width: 268px;
font-size: 0.9231em;
padding-bottom: 3em;
}

#sidebar a:link,
#sidebar a:visited {
color: #505050;
text-decoration: none;
}

#sidebar a:focus,
#sidebar a:hover,
#sidebar a:active {
color: #fbbd00;
text-decoration: none;
}

#sidebar .sidehead {
background: url(img/thickline.gif) left top repeat-x;
margin: 1.4em 0 1em 0;
overflow: hidden;
}

#sidebar .sidehead span {
float: right;
text-align: right;
padding: 0 7px 0 8.4em;
line-height: 1.3077em;
font-weight: bold;
background: url(img/side-keil.png) left top no-repeat !important;
background: url(img/side-keil.gif) left top no-repeat;
color: #fff;
font-size: 1.0833em;
}

#lastcomments, #sidebar dl {
/* border-bottom: 1px solid #fbbd00; */
margin-bottom: 2.5em;
}

#lastcomments li {
border-bottom: 1px solid #fbbd00;
}

#lastcomments li,
#sidebar dl dt {
padding: 0.4em 0;
font-weight: bold;
line-height: 1.5385em;
}

#lastcomments li div {
font-weight: normal;
}

#lastcomments li div a:link,
#lastcomments li div a:visited {
color: #707070;
text-decoration: none;
}


#lastcomments li div a:focus,
#lastcomments li div a:hover,
#lastcomments li div a:active {
color: #fbbd00;
text-decoration: none;
}

#sidebar dl dt {
padding-bottom: 0;
}

#sidebar dl dd {
padding-bottom: 0.4em;
border-bottom: 1px solid #fbbd00;
color: #707070;
line-height: 1.5385em;
}

#wrapper .simplepie ul li {
font-weight: normal;
}


/* ----------------------------------------------------- Turm */

#turmfix {
position: fixed;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
}

#turmwrapper {
width: 860px;
margin: 0 auto;
position: relative;
left: 30px;
}

#turm {
background: url(img/turm.gif) 0 0 no-repeat;
width: 59px;
height: 436px;
position: absolute;
bottom: 0;
z-index: 9;
left: -85px;
}

#turm a {
display: block;
position: absolute;
width: 61px;
left: 0;
text-indent: -2000em;
}

#turm #toplink {
height: 18px;
top: 230px;
}

#turm #toplink:hover {
background: url(img/turmbutton1.gif) 50% 0 no-repeat;
}

#turm #startlink {
height: 31px;
top: 251px;
}

#turm #startlink:hover {
background: url(img/turmbutton2.gif) 50% 0 no-repeat;
}

/* ------------------------------------------------- Neues Paging */

ul.rsx-page-num-list {
display:inline;
list-style:none;
margin:0px;
padding:0px;
}

#wrapper ul.rsx-page-num-list li {
float: left;
padding: 0;
line-height: 22px;
margin: 0;
background: none;
}
  
#wrapper ul.rsx-page-num-list li a,
#wrapper ul.rsx-page-num-list li span {
float: left;
padding: 0 0.5em;
border: 1px solid #FBBD00;
margin-right: 5px;
}
 
#wrapper ul.rsx-page-num-list li span.dots { 
float: left;
border: none;
margin: 0 -2px 0 -4px;
}
  
.unlinked { font-weight: bold; background: #fbbd00; color: #fff; }   /*  for the current page that is not a link */
  
#wrapper ul.rsx-page-num-list a:link,
#wrapper ul.rsx-page-num-list a:visited {
text-decoration: none;
}

#wrapper ul.rsx-page-num-list a:focus,
#wrapper ul.rsx-page-num-list a:hover,
#wrapper ul.rsx-page-num-list a:active{
text-decoration: none;
background: #FEF0B8;
color: #000;
}

/* ------------------------------------------------- Kommentarvorschau */
	
.cmntpreview {
position: absolute;
top: 20px;
left: -4px;
background-color: #fff;
width: 574px;
text-align: center;
padding: 0px 25px 20px 25px;
margin: auto;
border: #FBBD00 4px solid;
height: auto;
z-index: 11;
}

#wrapper .cmntpreview * {
text-align: left;
}

.cmntpreview h2 {
font-size:1.5385em;
line-height:1.2em;
padding: 20px 0 0 0;
margin: 0 0 15px 0;
}

#wrapper .cmntpreview .button {
vertical-align: middle;
width: 100px;
text-align: center;
background: #a0a0a0;
border: 2px solid #c0c0c0;
border-color: #c0c0c0 #717171 #717171 #c0c0c0;
color: #fff;
float: right;
}

.cmntpreview p.changecomment {
margin-left: 105px;
}

.commentspreview
{
	display: none;
}

#close
{
	float: right;
	margin-top: 20px;
}

#cmntlayer
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
/*	background: url(img/macFFBgHack.png); */
	z-index: 10;
}

.vorschau
{
	width: 495px;
	background-color: #FFC800;
	border: 1px solid red;
	margin-left: 5px;
}

.comments_error
{
border: 5px solid red;
background: lightgrey;
}