/*
-------------------------------------------------------
FiloRosso WebDesign Format Style
Author:   Manfred Gerber
Version:  15. September 2009
------------------------------------------------------- */

/* Startseite
------------------------------------------------------- */
body.start .imgleft {
  margin: 0 -11em -5px 0;
  padding: 0;
}
body.start #centerwrap {
  padding: 0;
}
body.start .margin_imgleft_584 {
  padding-top: 5em;
  position: relative;
  border: 1px solid transparent; /* IE7 Bug, Bild an die Fusszeile schieben */
}
* html .start .margin_imgleft_584 {
  border: 1px solid #fff; /* IE6 */
}
body.start h1 {
  font: bold 210%/95% Helvetica,"Trebuchet MS","Microsoft Sans Serif",Tahoma,Verdana,Arial,sans-serif;
  color: #00519E;
  padding: 0 0 .3em 0;
}
body.start h2 {
  font: normal 160%/100% Helvetica,"Trebuchet MS","Microsoft Sans Serif",Tahoma,Verdana,Arial,sans-serif;
  color: #484F57;
  margin: 0 0 .5em 0;
  padding: 0;
}

/* Layout
------------------------------------------------------- */
#wrapper {
   /* background: #fff url(../gfx/schatten_links.png) no-repeat 0 0; */
}
#breite { /* rechte Spalte */
   margin-top: 230px;
   position: relative;
   z-index: 200;
}
body.start #breite {
   margin-top: 0;
   background: transparent;
}

#header {
    height: 230px; /* Abstand zum Content */
   /* background: url(../gfx/header_links.png) no-repeat 0 0; */
    position: relative;
    top: -230px;
    z-index: 100;
}

#header h1 {
    width: 225px;
    text-indent: -9999px;
}
#header h1 img {
    margin-left: 20px;
}
#header p {
    text-indent: -9999px;
}
#header h1 a, #header h1 a:visited {
    position: absolute;
    top: 25px;
    left: 43px;
    z-index: 50;
    display: block;
    width: 225px;
    height: 95px;
    color: #F4EED7;
    text-decoration: none; /* mozilla browser zeigen sonst eine underline */
    border-bottom: 0px solid #fff;
    line-height: 10px;
}
#header_rechts {
    position: absolute;
    left: 20px;
    height: 230px;
    width: 10px;
    z-index: 1;
}
#header_links {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; /* schiebt das header-Bild unters Logo */
    background:  url(../gfx/swopper_motion.jpg) no-repeat 0 -100px;
    height: 170px;
    width: 750px;
}
#level1 {
    position: relative;
    background:  url(../gfx/subnavi_back.png) repeat-y 0 0;
    z-index: 200;
}
#buerostuhl_swopper_dame {
    position: absolute;
    top: -230px;
    left: -235px;
    height: 730px;
    width: 420px;
    z-index: 1;
}
#buerostuhl_swopper_dame.breit {
    background: url(../gfx/dame-swopper-buerostuhl.png) repeat-y 0 0;
}

/* Sprachen
------------------------------------------------------- */
#language {
    position:absolute;
    right:40px;
    top: 10px;
    line-height: 0;
    z-index: 120;
    height: 20px;
}
#language ul, #styleswitcher ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#language ul li, #styleswitcher ul li {
    float: left;
    margin-left: .5em;
    color: #CC614A;
}

/* Styleswitcher
------------------------------------------------------- */
#styleswitcher {
    position: absolute;
    right: 65px;
    top: 3px;
    z-index: 120;
    height: 13px;
    padding: 0 0 5px 0;
    text-align: right;
    font-size: 92%;
}
#styleswitcher ul {
    float: left;
    margin-right: .3em;
}
#styleswitcher ul li {
    margin-top: 2px;
}
#styleswitcher a {
    margin: 0;
    text-decoration: none;
    color: #CC614A;
}

div#center, div p {
    margin: 1em 0;
    padding: 0 10px 0 30px;
}
body.start div#center, div p {
    margin: 0;
    padding: 0 10px 0 40px;
}

ul,ol {
    margin: .3em 0 1em;
    padding: 0 0 0 30px;
}
ol.u-roman {
    list-style-type: upper-roman;
}
ol.u-roman li {
    font-weight: bold;
}
ol.u-roman li li {
    font-weight: normal;
    margin-bottom: .3em;
}

ul li {
    margin-bottom: .5em;
}
div#center ul li ul {
    padding-bottom: 0;
}
small {
    font-size: 82%;
}


/* Tags
------------------------------------------------------- */
a {
    color: #00519E;
    font-weight: bold;
}
a:visited {
    color: #00519E;
    font-weight: bold;
}
a:hover {
    color: #00519E;
}

div h2 {
    font: bold 180%/100% Helvetica,"Trebuchet MS","Microsoft Sans Serif",Tahoma,Verdana,Arial,sans-serif;
    color: #00519E;
    margin: 0;
    padding: .7em 0 0;
}
div h3 {
    font: normal 126%/120% Helvetica,"Trebuchet MS","Microsoft Sans Serif",Tahoma,Verdana,Arial,sans-serif;
    color: #000;
    margin: 0;
    padding: .1em 0 .5em 1px;

}
div h4 {
    font: bold 130%/120% Helvetica,"Trebuchet MS","Microsoft Sans Serif",Tahoma,Verdana,Arial,sans-serif;
    color: #00519E;
    margin: 0;
    padding: 0;
}
div h5 {
    font: bold 100%/120% Helvetica,"Trebuchet MS","Microsoft Sans Serif",Tahoma,Verdana,Arial,sans-serif;
    margin: 0;
    padding: 0;
    padding-bottom: 0;
}
div#center p {
    margin: 0 0 1em;
    padding: 0;
}


address {
    font: 100%/140% Helvetica,"Trebuchet MS","Microsoft Sans Serif",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 {
    display: none;
}
.org {
    font-size: 100%;
    color: #556068;
}
.rot, .error {
    color: #c00;
    background: transparent;
    font-weight: bold;
}
.teaser .date {
    font-size: 86%;
}
.autor {
    font-size: 86%;
    font-style: italic;
    color: #888;
}
#cont {
	min-height: 22em;   /* mindest Content-Hoehe */
}
#cont a.pdf {
	background: url(../gfx/ico/pdf.png) no-repeat;
	padding: 0 0 2px 18px;
}
#cont a.xls {
	background: url(../gfx/ico/excel.png) no-repeat;
	padding: 0 0 2px 18px;
}
#cont a.doc {
	background: url(../gfx/ico/word.png) no-repeat;
	padding: 0 0 2px 18px;
}
#cont a.zip {
	background: url(../gfx/ico/zip.png) no-repeat;
	padding: 0 0 2px 18px;
}
#cont a.mailto {
	background: url(../gfx/ico/mail.png) no-repeat;
	padding: 0 0 2px 18px;
}
#cont a.external {
	background: url(../gfx/ico/extern-link.png) no-repeat;
	padding: 0 0 2px 18px;
}
#cont .block_abstand {
	margin-bottom: 2.5em;
}
#cont .img_border img {
	border: 1px solid #556068;
}
.news {
  background: #D9E5EF;
  padding: 8px;
}


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


/* 3 Spalten
------------------------------------------------------- */
.box33 {
    float:left;
    width: 33.3%;
}
.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;
}


/* Breadcrumb
------------------------------------------------------- */
#center #breadcrumb {
    clear: both;
    padding: 0;
    margin: 1em 0 2.5em;
    height: 1%;
}
#center #breadcrumb li.first {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}
#center #breadcrumb li {
    float: left;
    margin: 0 1em;
}

/* Tabellen
------------------------------------------------------- */
table {
    border-collapse: collapse;
   /* table-layout: fixed; */
    width: 60%;
    margin-bottom: 1.3em;
    font-size: 82%;
}
td, th {
    vertical-align: top;
    text-align: left;
    padding: .3em;
    border: 1px solid #999;
}
td ul {
     list-style: none;
     padding: 0 !important;
}
td {
    /*border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;*/
    margin-right: 1em;
    background: #FCFCFC;
}
.td1 {
    width: 40%;
}
.td2 {
    width: auto;
}

/* Farben der Tabellen
------------------------------------------------------- */
thead th {
    font-size: 100%;
    color: #00519E;
    background: #DBE5EC !important;
}
th {
    width: 20%;
}


/* Zebratabellen
------------------------------------------------------- */
tbody tr.even td, tbody tr.even th {
	 background: #f8f8f8;
}
tbody tr.ruled td, tbody tr.ruled th {
	 background-color: #F4EED7;
}
	/* Opera fix */
head:first-child+body tr.ruled td, head:first-child+body tr.ruled th {
	background-color: #F4EED7;
}

/* Formular
------------------------------------------------------  */
#kontakt {
    line-height: 190%;
    margin: -.7em 0 0 0;
    padding: 0;
    text-align: left;
}
#kontakt fieldset {
    margin: 0 0 1em 0;
    padding: 0 .3em 1em 1em;
    border: 1px #E9E7DD dotted;
    width: 98%;
}
#kontakt legend {
    margin: 0 0 1em 0;
    padding: 0 5px 0;
    line-height: 130%;
    background: #fff;
}
#kontakt label {
    clear: both;
    float: left;
    width: 22%;
    text-align: right;
    padding-top: 2px;
}
#kontakt input, #kontakt textarea, #kontakt select {
    margin: .3em 0 0 0;
    padding: .2em .3em;
    font: 100% Helvetica,"Trebuchet MS","Microsoft Sans Serif",Tahoma,Verdana,Arial,sans-serif;
    background: #E5EDF5 url(../gfx/navi/mainnavi_site_aktiv.gif) repeat-x 0 -45px;
    color: #222;
    border: #fff solid 1px;
    border-bottom: #BFD1E2 solid 1px;
    width: 60%;
}
#kontakt input#betreff {
    width: 65%;
}
#kontakt textarea {
    width: 65%;
}
#kontakt input[type=radio] {
    border: #fff solid 0px;
}
#kontakt input[type=checkbox] {
    margin: 0 0 0 1em;
    padding: 0;
}
#kontakt select#kontaktaufnahme, #kontakt select#anrede {
    width: 30%;
}
#kontakt input:focus,
#kontakt textarea:focus {
    background: #E5EDF5;
    color: #000;
    border: #55A8D7 solid 1px;
}
#kontakt input[type=text],
#kontakt select,
#kontakt textarea {
    margin-left: 1em;
    text-align: left;
}
#kontakt input#submit {
    cursor: pointer;
    width: 205px;
    height: 45px;
    background:transparent url(../gfx/button_anfrage_absenden.gif) no-repeat scroll left top;
    border: none;
    font-size: 0;
    line-height: 0;
    color: #fff;
}
form input#anfrage, form input.uv_anfrage {
    background:transparent url(../gfx/button_anfrage.gif) no-repeat scroll left top;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    color: #fff;
    height: 45px;
    width: 205px;
    text-indent: -9999em;
    display: block;
}
#kontakt .notwendig_fehler, #kontakt .notwendig_fehler:focus {
    border: 2px solid #c00;
}
#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: 110%;
    border-left: 5px solid #ccc;
    margin: 0 0 0 10px;
    font-size: 120%;
}
form {
    margin-top: .5em;
}
form button {
    background:transparent url(../gfx/button_anfrage.gif) no-repeat scroll left top;
    cursor: pointer;
    font-size: 1px;
    height: 45px;
    width: 200px;
    text-indent: -9999em;
    display: block;
}
form button#submit {
    background:transparent url(../gfx/button_anfrage_absenden.gif) no-repeat scroll left top;
}

/* links
------------------------------------------------------- */
#left div {
    margin: 0 20px 0 40px;
    padding: 0 0 10px 0;
}


/* rechts
------------------------------------------------------- */
#right {
    color: #333;
    line-height: 120%;
}
#right div#news {
    margin: 0 40px 0 20px;
    padding: 0 0 10px 0;
    background: #F8F8F9 url(../gfx/news_back.png) no-repeat;
    font-size: 90%;
}
#right div#news div {
    margin: 0 10px;
}
#right p {
    margin: 0;
    padding: 0;
}
#right h2 {
    margin: 1em 40px 0 20px;
}
#right h3 {
    margin: 0 40px 0 20px;
    padding: 0;
}
#right .teaser, #right .teaser_start {
    margin: 0;
    padding: 0 0 1.5em 0;
    background: transparent url(../gfx/trenner.gif) repeat-x 0 100%;
}
#right .teaser_start {
   margin-top: 2.1em !important;
   padding-top: 10px;
}
#right .teaser, #right .teaser_end {
   padding-top: 1.5em;
}

/* footer
------------------------------------------------------- */
#footer {
    text-align: left;
    color: #fff;
    font-size: 100%;
    line-height: 135%;
    background: #828E98 url(../gfx/footer.gif) repeat-x 0 0;
    padding: 0 0 .1em 0;
    position: relative;
    z-index: 200;
}
#footer.site {
    background: #828E98 url(../gfx/footer_site.gif) repeat-x 0 0;
}
#footer #footer_breite {
    margin: 0 auto;
    min-width: 980px;
    max-width: 1100px;
}
#footer #footer_breite #marginleft {
    margin-left: 40px;
    position: relative;
}
#footer #footer_breite #marginleft .clearfix {
    padding-top: 130px;
}
#footer.site #footer_breite #marginleft .clearfix {
    padding-top: 70px;
}
#footer p {
    padding: 0;
    margin: 0 0 1.15em 0;
}
#footer h4 {
    font-size: 130%;
    color: #fff;
}

#footer .box33.st1 {
    width: 273px;
}
#footer .box33.st2 {
    width: 40%;
    margin-left: 2em;
}
#footer .box33.st3 {
    width: 24%;
    margin-left: 2em;
}
#footer a, #footer a:visited {
    color: #fff;
    text-decoration: none;
}
#footer div .navi_footer {
    display: inline;
    padding: 0;
}
.navi_footer {
    list-style: none;
    margin: 1em 0 0;
}
.navi_footer li {
    display: inline;
}
#swopper_links {
    color: #AAB7C2;
    font-size: 82%;
    margin-top: 1.5em;
    line-height: 110%;
}
#swopper_links a, #swopper_links a:hover, #swopper_links a:visited {
    color: #AAB7C2;
}