/* ============================================
Stylesheet des Unternehmens Kunstoffwerk Zitta

Stand: fertig
Datei: basic.css
Datum: 18. November 2008
Autor: Thomas Zitta

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
=============================================== */


/* ==================================
   1. Kalibrierung
   =============================== */

* { margin:0; padding:0; }

/* ==================================
   2. Allgemeine Styles
   =============================== */

body {
        text-align:center;
        font:13px/1.22em;
        font-family: Verdana, 'Tw Cen Mt', arial, helvetica, clean, sans-serif;
        min-width:750px;
        text-align:left;
        background-color: #fff;
        overflow: hidden;
}

p {
        color: #333333;
        font-size: 11px;
        word-spacing: 1pt;
        font-family: Verdana;
        padding-bottom: 1.5em;
        text-align: left;
}

h1 {
        color: #009C86;
        font-size: 85%;
        text-align: left;
        padding-bottom: 15px;
        text-align: center;
}

h2 {
        color: #009C86;
        font-size: 85%;
        text-align: left;
        padding-bottom: 15px;
}

h3 {
        color: #3A8977;
}

h4 {
        font-weight: bold;
        color: #009C86;
        font-family: Verdana;
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 10px;
}

/* ================
   Hyperlinks    */

a {
  text-decoration: none;
  outline: none;
  color: #333333;
}

a:link {
  text-decoration: none;
  outline: none;
  color: #333333;
}
a:visited{
  text-decoration: none;
  outline: none;
  color: #333333;
}
a:active {
  font-weight: bold
}
a:hover {
  color: #009C86;
}

/* =====================
   Klassen und IDs    */

.nav_main_item {
        background-image: url(../img/topnav/top_arrow.gif);
        background-repeat: no-repeat;
        padding-left: 10px;
}
        .nav_main_item  a {
                display: inline;
                position: relative;
                color: #4D4B00;
                margin-right: 10px;
                top: -1px;
        }
                .nav_main_item  a:active {
                        border-bottom: 1px solid #4D4B00;
                }
                .nav_main_item  a:hover {
                        color: #95472E;
                }
        .nav_main_item:hover{
                background-image: url(../img/topnav/top_arrow_akt.gif);
        }

.nav_main_curitem {
        background-image: url(../img/topnav/top_arrow_akt.gif);
        background-repeat: no-repeat;
        padding: 0 10px 0 10px;
}
        .nav_main_curitem  span{
                position: relative;
                color: #95472E;
                top: -1px;
        }

.bodytext {
        color: #333333;
        font-size: 11px;
        word-spacing: 1pt;
        font-family: Verdana;
        line-height: 16px;
}

.detail {
        color: #005B4E;
        font-size: 12px;
        word-spacing: 1pt;
        font-family: Verdana;
        line-height: 16px;
        font-weight: bold
}

.important {
        font-weight: bold;
        color: #F71811;
}

.name-of-person{
        font-weight: bold;
        color: #5177AD;
}

.csc-textpic-text{
        padding-left: 30px;
}

.csc-textpic {
        padding-top: 15px;
}

.factstable td{
        background: none !IMPORTANT;
        padding: 0 !IMPORTANT;
}

.tx-mininews-pi1-searchbox td {
        background: none !IMPORTANT;
        padding: 0 !IMPORTANT;
}

.tx-cmwlinklist-pi1 td{
        background: none !IMPORTANT;
        padding: 0 !IMPORTANT;
}
.ansprechpartner td{
        background: none !IMPORTANT;
        padding: 0 !IMPORTANT;
}
.tx-indexedsearch table td {
        background: none !IMPORTANT;
        padding: 0 0 5px 0 !IMPORTANT;
}

.linkwrapper{
        border-width: 1px 0 0 0;
        border-color: #C9FFC9;
        border-style: solid;
        margin-bottom: 10px;
        padding: 5px 0 5px 80px;
}

.linklabel{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #009C86;
  text-transform: uppercase;
  padding: 0 0 3px 0;
}

.linkimage{
        padding-bottom: 15px;
}

.link{
        color: #000000;
        font-size: 11px;
        word-spacing: 1pt;
        font-family: Verdana;
        line-height: 14px;
        font-weight: bold;
}
.tx-powermail-pi1_fieldset_1 {
        border:1px solid #A5ACB2;
        padding:10px;
        margin-top: 10px;
        width: 515px;
        font-size: 11px;
}
.tx-powermail-pi1_fieldset_1 legend{
        display: none;
}
fieldset.tx-powermail-pi1_fieldset_1 label {
        clear:both;
        display:block;
        float:left;
        font-weight:bold;
        width:130px;
}
.tx_powermail_pi1_fieldwrap_html_checkbox_title {
        display: none;
}
.powermail_check_inner_uid6_0 label {
        width: 190px !IMPORTANT;
}
.powermail_mandatory {
        color:#B42D2D;
        margin-left: 2px;
}
fieldset.tx-powermail-pi1_fieldset_1 input,
fieldset.tx-powermail-pi1_fieldset_1 textarea {
        width: 365px;
}
div.tx_powermail_pi1_fieldwrap_html {
        margin: 3px 0;
}
#powermaildiv_uid5 {
        margin-left: 130px;
}
input.powermail_submit {
        margin: 20px 0px;
        background-color: #FFFA1A;
        color: #4D4B00;
        font-weight: bold;
        border: 1px solid #A5ACB2;
        width: 130px;
}
input.powermail_check{
        width: auto !IMPORTANT;
}

h4.align-center{
	text-align:center;
}
/* ==================================
   3. Styles für Layoutbereiche
   =============================== */

#projekt {
        width: 100%;
        min-width: 1024px;
        border-top: 1px solid #307765;

}

#head {
        position: fixed;
        width: 100%;
        background: #3A8976 url(../img/topnav/white_bg.jpg) repeat-y;
        z-index: 99;
}

        #kopf1 {
                height: 26px;
                background-color: #307765;
        }

        #kopf2{
                height: 49px;
                background-color: #3A8976;
                border-color: #60B885;
                border-style: solid;
                border-width: 0 0 1px 0;
        }

        #nav_main {
                position: absolute;
                width: 626px;
                top: 50px;
                left: 0;
                font-size: 10px;
                background-color: #FFFA1A;
                border-color: #91CAA9;
                border-style: solid;
                border-width: 1px 1px 0 0;
                padding: 7px 0 5px 25px;
                vertical-align: middle;
                border-bottom: 1px solid #CDFFCD;
        }

        #nav_sub_wrap{
                letter-spacing: 0.05em;
                margin-left: 73px;
                min-width: 900px;
        }

                #nav_sub {
                        float: left;
                        width: 562px;
                        min-height: 15px;
                        background-color: #FFF;
                        color: #580b01;
                        font-size: 8pt;
                        border-color: #C9FFC9;
                        border-style: solid;
                        border-width: 0px 0px 1px 1px;
                        padding: 10px 0 2px 15px;
                }
                        #nav_sub a {
                                color: #0468CC;
                        }
                        #nav_sub a:hover {
                                color: #580b01;
                        }

                #druck, #sitemap, #sprache {
                        float: right;
                        padding: 0 5px;
                }
                
                #suche, #english, #spanish, #french, #russia {
                        float: right;
                        padding: 0 2px;
                }

                #druck, #sitemap, #english, #spanish, #french, #russia {
                        padding-top: 5px;
                }

                #suche {
                        padding-right: 12px;
                }

        #klickpfad {
                clear: both;
                /*width: 575px;*/
                background-color: #FFF;
                color: #3A8977;
                letter-spacing: 1px;
                font-size: 60%;
                padding: 3px 0 10px 73px;
        }
                #klickpfad a{
                        color: #3A8977;
                }
                #klickpfad a:hover {
                        color: #580b01
                }

#body {
        position: fixed;
        width: 100%;
        right: 0;
        left: 0;
        bottom: 0.8em;
        top: 105px;
        margin-top: 20px;
        overflow: auto;
        z-index: 1;
}
        #inhaltsbereich {
                width: 46em;
                padding: 5px 0 10px 73px;
                color: #333333;
        }
                #header {
                }
                                        .headline{
                                                color: #3A6969;
                                                font-size: 130%;
                                                padding-bottom: 3px;
                                        }
                                        .subheadline{
                                                font-weight: bold;
                                                color: #009C86;
                                                font-size: 14px;
                                                padding-bottom: 10px;
                                        }
                #inhalt {
                        color: #333333;
                }
                        #inhalt table {
                                margin: 0;
                                table-layout: auto;
                                padding-bottom: 15px;
                        }
                        #inhalt table p {
                                padding: 2px 0;
                                margin: 0;
                        }
                        ul {
                                padding-left: 40px;
                        }
                        li{
                                padding-left: 5px;
                                color: #333333;
                                font-weight: bold;
                                font-size: 12px;
                                word-spacing: 1pt;
                                font-family: Verdana;
                                line-height: 16px;
                        }
                        #inhalt td {
                                padding: 0 20px 0 25px;
                                background: url(../img/kunststoffprofile/quadrat.gif) no-repeat;
                        }
                        .download {
                        }

#fuss {
        position: fixed;
        width: 100%;
        max-height: 1.15em;
        bottom: 0;
        left: 0;
        background-color: #307765;
        color: #BDB500;
        font-size: 0.7em;
        text-align: center;
        z-index: 99;
}



/* ==================================
   4. Sonstige Styles
   =============================== */

.tx-macinasearchbox-pi1 a {
        position: relative;
        top: -4px;
        color: #FFF;
        text-decoration: none;
}


span.unsichtbar { position:absolute; left:-3000px; width:0; height:0; display:block; }

.csc-mailform{
        color: #333;
        font-size: 0.68em;
        font-weight: bold;
        letter-spacing: 0.1em;
        border: 0;
        position: relative;
}
.csc-mailform-field {
        padding-bottom: 5px;
        width: 200px;
}
.csc-mailform-field input, .csc-mailform-field textarea {margin: 5px 0}

.inhalt .tx-indexedsearch-searchbox p {font-size: 1.0em;}
.inhalt .tx-indexedsearch-searchbox  td {padding: 0 10px 5px; }

.tx-indexedsearch-rules {padding: 20px; color: #620b01; }
.tx-indexedsearch-browsebox {font-size: 0.9em; text-align: center; padding-bottom: 15px}

.csc-sitemap, .tx-flseositemap-pi1 { margin-left: 10px; font-size: 0.85em; }
.csc-sitemap a, .tx-flseositemap-pi1 a  {text-decoration: none; font-weight: bold; color: #999;  }
.csc-sitemap a:hover, .tx-flseositemap-pi1 a:hover {color: #333; }
.tx-flseositemap-pi1 li {
	font-size: 7pt;
}
.inhalt ul { padding-top: 5px; padding-left: 25px; list-style-type: circle; }
.inhalt li {padding-bottom: 5px}

/* ==================================
   ENDE DES STYLESHEETS
   =============================== */