/*
-------------------------------------------------------
FiloRosso WebDesign Format Style
Author:   Manfred Gerber
Version:  24. Januar 2008
------------------------------------------------------- */


#wrapper {
   /* background: url(../gfx/schatten_links.gif) repeat-y 0 0; */
}
#clock {
    position: absolute;
    top: 35px;
    right: 23px;
    text-align: right;
}
#breite { /* rechte Spalte */
   /* background: url(../gfx/schatten_rechts.gif) repeat-y 100% 0; */
}
#breite_blog { /* rechte Spalte */
   background: url(../gfx/trans/30_b.png);
}

#header {
    height: 510px;
   /* background: #221D11 url(../gfx/header_links.gif) no-repeat 0 0; */
    position: relative;
}
#header_blog {
    height: 119px;
    background: url(../gfx/body.gif) repeat-x 0 0;
    position: relative;
}

#header h1 a, #header h1 a:visited, #header_blog h1 a, #header_blog h1 a:visited {
    position: absolute;
    top: 40px;
    left: 15px;
    z-index: 50;
    color: #068;
    text-decoration: none; /* mozilla browser zeigen sonst eine underline */
    border-bottom: 0px solid #221D11;
}
#header_blog_rechts {
    position: absolute;
    right: 0;
   /* background: url(../gfx/header_rechts.gif) no-repeat; */
    height: 119px;
    width: 10px;
    z-index: 2;
}
#header_blog_links {
    position: absolute;
    left: 10px;
    top: 15px;
   /* background: url(../gfx/header_back.jpg) no-repeat; */
    height: 119px;
    width: 98.7%;
    z-index: 2; /* schiebt das header-Bild unters Logo */
}

#styleswitcher {
    position:absolute;
    right:15px;
    top: 25px;
    font-size: 0;
    line-height: 0;
    z-index: 80;
    height: 20px;
}
#styleswitcher a {
    margin: 0 0 0 5px
}


/* Suche im Header
---------------------------------------------------------- */
#suche {
    position: absolute;
    top: 0;
    right: 100px;
    background: url(../gfx/suche.gif) no-repeat;
    width: 300px;
    height: 50px;
}
#suche label {
    display: none;
}
#suche form {
    margin: 10px 0 0 55px;
}

#suche input {
    padding: 3px;
    background: #279 url(../gfx/body_blog.gif) repeat-x 0 -135px;
    font: 100%/140% "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    line-height: 120%;
}
#suche input#s {
    padding: 4px;
    margin-right: 2px;
    float: left;
    width: 130px;
}
#suche br {
    clear: both;
}
#suche input#submit_serach {
    cursor: pointer;
}


div h2, div h3, div h4, div h5, div p {
    margin: 1em 0;
    padding: 0 10px;
}
ul {
    margin: 1em 0;
    padding: 0 0 0 30px;
}


/* --------------------- Suchfeld im Header 2 --------------------- */
#suche_navi {
    position: absolute;
    top: 0;
    right: 100px;
    display: block;
    background: url(../gfx/suche/suche.gif) no-repeat;
    width: 300px;
    height: 50px;
}
#suche_navi .linkerradius {
    background: url(../gfx/suche/suche_navi_links.png) left top no-repeat;
    position: absolute;
    left: 50px;
    top: 12px;
}

#suche_navi input.sucheback {
    font: normal 86% "Lucida Sans Unicode","Lucida Sans","Trebuchet MS", Verdana, Arial, Sans-Serif;
    width:171px;
    height: 19px;
    margin: -1px 0 4px 19px;
    padding-top: 3px;
    background: url(../gfx/suche/suche_navi_repeat.png) center top repeat-x;
}
#suche_navi .rechterradius {
    position: absolute;
    right: 50px;
    top: 12px;
    width: 10px;
    height: 19px;
    background: url(../gfx/suche/suche_navi_rechts.png) right top no-repeat;
}

#suche_navi label .placeholder { display: none; }





/* Single.php
---------------------------------------------------------- */
.date {
    border-right: 1px solid #802;
    color:#802;
    padding:0 1em 0 0;
    float: left;
    margin-left: 1em;
}
.datum.clearfix h2 {
    font-size: 200%;
    margin-left: 2.7em;
}

.date_month {
    letter-spacing:-0.05em;
    margin:-0.5em 0 -0.25em;
}
.date_day {
    font-size:3.8em;
    letter-spacing:-0.1em;
    line-height:0.85em;
}







/* Suchformulare
---------------------------------------------------------- */

.forms {
    text-align: left;
    margin: 0;
    line-height: 220%; 
}
.forms fieldset {
    margin: 0 1em 0;
    padding-bottom: .3em;
}
.forms .input {
    margin-bottom: -10px;
}
.forms input {
    border: 1px solid #eee;
}
.forms .input_txt {
    float: left;
    padding: 5px;
    margin: 0 1em 0 0;
    width: 50%;
}
.forms img.logo {
    margin: -16px 0;
    float: left;
}
.forms .submit {
    padding: 3px 2px 5px;
    background: #fff;
    margin: 0;
    cursor: pointer;
}
.forms br {
    clear: left;
}

/* Tags
------------------------------------------------------- */
a {
    color: #802;
}
a:visited {
    color: #000;
}
a:hover {
    color: #000;
}
div h1 {
    font: bold 250%/100% "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    color: #068;
}
div h2 {
    font: bold 150%/100% "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    color: #068;
    padding-bottom: .3em;
    margin: 1em 0;
}
div h2.storytitle {
    padding-bottom: 0;
    margin: 1.5em 0 .3em;
}
div h3 {
    font: bold 116%/120% "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    color: #221D11;
    margin: 0 0 .1em;
    padding-bottom: 0;

}
div h4 {
    font: bold 110%/120% "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    color: #802;
    margin: 0;
    padding-bottom: .2em;
}
div h5 {
    font: bold 100%/120% "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    color: #802;
    margin: 0;
    padding-bottom: .2em;
}
div#center p {
margin-top: 0;
}
#center ul {
    padding: 0 10px 1em 4em;
    margin: .3em 0;
}
address {
    font: 100%/160% "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    margin: 0;
	padding: 1.33em .5em 1.33em 1.2em;
}

abbr[title], acronym[title] {
    border-bottom: 1px dashed #8B8375;
    cursor: help;
}
abbr.type {
    border-bottom: 0 none;
    cursor: auto;
}

/* Klassen und IDs
------------------------------------------------------- */

.valid, .region, .country-name, .type {
    display: none;
}
.rot, .error {
    color: #CB1133;
    background: transparent;
    font-weight:bold;
}
.leftbox {
    float:left;
    width: 49%;
}

.rightbox {
    float:right;
    width: 49%;
}

.bildcont {
    position: relative;
    left: 0;
    width: 100%;
    clear: both;
}

.imgleft {
    float: left;
    margin: 5px 10px 5px 0;
}

/* Kommentare und Formular
------------------------------------------------------- */
#commentlist .imgleft {
    margin: 5px 10px 5px 1em;
}
#commentlist {
    list-style-type: none;
}
#commentlist li {
    border-bottom: 1px solid #fff;
    margin: 1.5em 10px;
}
h4#comments {
    padding: .5em .2em;
    margin: 1.5em 10px;
    background: #279 url(../gfx/body.gif) repeat-x 0 -120px;
    color: #fff;
}
h4#comments a {
    color: #fff;
}
#commentform input, #commentform textarea {
    border: 1px solid #068;
    padding: .2em;
    background: #279 url(../gfx/body_blog.gif) repeat-x 0 -135px;
    font: 100%/140% "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
}
#commentform input[type=text] {
    width: 40%;
}
#commentform input#submit {
    cursor: pointer;
}




/* Icons fuer Link
------------------------------------------------------- */
#header a.pdf {
	background: url(../gfx/ico/pdf.png) no-repeat;
	padding: 0 0 2px 18px;
}
#header  a.xls {
	background: url(../gfx/ico/excel.png) no-repeat;
	padding: 0 0 2px 18px;
}
#header  a.doc {
	background: url(../gfx/ico/word.png) no-repeat;
	padding: 0 0 2px 18px;
}
#header  a.zip {
	background: url(../gfx/ico/zip.png) no-repeat;
	padding: 0 0 2px 18px;
}
#header  a.mailto {
	background: url(../gfx/ico/mail.png) no-repeat;
	padding: 0 0 2px 18px;
}
#header  a.external {
	background: url(../gfx/ico/extern-link.png) no-repeat;
	padding: 0 0 2px 18px;
}

/* rechts/links
------------------------------------------------------- */
#right, #left {
	margin-top: 4.9em;
}
* html #left {
	padding-top: 4.9em;
}
div#right p, div#left p {
margin-top: 0;
}

div#right ul {
  list-style: none;
}
div#right #tabs.right ul.sections {
  padding-left: 1em;
}
.google_werbung {
  margin-top:1em;
  padding:5px 0 0 2px;
  border:1px solid #068;
  width:240px;
  background:#fff;
}



/* footer
------------------------------------------------------- */
#footer {
    text-align: right;
    color: #5bd;
    font-size: 80%;
    background: #068;
}
#footer a, #footer a:visited {
    color: #5bd;
    text-decoration: none;
}