html, body{
    height: 100%;
}

body{
    margin: 0;
    padding: 0;
    background: url(../images/body_bg.gif) repeat-y 50% 0;
}

img{
    font: 11px/13px Tahoma;
}

input, textarea{
        font-family: Tahoma;
}

div#wrapper{
    width: 900px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    padding-bottom: 21px;
    margin: -21px auto;
    background-image: url(../images/background_left_new.jpg);
    background-repeat: repeat-y;
}

div#footer{
    margin: -21px auto;
    background-color: #0b2754;
    background: url(../images/background_footer.jpg) no-repeat;
    color: #fff;
    font: 10px/12px Tahoma;
    height: 11px;
    padding: 5px 10px;
    width: 880px;
}

div#tlc{
    margin: -21px auto;
    color: #fff;
    font: 10px/12px Tahoma;
    height: 9px;
    padding: 5px 25px;
    width: 570px;
    text-align: right;
  padding-left: 250px;
 
}

div#tlc strong{
font-weight: normal;
}

div#tlc a{
    color: white;
    text-decoration: none;
}
div#tlc a:hover{
    color: #ffea01;
}

.box_content a:visited{
  color: #0B2D74;
}

.box_content a{
  color: #0B2D74;
}

.box_content h2{
  font-weight: normal;
}

div#left{
    padding-top: 21px;
    background-color: #E9E9E9;
    background-image: url(../images/background_box.jpg);
    background-repeat: no-repeat;
    background-position: 0 21px;
    min-height: 350px;
    height: auto !important;
    height: 350px;
    width: 250px;
    float: left;
}

* html div#left{
   background-color: #FFFFFF;
}

div#right{
        position: relative;
    padding-top: 21px;
    float: left;
    width: 550px;
}

* html div#right{

   margin-left: -5px;

}

img#nowotka_logo{
    margin-left: 32px;
    font: bold 12px/15px Tahoma;
}

img#nowotka_siegel{
    margin-left: 32px;
    font: bold 12px/15px Tahoma;
}

.banner{
   position: relative;
   text-indent: -999em;
}

img.banner{
    padding: 0;
    margin: 0;
}

* html img.banner{
    margin-bottom: -2px;
}

*+html img.banner{
    margin-bottom: -2px;
}

.banner_teaser{
  position: absolute;
  top: 89px;
  left: 432px;
  color: #425574;
  font-family: Tahoma;
  font-size: 11px;
  line-height: 13px;
  width: 170px;
}

#breadcrumb{
    background: url(../images/background_breadcrumb.jpg) no-repeat;
    color: #fff;
    font: 11px/13px Tahoma;
    height: 19px;
    width: 610px;
    padding: 8px 0px 0px 30px;
}
#breadcrumb a{
    color: #fff;
    text-decoration: none;
}
div#breadcrumb a:hover{
    color: #ffea01;
}

div#main{
    padding: 30px 30px 15px 30px;
        font-family:        Tahoma;
        width: 590px;
        
}

*html div#main{
padding: 30px 0px 15px 30px;
width: 615px;
}

div#main h2{
    font: bold 15px/20px Tahoma;
    color: #0a2558;
    margin-bottom: 25px;
    width: 615px;
}

div#main div.content{
    width: 560px;
    font: 12px/19px Tahoma;
    color: #333333;
}
div#main div.content p{
    margin-bottom: 25px;
}

div#main img.littlepics{
    height: 79px;
    border: 1px solid #031843;
    margin-right: 8px;
}

div#main_tabs{
    padding: 30px 30px 15px 30px;
    /*background-image: url(../images/background_tabs_lines.jpg);*/
    /*background-repeat: no-repeat;*/
    min-height: 292px;
    height: auto !important;
    height: 292px;
    color: #122f67 !important;
    width: 590px;
}
*+html div#main_tabs{
width: 500px;
}

*html div#main_tabs{
padding: 30px 0px 15px 30px;
width: 500px;
}

div#main_tabs h2{
    font: bold 15px/20px Tahoma;
    color: #122f67;
    margin-bottom: 25px;
    width: 600px;
}

div#main_tabs div.content{
    width: 580px;
    font: 12px/17px Tahoma;
    color: #333333;
}
div#main_tabs div.content p{
    margin-bottom: 25px;
}

div#main_tabs div.content p strong{
    font-weight: normal;
}

div.box{
  background:transparent url(../images/background_left.jpg) repeat-y scroll 0 0;
    font: 11px/16px Tahoma;
    color: #333333;
}
div.box h3{
    background-image: url(../images/background_boxheader.jpg);
    background-repeat: no-repeat;
    font: bold 12px/14px Tahoma;
    color: #122F67;
    padding: 7px 22px;
    height: 13px;
}

*html div.box h3{
    padding: 6px 17px;
}

div.box_content{
    padding: 20px 30px 15px 40px;
    background: url(../images/background_left.jpg) repeat-y;
    margin-bottom: -1px;
}
div.box_content input.field{
    width: 150px;
    margin-bottom: 5px;
}

div#tabs_left_active{
        position: relative;
        background: url(../images/startseite/tabs_left_active.jpg) no-repeat;
        height: 65px;
        margin-top: -44px;
        width: 636px;
}

*html div#tabs_left_active{
     margin-top: -45px;
}

div#tabs_right_active{
        position: relative;
        background: url(../images/startseite/tabs_right_active.jpg) no-repeat;
        height: 65px;
        margin-top: -44px;
        width: 636px;
}

*html div#tabs_right_active{
     margin-top: -45px;
}

div#tabs_left_active a, div#tabs_right_active a{
position: absolute;
        display: block;
        float: left;
        width: 130px;
        font-size: 13px;
}

.tab_active{
       color: white;
       font-family: Tahoma;
       font-size: 11px;
       text-decoration: none;
       padding: 15px 0px 5px 32px;
}

.tab_inactive{
       color: #000000;
       font-family: Tahoma;
       font-size: 11px;
       text-decoration: none;
       padding: 15px 0px 5px 32px;
}

div#tabs_right_active .tab_active
{
      left: 163px;
}

div#tabs_left_active .tab_inactive
{
      left: 163px;
}



div.sitemap{
    font: 11px/19px Tahoma;
}
div#main a{
    color: #000;
}

/* ******************************************NEWS ************************************************ */
div.content div#news p{
    margin: 0;  
    clear: both;
}

div.content div#news .list{
    margin-bottom: 20px;
}

div.content div#news h3{
    font-size: 11px;
    width: 520px;
    float: left;
}

div.content div#news .newsdate{
    display: block;
    font-size: 11px;
    float: left;
    font-weight: bold;
}

/* *****************************KONTAKTFORMULAR ************************************************ */
.contentright {
   color: #0A2558;
   font-size: 12px;
}


#contact label {
    display: block;
    float: left;
    width: 55px;
    margin-bottom: 20px;
        color: #0A2558;
        font-size: 12px;
        text-align: right;
        padding-right: 4px;
}

#contact #subject, #name, #email, #company, #street, #city, #email_adress, #country, #phone, #fax, #product, #count, #size, #material, #material_size, #material_size, #delivery, #specifications{
    margin-bottom: 10px;
    width: 490px;
    background-color: #f1f9ff;
          padding: 3px 0px 0px 3px;
        border: 1px solid #C1C1C1;
        color: #0A2558;
        font-size: 12px;
        height: 21px;
}

#length, #width, #strong, #kantungen{
    margin-bottom: 10px;
    width: 490px;
    background-color: #f1f9ff;
          padding: 3px 0px 0px 3px;
        border: 1px solid #C1C1C1;
        color: #0A2558;
        font-size: 12px;
        height: 21px;
}

#kantungen{
    width: 30px !important;
}

#contact textarea{
    margin-bottom: 10px;
    width: 490px;
    background-color: #f1f9ff;
          padding: 3px 0px 0px 3px;
        border: 1px solid #C1C1C1;
        color: #0A2558;
        font-size: 12px;
}

#contact #submit {
    margin-left: 55px;
   border: 0px;
   background-color: #FFFFFF;
   color: #666666;
   font-size: 11px;
   font-weight: bold;
   padding: 2px;
   width: 116px;
   height: 22px;
}

*html #contact #submit {
    margin-left: 58px;
}

.anfahrt_text_left {
        width: 400px;
        float: left;
}

.anfahrt_text_right {
        float: right;
        background-color: #0B2D74;
        color: #FFFFFF;
        padding: 5px;
        margin-right: -10px;
}

.anfahrt_text_right a {
        color: #FFFFFF !important;
        text-decoration: none;
}

/* ************************************* NAVIGATIONEN ********************************************* */

#navi_main{
    background: url(../images/background_navi.jpg) no-repeat;
    width: 637px;
    height: 28px;
    font: normal 12px/14px Tahoma;
    padding-top: 22px;
  letter-spacing: 0.5px;
}

* html #navi_main{
width: 637px;
}

ul#navi_main li{
    float: left;
    margin-left: 26px;
    padding-left: 13px;
    margin-right: 17px;
    background-image: url(../images/main_navi_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 2px; 
}

ul#navi_main li.active{
    background-image: url(../images/main_navi_active.gif);
    background-repeat: no-repeat;
    background-position: 0 2px; 
}

ul#navi_main li a{
    color: #fff;
    text-decoration: none;
}

ul#navi_main li.active a{
    color: #ffea01;
}

ul#navi_sub{
    font: 11px/21px Tahoma;
    list-style:none;
    margin-top: -7px;
    height: 160px;
    width: 180px;
    margin-left: 37px;
}

ul#navi_sub li a{
  background: url(../images/list_style_bg.gif) no-repeat 0px 5px;
    color: #3e3e3e;
    padding-left: 10px;
    text-decoration: none;
}

ul#navi_sub li.active a{
  padding-left: 10px;
    color: #0a2c70;
    font-weight: bold;
}

ul#navi_sub_leistung{
    font: 11px/21px Tahoma;
    list-style:none;
    margin-top: -7px;
    height: 129px;
    width: 190px;
    margin-left: 37px;
    border-bottom: 1px dotted #B5B5B5;
}

ul#navi_sub_leistung li a{
  background: url(../images/list_style_bg.gif) no-repeat 0px 5px;
    color: #3e3e3e;
    padding-left: 10px;
    text-decoration: none;
}

ul#navi_sub_leistung li.active a{
  padding-left: 10px;
    color: #0a2c70;
    font-weight: bold;
}

ul#navi_switch_customer{
    font: 11px/21px Tahoma;
    list-style:none;
    margin-top: 0px;
    height: 20px;
    margin-bottom: 10px;
    width: 175px;
    margin-left: 30px;
}

ul#navi_switch_customer li a{
    color: #3e3e3e;
    padding-left: 10px;
    text-decoration: none;
}

ul#navi_switch_customer li.active a{
  padding-left: 10px;
    color: #0a2c70;
    font-weight: bold;
}

div#navi_spacer{
    margin-top: 29px;
    height: 124px;
}

ul#navi_help{
    width: 220px;
    font: 11px/21px Tahoma;
    margin: 19px 0 0 20%;
    padding-left: 25px;
    color: #333333 !important;
    height: 40px;
}
* html ul#navi_help{
margin: 38px 0 0 20%;
    width: 180px;
}
*+html ul#navi_help{
margin: 38px 0 0 20%;
    width: 180px;
}
ul#navi_help li{
    float: left;
    padding-right: 7px;
    margin-right: 2px;
}
ul#navi_help li.lastelement{
    background: none;
}
ul#navi_help li a{
    color: #333333 !important;;
    text-decoration: none;
    
}


/****************************************************
*                   EVENTS          *
****************************************************/
#events {
    width:              550px;
    margin-top:         5px;
    font-family:        Tahoma;
}

div#events h3{
    font-size: 11px;
    width: 500px;
    color:#0A2558;
}

#events th {
    color:              #fff;
    background:         #0B2D74;
    height:             18px;
    border-right:       3px solid #fff;
    font-size:          12px;
    padding-top:        2px;
}

#events td {
    border-right:       3px solid #fff;
    padding:            10px 0px 0px 10px;
}

#events .event {
    width:              350px;
}

#events .ort {
    width:              150px;
}

#events .datum {
    width:              150px;
}

#events .tr0 {
    background:         #fff;
    color:              #000;
    height:             30px;
    font-size:          11px;
}

#events .tr1 {
    background:         #dcdcd9;
    color:              #000;
    height:             30px;
    font-size:          11px;
}

/* ************************************* Newsletter ********************************************* */

.texte {
   padding:5px 30px 25px 40px;
}

.newsletter_label {
   position: relative;
   display: block;
}

.newsletter_input {
   color: #425574;
   width: 162px;
   border: 1px solid #b5b5b5;
   font-size: 12px;
   padding: 3px;
}

.newsletter_select {
  border: 1px solid #b5b5b5;
  color: #333333;
  width: 100px;
  margin: 10px 30px 0px -5px;
  padding: 0px;
  height: 19px;
}

.newsletter_submit {
   background: url(../images/newsletter_ok_button.gif) no-repeat;
   width: 36px;
   color: #425574;
   border: 0px;
   padding: 0px;
   height: 20px;
}

* html .newsletter_submit{
   padding: 2px;
   height: 22px;
}

*+html .newsletter_submit{
   height: 22px;
}

*+html .newsletter_select{
   height: 21px;
}

/* ************************************* Login ********************************************* */

#login {
    width: 270px;
}

#login label {
   display: block;
   width: 100px;
   float: left;
   color: #0A2558;
   font-size: 12px;
}

#login #username, #password {
  width: 162px;
  margin-bottom: 10px; 
    background-color: #f1f9ff;
  padding: 3px 0px 0px 3px;
  border: 1px solid #C1C1C1;
  color: #0A2558;
  font-size: 12px;
  height: 21px;
}

#login #loginBtn {
   float: right;  
   border: 0px;
   background-color: #FFFFFF;
   color: #666666;
   font-size: 11px;
   font-weight: bold;
   width: 119px;
   height: 22px;
}

.contenttext{
   color: #333333;
   font-size: 12px;
}

/************************************** Impressum **********************************************/

.impress_label_phonefax
{
   float: left;
   width: 100px;
}

.impress_value_phonefax
{
   margin-bottom: 20px;
}

/************************************** Leistungsbereiche **********************************************/

.leistung_title_left
{
   float: left;
}

/************************************** KUNDENANFRAGE **********************************************/

.contact_main_radio_label
{
   float: left;
   width: 50px;
   clear: both;
}

.contact_form_gender{
   margin-bottom: 15px;
   width: 450px;
   margin-left: 110px;
}


.contact_form_radio_left{
   margin-top: 15px;
   width: 80px;
   float: left;
}

.contact_form_radio_right{
    margin-top: 15px;
   width: 80px;
   float: left;
}

* html .contact_form_radio_left{
   margin-top: 0px;
}

* html .contact_form_radio_right{
   margin-top: 0px;
}


.contact_form_radio_left label{
   margin-top: -15px;
}

.contact_form_radio_right label{
   margin-top: -15px;
}

.contact_form_input_long input{
   width: 448px !important;
}

.contact_form_input_left{
   margin-left: 50px;
   clear: both;
}

.contact_form_input_left input{
   width: 340px !important;
}

.contact_form_input_left label{
   width: 100px !important;
}

.contact_form_input_left textarea{
   width: 340px !important;
}

.contact_form_input_left p{
   padding-left: 4px;
   margin-left: 100px;
   line-height: 18px;
   width: 365px;
}

* html .contact_form_input_left p{
   padding-left: 8px;
}

.contact_form_input_button{
  margin-left: 95px;
  padding-left: 4px;
}

.contact_form_input_left #action_material{
    margin-bottom: 10px;
    width: 344px;
    background-color: #ffffff;
          padding: 0px 0px 0px 3px;
        border: 1px solid #C1C1C1;
        color: #0A2558;
        font-size: 12px;
        height: 21px;
}

.contact_form_input_left #inclusive{
    margin-bottom: 10px;
    background-color: #ffffff;
          padding: 0px 0px 0px 3px;
        border: 1px solid #C1C1C1;
        color: #0A2558;
        font-size: 12px;
        height: 21px;
}

.contact_form_input_left .contact_file_upload{
       width: 190px !important;
     height: 19px;
     border: 1px solid #cccccc;
     padding: 3px;
     margin-bottom: 0px;
     margin-right: 0px;
     margin-left: 0px;
}

.contact_spacer
{
  clear: both !important;
}

*+html .contact_spacer
{
  height: 0px;
}

* html .contact_spacer
{
  height: 0px;
  margin-top: -10px;
}

label.contact_checkbox
{
    float: right; 
    margin: -33px 0px 0px 155px; 
    width: 105px !important;
}

* html label.contact_checkbox
{
    float: right; 
    margin: -30px 0px 0px 75px; 
    width: 105px !important;
}

.content_kalkulator_special
{
    margin-top: 30px;
    font-size: 10px;
}

.arrow_back
{
  margin-right: 10px;
  color: #425574;
  font-family: Tahoma;
  font-size: 11px;
}

.arrow_next
{
  color: #425574;
  font-family: Tahoma;
  font-size: 11px;
}

.arrow_back a
{
  text-decoration: underline !important;
}

/* Sitemap */
.sitemap_wrapper
{
    font-size: 11px;
    line-height: 16px;
}

.sitemap_wrapper a
{
    
}

.sitemap_category
{
    margin-bottom: 15px;
}

.sitemap_services_wrapper
{
    float: left;
}