/*----------------------------------
 LAYOUT 
----------------------------------*/
html { height: 100%; }
body { background: url(images/layout/bodybackground.jpg) repeat-x 0px 0px; min-width: 952px; height: 100%; }
.Preview body { min-width: 0; background: none; }
form { height: 100%; }

.document { width: 860px; position: relative; margin: 0px auto; min-height: 100%; z-index: 2; }
.htmlBodyStartpage .document { width: 882px; }
/*----------------------------------
 PREVIEW
----------------------------------*/
.Preview img { }
.Preview form { text-align: center; }
/*----------------------------------
 FONT 
----------------------------------*/
html h1 { padding: 0px 50px 0px 61px; }
html h2, html h2 input { padding: 10px 50px 10px 61px; }
html h2.sIFR-replaced, html h2.sIFR-replaced input { padding: 10px 50px 0px 61px; }
html .newsauflistung h2, html .newsauflistung h2.sIFR-replaced, html .newsauflistung h2.sIFR-replaced input { padding-left: 0; }
html .newsauflistung h2 { padding-right: 0; }
td h2 { padding-left: 0; padding-top: 0; }
td h2.sIFR-replaced { padding-left: 0; padding-top: 0; }
html h3, html h3 input { padding: 15px 50px 0px 61px; margin-bottom: -5px; }
.contentRight h3 { margin-bottom: 0; }
li h3 { padding: 0 0 10px 0; }
/*----------------------------------
 HEADER 
----------------------------------*/
#topAnchor { position: absolute; top: 0; left: 0; }
.content a.topAnchor { background: url(images/content/top.gif) no-repeat 0 5px; font-size: 13px; position: absolute; right: 0; top: 39px; padding: 0 0 0 20px; color: #bfbfbf; }
.content a.topAnchor:hover { text-decoration: none; color: #bfbfbf; }
.content a.topAnchor span { }
.head { height: 107px; }
.head .logo { height: 107px; width: 244px; background: url(images/head/logo_background.jpg) no-repeat 0px 0px; position: relative; }
.head .logo a { width: 160px; height: 75px; display: block; position: absolute; top: 0px; left: 42px; }
/*----------------------------------
 CONTENT 
----------------------------------*/
.content { position: relative; background: #ffffff; margin: 0px 0px 0px 0px; padding: 22px 0px 0px 0px; z-index: 2; min-height: 500px; }
.contentLeft { width: 540px; float: left; position: relative; z-index: 3; }
.contentLeftWide { width: 860px; float: left; position: relative; z-index: 3; }
.htmlBodyStartpage .contentLeftWide { width: 882px; float: left; position: relative; z-index: 3; }
.contentRight { width: 320px; float: left; position: relative; z-index: 2; }
.contentBox, .searchresult, #relatedPosts, .commentForm { margin: 0px 0px 0px 0px; background: url(images/content/contentBox.jpg) 0px 0px no-repeat; min-height: 55px; position: relative; display: block; clear: left; padding: 15px 0px 15px 0px; }
.imgInText img { padding-right: 10px; padding-bottom: 10px; }
.editMode .contentBox { padding-left: 61px; }
.editMode .contentBox * { padding-left: 0px; }
.contentBox table { margin-left: 61px; }
.contentTabs .contentBox { min-height: 70px; }
.leftcontentpicture { width: 130px; float: left; margin: 5px 0px 0px 58px; }
h1 span { padding: 0px 11px 0px 0px; }
.wrapper { clear: both; padding: 0px 0px 60px 0px; }
.contentWrapper { clear: both; height: 22px; }
h1, h2, h3, h4, h5, h6, p, table, hr { clear: both; }
.contentTabs h1, .contentTabs h2, .contentTabs h3, .contentTabs h4, .contentTabs h5, .contentTabs h6, .contentTabs p, #Downloads h1, #Downloads h2, #Downloads h3, #Downloads h4, #Downloads h5, #Downloads h6, #Downloads p, .auflistungtabs h1, .auflistungtabs h2, .auflistungtabs h3, .auflistungtabs h4, .auflistungtabs h5, .auflistungtabs h6, .auflistungtabs p { clear: none; }
.content p img { padding-right: 15px; }
/*----------------------------------
 IMAGE LIST
----------------------------------*/
.contentImageList { padding: 5px 0px 0px 59px; clear: left; }
form .contentImageList ul li { float: left; padding: 15px 15px 0px 0px; background: none; }
/*----------------------------------
 CATEGORIE LIST
----------------------------------*/
.contentCategorieList { clear: left; padding: 20px 0px 0px 59px; }
.contentBox ul.contentCategorieList li { float: left; padding: 0px 10px 0px 0px; width: 236px; background: none; }
.contentCategorieList li span { display: block; }
/*----------------------------------
 STARTPAGE 
----------------------------------*/
.animation { }
.containerDefault { overflow: hidden; position: relative; }
.containerDefault h5 { font-size: 16px; color: #999; text-transform: uppercase; }
.containerDefault h5 a { color: #999; text-decoration: none; }
.containerDefault .left h5 { padding: 20px 0 15px 10px; }
.containerDefault .left { float: left; width: 551px; background: url(images/startpage/left.jpg) no-repeat 100% 0; }
.containerDefault .left ul { margin: 0; padding: 0; }
.containerDefault .left li { margin: 0; padding: 0 0 40px; overflow: hidden; background: url(images/startpage/leftentry.jpg) no-repeat 7px 100%; }
.containerDefault .left li.last { background-image: none; }
.containerDefault .left h6 { font-size: 20px; color: #d52c21; font-weight: 400; }
.containerDefault .left h6 a { color: #d52c21; }
.containerDefault .left p { padding: 0; }
.containerDefault .left a { color: #666666; text-decoration: none; }
.containerDefault .left a.link { color: #90a6b4; text-decoration: underline; }
.containerDefault .left .image { float: left; width: 160px; }
.containerDefault .left .data { float: left; width: 350px; padding: 0 0 0 10px; }
.containerDefault .right { float: left; width: 331px; background: url(images/startpage/right.jpg) no-repeat 0 0; }
.containerDefault .right h5 { padding: 0 0 10px 0; }
.containerDefault .right ul { padding: 20px 10px 0 30px; }
.containerDefault .right li { padding: 0 0 55px 0; background: url(images/startpage/rightentry.jpg) no-repeat 0 100%; }
.rightShade { position: absolute; right: -23px; top: 370px; width: 23px; height: 129px; background: url(images/startpage/rightshade.jpg) no-repeat 0 0; }

#NewsletterLinks li { padding: 0; background: none; }

/*----------------------------------
 TABS 
----------------------------------*/
.contentTabs { background: #ffffff url(images/Tabs/tabSmall.gif) no-repeat 0px 21px; padding: 41px 34px 0px 34px; position: relative; margin: 20px 0px 0px 0px; /*width: 790px; */ }
.contentTabs ul#Tabs { margin: 0px; padding: 0px 0px 0px 35px; height: 41px; position: absolute; top: 0px; left: 34px; }
.contentTabs ul#Tabs li { position: relative; margin: 0px 0px 0px -18px; padding: 0px; list-style: none; float: left; background: none; }
.contentTabs ul#Tabs li a { text-decoration: none; color: #606060; text-transform: uppercase; display: block; background: url(images/Tabs/tabLeftSprite.gif) no-repeat 0px -82px; padding: 0px 0px 0px 29px; margin: 0px 0px 0px 0px; }
.contentTabs ul#Tabs li a#TabFirst { background-image: url(images/Tabs/tabLeftSpriteFirst.gif); }
.contentTabs ul#Tabs li a:hover { background-position: 0px -41px; }
.contentTabs ul#Tabs li a.current, .contentTabs ul#Tabs li a.current:hover { background-position: 0px 0px; }
.contentTabs ul#Tabs li a span { display: block; background: url(images/Tabs/tabRightSprite.gif) no-repeat right -82px; padding: 16px 26px 0px 5px; height: 25px; cursor: pointer; }
.contentTabs ul#Tabs li a#TabLast span { background-image: url(images/Tabs/tabRightSpriteLast.gif); }
.contentTabs ul#Tabs li a:hover span { background-position: right -41px; }
.contentTabs ul#Tabs li a.current span, .contentTabs ul#Tabs li a.current:hover span { background-position: right 0px; }
.contentTabs ul#Tabs li#mailworx a span { padding-top: 12px; height: 29px; width: 90px; text-align: center; line-height: 11px; }

.contentTabs div.position, .contentTabs div.position div { clear: none; }
.contentTabs div.first { background-image: url(images/spacer.gif); }
.contentTabs .contentbox { padding: 20px 0px 0px 0px; top: 0px; }

.auflistung img { float: left; }
.auflistung div.position { float: left; padding: 5px 0px 0px 25px; width: 300px; }
.auflistung .position h3 { margin: 0px; padding: 0px 0px 5px 0px; }
.auflistung .position p { margin: 0px; padding: 0px; }
.auflistung span.mehr { position: relative; clear: left; margin: -35px 0px 0px 230px; display: block; }
.auflistung .image { float: left; padding: 0 0 0 55px; width: 150px; }

.auflistung { margin: 0px; padding-left: 55px; }
.empty { min-height: 100px; }
.empty em { display: block; padding: 10px 0px 0px 0px; }
.emptyText { color: #a3a3a3; font-size: 12px; }
/*----------------------------------
 AUFLISTUNGTABS 
----------------------------------*/
.auflistungtabs img { float: left; margin: 0px 0px 0px 0px; }
.auflistungtabs div.position { padding: 0px 0px 0px 0px; margin: 10px 0px 0px 210px; /*width: 280px;*/ clear: none; }
div.auflistungtabs div.download { margin: 10px 0px 0px 210px; width: 350px; }
.contentBox .auflistungtabs { padding: 15px 0px 0px 0px; margin: 0px 0px 15px 0px; }
.contentbox .auflistungtabs .rahmen { margin: 0px 0px 15px 25px; }

.auflistungtabs .position h3 { margin: 0px; padding: 0px 0px 2px 0px; text-transform: uppercase; }
.auflistungtabs .position p { padding: 0px; }
.auflistungtabs span.mehr { margin: 10px 0px 15px 210px; display: block; font-size: 12px; /*width: 280px;*/ }

div.empty { padding: 5px 25px 0px 25px; float: left; }
/*----------------------------------
 DOWNLOADS 
----------------------------------*/
#Downloads { padding-left: 55px; }
#Downloads .image { float: left; }
#Downloads .data { margin: 0 0 0 170px; }
#Downloads p, #Downloads h2 { padding: 0; }
#Downloads a:hover { text-decoration: none; }

/*----------------------------------
 TEAM 
----------------------------------*/

/*----------------------------------
 INTERNET 
----------------------------------*/

/*----------------------------------
 NETWORK 
----------------------------------*/

/*----------------------------------
 NEWS LIST
----------------------------------*/
div.newsauflistung { padding-left: 10px; padding-right: 0px; }
.newsauflistung span.mehrnews { position: relative; margin: 5px 0px 0px 0px; display: block; }

.newsauflistung div.position { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 170px; }
.newsauflistung .position h3 { padding: 0px 0px 0px 0px; }
.newsauflistung .rahmen { margin: 0px 15px 0px 0px; }
.newsimg { margin: 0px 0px 0px 0px; float: left; }
.detailposition { margin: 0px 0px 0px 180px; }
.detailpositionnews { margin: 0px 0px 0px 59px; }
.detailpositionnews ul li { padding: 0px 0px 0px 15px; list-style: none; background: url(images/content/dot.gif) no-repeat 5px 0.5em; }
/*div.imgSpacer { margin-left: 350px; }*/
.contentLeftWide .detailpositionnews { margin-right: 30px; }
.detailpositionnews p { padding: 0px; }
html div.detailpositionnews ul { padding: 10px; }
.newsimg .rahmen { margin: 0px 15px 0px 0px; }
/*----------------------------------
 NEWS DETAIL
----------------------------------*/
.description p { color: #a3a3a3; font-weight: 700; }
.detailImage { float: left; padding: 10px; margin-left: 45px; }
.detailData { padding: 15px 0 0; }
/*----------------------------------
 FORM
----------------------------------*/
.formBox { width: 450px; padding: 0px 0px 0px 60px; }
.formBox .row { padding: 20px 0px 0px 0px; clear: both; position: relative; }
.formBox input, .formBox select, .formBox textarea, .contentBox input, .contentBox textarea { border: 1px solid #c1c0c1; background: #ffffff url(images/content/forminput.gif) no-repeat 0px 0px; line-height: 22px; }
.formBox input, .contentBox input { width: 290px; height: 22px; padding: 0px 5px; }
.formBox textarea, .contentBox textarea { width: 290px; height: 100px; padding: 5px; }
.formBox select { height: 20px; padding: 0px 0px 0px 5px; }
.formBox .salutation input { width: 200px; }
.formBox label { float: left; width: 130px; padding-right: 5px; display: block; line-height: 24px; }
.formBox .field { margin: 0px 0px 0px 0px; display: block; float: left; width: 315px; }
.formBox .double input { width: 220px; float: right; margin-right: 13px; }
.formBox .double select { float: left; }
.formBox .field p { padding: 0px; }

.formBox .field .checkbox { clear: left; float: left; display: block; width: 315px; }
.formBox .field .checkbox span { float: left; width: 20px; padding: 3px 0px 0px 0px; display: block; line-height: 24px; }
.formBox .field .checkbox input { width: 1.3em; height: 1.3em; padding: 0px; border: none; background: #ffffff; line-height: 24px; float: left; }
.formBox .field .checkbox label { float: left; width: 200px; padding-right: 5px;padding-left: 5px; display: block; line-height: 15px; font-size:12px; }
.formBox .button { padding: 23px 0px 0px 135px; margin: 15px 0px 0px 0px; clear: both; position: relative; }
.formBox .button input { width: 150px; text-align: center; background: url(images/content/button.jpg) no-repeat 0px 0px; border: none; height: 28px; padding: 0px 0px 0px 0px; color: #ffffff; cursor: pointer; }
.formBox input.defbreitesecond { width: 80px; margin: 0px 7px 0px 0px; }
.formBox input.defbreitefirst { width: 191px; margin: 0px 7px 0px 0px; }
.formBox .star { margin: 0px 0px 0px 0px; position: absolute; right: 3px; }
.formBox .salutation { position: absolute; right: 13px; }
.formBox .errorMessage { }

#LiveDemo { width: 330px; }
#LiveDemo .row .field { width: 230px; }
/*----------------------------------
 TEASER ROUND
----------------------------------*/
.teaserRound { width: 209px; margin-left: 45px; }
.teaserRound .top, .teaserRound .bottom { width: 209px; height: 10px; overflow: hidden; background-image: url(images/TeaserRight/blockElement.gif); background-repeat: no-repeat; }
.teaserRound .top { background-position: 0px 0px; }
.teaserRound .top a { width: 209px; height: 10px; display: block; }
.teaserRound .top a span { visibility: hidden; }
.teaserRound .middle { background: url(images/TeaserRight/blockElement.gif) repeat-y -209px 0px; padding: 0px 15px 0px 14px; width: 180px; }
.teaserRound .bottom { background-position: -418px 0px; }
.teaserRound .row { clear: left; padding: 5px 0px 0px 0px; }
.teaserRound span { float: left; }
.teaserRound input { border: 1px solid #c1c0c1; background: #ffffff url(images/content/forminput.gif) no-repeat 0px 0px; line-height: 20px; height: 20px; padding: 0px 5px; width: 123px; }
.teaserRound label { float: left; width: 45px; display: block; line-height: 22px; }
.teaserRound .button { }
.teaserRound .button input { background: url(images/content/buttonsmall.jpg) no-repeat 0px 0px; height: 28px; line-height: 28px; width: 100px; padding: 0px; border: 0px; cursor: pointer; }
/*----------------------------------
 TEASER ROUND DYNAMIX MENU
----------------------------------*/
.dynamixMenu { padding: 50px 0px 0px 0px; }
.dynamixMenu .top a { height: 60px; }
.dynamixMenu h4 { overflow: hidden; height: 1px; }
.dynamixMenu ul { padding: 3px 0px 0px 6px; }
.dynamixMenu li { padding: 0px 0px 6px 0px; }
.dynamixMenu a { padding: 0px 0px 0px 25px; /*background-image: url(images/TeaserRight/newspaper.jpg);*/ background-repeat: no-repeat; background-position: 0px 0px; display: block; }
.dynamixMenu a:hover { /*background: url(images/TeaserRight/newspaperover.jpg) no-repeat 0px 0px;*/ }
.dynamixMenu .middle { padding: 10px 14px 0px 10px; width: 185px; }
.dynamixMenu .top, .dynamixMenu .bottom { background-image: url(images/TeaserRight/dynamix.jpg); background-repeat: no-repeat; }
.dynamixMenu .top { background-position: 0px 0px; height: 61px; }
.dynamixMenu .easyUse { background-image: url(images/TeaserRight/easy.jpg); }
.dynamixMenu .easyUse:hover, .dynamixMenu li.current .easyUse { background-image: url(images/TeaserRight/easy_over.jpg); }
.dynamixMenu .user { background-image: url(images/TeaserRight/user.jpg); }
.dynamixMenu .user:hover, .dynamixMenu li.current .user { background-image: url(images/TeaserRight/user_over.jpg); }
.dynamixMenu .pageEditor { background-image: url(images/TeaserRight/pageeditor.jpg); }
.dynamixMenu .pageEditor:hover, .dynamixMenu li.current .pageEditor { background-image: url(images/TeaserRight/pageeditor_over.jpg); }
.dynamixMenu .seo { background-image: url(images/TeaserRight/seo.jpg); }
.dynamixMenu .seo:hover, .dynamixMenu li.current .seo { background-image: url(images/TeaserRight/seo_over.jpg); }
.dynamixMenu .mediaDatabase { background-image: url(images/TeaserRight/mdb.jpg); }
.dynamixMenu .mediaDatabase:hover, .dynamixMenu li.current .mediaDatabase { background-image: url(images/TeaserRight/mdb_over.jpg); }
.dynamixMenu .modular { background-image: url(images/TeaserRight/modular.jpg); }
.dynamixMenu .modular:hover, .dynamixMenu li.current .modular { background-image: url(images/TeaserRight/modular_over.jpg); }
.dynamixMenu .highlights { background-image: url(images/TeaserRight/highlight.jpg); }
.dynamixMenu .highlights:hover, .dynamixMenu li.current .highlights { background-image: url(images/TeaserRight/highlight_over.jpg); }
/*----------------------------------
 TEASER ROUND NEWSLETTER ARCHIV
----------------------------------*/
div.newsletterArchiv { padding: 20px 0px 0px 0px; margin: 0 0 0 60px; width: 231px; }
.newsletterArchiv h4 { overflow: hidden; height: 1px; padding: 0; }
.newsletterArchiv table { margin: 0px; }
.newsletterArchiv a { padding: 0px 0px 0px 25px; background: url(images/TeaserRight/newspaper.jpg) no-repeat 0px 0px; display: block; }
.newsletterArchiv a:hover { background: url(images/TeaserRight/newspaperover.jpg) no-repeat 0px 0px; }
.newsletterArchiv .middle, .newsletterArchiv .top, .newsletterArchiv .bottom { width: 231px; }
.newsletterArchiv .middle { padding: 10px 14px 0px 10px; width: 207px; background-position: -231px 0; background-image: url(images/TeaserRight/newsletterarchiv.jpg); }
.newsletterArchiv .top, .newsletterArchiv .bottom { background-image: url(images/TeaserRight/newsletterarchiv.jpg); background-repeat: no-repeat; }
.newsletterArchiv .bottom { background-position: -462px bottom; }
.newsletterArchiv .top { background-position: 0px 0px; height: 61px; }
.newsletterArchiv td { padding: 0 0 3px 0; }
.newsletterArchiv td a { font-size: 13px; }
/*----------------------------------
 TEASER FORM CALLBACK
----------------------------------*/
.callBackForm { padding: 0px 0px 0px 0px; margin: 25px 0 0 45px; background: url("images/content/teaser_invert.jpg") no-repeat center 0; }
.callBackForm .top, .callBackForm .bottom { display: none; /*background-image: url(images/TeaserRight/callback.jpg); background-repeat: no-repeat; */ }
/*.callBackForm .top { background-position: 0px 0px; height: 61px; }*/
.callBackForm .middle { background: none /* url(images/TeaserRight/callback.jpg) repeat-y -209px 0px;*/; padding: 0px 15px 0px 14px; width: 180px; }
/*.callBackForm .button { padding: 5px 0px 0px 45px; }*/
.callBackForm h5 { padding-top: 25px; text-transform: uppercase; }
.callBackForm .button { margin-left: 43px; }
/*----------------------------------
 DYNAMIC BORDER
----------------------------------*/
.rahmenUnternehmen .rahmen { position: relative; padding: 8px; float: left; margin: 0px 10px 0px 50px; }
.auflistungtabs .rahmen { margin: 0px 0px 0px 25px; }
.rahmenUnternehmen { margin: 25px 0px 0px 0px; }
.rahmenUnternehmen1 { margin: 20px 0px 0px 50px; padding: 0px 0px 0px 0px; }
.rahmenUnternehmen2 { position: relative; margin: 25px 0px 0px 0px; }
.rahmenTeam .rahmen, .Internetposition .rahmen { margin: 0px 0px 0px 52px; }

.rahmen { position: relative; padding: 8px; float: left; margin: 0px 0px 0px 0px; }

.rahmen span { position: absolute; display: block; width: 8px; height: 8px; background-repeat: no-repeat; background-image: url(images/content/Kanten.gif); overflow: hidden; }
.rahmen .tl, .rahmenUnternehmen .rahmen .toli { background-position: 0px 0px; top: 0px; left: 0px; }
.rahmen .tr, .rahmenUnternehmen .rahmen .tore { background-position: -8px 0px; top: 0px; right: 0px; }

.rahmen .bl, .rahmenUnternehmen .rahmen .boli { background-position: 0px -8px; bottom: 0px; left: 0px; }
.rahmen .br, .rahmenUnternehmen .rahmen .bore { background-position: -8px -8px; bottom: 0px; right: 0px; }
.t, .b, .rahmenUnternehmen .to, .rahmenUnternehmen .bo { position: absolute; height: 8px; width: 100%; z-index: 2; left: 0px; overflow: hidden; background: url(images/content/tb.gif) repeat-x 0px 0px; }
.t, .rahmenUnternehmen .to { top: 0px; background-position: 0px 0px; }
.b, .rahmenUnternehmen .bo { bottom: 0px; background-position: 0px -8px; }
span.l, span.r, .rahmenUnternehmen span.li, .rahmenUnternehmen span.re { position: absolute; height: 100%; width: 8px; z-index: 1; top: 0px; background: url('images/content/lr.gif') repeat-y 0px 0px; }
span.l, .rahmenUnternehmen span.li { left: 0px; background-position: 0px 0px; }
span.r, .rahmenUnternehmen span.re { right: 0px; background-position: -8px 0px; }
/*----------------------------------
 DYNAMIC BORDER V2
----------------------------------*/
.eworxRoundBorder { float: left; background: url(images/newBorder/lt.gif) no-repeat 0px 0px; margin: 0px 10px 10px 0px; }
.eworxRoundBorder div { background: url(images/newBorder/rt.gif) no-repeat right 0px; padding: 8px 0px 0px 0px; float: left; }
.eworxRoundBorder div div { background: url(images/newBorder/rb.gif) no-repeat right bottom; padding: 0px 8px 0px 0px; }
.eworxRoundBorder div div div { background: url(images/newBorder/lb.gif) no-repeat 0px bottom; padding: 0px 0px 8px 8px; position: relative; }
.eworxRoundBorder div div div img { float: none; }
.eworxRoundBorder div div div div { float: none; background: none; padding: 0px; }
/*CUSTOMISATION*/
.contentBox .eworxRoundBorder { margin: 0px 10px 10px 54px; }
.contentBox .eworxCenter, .networkReference .eworxRoundBorder, .newsauflistung .eworxRoundBorder { margin: 0px 10px 10px 0px; }
.newsItem .eworxRoundBorder { margin: 0px 20px 10px 0px; }
.eworxCenter div div div { width: 100px; text-align: center; }
.contentImageList .eworxRoundBorder { margin: 0px; }
.contentTabs .auflistungtabs .eworxRoundBorder { margin: 0px 0px 0px 0px; }
.contentTabs div.teamList .eworxRoundBorder { margin: 0px 0px 0px 20px; }
.rahmenTeam .eworxRoundBorder, .Internetposition .eworxRoundBorder, .auflistungtabs .eworxRoundBorder { margin: 0px 0px 0px 52px; }
.auflistungtabs .floaten .eworxRoundBorder { margin: 0px; }
.auflistungtabs .eworxRoundBorder { margin: 0px 0px 0px 54px; }
.contactImages li .eworxRoundBorder { margin: 0px; }
.feedback { padding: 0px 0px 0px 50px; }
.feedback .eworxRoundBorder { margin-left: 10px; }
.feedback .eworxRoundBorder div div div div { width: 180px; position: relative; padding: 0px 0px 0px 40px; min-height: 40px; font-size: 1.2em; }
.feedback .eworxRoundBorder div div div div span.nt, .feedback .eworxRoundBorder div div div div span.it, .feedback .eworxRoundBorder div div div div span.mx { background-image: url(images/logos_33.gif); background-repeat: no-repeat; width: 34px; height: 34px; position: absolute; display: block; top: -1px; left: -1px; overflow: hidden; }
.feedback .eworxRoundBorder div div div div span.nt { background-position: 0px -34px; }
.feedback .eworxRoundBorder div div div div span.it { background-position: 0px 0px; }
.feedback .eworxRoundBorder div div div div span.mx { background-position: 0px -68px; }
.feedback { }
/*----------------------------------
 FACTBOX 
----------------------------------*/
.factboxpicture { width: auto; float: left; margin: 15px 10px 0px 59px; }
.secondPic { margin-left: 0px; }
.factboxpicture p { padding: 0px; }
.factboxpicture span { width: auto; float: left; margin: 0px 10px 0px 60px; }
.factbox { float: left; display: block; background: url(images/content/arrow_left.gif) no-repeat 0px center; padding: 15px 0px 0px 6px; }
.factboxInternet { float: left; display: block; background: url(images/content/arrow_left.gif) no-repeat 0px center; padding: 10px 0px 0px 7px; margin: 0px 0px 0px 0px; }
.factbox .matter, .factboxInternet .matter { background-color: #7d8445; display: block; padding: 12px; /*min-width: 133px; 	max-width: 160px;*/ width: 133px; }
.rahmenTeam .factbox .matter { width: auto; min-width: 133px; max-width: 160px; }
.factbox .matter ul { padding: 0px; }
.factbox .matter ul li, .factboxInternet .matter ul li { padding: 0px 0px 0px 7px; list-style: none; background: url(images/content/toolboxdot.gif) no-repeat 0px 7px; list-style: none; }
.factbox .matter h6, .factboxInternet .matter h6 { }
.rahmenTeam .factbox { position: absolute; display: block; background: url(images/content/arrow_left.gif) no-repeat 0px center; padding: 0px 0px 0px 7px; bottom: 27px; right: -20px; }
.factbox p, .factboxInternet p { padding: 0px; }
.factboxInternet .matter ul li { list-style-type: none; }
.Spacer { float: left; width: 59px; }
/*----------------------------------
 PAGE SHADOW 
----------------------------------*/
.pageShadow { background: url(images/layout/documentbackground.jpg) no-repeat 0px 0px; position: absolute; top: 477px; left: 50%; width: 952px; height: 123px; margin: 0px 0px 0px -476px; text-align: center; z-index: 1; }
/*----------------------------------
 FOOTER 
----------------------------------*/
.footer { height: 71px; position: relative; margin: -71px 0px 0px 0px; background: url(images/layout/footer.jpg) repeat-x 0px 0px; z-index: 3; cursor: default; }
.footerNote { position: relative; height: 71px; line-height: 71px; width: 860px; margin: 0px auto 0px auto; }
.footerNote ul { float: left; margin: 0px 0px 0px 30px; }
.footerNote ul li { float: left; background: url(images/layout/footerPipe.gif) no-repeat right center; padding: 0px 12px 0px 10px; }
.footerNote ul li.last { background: none; }
.footerNote div { float: right; margin: 19px 0px 19px 0px; }
.footerNote div span { float: left; padding: 0px 0px 0px 15px; display: block; height: 33px; line-height: 33px; }
.footerNote div span a.loginLink, .footerNote div span a.rssLink, .footerNote div span a.webmeetingLink { line-height: 33px; height: 33px; padding: 0px 15px 0px 0px; display: block; float: left; }
.footerNote div span a.loginLink { background: url(images/footer/login.jpg) no-repeat right 11px; }
.footerNote div span a.rssLink { background: url(images/footer/rss.jpg) no-repeat right 11px; }
.footerNote div span a.webmeetingLink { background: url(images/footer/netviewer.jpg) no-repeat right 11px; }
/*----------------------------------
 SITEMAP FOOTER & FOOTER EXTENDED
----------------------------------*/
#FooterExtended { position: relative; background: url(images/layout/footersitemap.jpg) repeat-x 0px 0px; }

#FooterExtended .footerSitemapContainer { float: left; padding: 0 0 0 95px; }

#FooterExtended .footerSitemapBox { float: left; padding: 25px 0 0; width: 195px; }
#FooterExtended .footerSitemapBox div { padding: 0 0 20px; }

#FooterExtended .clear { clear: both; }
#FooterExtended .back { position: absolute; min-width: 970px; width: 100%; background: url(Frontend/layout/repeatx.png) repeat-x 0 -336px; height: 51px; top: 0; left: 0; z-index: 1; }
#FooterExtended .inner { position: relative; width: 970px; margin: 0 auto; z-index: 2; }
#FooterExtended #Sitemap { float: left; width: 630px; padding: 20px 0 0 55px; }
#FooterExtended #Sitemap li { padding: 0 25px 20px 0; float: left; }
#FooterExtended #Sitemap a { text-transform: uppercase; color: #333; font-weight: bold; font-size: 13px; text-decoration: none; }
#FooterExtended #Sitemap a:hover { text-decoration: underline; }
#FooterExtended #Sitemap ul { padding: 10px 0 0; }
#FooterExtended #Sitemap ul li { float: none; line-height: 16px; padding: 0; }
#FooterExtended #Sitemap ul a { text-transform: none; color: #333; font-weight: normal; font-size: 11px; }
#FooterExtended #Sitemap ul ul { padding: 0 0 0 15px; }
#FooterExtended .sitemap .connections { float: right; padding: 15px 30px 30px 0; width: 250px; color: #000; }
#FooterExtended .newsletterForm { min-height: 130px; position: relative; }
#FooterExtended .newsletterForm strong { display: block; height: 28px; }
#FooterExtended .newsletterForm .field { float: left; padding: 0 3px 0 0; }
#FooterExtended .newsletterForm .field span { width: 7px; height: 27px; display: block; float: left; background: url(images/footer/sprite.png) no-repeat 0 0; }
#FooterExtended .newsletterForm .field .start { background-position: 0 0; }
#FooterExtended .newsletterForm .field .end { background-position: -7px 0; }
#FooterExtended .newsletterForm .field input { float: left; width: 143px; height: 27px; line-height: 27px; background: url(images/footer/sprite.png) no-repeat 0 -54px; }
#FooterExtended .newsletterForm .field input.inactiv { color: #999; }
#FooterExtended .newsletterForm input.button { width: 85px; height: 27px; background: url(images/footer/sprite.png) no-repeat -14px 0; color: #fff; font-weight: bold; font-size: 0.9em; float: left; cursor: pointer; }
#FooterExtended .newsletterForm p { clear: both; padding: 5px 1px 0; }
#FooterExtended .errorMessage { font-size: 11px; clear: both; }
#FooterExtended .errorMessage p { color: #ee0000; font-weight: bold; word-spacing: 1px; }
#FooterExtended .line { background: url(images/footer/sprite.png) no-repeat 0 -108px; height: 2px; width: 235px; clear: both; }
#FooterExtended .connections .control { width: 235px; height: 40px; float: left; }
#FooterExtended .control .label, #FooterExtended .AddThis .label { float: left; display: block; height: 28px; }
#FooterExtended .control ul { float: right; padding: 0; }
#FooterExtended .control li { float: left; }
#FooterExtended .control li a { background: url(images/footer/stayconicon.gif) no-repeat 0 0; width: 23px; height: 23px; position: relative; display: block; }
#FooterExtended .control li a span { position: absolute; top: 25px; text-align: center; white-space: nowrap; width: 60px; left: 50%; margin: 0 0 0 -30px; display: none; color: #333; }
#FooterExtended .control li a:hover span { display: block; }
#FooterExtended .control li.facebook a { background-position: 0 0; }
#FooterExtended .control li.facebook a:hover, #FooterExtended .control li#active.facebook a { background-position: 0 -23px; }
#FooterExtended .control li.newsletter a { background-position: -23px 0; }
#FooterExtended .control li.newsletter a:hover, #FooterExtended .control li#active.newsletter a { background-position: -23px -23px; }
#FooterExtended .control li.blog a { background-position: -46px 0; }
#FooterExtended .control li.blog a:hover, #FooterExtended .control li#active.blog a { background-position: -46px -23px; }
#FooterExtended .control li.rss a { background-position: -69px 0; }
#FooterExtended .control li.rss a:hover, #FooterExtended .control li#active.rss a { background-position: -69px -23px; }
/*----------------------------------
 ADDTHIS
----------------------------------*/
#FooterExtended .AddThis { padding: 5px 0 0; }
.addthis_toolbox, .addthis_default_style { float: right; padding: 6px 15px 0 0; }
span.at300bs.at15t_compact { background: url(images/footer/addthis.gif) no-repeat 0 0; }
span.at300bs.at15t_compact:hover { background-position: -16px 0; }

/*----------------------------------
 TEASER RIGHT 
----------------------------------*/
.TeaserRight { }
.TeaserRight li { list-style: none; position: relative; }
.TeaserRight li a.EffektButton { position: relative; width: 209px; height: 68px; overflow: hidden; display: block; }
.TeaserRight li a.EffektButton img.normal { display: block; }
.TeaserRight li a.EffektButton img.hover { display: none; }
.TeaserRight li a.EffektButton:hover img.normal { display: none; }
.TeaserRight li a.EffektButton:hover img.hover { display: block; }
.TeaserRight li a.EffektButton span { position: absolute; top: 0px; left: 0px; cursor: pointer; }
/*----------------------------------
 BREADCRUMB 
----------------------------------*/
.breadcrumb { position: absolute; left: 37px; top: 107px; height: 22px; line-height: 22px; }
.breadcrumb span { padding: 0px 4px; }
/*----------------------------------
 VARIOUS 
----------------------------------*/
.teamposition { padding: 45px 0px 0px 42px; }
.leftbutton { position: absolute; left: 8px; top: 50%; margin: -15px 0px 0px 0px; }
.rightbutton { position: absolute; right: 0px; top: 50%; margin: -15px 0px 0px 0px; }
.infoBox { padding: 0px 0px 0px 59px; }
.infoBox .inner { background: #d72e22 url(images/content/infoBox.gif) no-repeat 0px 0px; padding: 0px 0px 0px 20px; border: 5px solid #d72e22; }
.buttonJobForm, .buttonSupport { background: url(images/content/button.jpg) no-repeat 0px 0px; width: 150px; height: 28px; margin: 0px 0px 0px 50px; line-height: 28px; text-align: center; display: block; }
.specialText { padding-top: 5px; }
.supportBox { margin: 0px 0px 0px 130px; }
.editMode .supportBox { }
.supportImage { margin: 0px 0px 0px 59px; float: left; }
.editMode .supportImage { margin: 0px; }
.GoogleMap { padding: 10px 0px 0px 0px; }
br.clear, div.clear { clear: both; }
form .contentBox table.contentListItem { padding-left: 0; margin-left: 55px; }
.specialList h2 { padding: 15px 0 0 61px; margin-bottom: -15px; }
.specialList h3 { padding: 15px 0 0 61px; margin-bottom: -5px; }
.specialList h3 a { color: #a3a3a3; }
html .specialList ul li { padding-bottom: 15px; background-position: 0 3px; }
/*----------------------------------
 LINKBUTTON 
----------------------------------*/
.linkbutton { }
.linkbutton span { display: block; float: left; }
.linkbutton span.data { background: url(images/content/linkbutton.gif) repeat-x 0 -78px; height: 26px; }
.linkbutton span.inner { background: url(images/content/linkbutton.gif) no-repeat 0 0; height: 26px; line-height: 24px; color: #fff; }
a.linkbutton span, a.linkbutton:hover span { text-decoration: none; }
.linkbutton span.before, .linkbutton span.after { width: 10px; height: 26px; overflow: hidden; }
.linkbutton span.before { background: url(images/content/linkbutton.gif) no-repeat 0 -26px; }
.linkbutton span.after { background: url(images/content/linkbutton.gif) no-repeat 0 -52px; }
/*----------------------------------
 ICONS 
----------------------------------*/
.iconCard { padding: 0px 0px 0px 18px; background: url(images/content/id_card.jpg) no-repeat 0px 0px; }
.iconCard:hover { background-position: 0px -16px; }
/*----------------------------------
 ICONS 
----------------------------------*/
.contentGallery { width: 800px; padding: 10px 0px 0px 60px; }
.ie6GalleryWrapper { display: none; }
.contentGallery .rahmen { margin: 10px 10px 0px 0px; }
.contentGallery .rahmen a { width: 100px; display: block; text-align: center; }
/*----------------------------------
 CONTACT 
----------------------------------*/
form .contentBox ul.contactImages { position: absolute; top: 30px; right: -100px; padding: 0px; }
form .contentBox ul.contactImages li { float: left; padding: 0px 10px 0px 0px; background: none; }
.contactImages li span { display: block; clear: left; width: 166px; text-align: center; color: #666666; }
/*----------------------------------
 POPUP 
----------------------------------*/
.ContentGalleryPopup { background: #ffffff; padding: 51px 12px 33px 12px; position: absolute; z-index: 1001; top: 50%; left: 50%; }
.ContentGalleryPopup img { border: 0px; }
.ContentGalleryPopup .ItemDesc { max-width: 700px; }
.ContentGalleryPopup .close { position: absolute; top: 12px; right: 12px; }
.ContentGalleryPopup .next { position: absolute; right: 12px; bottom: 18px; }
.ContentGalleryPopup .back { position: absolute; left: 12px; bottom: 18px; }
.ContentGalleryPopup .paging { margin: 30px 70px 0px 70px; }
.ContentGalleryPopup .paging span.current { color: #af0917; font-size: 23px; padding: 0px 3px; }
.ContentGalleryPopup .paging a { color: #000000; font-size: 23px; padding: 0px 3px; }
.ContentGalleryPopup .Item { text-align: center; }
.ContentGalleryPopup { }



.modalPopUpBackground, .Black { background-color: #000000; filter: alpha(opacity=70); opacity: 0.7; z-index: 1000; top: 0px; left: 0px; width: 100%; height: 100%; position: fixed; }

.background { z-index: 1001; top: 0px; left: 0px; width: 100%; height: 100%; position: fixed; margin: auto; }

/*----------------------------------
 FEEDBACK QUESTION
----------------------------------*/

.feedbackQuestionList { position: relative; margin: 0px 0px 0px 0px; }
.contentBox .feedbackQuestionList ul { margin: 0px; padding: 0px; }
.contentBox .feedbackQuestionList ul li { margin: 0px; padding: 10px 0px 0px 0px; clear: left; background: none; }
.contentBox .feedbackQuestionList ul li:first-child { padding-top: 0px; }
.feedbackQuestionList ul li label.label { float: left; width: 440px; display: block; padding: 25px 20px 0px 61px; clear: left; }
.feedbackQuestionList ul li label.label span { display: block; padding: 5px 0px 0px 0px; font-style: italic; vertical-align: text-top; color: #C1C0C1; }
.feedbackQuestionList ul li span.control { float: left; display: block; width: 220px; margin: 20px 0px 0px 0px; }
.feedbackQuestionList ul li span.control span { float: left; display: block; padding: 25px 0px 0px 0px; text-align: center; width: 22px; }
.feedbackQuestionList ul li span.control span input { padding: 0px; border: 0px; width: auto; height: auto; background: none; }
.feedbackQuestionList ul li span.control span.happy { background: url(images/smiley_happy.gif) no-repeat center 0px; }
.feedbackQuestionList ul li span.control span.sad { background: url(images/smiley_sad.gif) no-repeat center 0px; }
.feedbackQuestionList ul li .textfield { background: #FFFFFF url(images/content/forminput.gif) repeat-x scroll 0 0; border: 1px solid #C1C0C1; width: 298px; height: 20px; line-height: 20px; color: #999999; font-style: normal; font-size: 11px; padding: 0px 5px; }
.feedbackQuestionList ul li textarea.textfield { height: 80px; width: 424px; font-family: "Trebuchet MS" ,Arial,Helvetica,Sans-Serif; padding-top: 5px; }

/*----------------------------------
 ENHANCED DETAIL LIST
----------------------------------*/

form div.enhancedDetailList { padding: 0 0 0 40px; }
form div.enhancedDetailList h4 { clear: left; padding-left: 20px; padding-bottom: 3px; border-bottom: 1px solid #666; }
form div.enhancedDetailList ul { padding: 5px 0 10px 20px; float: left; width: 230px; }
form div.enhancedDetailList ul li { padding: 0 0 15px; background: none; }
form div.enhancedDetailList ul li h5 { position: relative; padding-bottom: 5px; }
form div.enhancedDetailList ul li h5 a { display: block; text-decoration: none; }
form div.enhancedDetailList ul li h5 a:hover { text-decoration: none; }
/*form div.enhancedDetailList ul li p.definition a span { background: url(images/content/enhanceddetaillist.gif) no-repeat 0 0; width: 12px; height: 12px; overflow: hidden; position: absolute; left: 2px; top: 6px; display: none; }*/
form div.enhancedDetailList ul li h5 span.icon { background: url(images/content/enhanceddetaillist.gif) no-repeat; width: 12px; height: 12px; overflow: hidden; position: absolute; left: 2px; top: 3px; z-index: 1; }

form div.enhancedDetailList ul li.inactive, form div.enhancedDetailList ul li.active { padding-top: 10px; }
form div.enhancedDetailList ul li.inactive h5, form div.enhancedDetailList ul li.active h5 { padding-top: 0; }
form div.enhancedDetailList ul li.inactive h5 span.icon { background-position: 0 0; }
form div.enhancedDetailList ul li.inactive h5 span.icon { background-position: 0 0; }
form div.enhancedDetailList ul li.inactive h5:hover span.icon { background-position: -12px 0; }
form div.enhancedDetailList ul li.active h5 span.icon { background-position: 0 -12px; }
form div.enhancedDetailList ul li.active h5:hover span.icon { background-position: -12px -12px; }
form div.enhancedDetailList ul li p { padding: 0; }
form div.enhancedDetailList ul li h5 { }
form div.enhancedDetailList ul li h5 a { font-size: 16px; line-height: 16px; text-decoration: none; position: relative; z-index: 2; }
form div.enhancedDetailList ul li.inactive h5 a, form div.enhancedDetailList ul li.active h5 a { padding: 0 0 0 21px; }
form div.enhancedDetailList ul li p.detail { padding-bottom: 15px; padding-top: 5px; }
/*----------------------------------
 INDEX LIST
----------------------------------*/
#Identifier .indexList { margin: 0; padding: 0 0 0 61px; }
#Identifier .indexList li { margin: 0; padding: 5px 5px 5px 15px; background: url(images/content/indexlist.gif) no-repeat 3px 9px; float: left; width: 215px; }
#Identifier .indexList li a { color: #d92e22; text-decoration: none; font-size: 1.2em; }

/*----------------------------------
 VIDEO LIST
----------------------------------*/
.videoList { padding: 0 0 0 15px; }
.videoList li { width: 150px; float: left; }
.videoList li .Image { }
.videoList li .Image a { }
.videoList li .Image a img { }
.videoList li .Text { padding: 0 15px; }
.videoList li .Text h3 { font-size: 2em; padding: 0; }
.videoList li .Text p { padding: 0; }
/*----------------------------------
 SPECIFIC FONT DECLARATIONS
----------------------------------*/
body h2.flag { padding-left: 75px; margin-left: -12px; background: url(images/content/flag.png) no-repeat 0 bottom; }
body .editMode h2.flag { margin-left: -74px; padding-left: 75px; }
body h2.flagWideLeft { padding-left: 215px; margin-left: -12px; background: url(images/content/flagwideleft.png) no-repeat 0 bottom; }
body h2.flagWideLeft.sIFR-replaced { padding-right: 0; }
body h2.flagWideRight { padding-left: 80px; margin-right: -14px; background: url(images/content/flagwideright.png) no-repeat right bottom; }
body h2.flagWideRight.sIFR-replaced { padding-bottom: 15px; height: 50px; }
.liveDemoText { position: relative; }
.liveDemoText div.Image { position: absolute; left: 7px; top: -80px; }
.liveDemoText { padding-left: 205px; padding-right: 25px; padding-top: 10px; }
#LiveDemo { padding-left: 205px; }
#LiveDemo label { width: 75px; }
#LiveDemo input, #LiveDemo textarea { width: 220px; }
#LiveDemo span label { width: 210px; }
#LiveDemo .button input { width: 150px; }
#LiveDemo span.checkbox input { width: auto; }
#LiveDemo .button { padding-left: 75px; }
#LiveDemo .errorMessage { padding-left: 80px; float: left; clear: left; }
/*----------------------------------
 TEASER
----------------------------------*/
#Teaser { padding: 30px 0 0 50px; position: relative; }
#Teaser li { background: url(images/content/teaser_invert.jpg) no-repeat center 0; padding: 25px 0 0; }
#Teaser .inner { }
#Teaser h3.headline { padding: 0; text-transform: uppercase; }
#Teaser .data { }
#Teaser a { }
/*----------------------------------
 ANIMATION
----------------------------------*/
.animation { position: relative; height: 370px; z-index: 1; width: 880px; }
.animation .animationWrapper { overflow: hidden; height: 370px; background: url(images/Accordion/bgAnimation.jpg) no-repeat 0px bottom #000000; }
.animation .Headline { font-size: 61px; line-height: 58px; text-align: right; position: absolute; right: 6px; top: 100px; z-index: 1; }
.animation .Headline span { width: 350px; }
.animation .white { color: #FFFFFF; text-transform: uppercase; }
.animation .Headline .white { position: absolute; top: 0px; right: 0px; }
.animation .red { color: #d92e22; text-transform: uppercase; }
.animation .Headline .red { position: absolute; top: 57px; right: 0px; }
.animation .smallWhite { font-size: 19px; font-family: Arial, Helvetica, Sans-Serif; line-height: 15px; color: #FFFFFF; }
.animation .smallWhite .smallWhiteText { position: absolute; top: 0px; right: 0px; }
.animation .Headline .smallWhite { position: absolute; top: 125px; right: 0px; }
.animation .Headline .smallWhite li { text-align: right; position: absolute; font-size: 19px; right: 0px; width: 200px; top: 17px; line-height: 25px; }
.animation .LiveDemo { z-index: 11; font-size: 25px; line-height: 25px; position: absolute; bottom: -21px; right: 6px; width: 323px; height: 106px; background: url(images/Accordion/btLiveDemo.png) no-repeat; }
.animation .LiveDemo .red { position: absolute; top: 26px; left: 35px; }
.animation .LiveDemo .red a { color: #d92e22; text-decoration: none; }
.animation .LiveDemo .white { position: absolute; top: 48px; left: 35px; }
.animation .LiveDemo .white a { color: #FFFFFF; text-decoration: none; }
.animation .LiveDemo .LiveDemoLink { position: absolute; top: 20px; width: 323px; height: 65px; display: block; }

/*Accordion2*/

#Navigation { position: absolute; top: 36px; left: 0px; z-index: 30; }
#Navigation li.handle { float: left; position: relative; background: #879ba8; overflow: hidden; height: 334px; }
#Navigation a.page { position: relative; z-index: 2; text-decoration: none; outline: none; color: #FFFFFF; display: block; cursor: pointer; }
#Navigation div.NavigationInhaltWrapper { width: 618px; height: 334px; position: absolute; display: none; color: #FFFFFF; top: 0px; right: 0px; z-index: 1; }

.NavigationInhaltWrapper .NavigationInhalt { font-size: 13px; color: #FFFFFF; width: 250px; padding-left: 350px; padding-top: 10px; padding-bottom: 10px; height: 314px; }
.NavigationInhaltWrapper .NavigationInhalt table.animationTable { margin: 0px; padding: 0px; height: 309px; width: 250px; }
.NavigationInhaltWrapper .NavigationInhalt td { font-size: 13px; color: #FFFFFF; font-weight: bold; }
.NavigationInhaltWrapper .NavigationInhalt a { color: #FFFFFF; text-decoration: none; }
.NavigationInhaltWrapper .NavigationInhalt h6 { font-size: 26px; line-height: 33px; padding-bottom: 8px; font-weight: normal; }
.NavigationInhaltWrapper .NavigationInhalt ul { padding-left: 15px; padding-top: 5px; padding-bottom: 5px; }
.NavigationInhaltWrapper .NavigationInhalt li { float: none; background: none; font-size: 13px; display: list-item; list-style-type: disc; list-style-position: outside; padding-left: 5px; }
.NavigationInhaltWrapper .NavigationInhalt input.button { font-weight: bold; position: relative; font-size: 12px; text-decoration: none; line-height: 28px; width: 150px; text-align: center; background: url(images/content/button.gif) no-repeat 0px 0px; border: none; height: 28px; padding: 0px 0px 0px 0px; color: #ffffff; cursor: pointer; }

#inhalt1 { background: url(images/accordion/bgDarstellungssicherheit.jpg) no-repeat; }
#inhalt2 { background: url(images/accordion/bgZustellsicherheit.jpg) no-repeat; }
#inhalt3 { background: url(images/accordion/bgMessbarkeit.jpg) no-repeat; }
#inhalt4 { background: url(images/accordion/bgEinfachheit.jpg) no-repeat; }
#inhalt5 { background: url(images/accordion/bgService.jpg) no-repeat; }

/*----------------------------------
 BACKLINK
----------------------------------*/
.backLink { overflow: hidden; width: 275px; top: 10px; right: 0px; position: absolute; }
/*font-size:18px;*/
.backLink a { color: #fff; text-decoration: none; font-size: 16px; padding: 3px 0 0 18px; float: left; height: 29px; min-width: 60px; background: url(images/content/back.jpg) no-repeat 0 0; }
.backLink a:hover { }
/*----------------------------------
 NEWSLETTEROVERVIEW
----------------------------------*/
.content .newsletterOverview { padding-left: 45px; overflow: hidden; }
.content .newsletterOverview li { background: none; float: left; padding: 10px; margin: 0 0 15px 7px; width: 130px; height: 170px; overflow: hidden; }
.content .newsletterOverview li a { display: block; text-align: center; position: relative; }
.content .newsletterOverview li a span { display: none; background: url(images/content/white80.png); position: absolute; left: 0; bottom: 20px; width: 100%; color: #666; text-decoration: none; }
.content .newsletterOverview li a:hover span, .content .newsletterOverview li a:hover { display: block; text-decoration: none; }

/*----------------------------------
 BLOG
----------------------------------*/
/*----------------------------------
 BLOG POST
----------------------------------*/
.postItem { clear: both; }
.postItem .postHeadline { position: relative; padding-bottom: 10px; }
.postItem .postHeadline h2 { position: relative; padding: 35px 0 15px 155px; margin: 0 0 10px -12px; min-height: 45px; font-weight: 400; background: url(images/content/flagblog.png) no-repeat 0 bottom; }
.postItem .postHeadline h2 a { }
.postItem .postHeadline .date { position: absolute; left: 0px; bottom: 90px; width: 105px; }
.postItem .postHeadline .date span { color: #fff; text-align: right; }
.postItem .postHeadline .date .dateDayMonth { position: absolute; right: 0px; top: 0px; width: 105px; font-size: 30px; }
.postItem .postHeadline .date .dateYear { position: absolute; right: 2px; top: 35px; width: 105px; font-size: 14px; }
.postItem .postDetail { float: left; width: 115px; padding: 0 20px 0 5px; }
.postItem .postDetail ul { padding: 0; }
.postItem .postDetail li { text-align: right; padding: 0 0 10px; background: none; }
.postItem .postDetail a, .postItem .postDetail a:hover { color: #666; }
.postItem .postDetail strong { color: #a3a3a3; display: block; }
.postItem .postDetail span { color: #666; }
.postItem .postData { float: left; width: 400px; }
.postItem .postData p { padding: 0 0 10px 0; }
.postItem .postData h2, .postItem .postData h3 { padding: 10px 0 10px 0; }
.contentBox .readmore a { display: block; float: left; width: 150px; text-align: center; background: url(images/content/button.jpg) no-repeat 0px 0px; border: none; height: 28px; line-height: 28px; color: #fff; padding: 0px 0px 0px 0px; color: #ffffff; cursor: pointer; }
.contentBox .readmore a:hover { color: #fff; text-decoration: none; }

#postPaging { clear: both; }
#postPaging .next, #postPaging .previous { position: relative; display: block; width: 205px; height: 60px; padding-top: 35px; }
#postPaging .next { background: url(images/content/next.png) no-repeat right bottom; margin-right: -12px; text-align: right; padding-right: 75px; }
#postPaging .previous { background: url(images/content/prev.png) no-repeat 0 bottom; margin-left: -12px; text-align: left; padding-left: 75px; }
#commentPreview { position: absolute; display: none; }
#cbNotify { border: none; height: auto; background: none; }
#addcomment { padding-left: 0; font-size: 16px; }
.commentForm { margin-top: 20px; }
#comment-form .success { font-size: 12px; color: #a3a3a3; padding-left: 61px; }
/*----------------------------------
 BLOG TEASER
----------------------------------*/
.RSSabonnierenBanner { padding: 10px 0 0 23px; }
/*----------------------------------
 WIDGETS
----------------------------------*/
.widget { clear: both; overflow: hidden; padding: 0 0 10px 0; }
.widgetBox, .widgetBoxNoBG { margin: 0 0 0 40px; }
.widgetBox { background: url(images/widget/spacer.jpg) no-repeat center 0; }

/* searchbox */
#searchbox { }
#searchbox input { }
#searchbox input#searchbutton { background: url(images/widget/searchbutton.jpg) no-repeat 0 0; width: 23px; height: 23px; line-height: 23px; text-indent: 23px; overflow: hidden; cursor: pointer; }
#searchbox input#searchfield { width: 195px; height: 18px; line-height: 18px; padding: 0 5px; background: url(images/widget/searchfield.gif) no-repeat 0 0; margin: 0 10px 0 0; color: #999; }

/* searchpage */
#searchpage { padding: 0 0 20px 61px; }
#searchpage #comment { width: auto; border: none; background: none; }
#searchpage .button { width: 150px; text-align: center; background: url(images/content/button.jpg) no-repeat 0px 0px; border: none; height: 28px; padding: 0px 0px 0px 0px; color: #ffffff; cursor: pointer; }
/* searchresult */
.searchresult { padding: 15px 0 25px 61px; font-size: 12px; color: #666; }
.searchresult a { display: block; font-size: 16px; }
.searchresult .text { display: block; margin: 10px 0; }
.searchresult .type { display: block; }
.searchresult .type strong { }
.searchresult .url { color: #a3a3a3; font-size: 11px; }

/* category list */
html .categorylist h2, html .categorylist h2.sIFR-replaced { padding-left: 80px; padding-top: 20px; padding-bottom: 15px; }
#categorylist { padding: 0 0 0 80px; }
#categorylist li { background: url(images/widget/dot.gif) no-repeat 0 6px; font-size: 12px; padding: 0 0 0 8px; }
#categorylist li.current a { color: #d92e22; font-weight: 700; }
#categorylist a { color: #7c7c7c; text-decoration: none; margin-right: 5px; }
#categorylist a:hover { color: #d92e22; text-decoration: underline; }
.categorylist h4 { display: none; }
.categorylist { padding: 20px 0 0 0; }
.categorylist .widgetBox { background: url(images/widget/categorylist.gif) no-repeat 0 10px; }
.categorylist .inner { background: url(images/widget/spacer.jpg) center 0 no-repeat; }
/* tag cloud */
.tagcloud { }
.tagcloud .widgetBoxNoBG { margin-left: 35px; }
.tagcloud li { float: left; height: 28px; }
.tagcloud li a { color: #a3a3a3; text-decoration: none; float: left; display: block; padding: 0 3px; }
.tagcloud li a:hover { color: #d92e22; }
.tagcloud .biggest { font-size: 28px; height: 28px; padding-top: 0px; }
.tagcloud .big { font-size: 24px; height: 22px; padding-top: 6px; }
.tagcloud .medium { font-size: 20px; height: 20px; padding-top: 8px; }
.tagcloud .small { font-size: 15px; height: 15px; padding-top: 13px; }
.tagcloud .smallest { font-size: 11px; height: 11px; padding-top: 17px; }

/* relatedPosts */
#relatedPosts { display: none; clear: both; padding: 40px 0 25px 0; background-position: 0 25px; }
#relatedPosts p { font-size: 16px; }
#relatedPosts div { padding: 0 0 0 61px; overflow: hidden; font-size: 12px; color: #666; }
#relatedPosts div a { display: block; margin: 10px 0 0 0; }

/* comment */
#comment { display: none; }
#commentlist { padding: 30px 0 20px 80px; clear: both; }
#commentlist .comment { background: #f8f8f8; border: 1px solid #cbcbcb; padding: 15px 5px; margin: 0 0 10px 55px; }
#commentlist .comment p { padding: 0; }
#commentlist .comment .commentDate { padding-bottom: 10px; }
#commentlist .comment .commentContent { }
#commentlist .comment .commentAuthor { color: #a3a3a3; font-size: 14px; }
#commentlist .comment .comment-replies { }

.commentForm { font-size: 12px; padding-left: 140px; }
.commentForm #addcomment { }
.commentForm label { color: #666; display: block; float: left; clear: left; width: 90px; }
.commentForm label, .commentForm input { margin: 0 0 10px 0; }
#gravatarmsg { display: block; color: #666; }
.commentForm input.button { width: 150px; text-align: center; background: url(images/content/button.jpg) no-repeat 0px 0px; border: none; height: 28px; padding: 0px 0px 0px 0px; color: #ffffff; cursor: pointer; }

/* postnavigation */
#postnavigation { display: none; }
#postnavigation a { }

/*----------------------------------
 COVERFLOW
----------------------------------*/
#Coverflow { width: 250px; height: 190px; position: relative; overflow: auto; overflow-x: auto; overflow-y: hidden; }
#Coverflow.animation { overflow: hidden; }
#Coverflow ul { margin: 0; padding: 0; }
#CoverflowInner { position: relative; height: 190px; white-space: nowrap; }
.animation #CoverflowInner { padding-left: 0; }
#CoverflowInner li { display: block; float: left; height: 150px; width: 100px; position: relative; margin: 0; padding: 0; background: none; }
#CoverflowInner a { display: block; text-decoration: none; }
#CoverflowInner img { position: relative; margin-left: auto; margin-right: auto; display: block; }

#Coverflow .CoverflowItemDesc { display: none; line-height: 20px; text-align: center; color: #aaa; }
#Coverflow .current .CoverflowItemDesc { color: #666; display: block; }

#CoverflowControl { position: absolute; width: 100%; left: 0; top: 0; z-index: 10; }
#CoverflowControl a { outline: none; cursor: pointer; }
#CoverflowPrev, #CoverflowNext { position: absolute; top: 0; text-decoration: none; background: url(images/coverflow/blank.gif); width: 65px; height: 170px; }
#CoverflowPrev { left: 0; }
#CoverflowNext { right: 0; }
#CoverflowPrev span, #CoverflowNext span { width: 16px; height: 16px; left: 50%; top: 50%; margin: -8px 0 0 -8px; overflow: hidden; display: block; position: absolute; }
#CoverflowPrev span { background: url(images/coverflow/prev.gif); }
#CoverflowNext span { background: url(images/coverflow/next.gif); }
#CoverflowPrev.inactiv span { background: url(images/coverflow/prev_inactiv.gif); }
#CoverflowNext.inactiv span { background: url(images/coverflow/next_inactiv.gif); }
/*----------------------------------
 PRODUCTTOUR
----------------------------------*/
#ProductTour { width: 590px; padding-left: 20px; position: relative; padding-top: 20px; }
#ProductTour ul { display: block; margin: 0; padding: 0; background: none; height: auto; list-style: none; }
#ProductTour li { display: block; float: left; margin: 0; padding: 30px 0 0 0; background: none; height: auto; list-style: none; }
#ProductTour li div.image { width: 500px; }
#ProductTour li p { padding-left: 0; }
#TourCanvas { margin: 0 auto; position: relative; }
.tourActive #TourCanvas { overflow: hidden; width: 514px; }
#TourButton, #TourIndicator { display: none; }
.tourActive #TourButton, .tourActive #TourIndicator { display: block; }
#TourButton a { display: block; position: absolute; top: 0; width: 15px; height: 100%; }
#TourButton a.buttonPrev { left: 0; }
#TourButton a.buttonNext { right: 10px; }
#TourButton a span { display: block; position: absolute; top: 60px; width: 45px; height: 80px; overflow: hidden; line-height: 80px; text-indent: 45px; background: url(images/producttour/arrows.png) no-repeat 0 80px; }
#TourButton a.buttonPrev span { background-position: 0 0; left: -12px; }
#TourButton a.buttonNext span { background-position: -45px 0; right: -30px; }
#TourIndicator { position: absolute; z-index: 2; left: 50%; top: 15px; }
#TourIndicator a { width: 16px; height: 16px; overflow: hidden; margin-right: 4px; display: block; float: left; background: url(images/producttour/indicator.png) no-repeat 0 0; text-decoration: none; }
#TourIndicator a:hover { background-position: 0 -16px; }
#TourIndicator a span { visibility: hidden; }
#TourIndicator a.current { background-position: 0 -32px; }
#TourIndicator a.current:hover { background-position: 0 -48px; }

.pageProductTour .contentLeft { width: 610px; }
.pageProductTour .contentRight { width: 220px; padding-left: 30px; }
.pageProductTour .contentRight h2 { padding-left: 0; }
.pageProductTour #Teaser { padding-left: 0; }
.pageProductTour .backLink { width: 220px; }

h3.tourNavigation { margin: 60px 0 0; padding: 0 0 0 10px; text-transform: uppercase; }
div.tourNavigation { margin: 20px 0 50px 0; width: 200px; position: relative; background: url(images/producttour/teaser.gif) repeat-y -200px 0; }
.tourNavigation .top, .tourNavigation .bottom { width: 200px; position: absolute; left: 0; height: 20px; background: url(images/producttour/teaser.gif) no-repeat 0 0; }
.tourNavigation .top { top: -20px; }
.tourNavigation .bottom { bottom: -20px; background-position: -400px 0; }
.tourNavigation ul { padding: 0 20px; }
.tourNavigation li a { color: #666; text-decoration: none; display: block; padding: 0 0 0 16px; background: url(images/producttour/dot.gif) no-repeat 0 3px; }
.tourNavigation li.current a, .tourNavigation li a:hover { color: #d92e22; text-decoration: none; background-image: url(images/producttour/dothover.gif); }

/*----------------------------------
 ROUND BORDER
----------------------------------*/
.roundBorderLeft { margin: 10px 7px 7px 0; }
.roundBorderRight { margin: 10px 0 7px 7px; }
.contentBox .image .roundBorderLeft, .contentBox .image .roundBorderRight { margin-top: 0; }
.rahmenTeam .roundBorderLeft, .rahmenTeam .roundBorderRight, .Internetposition .roundBorderLeft, .Internetposition .roundBorderRight, .auflistungtabs .roundBorderLeft, .auflistungtabs .roundBorderRight { margin-left: 52px; }
.roundBorderLeft, .roundBorderLeft div, .roundBorderRight div { float: left; }
.roundBorderRight { float: right; }
.roundBorderLeft, .roundBorderRight { background: url(images/border/lt.gif) no-repeat 0 0; }
.roundBorderLeft div, .roundBorderRight div { background: url(images/border/rt.gif) no-repeat right 0; padding: 5px 0 0; }
.roundBorderLeft div div, .roundBorderRight div div { background: url(images/border/rb.gif) no-repeat right bottom; padding: 0 5px 0 0; }
.roundBorderLeft div div div, .roundBorderRight div div div { background: url(images/border/lb.gif) no-repeat 0 bottom; padding: 0 0 5px 5px; position: relative; }
.roundBorderLeft div div div img, .roundBorderRight div div div img { float: none; border: 0; }
.roundBorderLeft div div div div, .roundBorderRight div div div div { float: none; background: none; padding: 0; }
/*----------------------------------
 FACEBOOK FANBOX
----------------------------------*/
.faceBookFanBox { margin: 0 0 0 35px; background: url(images/layout/faceBookFanBox.gif) no-repeat 0 0; height: 82px; width: 230px; }
.faceBookFanBox iframe { margin: 8px 0 0 5px; }
/*----------------------------------
 FORM TEMPLATE
----------------------------------*/
.FormHint {
    border:1px solid #79833D;
    background:#EBEDE2;
    color:#79833D;
    padding:10px;
    margin:10px 0 0 61px;
    display:block;
    font-size:11px;
}