/*
003399=999999
*/



/***************************************************
 GENERAL CONTENT ELEMENTS
****************************************************/
/***********************Links***********************/
a{
    color: #000000;
    text-decoration: none;
}
a:hover
{
    color: #e8aa00;
    text-decoration: underline;
}
.inner,.snippet,.snippets{
    font-size: 12px;
}
.inner a,.snippet a,.snippets a
{
    font-size: 11px;
    font-weight: bold;
}
.inner a:hover,.snippet:hover,.snippets a:hover
{
    text-decoration: none;
}
/**********************Ende Links********************/
p
{
    color: #666666;
    margin: 0px;
    padding: 0px;
}
img
{
    border: none;
}
hr
{
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 1px solid #000000;
    height: 0px;
    margin: 0px;
    padding: 0px;
}
h1
{
    text-align:center;
    color: #000000;
    font-weight: normal;
    line-height: 22px;
    margin: 0px 0px 30px 0px;
    padding: 0px;
}
h1.headlineLogo
{
    clear: both;
    overflow: hidden;
    width: 540px;
}
h1.headlineLogo img
{
    float: right;
}
h1.headlineLogo div
{
    float: left;
}
h2
{
    line-height: 18px;
}
h2.noline
{
    border-bottom: none;
}
.contentNaviActive h2.pageHeadline
{
    display: none;
}
.contentNaviActive #mainPageHeadline
{
    margin-top: 9px;
}
.noPageHeadline h2.pageHeadline
{
    border-bottom: none;
    line-height: 4px;
}
.noPageHeadline #mainPageHeadline
{
    display: none;
}
h2, h3
{
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #000000;
    font-weight: normal;
    margin: 0px 0px 18px 0px;
    padding: 0px 0px 18px 0px;
}
h4
{
    color: #999999;
    font-weight: bold;
    margin: 0px 0px 14px 0px;
    padding: 0px;
}
h5
{
    color: #666666;
    font-weight: normal;
    margin: 0px 0px 14px 0px;
    padding: 0px;
}
h1.topline
{
    border-top: 1px solid #000000;
    padding-top: 4px;
}
.block
{
    display: block !important;
}
.inline
{
    display: inline !important;
}
.relative
{
    position: relative !important;
}
.absolute
{
    position: absolute !important;
}
.floatleft
{
    float: left !important;
}
.floatright
{
    float: right !important;
}
img.floatleft
{
    margin-bottom: 12px;
    margin-right: 12px;
}
img.floatright
{
    margin-bottom: 12px;
    margin-left: 12px;
}
.error
{
    color: red !important;
}
/**************** added display block: fsc, 081126 *******************/
#content
{
    color: #666666;
}
.clear
{
    clear: both !important;
    display: block;
    height: 0px;
    font-size: 0px !important;
    line-height: 0px !important;
}
span.clear
{
    display: none;
}

.left12
{
    margin-left: 12px !important;
}
.right12
{
    margin-right: 12px !important;
}
.top12
{
    margin-top: 12px !important;
}
.bottom12
{
    margin-bottom: 12px !important;
}
.left6
{
    margin-left: 6px !important;
}
.right6
{
    margin-right: 6px !important;
}
.top6
{
    margin-top: 6px !important;
}
.bottom6
{
    margin-bottom: 6px !important;
}
.bottom3
{
    margin-bottom: 3px !important;
}
.bold
{
    font-weight: bold !important;
}
.indented
{
    margin-left: 16px !important;
}
.onebreak
{
    display: block !important;
    margin-bottom: 14px;
}
.cntCol ul
{
    list-style-type: none !important;
    margin-bottom: 16px;
    margin-left: 0px;
    /*margin-top: 16px;*/
    padding: 0px;
}
.cntCol ul li
{
    background-position: 0 5px;
    margin-bottom: 2px;
    overflow: hidden;
    padding-left: 15px;
}
.cntCol ul ul li
{
    background-position: 0 3px;
    margin-bottom: 2px;
    padding-left: 15px;
}
.cntCol ul ul ul li
{
    background-position: 0 3px;
    margin-bottom: 2px;
    padding-left: 15px;
}
ol
{
    margin-left: 12px !important;
    padding-left: 12px !important;
}
ol li
{
}
/**************************** ICONS ****************************/
a.icon
{
    background: no-repeat left top;
    display: inline-block;
}
/*div.downloadRows a.icon {
    display: inline;
}*/
a.icon35
{
    padding-left: 35px !important;
}
a.arrow
{
    display: inline-block;
    padding-left: 13px;
}
a.arrow:hover
{

}
a.pdf
{
    display: inline-block;
    padding: 0px 0px 3px 34px;
}
a.word
{
    display: inline-block;
    padding: 0px 0px 3px 34px;
}
a.xls
{
    display: inline-block;
    padding: 0px 0px 3px 34px;
}
a.zip
{
    display: inline-block;
    padding: 0px 0px 3px 34px;
}
a.dwg
{
    display: inline-block;
    background-image: url();
    padding: 0px 0px 3px 34px;
}
a.dxf
{
    display: inline-block;
    background-image: url();
    padding: 0px 0px 3px 34px;
}
a.exe
{
    display: inline-block;
    padding: 0px 0px 3px 34px;
}
a.jpg
{
    display: inline-block;
    padding: 0px 0px 3px 34px;
}
a.ppt
{
    display: inline-block;
    padding: 0px 0px 3px 34px;
}
a.swf
{
    display: inline-block;
    padding: 0px 0px 3px 35px;
}
a.unknown
{
    display: inline-block;
    padding: 0px 0px 3px 24px;
}
a.mp3
{
    display: inline-block;
    padding: 0px 0px 3px 24px;
}
a.avi
{
    display: inline-block;
    padding: 0px 0px 3px 34px;
}
a.mpg
{
    display: inline-block;
    padding: 0px 0px 3px 34px;
}
a.close
{
    padding: 3px 0px 3px 20px;
}
a.print
{
    padding: 3px 0px 3px 24px;
}
img.icon
{
    background: no-repeat left top;
    padding: 0px !important;
}
img.close
{
    height: 20px;
    width: 20px;
}
img.print
{
    height: 20px;
    width: 24px;
}
img.movie
{
    height: 14px;
    width: 24px;
}
img.audio
{
    height: 14px;
    width: 24px;
}
/***************************** SNIPPETS ***************************/
.snippet
{
    color: #000000;
    line-height: 14px !important;
    padding: 0px 0px 0px 16px;
}
.snippet .innersnippet
{
    border: solid 1px #f3f3f3;
    border-left: none;
    width: 170px;
}
.snippet_shadow_bottom
{
    height: 10px;
    margin-bottom: 10px;
    width: 186px;
}
.snippet .rdtextfield p{
    margin-top: 10px;
}
.snippet .imageSmallLeft
{
    float: left;
    margin: 12px 10px 0px 10px;
    padding-bottom: 10px;
    width: 77px;
    height: 110px;
    overflow: hidden;
}
.snippet h3, #gtotopstory h5
{
    border: none;
    font-weight: bold;
    line-height: 12px;
    margin: 0;
    /*min-height: 28px;*/
    padding: 12px 0px 12px 12px;
    margin: 0px;
    text-transform: uppercase;
}
.snippet h3.snippet_headline_white
{
    background-color: #EEEEEE;
    background-image: none;
    border-bottom: solid 1px #f3f3f3;
    color: #000000;
    font-size: 10px !important;
    font-weight: bold !important;
}
.snippet h3.snippet_headline_gray
{
    background-color: #6a717b;
    background-image: none;
    color: #FFFFFF;
    font-size: 10px !important;
    font-weight: bold !important;
}
.snippet .snippetContent
{
    background-color: #FFFFFF;
    clear: both;
}
.snippet .snippetContent a
{
/*    display: inline-block;*/
}
.snippet .snippetContent a:hover
{
    color: #e8aa00;
}
.snippet .snippetContent .rdtextfield
{
    padding: 0px 12px 0px 12px;
}
.snippet .hundred
{
    width: 174px;
}
.snippet .snippetContent .fullwidth
{
    display: block;
    margin: 0px -5px 0px -5px;
    width: 184px;
}
div.snippet_white h3,
div.snippet_white .block,
div.snippet_white .bottom12,
div.snippet_white .snippetContent,
div.snippet_white
{
    background: #ffffff;
}
div.snippet_white h3
{
    background-image: none;
    border-bottom: 1px solid #ccc;
    margin-left: 4px;
    padding-left: 0px;
}
div.snippet_alert h3,
div.snippet_alert .block,
div.snippet_alert .bottom12,
div.snippet_alert .snippetContent,
div.snippet_alert
{
    background-color: #fef0e7;
    background-image: none;
}
div.snippet_alert h3,
div.snippet_alert h3 a
{
    background-color: #ff6302;
    color: #FFFFFF !important;
}
/************************************* TOOLBOX *************************************/
.toolBox
{
    background-color: white;
    border: 1px solid #999999;
    left: 100px;
    position: absolute;
    top: 100px;
    z-index: 99999999;
}
.toolBoxClose
{
    display: none;
    font-size: 10px;
    position: absolute;
    right: 120px;
    top: 113px;
}
.toolBoxIFrame
{
    background-color: #E1E8F3;
    border-style: none;
}
.toolBarOuter
{
    float: right;
    margin: 0px 0px -20px 0px;
    position: relative;
    width: 150px;
}
#ToolBar_top
{
    right: 16px;
    top: 37px;
}
.ToolBarNote
{
    color: #999999;
    float: left;
    font-size: 10px;
    font-weight: normal;
    line-height: 14px;
    padding-left: 12px;
    padding-right: 3px;
}
.toolBarInner
{
    float: right;
}
.toolBarInner a
{
    cursor: pointer;
    display: block;
    float: left;
}
.toolBarPrint
{
    height: 17px;
    width: 21px;
}
.toolBarSendafriend
{
    height: 17px;
    width: 21px;
}
#ToolBar_bottom
{
    margin-right: 16px;
}
.toolBarBookmark
{
    height: 17px;
    width: 21px;
}
.toolBarFeedback
{
    height: 14px;
    width: 17px;
}
/******************************** RESIZING **********************************/
div#fontToggleButtons
{
    float: left;
    width: 40px;
}
div#fontToggleButtons div
{
    cursor: pointer;
    float: left;
    height: 17px;
}
div#fontToggleButtons div#fontToggle
{
    margin-right: 10px;
    width: 17px;
}
div#fontToggleButtons div#fontToggle.font_small
{
    background-position: 0px -28px;
}
div#fontToggleButtons div#fontToggle.font_large
{
    background-position: 0px 2px;
}
div#fontToggleButtons div#contrastToggle
{
    width: 13px;
}
div#fontToggleButtons div#contrastToggle.contrast_low
{
    background-position: -47px -28px;
}
div#fontToggleButtons div#contrastToggle.contrast_high
{
    background-position: -47px 2px;
}
.fontResizingBarOuter
{
    float: right;
    margin: 6px 0px -20px 0px;
    position: relative;
    width: 192px;
}
a.lightbox,
a.lightbox *
{
    background-color: #999999;
    display: block;
    filter: alpha(opacity=50);
    left: 0px;
    opacity: .5;
    position: absolute;
    width: 992px !important;
    z-index: 4 !important;
}

/**************************** SOCIALMEDIA BUTTONS ********************************/
#socialMediaButtons {
    float: left;
    /*margin: 0px 0px -20px 705px;*/
    margin: 0px 0px -20px 690px;
    position: relative;
    clear: both;
}
#socialMediaButtons div {
    float: left;
    margin-right: 7px;
}

/**************************** MISCELLANEOUS ********************************/
.footline
{
    line-height: 12px;
    margin-top: 12px;
}
.newsListEntry
{
    border-bottom: 1px #000000 solid;
    line-height: 16px;
    padding-bottom: 4px;
    padding-top: 4px;
}
/************************ skip links and hidden content *********************/
.skip, .hideme
{
    height: 1px;
    left: -1000em;
    position: absolute;
    top: -1000em;
    width: 1px;
}
/*************** make skip links visible when using tab navigation **********/
.skip:focus, .skip:active
{
    height: auto;
    left: 0;
    position: static;
    top: 0;
    width: auto;
}
/************** Lists in content without listimages or markers ***************/
ul.listNoBg
{
    list-style-type: none;
}
ul.listNoBg li
{
    background-image: none !important;
    padding-left: 0 !important;
}
* html .cntCol ul.listNoBg li
{
    height: 1%;
}
h3.activeheadline a
{
    color: #039;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
td, th
{
    text-align: left;
    vertical-align: top;
}
table.newslist
{
    margin-bottom: 14px;
}
/************ Reddot TEXTFIELD & OLD INTEGRATED CSS*************/
.rdtextfield
{
}
.rdtextfield p
{
    display: block;
    margin: 0px 0px 14px 0px;
    padding: 0px;
    line-height: 16px;
}
.noPTag p
{
    display: inline;
    margin: 0px;
    padding: 0px;
}
.rdtextfield blockquote
{
    margin: 0px;
    padding: 0px;
}
.rdtextfield table,.rdtextfield table *
{
    background-color: white !important;
    border-collapse: collapse !important;
    border-style: none !important;
}
.rdtextfield table
{
    background-image: none !important;
    width: 100% !important;
}
.rdtextfield table td
{
    border: 1px solid #000000 !important;
    padding: 6px !important;
    vertical-align: top;
}
.rdtextfield .subheader
{
    border-bottom: 1px solid #000000;
    display: block;
    font-weight: bold;
    margin: 0px 0px 14px 0px;
    padding: 0px 0px 2px 0px;
}
.rdtextfield .blueheader
{
    color: #999999;
    display: block;
    font-weight: bold;
    margin: 0px 0px 14px 0px;
    padding: 0px;
}
.rdtextfield .colored,
.rdtextfield .smallcolored ,
.rdtextfield .bigcolored
{
    color: #999999;
}
.rdtextfield table td ul li
{
    padding-left: 19px;
}
.rdtextfield table td ul
{
    list-style-image: none;
    margin-bottom: 16px;
    margin-left: 0px;
    margin-top: 16px;
    padding: 0px;
}
.onebreak h3.activeheadline
{
    margin-bottom: 0 !important;
}
.cntCol ul.listNoBg
{
    margin-bottom: 0 !important;
}
li.listItemMargin
{
    margin-top: 14px;
}
/*****************************************************************
        CSS for Searchpage             
*****************************************************************/
span.hit
{
    color: #e8aa00;
    /*font-weight: bold;*/
}
#searchform
{
    height: 100px;
}
#searchform div.floating
{
    float: left;
}
#searchform div.margin
{
    margin-left: 20px;
}
#searchform label
{
    display: block;
}
#searchform a
{
    padding-left: 13px;
}
#searchform a:hover
{
    text-decoration: none;
}
.searchHits
{
    margin: 0px 0px 20px 0px;
    padding-bottom: 10px;
}
div.hit
{
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.searchDivider
{
}
/*************************************************************************
        CSS for Error page                    
*************************************************************************/
#errorPage
{
    background-color: #ffffff;
    background-image: none;
}
#errorPage a
{
    font-weight: bold;
}
#errorPage a:hover
{
    text-decoration: none;
}
#errorPage div.errorBox
{
    height: 230px;
    left: 50%;
    margin-left: -300px;
    margin-top: -115px;
    padding: 60px 0px 0px 280px;
    position: absolute;
    top: 50%;
    width: 700px;
}
/******************** SENDAFRIEND *******************************/
div#sendafriendLayer
{
    background-color: #fff;
    height: 340px !important;
    padding: 12px;
    width: 636px !important;
}
div#sendafriendLayer div.inner
{
    margin-left: 93px;
}
div#sendafriendLayer div.header
{
    background-color: #ffbb00;
    height: 12px;
    margin-bottom: 5px;
}
div#sendafriendLayer a.closeButton
{
    display: block;
    margin-bottom: 50px;
    padding-left: 15px;
}
div#sendafriendLayer form
{
    margin: 25px 0 60px 0;
}
div#sendafriendLayer label
{
    color: #666;
    float: left;
    margin-top: 5px;
    width: 95px;
}
div#sendafriendLayer input.sendafriendAddressfield
{
    border: 1px solid #e3e3e3;
}
div#sendafriendLayer input.default
{
    color: #d3d3d3 !important;
}
div#sendafriendLayer input.ERROR
{
    border: 1px solid red;
}
div#sendafriendLayer input.submit
{
    display: block;
    margin-top: 20px;
    padding: 0 10px;
}
div#sendafriendLayer p.footer
{
    padding-top: 5px;
}


/*** Search submit button ***/
#submitSearchForm { display: none; }


/*** 
    Temporary Fix for Facebook Like Buttons iFrame problem (05.04.2012)
    -> can be removed after problem was solved by Facebook
    -> https://developers.facebook.com/bugs/329916263737197?browse=search_4f7d787ce3d7e4280691832

    --> Try to fix this via Javascript (13.04.2012)
#fb_xdm_frame_http { display: none; }
#fb_xdm_frame_https { display: none; }
***/


 
/***** jScrollPane *****/
.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
/*    background: #aaa;*/
}
.jScrollPaneDrag {
    position: absolute;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 16px;
}
a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 16px;
}



/************ Hebel Home Box *************/
#homeboxHebel { position: absolute; left: 35px; top: 640px; }
#homeboxHebel img { margin-left: 8px; }
#homeboxHebel img#left { margin-left: 15px;}
#homeboxHebel #divider { background: url() no-repeat center 18px; width: 950px; height: 40px; position: relative; }
#homeboxHebel #arrow { position: absolute; left: 35px; top: 18px; }
#homeboxHebel #divider #hoverText { position: absolute; width: 300px; text-align: center; top: -5px; left: -90px; }
#homeboxHebel #divider #hoverText span { display: none; font-weight: bold; }
 
/************ Non Flash Version ************/
.nonFlashBox { position: absolute; width: 180px; height: 430px; left: 420px; background: url(/rs/img/test_weiss.png); font-size: 12px; }
.nonFlashBoxInner { margin: 10px; }
.nonFlashBoxInner p { margin-bottom: 10px; }/*** CSS for SmartEdit Startpage ***/
#contentStartpage div {
    font-size: 12px;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    color: #666666;
}
#contentStartpage a {
    font-weight: bold;
    text-decoration: none;
}
#contentStartpage .logos {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 10px;
    clear: both;
}
#contentStartpage .logo {
    height: 90px;
    width: 90px;
    float: right;
    margin-left: 6px;
}
#contentStartpage .comment {
    margin-bottom: 20px;
}
#contentStartpage .reddot {
    color: red;
    float: left;
    padding-top: 75px;
}
#contentStartpage .logo1 {
}
#contentStartpage .logo2 {
}
#contentStartpage .logo3 {
}/****************************************************************
        CSS fuer Template "News Overview" 
****************************************************************/
.newsListItem
{
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 15px;
}
.newsListItem .newsListTeaserText h2
{
    background-image: none;
    border: none;
    margin: 10px 0px 0px 0px;
}
.newsListItem .newsListTeaserText h2 a
{
    background: none;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    padding: 0px;
}
.newsListItem .newsListTeaserText a
{
    display: inline-block;
    padding-left: 13px;
}
.newsListItem .newsListTeaserText a:hover
{
    color: #e8aa00;
}
.newsListItem .newsListTeaserText h2 a:hover
{
    background: none;
    color: #e8aa00 !important;
}
.newsListTeaserImage
{
    float: left;
    width: 177px;
}
.newsListTeaserText span
{
    font-size: 10px;
}
.newsListTeaserText
{
    line-height: 16px;
    /** text auf hoehe von bild bringen **/
    margin-top: -5px;
    margin-left: 186px;
}

.newsListTeaserText.noMargin {
    margin-left: 0px;
}
/******************************************************************
        CSS fuer Template "News Article" 
******************************************************************/
.newsImage
{
    float: left;
    margin: 0px 16px 10px 0px;
}
.newsTeaser
{
    clear: both;
    margin-bottom: 20px;
}
.newsTeaserText
{
    font-weight: bold;
    line-height: 16px;
}
.newsTeaserText span
{
    display: block;
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 20px;
}
/****************************************************************************
        CSS fuer Template Presslist
****************************************************************************/
div.pressFilter
{
}
div.pressFilter a
{
    padding-left: 13px;
}

div.pressFilter a:hover
{
    color: #e8aa00;
    /*text-decoration: none;*/
}

div.pressFilterDivider
{
    height: 10px;
    margin: 15px 0px 15px 0px;
}
/***********************************************************************
        CSS for Pressrelease
************************************************************************/
div.pressTeaser
{
    margin-bottom: 25px;
}
div.pressTeaser span
{
    display: block;
    margin-bottom: 10px;
}
div.pressTeaser h2
{
    background: none;
}
div.pressText
{
    margin-bottom: 10px;
    padding-bottom: 30px;
}
div.pressTeaserImage
{
    float: left;
    margin: 0px 0px 40px 0px;
    width: 170px;
}
div.pressDownload
{
    float: right;
    /*font-size: 10px;*/
    margin: 0px 0px 0px 10px;
    padding-bottom: 3px;
}
div.pressTeaserImageSpacer
{
    float: left;
    width: 16px;
}
div.pressTeaserImage a.icon, div.pressDownloads a.icon
{
    font-weight: bold;
}
div.pressTeaserImage a:hover, div.pressDownloads a.icon
{
    text-decoration: none !important;
}
div.pressDownloads a.back
{
   margin-top: 3px;
}
div.pressImages
{
    clear: both;
    padding-top: 30px;
}
div.pressDownloads
{
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 0px 0px 8px 0px;
}
div.pressDownloads div.pressTeaserImage
{
    margin: 0px;
    padding: 0px;
    text-align: right;
}
div.pressImageDescription
{
    font-size: 12px;
    margin: 0px 0px 10px 0px;
}
div.pressDownloadsAbove
{
    line-height: 10px;
}
div.pressDownloadsBelow
{
    clear: both;
    line-height: 20px;
}
 
div.newsContent {
    line-height: 16px;
}

/***********************************************************************
        CSS for Pagination Newslist
************************************************************************/

div.pageNav { clear:both; display:block; padding-top:15px; }
span.pagination.pagePrev { padding-left:13px; background:url('/rs/img/prev_next.gif') no-repeat left 4px; }
span.pagination.pageNext { padding-right:10px; background:url('/rs/img/prev_next.gif') no-repeat right 4px; }
span.pagination a { margin-right:5px; padding-right:5px; text-decoration:none; border-right:1px solid #bbb; }
span.pagination a:hover { text-decoration:underline; }
span.pagination a.active { font-weight:bold; text-decoration:underline; }
span.pagination.disabled a { cursor:default; text-decoration:none; color: #000000; }
span.pagination.pageNext a { border-right:0 none; padding-right:0; }
 

/***********************************************************************
        CSS for News Filter
************************************************************************/
select.selectFilter {
    margin: 0px 15px 15px 0px;
}
div.filteredNews {
    display: none !important;
}/****************************************************************
Templates:
-Forms
-Image with Text
-OneColumnImages
-Downloads
-Contakt Form
-FAQ_Entry
-References
-RegionManager
-Facebook
-RSS Reader
****************************************************************/

/**************************** FORMS ****************************/
form
{
    display: block;
    margin: 0px;
    padding: 0px;
}
input.arrow
{
    border: none;
    height: 26px;
    width: 20px;
}
#searchBox
{
    padding-top: 4px;
    position: absolute;
    right: 15px;
    z-index: 1;
}
#typeA #searchBox{
    right: 40px !important;
}
.topNavSearchForm
{
}
.topNavSearchForm .searchInput
{
    border: solid 1px #cccccc;
    color: #000000;
    float: right;
    font-family: Tahoma;
    font-size: 10px;
    margin: 0px;
    padding: 6px 0px 6px 3px;
    vertical-align: middle;
    width: 145px;
}
.topNavSearchForm input.arrow
{
    display: block;
    float: right;
}


/****************************************************************
                    CSS fuer Template "ImageText" 
****************************************************************/
.imgTxtCnt a:hover
{
    color: #e8aa00;
}
div.checkmark ul
{
    list-style-type: none !important;
}

div.checkmark ul li
{
    background: url() no-repeat left 2px !important;
    padding-left: 25px;
}
div.checkmark ul li li li
{
    background: url() no-repeat left 2px !important;
    padding-left: 25px;
}


/******************************************/


div.contText
{
    /** text auf hoehe von bild bringen **/
    /*margin-top: -5px;*/
    line-height: 16px;
}

div.imgthree
{
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    width: 542px;
}
div.imgtwoleft
{
    float: left;
    margin: 0px 16px 10px 0px;
    overflow: hidden;
    width: 356px;
}
div.imgtworight
{
    float: right;
    margin: 0px 0px 10px 16px;
    overflow: hidden;
    width: 356px;
}
div.imgoneleft
{
    float: left;
    margin: 0px 16px 10px 0px;
    overflow: hidden;
    width: 170px;
}
div.imgoneright
{
    float: right;
    margin: 0px 0px 10px 16px;
    overflow: hidden;
    width: 170px;
}
/**********************************************************
            CSS fuer Template "OneColumnImages"
**********************************************************/
.twocolimgs a:hover
{
    color: #e8aa00;
}
.ocileftimage
{
    float: left;
    margin-right: 16px;
    overflow: hidden;
    width: 170px;
    /*line-height: 13px !important;*/
}
.ocicenterimage
{
    float: left;
    margin-right: 16px;
    overflow: hidden;
    width: 170px;
}

/**** OBSOLETE? ****/
/*.ocicenterimage img
{
    width: 170px;
}*/

.ocirightimage
{
    float: left;
    overflow: hidden;
    width: 170px;
}
.ocihidden
{
    display: none;
}
.ocicenterimagetwocol
{
    float: left;
    overflow: hidden;
    width: 356px;
}
.ocicenterimagetwocol img
{
    width: 356px;
}
.ocirightimageleftmarg
{
    float: left;
    margin-left: 16px;
    overflow: hidden;
    width: 170px;
}
.ociimage
{
    margin-bottom: 10px;
}
/***********************************************************************
        CSS fuer Template "ImageText" und "OneColumnImages" 
***********************************************************************/
div.imgCaption
{
    color: #666666;
    font-size: 10px;
    line-height: 12px; 
    margin-bottom: 10px;
    overflow: hidden;
}
/************************************************************************
        CSS fuer Template "Downloads" 
************************************************************************/
.dwnldLeftCol
{
    float: left;
    margin: 0px 8px 17px 0px;
    overflow: hidden;
    width: 263px;
}
.dwnldLeftCol img
{
    float: left;
    margin: 0px 16px 10px 0px;
}
.dwnldRightCol
{
    float: left;
    margin: 0px 0px 17px 8px;
    overflow: hidden;
    width: 263px;
}
.dwnldRightCol img
{
    float: left;
    margin: 0px 16px 0px 0px;
}
.dwnldTxt
{
    font-size:11px;
    line-height: 13px !important;
}
.dwnldTxt a
{
    margin: 3px 0px 0px 0px;
}
.dwnldTxt span
{
    line-height: 13px;
    margin: 0px 0px 3px 0px !important;
}
.dwnldDate
{
    margin-bottom: 3px;
}
.dwnldIcon
{
    margin-top: 3px;
}
.dwnldhidden
{
    display: none;
}

/*************************************************************************
        CSS for contact form            
*************************************************************************/
.htmlForm td {
    padding-bottom: 5px;
}
.htmlForm .table_td_form_label {
    width: 177px;
}
.htmlForm .table_td_form_field {
    padding-left: 16px;    
}
.htmlForm input {
    width: 177px;
}
.htmlForm .postalcode {
    width: 50px;
}
.htmlForm .city {
    width: 117px;
}
.htmlForm textarea {
    width: 177px;
}
.htmlForm .submitButton {
    width: auto;
}
.htmlForm .table_error, .formErrors {
    color: red;
}
/* this is used for the spam protection field */
.textfield0231 { display: none; }

/************************************************************************
        CSS for Template "Products" 
************************************************************************/
.productBlocks {
    clear: both;
    margin-bottom: 40px;
    overflow: hidden;
}
.productBlocks .imageHover {
    width: 170px;
    height: 100px;
}
.productBlocks p {
    margin-top: 5px;
}


/***************************** FANCY BOX ******************************/
#fancybox-overlay
{
    background: #000;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1100;
}
* html #fancybox-overlay     /* IE6 */
{
    position: absolute;
    width: 100%;
}
#fancybox-tmp
{
    border: 0;
    display: none;
    margin: 0;
    overflow: auto;
    padding: 0;
}
#fancybox-wrap
{
    display: none;
    left: 0;
    margin: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    z-index: 1101;
}
#fancybox-outer
{
    background: #FFF;
    height: 100%;
    position: relative;
    width: 100%;
}
#fancybox-inner
{
    height: 1px;
    left: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 1103;
}
#fancybox-hide-sel-frame
{
    background: transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#fancybox-close {
    display: none;
    background: url() no-repeat scroll 5px 5px transparent;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    z-index: 1103;
}

#fancybox-close:hover
{
    color: #0098DB;
}
#fancybox_error
{
    color: #444;
    font: normal 12px/20px Arial;
    margin: 0;
    padding: 7px;
}
#fancybox-content
{
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}
#fancybox-img
{
    border: none;
    height: 100%;
    line-height: 0;
    margin: 0;
    ms-interpolation-mode: bicubic;
    outline: none;
    padding: 0;
    vertical-align: top;
    width: 100%;
}
#fancybox-frame
{
    border: none;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}
#fancybox-title
{
    bottom: 0;
    font-family: Arial;
    font-size: 12px;
    left: 0;
    position: absolute;
    z-index: 1102;
}
.fancybox-title-inside
{
    color: #888;
}
#fancybox-title-wrap
{
    display: inline-block;
}
#fancybox-title-wrap span
{
    float: left;
    height: 32px;
}
#fancybox-left, #fancybox-right
{
    background-image: url( );
    cursor: pointer;
    display: none;
    height: 100%;
    outline: none;
    position: absolute;
    top: 0px;
    width: 35%;
    z-index: 1104;
}
#fancybox-left
{
    left: 0px;
}
#fancybox-right
{
    right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico
{
    cursor: pointer;
    display: block;
    height: 32px;
    left: -9999px;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    width: 32px;
    z-index: 1104;
}
#fancybox-left-ico
{
    background-image: url( );
}
#fancybox-right-ico
{
}
#fancybox-left:hover, #fancybox-right:hover
{
    visibility: visible;     /* IE6 */
}
#fancybox-left:hover span
{
    left: 20px;
}
#fancybox-right:hover span
{
    left: auto;
    right: 20px;
}
.fancy-bg
{
    border: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 20px;
    z-index: 1001;
}
.fbimgContainer
{
    display: inline;
    float: left;
    margin: 0 12px 28px 12px;
    width: 170px;
}
a.fbimg
{
    display: block;
    position: relative;
}
.fbimgContainer a.fbimg
{
    background: #eaf1f6;
    display: block;
    height: 170px;
    text-align: center;
    width: 170px;
}
.fbimgContainer a.fbimg img
{
    border: none!important;
}
.fbimgContainer div.fbimgDescr
{
    margin-top: 10px;
}
#galleryTitle
{
    margin-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
}
#galleryTitle span
{
    float: right;
}
.fancyWrap{
    position: relative;
}
.fancyGlass{
    background-position: bottom right;
    bottom: 10px;
    right: 0px;
    height: 18px;
    width: 18px;
    position: absolute;
    display: block;
    cursor: pointer;
}

.fancyGlassReferences{
    background-position: bottom right;
    bottom: 0px;
    right: 0px;
    height: 18px;
    width: 18px;
    position: absolute;
    display: block;
    cursor: pointer;
}.tabbed_area {
    background-color:#fff;
    width: 542px;
}
.tab {
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
    margin-bottom:2px;
}

ul.tabs {
    list-style-type:none;
    margin:0px;
    padding:0px;
    float: left;
}
ul.tabs li {
    background:none repeat scroll 0 0 transparent;
    list-style:none;
    display:inline;
    padding: 0px;
    margin: 0px;
    overflow:visible;
}
ul.tabs li a {
    text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    position:relative;
}

a img {border: none; }
#tabContainer{
    float: left;
    width:542px;
    border-bottom:1px solid #464c54;
}
.content {
    clear: both;
    background-color:#ffffff;
    padding:10px 0px 0px 0px;
    border-top:2px solid #DBDBDB;
    overflow:hidden;
    min-height:350px;
}

#mediastage{ 
    display:none; 
    overflow: hidden;
    height: 250px;
    margin-bottom: 30px;
}

.stage {
    width:542px;
    height:250px;
    margin: 24px 0px 24px 0px;
}

.hoverArrow{
    background-position: center center;
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    top: 31px;
    width: 100%;
    display:block;
}

.content{
   display:none;
} 

#content_1{
    display:block;
}@media print {
    ul.skip {display:none;}
    div#headerImageBox {display: none;}
    div#metaNavi {display: none;}
    div#level1Navi {display: none;}
    div#topStage {display : block; position: absolute; width: 400px; left: 130px; top: 0px;}
    div#col1 {display:none;}
    div#col3 {display:none;}
    div#layoutFooter {display:none;}

    .inner {margin-top: 150px !important}

    div#breadcrumbNavi {display:none;}
    div#searchBox {display:none;}

    div.widthDefCont {width: 900px;}
    div.widthDefCont p, div.widthDefCont div, div.widthDefCont a {font-size: 18px !important; line-height: 22px;}
    div.widthDefCont h1 {font-size: 22px; line-height: 26px; font-weight: bold;}
    div.widthDefCont h2 {font-size: 20px !important; line-height: 24px;}
}/*** local CSS ***/
.tableClass1 {
    display: block;
    margin-right: 10px;
}
.tableClass1 td {
    padding: 2px 4px;
    vertical-align: middle;
}
.tableClass1 thead td {
    background: none repeat scroll 0 0 #6a717b;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
.tableClass1 tbody td {
    border-bottom: 1px solid #e1e1e1;
}
.tableClass1 tbody .plavi td {
    background: none repeat scroll 0 0 #eeeeee;
}