@charset "UTF-8";

/*######## Begin Layout ##########*/
html { height:100%; }
body,ul,li,p,images,h1,h2,h3,h4,input { margin:0;padding:0;border:0; color: #444444; }
body { background:url(../images/bg_body.jpg) repeat-x #fff; height:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#wrap { height:100%; width:785px; margin:25px auto; text-align:left; }

h4 {
    font-weight: normal;
}

/* Frame */
#top { height:5px; width:100%; background:url(../images/bg_border_top.gif) no-repeat; float:left; line-height:1%; }
#mainContent { height:auto; width:100%; background:url(../images/bg_main_content.gif) repeat-y; float:left; }
#bottom { height:5px; width:100%; background:url(../images/bg_border_bottom.gif) no-repeat; float:left; }

/* Searchbar */
#searchbar { height:28px; width:772px; margin:15px 0 0 6px; background:url(../images/bg_searchbar.gif) no-repeat; }

#searchbutton ul {
    list-style: none;
}

#searchbutton ul #btn_search {
    position:relative;
    display:inline;
    background:url(../images/btn_search.jpg) no-repeat;
    float: left;
    width:100px;
    height:28px;
}

#searchbutton ul #btn_search div {
    margin-left: 14px;
    text-align: center;
    width:86px;
    height:23px;
}

#searchbutton ul #btn_search a:link,
#searchbutton ul #btn_search a:visited {
    font-family: Arial;
    font-size: 100%;
    font-weight: bold;
    color: #555555;
    text-decoration: none;
    line-height:22px;
    text-align: center;
    width:86px;
    height:23px;  
    position:relative;
    display:inline;
    float:left;
}

#searchbutton ul li#btn_search:hover {
    background-position:-100px;
}

#searchbutton ul li#btn_search a {
    color: #666666;
}

#searchbutton ul li#btn_search a:hover {
    color: #fff;
}

#searchterm { display:block; float:left; width:125px; height:28px; background:url(../images/input_search.jpg) no-repeat; border:0; margin-bottom:5px; padding:5px 8px 0 8px; }

#searchResultItem { padding: 10px 0 10px 0 }

a.searchResultLink:link,
a.searchResultLink:visited {
    font-weight: bold;
    text-decoration: none;
    color: #0067A8;
}

/*Flags*/
#flags {
    height:11px;
    float:left;
}
#flags ul {
    list-style:none;
}
#flags ul li {
    position:relative;
    float:left;
    display:inline;
    width:17px;
    height:23px;
    margin-right:8px;
    text-indent:-999em;
}
/*#flags ul li.de { background:url(../images/flag_de.jpg) right no-repeat; }
#flags ul li.en { background:url(../images/flag_en.jpg) right no-repeat; }*/
#flags ul li.de { background:url(../images/flag_de.jpg) left no-repeat; }
#flags ul li.en { background:url(../images/flag_en.jpg) left no-repeat; }
#flags ul li.it { background:url(../images/flag_fr.jpg) right no-repeat; }
#flags ul li.fr { background:url(../images/flag_it.jpg) right no-repeat; }
#flags ul li.active { background-position:left;  }

#flags ul li a { display:block; height:23px; width:17px; }

/*Imprint btn*/
#btn_imprint a:link,
#btn_imprint a:visited {
    float:right;
    margin-right: 30px;
    font-family: Arial;
    font-size: 100%;
    font-weight: bold;
    color: #555555;
    text-decoration: none;
    line-height: 22px;
    text-align: right;
}

/*Headerimages*/
div.head { width:100%; height:148px; background:url(../images/bg_header.jpg) no-repeat; margin-left:5px; }

/* Deutsch */
#home_1 {
    background-image:url(../images/kopf_home_rz.jpg);
} 
#unternehmen_1 {
    background-image:url(../images/kopf_unternehmen_rz.jpg);
} 
#geschaeftsbereiche_1 {
    background-image:url(../images/kopf_geschaeftsbereiche_rz.jpg);
}
#produkte_1 {
    background-image:url(../images/kopf_produkte_2_rz.jpg);
}
#presse_1 {
    background-image:url(../images/kopf_presse_rz.jpg);
}
#kontakt_1 {
   background-image:url(../images/kopf_kontakt_rz.jpg);
}

/* Deutsch */
#home_2 {
    background-image:url(../images/kopf_home_rz_en.jpg);
} 
#unternehmen_2 {
    background-image:url(../images/kopf_unternehmen_rz_en.jpg);
} 
#geschaeftsbereiche_2 {
    background-image:url(../images/kopf_geschaeftsbereiche_rz_en.jpg);
}
#produkte_2 {
    background-image:url(../images/kopf_produkte_2_rz_en.jpg);
}
#presse_2 {
    background-image:url(../images/kopf_presse_rz_en.jpg);
}
#kontakt_2 {
   background-image:url(../images/kopf_kontakt_rz_en.jpg);
}

/*Topnavbar*/
#topnav { height:28px; width:773px; margin:0 0 0 5px; }
#topnav ul { list-style:none; margin-left: 15px; }
#topnav ul li { display: inline; float: left; text-align: center; }

#topnav ul li a:link,
#topnav ul li a:visited { 
    font-family: Arial;
    font-size: 100%;
    font-weight: bold;
    color: #555555;
    position:relative;
    display:inline;
    float:left;
    width:125px;
    height:23px;
    background:url(../images/btn_topnav.jpg) no-repeat;
    text-decoration: none;
    line-height:22px;
}

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

/* Top Nav Buttons */
#topnav ul li.home a:link,
#topnav ul li.home a:visited{ background-position:0 0;  }

#topnav ul li.geschaeftsbereiche a:link,
#topnav ul li.geschaeftsbereiche a:visited,
#topnav ul li.business_units a:link,
#topnav ul li.business_units a:visited { background-position:-124px 0;  }

#topnav ul li.produkte a:link,
#topnav ul li.produkte a:visited,
#topnav ul li.products a:link,
#topnav ul li.products a:visited { background-position:-248px 0;  }

#topnav ul li.unternehmen a:link,
#topnav ul li.unternehmen a:visited,
#topnav ul li.company a:link,
#topnav ul li.company a:visited { background-position:-376px 0;  }

#topnav ul li.presse a:link,
#topnav ul li.presse a:visited,
#topnav ul li.press a:link,
#topnav ul li.press a:visited { background-position:-500px 0;  }

#topnav ul li.kontakt a:link,
#topnav ul li.kontakt a:visited,
#topnav ul li.contact a:link,
#topnav ul li.contact a:visited { background-position:-624px 0;  }

/* Top Nav Buttons hover */
#topnav ul li.home a:hover,
#topnav ul li.home a:active,
#topnav ul li.home a.active { background-position:0 -23px; color: #fff; }

#topnav ul li.geschaeftsbereiche a:hover,
#topnav ul li.geschaeftsbereiche a:active,
#topnav ul li.geschaeftsbereiche a.active,
#topnav ul li.business_units a:hover,
#topnav ul li.business_units a:active,
#topnav ul li.business_units a.active { background-position:-124px -23px; color: #fff; }

#topnav ul li.produkte a:hover,
#topnav ul li.produkte a:active,
#topnav ul li.produkte a.active,
#topnav ul li.products a:hover,
#topnav ul li.products a:active,
#topnav ul li.products a.active { background-position:-248px -23px; color: #fff; }

#topnav ul li.unternehmen a:hover,
#topnav ul li.unternehmen a:active,
#topnav ul li.unternehmen a.active,
#topnav ul li.company a:hover,
#topnav ul li.company a:active,
#topnav ul li.company a.active { background-position:-376px -23px; color: #fff; }

#topnav ul li.presse a:hover,
#topnav ul li.presse a:active,
#topnav ul li.presse a.active,
#topnav ul li.press a:hover,
#topnav ul li.press a:active,
#topnav ul li.press a.active { background-position:-500px -23px; color: #fff; }

#topnav ul li.kontakt a:hover,
#topnav ul li.kontakt a:active,
#topnav ul li.kontakt a.active,
#topnav ul li.contact a:hover,
#topnav ul li.contact a:active,
#topnav ul li.contact a.active { background-position:-624px -23px; color: #fff; }

/*Content*/
#content {
    height:auto;
    background:url(../images/bg_lb_curve.jpg) 5px bottom no-repeat;
    padding-bottom:50px;
    margin-top: 27px;
}

/* Nav left header*/
#nav_head {
    color: #fff;
    font-weight: bold;
    /*margin-left: 10px;*/
    padding: 1px 0 5px 5px;
    width: 124px;
    height: 18px;
    background: url(../images_/nav_head.jpg) no-repeat;
}

/* leftnav home*/
#leftnav_home { width:124px; height:1px; margin:4px 20px 0 20px; float: left; }

/*leftnav unternehmen*/
* html #leftnav_company { margin-left:10px; }
* html #leftnav_company ul li { margin-left:-20px; }
#leftnav_company,
#leftnav_products,
#leftnav_blind {
    width:124px;
    margin:4px 50px 0 18px;
    float:left;
    min-height: 380px;
}
#leftnav_company ul {
    list-style:none;
}
#leftnav_company ul li {
    clear: both;
    height:28px;
    margin-bottom: 5px;
}

#leftnav_company ul li.subnav a:link,
#leftnav_company ul li.subnav a:visited,
#leftnav_company ul li.subnav div.nolink {
    position:relative;
    float:left;
    display: table;
    width: 112px;
    height: 28px;
    overflow: hidden;
    margin: 0 0 5px 6px;
    text-decoration: none;
    color: #555555;
    line-height: 12px;
    font-size: 11px;
    background-image:url(../images/btn_subnav.gif);
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
}

#leftnav_company ul li.subnav a.active,
#leftnav_company ul li.subnav a:hover {
    background-position: right top;
    color: #ffffff;
    cursor: pointer;
}

#leftnav_company ul li.subnav a span,
#leftnav_company ul li.subnav div.nolink span {
    padding: 1px 2px 1px 2px;
    display:table-cell;
    vertical-align:middle;
    *position: absolute;
    top: 50%;
    cursor: pointer;
}

#leftnav_company ul li.subnav a span span,
#leftnav_company ul li.subnav div.nolink span span {
    *position: relative;
    top: -50%;
    cursor: pointer;
}

/* Subsubnav */
#leftnav_company ul li.subsubnav div.subsubnav_item {
    width: 95px!important;
    height: 28px;
    margin-left: 23px;
    overflow: hidden;
}

#leftnav_company ul li.subsubnav a:link,
#leftnav_company ul li.subsubnav a:visited {
    position:relative;
    float:left;
    display: table;
    width: 95px;
    height: 28px;
    text-decoration: none;
    color: #444444;
    line-height: 10px;
    font-size: 11px;
    background-image:url(../images/btn_subsubnav.gif);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
}

#leftnav_company ul li.subsubnav a.active,
#leftnav_company ul li.subsubnav a:hover {
    background-position: right;
    color: #ffffff;
    cursor: pointer;
}

#leftnav_company ul li.subsubnav a span {
    padding: 1px 0 1px 1px;
    display:table-cell;
    vertical-align:middle;
    *position: absolute;
    top: 50%;
    cursor: pointer;
}

#leftnav_company ul li.subsubnav a span span {
    *position: relative;
    top: -50%;
    cursor: pointer;
}

#leftnav_company div.box_head {
    width: 124px;
    height: 3px;
    background-image: url(../images/box_subnav_top.jpg);
    background-repeat: no-repeat;
}

#leftnav_company div.box_spacer {
    padding: 4px 0 1px 0;
}

#leftnav_company div.box_body {
    width: 124px;
    background-image: url(../images/box_subnav_bg.jpg);
    background-repeat: repeat-y;
}

#leftnav_company div.box_prog {
    width: 124px;
    background: url(../images/box_subnav_bg_prog.jpg) top no-repeat;
}

#leftnav_company div.box_foot {
    width: 124px;
    height: 3px;
    background-image: url(../images/box_subnav_bottom.jpg);
    background-repeat: no-repeat;
}

/* Downloadbox */
.downloadbox {
    margin: 0;
    padding: 0;
    width: 124px;
    float: left;
    margin-left: 50px;
}

.download_box_top {
    width: 124px;
    height: 4px;
    background: url(../images/box_downloads_normal_top.gif);
    background-repeat: no-repeat;
}

.download_box_content {
    width: 124px;
    background-image: url(../images/box_downloads_normal_bg.gif);
    background-repeat: repeat-y;
}

.download_box_bottom {
    width: 124px;
    height: 4px;
    background-image: url(../images/box_downloads_normal_bottom.gif);
    background-repeat: no-repeat;
}

.download_box_prog {
    width: 124px;
    background-image: url(../images/box_downloads_normal_prog.gif);
    background-position: top;
    background-repeat: no-repeat;
}

.downloadbox h1,
.downloadbox h2,
.downloadbox h3,
.downloadbox h4 {
    color: #444444;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

.download_box_inwrap {
    padding: 8px 0 8px 0;
}

.download_box_content .download_box_item .item_filename {
    color: #44444;
    text-align: center;
    margin-top: 15px;
    font-size: 11px;
}

.download_box_content .download_box_item .item_fileinfo {
    color: #44444;
    text-align: center;
    font-size: 9px;
}

.download_box_content .download_box_item .item_download {
    color: #44444;
    text-align: center;
    width: 74px;
    height: 17px;
    margin-left: 25px;
}

.download_box_content .download_box_item .item_download a:link,
.download_box_content .download_box_item .item_download a:visited {
    width: 74px;
    height: 17px;
    background-image:url(../images/btn_download.gif);
    background-position: left;
    background-repeat: no-repeat;
    position:relative;
    float:left;
    display: table;
    overflow: hidden;
    text-decoration: none;
    color: #444444;
    font-size: 11px;
    line-height: 17px;
}

.download_box_content .download_box_item .item_download a:hover {
    background-position: right;
    color: #ffffff;
}

/* Infobox */
.infobox {
    margin: 0;
    padding: 0;
    width: 124px;
    float: left;
    margin-left: 50px;
    margin-bottom: 10px;
    font-size: 11px;
}

.infobox_top {
    width: 124px;
    height: 4px;
    background: url(../images/box_downloads_normal_top.gif);
    background-repeat: no-repeat;
}

.infobox_content {
    width: 124px;
    background-image: url(../images/box_downloads_normal_bg.gif);
    background-repeat: repeat-y;
}

.infobox_bottom {
    width: 124px;
    height: 4px;
    background-image: url(../images/box_downloads_normal_bottom.gif);
    background-repeat: no-repeat;
}

.infobox_prog {
    width: 124px;
    background-image: url(../images/box_downloads_normal_prog.gif);
    background-position: top;
    background-repeat: no-repeat;
}

.infobox h1,
.infobox h2,
.infobox h3,
.infobox h4 {
    color: #444444;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 15px;
}

.infobox_inwrap {
    padding: 8px 0 8px 0;
    min-height: 70px;
    text-align: center;
}

/* Text Container*/
div.txt {
    float:left;
    width:397px;
}

/*######## Begin Typography & Colors #######*/
h1 { font-size:18px; margin: 0 0 23px 0; padding: 0; color: #0067a8; font-weight: bold; }
h2 { color: #0067A8; font-size: 12px; font-weight: bold; }

/* Begin Various Tags & Classes */
div.clear { clear: left; }
a:active, a:focus { outline: none }

.error {
    font-weight: bold;
}

/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    margin-left: 30px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
    height:20px;
    line-height: 20px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    padding: 3px;
    width:270px;
    color: #444444;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
    color: #444444;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:270px;
}

#contactForm .contactRow input {
    height:16px;
}

#contactForm .contactRow textarea {
    height:105px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    width:72px;
    text-align: center;
    margin: 4px 20px 0 80px;
}
#contactFormSubmit #contactFormSubmitLeft a:link,
#contactFormSubmit #contactFormSubmitLeft a:visited,
#contactFormSubmit #contactFormSubmitLeft button span {
    width: 74px;
    height: 17px;
    background-image:url(../images/button_normal.gif);
    background-position: left;
    background-repeat: no-repeat;
    position:relative;
    float:left;
    display: table;
    overflow: hidden;
    text-decoration: none;
    color: #555555;
    font-size: 11px;
    line-height: 16px;
    border: 0;
}
#contactFormSubmit #contactFormSubmitLeft a:hover {
    background-position: right;
    color: #ffffff;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:left;
    width:72px;
    text-align: center;
    margin: 4px 0 0 0;
}

#contactFormSubmit #contactFormSubmitRight a:link,
#contactFormSubmit #contactFormSubmitRight a:visited {
    width: 74px;
    height: 17px;
    background-image:url(../images/button_normal.gif);
    background-position: left;
    background-repeat: no-repeat;
    position:relative;
    float:left;
    display: table;
    overflow: hidden;
    text-decoration: none;
    color: #555555;
    font-size: 11px;
    line-height: 16px;
}
#contactFormSubmit #contactFormSubmitRight a:hover {
    background-position: right;
    color: #ffffff;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}

div.txt p {
    margin-bottom: 23px;
    color: #444444;
}

div.txt ul {
    margin-left: 15px;
    margin-top: 0;
    padding: 0;
}

a {
    color: #0164a4;
}