/*
-------------------------------------------------------
FiloRosso WebDesign Druck Style
Author:   Manfred Gerber
Version:  22. Januar 2010
------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
    border: 0;
}
html { height: 100% }
body {
    height: 101%; /* content auf 100% hight aufziehen */
    text-align: left;
    color: #000;
    background: #fff;
    font: 100%/130% "Times New Roman",serif;
}

#header_links, #header_rechts, #language, #styleswitcher, #mainnavi {
    display: none;
}


h1, h2, h3, h4 {
    margin-bottom: .2em;
    color: #000;
    page-break-after: avoid;
}
h1 {
    text-indent: -9999em;
    margin-bottom: 1cm;
}
#header h1 a, #header h1 a:visited {
    color: #fff;
    text-decoration: none; /* mozilla browser zeigen sonst eine underline */
    border-bottom: 0px solid #fff;
}
#header p {
    display: none;
}
h2 {
    font: 140%/100% "Times New Roman",serif;
    margin-bottom: .8em;
}
h3 {
    font: 120%/130% "Times New Roman",serif;
    color: #000;
}
h4 {
    margin: 0 0 .5em 0;
    font: 110%/100% "Times New Roman",serif;
}
#center ul {
    padding: 0 10px 1em 4em;
    list-style-image: url(../gfx/liste.gif);
}
p {
    margin-bottom: 1em;
}

pre {
    padding: 1em;
    background: #EEF0F7;
    line-height: 120%;
    border-left: 5px solid #8AB;
}
#cont a:visited {
  color: #abd;
}
small {
  font-size: 76%;
}





/* Klassen
------------------------------------------------------- */

.trenner {
    margin-bottom: 3em;
    padding-bottom: .8em;
    border-bottom: 1px solid #999;
}
.valid {
    display: none;
}
.error {
    color: #f00;
    font-weight: bold;
}
.clear {
    clear: both;
}

/* 2 Spalten
------------------------------------------------------- */
.leftbox {
    float:left;
    width: 49%;
}
.rightbox {
    float:right;
    width: 49%;
}
.rightbox p {
    padding-top: .3em;
}


/* 3 Spalten
------------------------------------------------------- */
.box33 {
    float:left;
    width: 33%;
}
.box33 p {
    padding: 0 1em 0 0 !important;
}

.margin ul, .margin ul li {
    margin: 0;
    padding: 0;
}


/* Bildfloating
------------------------------------------------------- */

.imgleft {
    float: left;
    margin: 3px 15px 25px 0;
}

.imgright {
    float: right;
    margin: 3px 0 25px 10px;
}
.imgcenter {
    text-align: center;
    margin-bottom: 5px;
}
.imgleftbott {
    margin: 3px 5px 10px 0;
    text-align: left;
}
.imgrightbott {
    width: 100%;
    text-align: right;
    margin: 3px 0 5px 7px;
}

/* Bildscalierung
------------------------------------------------------- */
.box33 .img100 {
    width: 96% !important;
    margin: 3px 0 5px 0;
}
.img100, .img100 img {
    width: 100%;
}
.img100 img {
    border: 1px solid #ccc;
}


/* IDs
------------------------------------------------------- */
#wrapper {
    min-width: 18cm;
    max-width: 100%;
    margin: 0;
    border: 0px #fff solid;
    text-align:left;
    background: #fff;
    /* ab hier config damit der content immer auf 100% hight aufgezogen wird  */
    min-height: 101%;
    height: auto !important;
    height: 100%;
    position: relative;
}

/* zeigt bei mod. Browsern beim Ausdrucken diesen Text am Ende des Contents
#wrapper:after {
    display: block;
    content: "\A ----------\A Firma\A Name\A Strasse\A D-xxxxx Stadt\A\A Tel.: +49 \A Telefax: +49 \A\A E-Mail: \A Internet: http://www.\A ----------"
} */
#page {
    background: #fff;
    margin: 0;
    padding: 0;
}

#header {
    position: relative;
    height: auto;
    background: #fff;
}

#navi, #subnavi, #styleswitcher, #language, #breadcrumb {
    display: none;
}
#cont {
    margin: 0;
    padding: 0;
    background: #fff;
    height: auto;
}
#right {
    page-break-after: always;
}
.tabs ul li a {
    display: none;
}
#thumbs {
  display: none;
}


/* Textcontainer
------------------------------------------------------- */

/*.trennlinie {
    background: url(../gfx/trenner.gif) repeat-y 50%;
}*/

.left {
    width: auto;
    margin: 0;
}
.right {
    display: none;
}
.left ul {
    margin: 1em 2em;
}
.left ul li {
    margin-left: 2em;
}
.left img {
    background: transparent;
}

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

.clearfix { display: block }

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
       .clearfix {display: block;}
/* End Holly Hack */

/* Formular
------------------------------------------------------  */
#kontakt {
    line-height: 180%;
    margin: 2em 0 0;
    padding: 0 10px 0 20px;
    text-align: left;
}
#kontakt fieldset {
    margin: 1em 0 1em 0;
    padding: 0 .3em 1em 1em;
    border: 1px #E9E7DD dotted;
    width: 96%;
}
#kontakt legend {
    margin: 0 0 1em 0;
    padding: 1em 5px 0;
    line-height: 130%;
    background: #fff;
}
#kontakt label {
    clear: both;
    float: left;
    width: 20%;
    text-align: right;
}
#kontakt input, #kontakt textarea, #kontakt select {
    margin: .3em 0 0 0;
    padding: .1em .3em;
    font: 100% "HelveticaNeue-Light","HelveticaNeue",Helvetica,Verdana,sans-serif;
    background: #f5f5f5;
    color: #222;
    border: #E9E7DD solid 1px;
    width: 40%;
}
#kontakt textarea {
    width: 70%;
}
#kontakt input[type=radio] {
    border: #fff solid 0px;
}
#kontakt input[type=checkbox] {
    margin: 0 0 0 1em;
    padding: 0;
}
#kontakt select#kontaktaufnahme {
    width: 20%;
}
#kontakt input:focus,
#kontakt textarea:focus {
    background: #fff;
    color: #222;
    border: #B9292F solid 1px;
}
#kontakt input[type=text],
#kontakt select,
#kontakt textarea {
    margin-left: 1em;
    text-align: left;
}
#kontakt input#submit {
    width: auto;
}
#kontakt .notwendig_fehler, #kontakt .notwendig_fehler:focus {
    border: 2px solid #B9292F;
}
#kontakt table { width: 100%; margin-bottom: 0; border: 0px solid #fff;}
#kontakt td { padding: 0; border: 0px solid #fff; }

pre {
    padding: 1em;
    background: #f5f5f5;
    line-height: 120%;
    border-left: 5px solid #ccc;
    margin: 0 3em 0 30px;
    font-size: 130%;
}

/* Textcontainer im Footer
------------------------------------------------------- */
#footer {
    margin-top: 2cm;
}
#footer h4 {
    font-size: 110%;
    color: #000;
    margin: 0;
    padding: 0;
}
#footer .box33.st1 {
    width: 7.6cm;
}
#footer .box33.st2 {
    width: 57%;
}
#footer .box33.st3 {
    width: 100%;
    display: block;
    clear: both;
}
#footer #swopper_links, #footer .box33.st3 img {
    display: none;
}