@import 'reset.css';

/* --------------- Standard --------------- */

body { font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 16px; color: #4e585d; height: 100%; }

a { color: #476272; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }

#siteWrapper { min-height: 100%; position: absolute; z-index: 2; background: url('../_img/site-bg.gif') no-repeat; margin-left: 142px; width: 830px; /* width: 980px; */ }
#contentWrapper { background: #ebeff1; padding: 25px 0 25px 0; }
#schmuckbild { position: absolute; left: 0; top: 0; z-index: 0; }

#logo img { margin-left: 619px; }

#navInfo { position: absolute; left: 21px; top: 254px; z-index: 1; width: 100px; text-align: center; line-height: 16px; }
#navInfo a { color: #909a9f; font-size: 11px; }

#header { height: 32px; }

#navMain li { float: left; }
#navMain a { color: #fff; display: block; background: url('../_img/nav-main-bg.gif') repeat-x; border-right: 1px solid #575f6e; font-weight: bold; height: 32px; width: 102px; text-align: center; line-height: 32px; }
#navMain a.last { width: 103px; }
#navMain a.active,
#navMain a:hover { background: #ebeff1; color: #4e585d; text-decoration: none; }

#navSub { margin-bottom: 48px !important; }
#navSub li { background: none !important; }
#navSub a { color: #909a9f; /* font-weight: normal !important; */ display: block; padding-left: 28px; margin-bottom: 3px;}
#navSub a.active,
#navSub a:hover { background: url('../_img/bg-navsub.gif') 20px 6px no-repeat; color: #476272; text-decoration: none; }

#content { float: left; width: 555px; padding-left: 32px; }
#sidebar { float: right; width: 211px; }
#contentSub { float: left; width: 410px; }
#infobar { float: left; width: 150px; margin: 0 24px 0 2px; }

/* --------------- Content --------------- */

#contentWrapper a { font-weight: bold; }
.news-single-backlink a,
#contentWrapper a.more,
#contentWrapper .morelink a { background: url('../_img/more.gif') 1px 2px no-repeat; padding-left: 9px; }
	
#contentWrapper h2 { color: #8a9ca4; font-size: 20px; margin-bottom: 12px; }
#contentWrapper h3 { font-weight: bold; margin-bottom: 12px; }
#contentWrapper h4 { color: #476272; font-size: 16px; font-weight: bold; margin-bottom: 12px; }
#contentWrapper p { margin-bottom: 12px; }
#contentWrapper ul { margin-bottom: 12px; }
#contentWrapper li { background: url('../_img/bg-navsub.gif') 0 6px no-repeat; margin-left: 2px; padding-left: 8px; }
.csc-textpic-caption { color: #909a9f; font-size: 11px; padding: 6px 0 0 10px; }

/* --------------- Teaser --------------- */

.teaserbig { background: #4e585d; color: #fff; margin-bottom: 24px; }
.teaserbig .csc-textpic-text { padding: 13px 10px 0 30px; }

#contentWrapper .teaserbig h2 { color: #a5c500; font-size: 16px; font-weight: bold; margin-bottom: 12px;  }

.teaserbig DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
.teaser1 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
.teaser2 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
.teaser3 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
.teaser4 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; }

.teaser1,
.teaser2 { margin-bottom: 18px; }
.teaser3,
.teaser4 { margin-bottom: 0; }

#contentWrapper .teaser1 h3,
#contentWrapper .teaser2 h3,
#contentWrapper .teaser3 h3,
#contentWrapper .teaser4 h3 { background-color: #a5c500; font-weight: bold; height: 28px; line-height: 28px; padding-left: 10px; margin-bottom: 0; }
#contentWrapper .teaser2 h3,
#contentWrapper .teaser4 h3 { background-color: #c8d5dc; }

.teaser1 p,
.teaser2 p,
.teaser3 p,
.teaser4 p { padding: 10px 10px 0 10px; }
.teaser1 .csc-textpic-intext-right .csc-textpic-text p,
.teaser2 .csc-textpic-intext-right .csc-textpic-text p,
.teaser3 .csc-textpic-intext-right .csc-textpic-text p,
.teaser4 .csc-textpic-intext-right .csc-textpic-text p { padding-top: 0; }
.teaser1 .csc-textpic-intext-right,
.teaser2 .csc-textpic-intext-right,
.teaser3 .csc-textpic-intext-right,
.teaser4 .csc-textpic-intext-right { padding: 10px 10px 0 0 !important; }

/* --------------- Searchbox --------------- */

#searchbar { float: right; margin-right: 18px; }
#searchform div { float: left; padding-top: 5px; }
#searchform .submit { padding-top: 6px; }
.tx-macinasearchbox-pi1 .sword input { background: #e9ebec; border: 1px solid #96a4ab; height: 13px; width: 134px; margin-right: 6px; padding: 3px 4px 5px 4px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color: #476272; }
.browsebox li { background: none !important; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:auto; }
.tx-indexedsearch-searchbox .submit { margin-top: 6px; }
.tx-indexedsearch-searchbox input { border: 1px solid #93a5a5; background: #eaebed; padding: 2px; margin-left: 6px; }

/* --------------- Login --------------- */

/* ------ */
#content .csc-loginform { margin-bottom: 18px; }
#content .csc-loginform input { border: 1px solid #93a5a5; background: #eaebed; padding: 2px; }
#content .csc-loginform td { padding-bottom: 5px; }
#content .csc-loginform .csc-form-label-req { margin: 1px 8px 0 0; }
/* ------ */

#content .tx-felogin-pi1 legend { display: none; }
#content .tx-felogin-pi1 div { margin-bottom: 6px; }
#content .tx-felogin-pi1 label { float: left; width: 90px; margin-top: 2px; }
#content .tx-felogin-pi1 input { border: 1px solid #93a5a5; background: #eaebed; padding: 2px; }
#content .tx-felogin-pi1 #loginSubmit { border: none; background: #a5c500; color: #fff; font-weight: bold; margin-left: 90px; }

/* --------------- Logout --------------- */

/* ------ */
#sidebar .csc-loginform { font-size: 11px; margin: 0 0 18px 20px; }
#sidebar .csc-loginform input { border: none; background: none; color: #476272; font-weight: bold; cursor: pointer; margin-left: -3px; }
#sidebar .csc-loginform p { padding: 0; margin: 0; }
/* ------ */

#sidebar .tx-felogin-pi1 { font-size: 11px; margin: 0 0 18px 20px; }
#sidebar .tx-felogin-pi1 legend { display: none; }
#sidebar .tx-felogin-pi1 label { /* float: left; */ }
#sidebar .tx-felogin-pi1 input { border: none; background: none; color: #476272; font-weight: bold; cursor: pointer; margin-left: -3px; }

/* ------ Globaler Login/Logout im Template ------ */

#login { color: #ffffff; position: absolute; z-index: 40; margin: 2px; font-size: 11px; }
#siteLogin div { float: left; margin-right: 3px; }
#siteLogin input { border: 1px solid #4f5a60; background: #e6e7e9; color: #4f5a60; padding: 2px;  width: 100px; }
#siteLogin input.submit { background: #c9d6dc; font-weight: bold; height: 19px; width: 50px; }

#siteLogout div { float: left; margin-right: 10px; }
#siteLogout .userinfo { padding: 2px 0 0 6px; }
#siteLogout input { border: 1px solid #4f5a60; background: #c9d6dc; color: #4f5a60; font-weight: bold; padding: 2px; height: 19px; width: 50px; }

/* --------------- Registrierung --------------- */

.tx-powermail-pi1 { padding-top: 12px; width: 500px; }
.tx-powermail-pi1 fieldset { margin-bottom: 24px; }
.tx-powermail-pi1 legend { display: none; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html { margin-bottom: 6px; }
.tx_powermail_pi1_fieldwrap_html_13 p { display: none; }
.tx-powermail-pi1 label { float: left; width: 140px; margin-top: 2px; }
.tx-powermail-pi1 input { border: 1px solid #93a5a5; background: #eaebed; padding: 2px; width: 270px; }

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_submit input { /* border: none; background: #a5c500; color: #fff; font-weight: bold; */
border: 1px solid #93a5a5; background: #eaebed; padding: 2px; margin-left: 140px; width: auto; }

.tx-powermail-pi1 .powermail_check_inner_uid13_0 label { float: right; width: 335px; margin-top: -2px; padding-bottom: 16px; }
.tx-powermail-pi1 .powermail_check_inner_uid13_0 input { float: left; margin-left: 140px; width: auto; }
.tx-powermail-pi1 .powermail_mandatory { padding-left: 2px; }
.tx-powermail-pi1 .powermail_mandatory_js { color: red; display: block; margin-top: 2px; margin-left: 140px; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_label { margin-left: 140px; padding: 6px 0; }

.tx-powermail-pi1 .tx-powermail-pi1_confirmation_back { float: left; margin-right: 10px; width: 100px; }
.tx-powermail-pi1 .tx-powermail-pi1_confirmation_submit { float: left; width: 200px; }
.powermail_all_table { margin-bottom: 12px; }
.powermail_all_table td { padding: 2px 6px 2px 0; }

/* --------------- News --------------- */

.news-list-item { border-top: 1px solid #adbbc3; margin-top: 12px; padding-top: 24px; margin-bottom: 20px; }
.news-list-item .news-list-date { color: #8b9ba3; }
.news-list-item .image { float: left; width: 142px; }
.news-list-item .text { float: right; width: 413px; }
.news-list-item p { margin-top: 12px; }
#contentWrapper .news-list-item h3 { font-size: 16px; margin-bottom: 0; margin-top: 3px; }

.news-single-backlink { border-top: 1px solid #adbbc3; margin-top: 16px; padding-top: 12px; }
.news-single-item h1 { color: #476272; font-size: 16px; font-weight: bold; margin-bottom: 12px; }
.news-single-item .news-single-timedata { color: #8b9ba3; margin-bottom: 3px; }
.news-single-item .news-single-content { float: right; width: 410px; }
.news-single-item .news-single-images { float: left; width: 150px; margin: 0 22px 0 2px; }
.news-single-item .news-single-imgcaption { color: #909a9f; font-size: 11px; padding: 6px 0 0 10px; }
#newsSingle #content { width: 587px; padding-left: 0; }
	
.news-list-browse { border-top: 1px solid #adbbc3; padding-top: 12px; }
.browsebox { text-align: right; }
.pagelink { margin: 0 3px; }
.tx-ttnews-browselist-currentPage { font-weight: bold; margin: 0 3px; }
.browseboxText { margin-right: 3px; }

/* --------------- Products --------------- */

.tx-tlproducts-pi1 { }
.tx-tlproducts-pi1 .category { background: #fff; width: 170px; height: 153px; float: left; margin: 0 22px 22px 0; }
.tx-tlproducts-pi1 .last { margin-right: 0; }
.tx-tlproducts-pi1 .category a { display: block; width: 170px; height: 153px; }
.tx-tlproducts-pi1 .category a:hover { text-decoration: none; }
#contentWrapper .tx-tlproducts-pi1 .category h4 { color: #a5c500; font-size: 16px; line-height: 18px; font-weight: bold; padding: 10px 0 0 20px; }
.tx-tlproducts-pi1 .product { background: #fff; margin: 0 0 19px 0; }
.tx-tlproducts-pi1 .productImage { float: left; width: 130px; }
.tx-tlproducts-pi1 .productInfo { float: right; width: 380px; margin: 19px 20px 11px 0; }
#contentWrapper .tx-tlproducts-pi1 .product h4 { color: #a5c500; font-size: 16px; line-height: 20px; font-weight: bold; margin: 6px 0 14px 0; }
.tx-tlproducts-pi1 .productFiles a { color: #919a9f; }
#contentWrapper .tx-tlproducts-pi1 .productFiles li { background: none; margin-left: 0; padding-left: 20px; padding-bottom: 4px; }
#contentWrapper .tx-tlproducts-pi1 .productFiles li.doc { background: url('../_img/icons/word_icon.gif') no-repeat; padding-top: 2px; }
#contentWrapper .tx-tlproducts-pi1 .productFiles li.pdf { background: url('../_img/icons/pdf_icon.gif') no-repeat; padding-top: 2px; }
#contentWrapper .tx-tlproducts-pi1 .productFiles li.xls { background: url('../_img/icons/excel_icon.gif') no-repeat; padding-top: 2px; }

/* --------------- Map --------------- */

.tx-rlmpflashdetection-pi1 { margin-left: 23px; }

/* --------------- Helper --------------- */

div.divider { clear: both; border: 0; height: 0; border-top: 1px solid #adbbc3; margin: 9px 0; line-height: 0; font-size: 0; }

.teaserbig:after,
#contentWrapper:after,
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.teaserbig,
#contentWrapper,
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.teaserbig,
#contentWrapper,
.clear {display:block;}
/* End hide from IE Mac */