/*
003399=999999
*/



/***************************************************
 GENERAL CONTENT ELEMENTS
****************************************************/
/***********************Links***********************/
a{
    color: #000000;
    text-decoration: none;
}
a:hover
{
    color: #000099;
    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
{
    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-image: url(/de/img/trennlinie_content.gif);
    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;
}
/**************** added display block: fsc, 081126 *******************/
#content
{
    color: #666666;
}
.clear
{
    clear: both !important;
    display: block;
    height: 0px;
    IoRangeNoRedDotMode>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: url(/de/img/xella_list_x.gif) no-repeat left;
    background-position: 0 5px;
    margin-bottom: 2px;
    overflow: hidden;
    padding-left: 15px;
}
.cntCol ul ul li
{
    background: url(/de/img/bullet_klein.gif) no-repeat left;
    background-position: 0 3px;
    margin-bottom: 2px;
    padding-left: 15px;
}
.cntCol ul ul ul li
{
    background: url(/de/img/bullet_xtraklein.gif) no-repeat left;
    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 center;
    display: inline-block;
}
/*div.downloadRows a.icon {
    display: inline;
}*/
a.icon35
{
    padding-left: 35px !important;
}
a.arrow
{
    display: block;
    background: url(/de/img/more_arrow.gif) no-repeat 0px 2px;
    padding-left: 13px;
}
a.arrow:hover
{
    background: url(/de/img/more_arrow_x.gif) no-repeat 0px 2px;
}
a.pdf
{
    background-image: url(/de/img/icon_pdf.gif);
    padding: 4px 0px 3px 34px;
}
a.word
{
    background-image: url(/de/img/icon_doc.gif);
    padding: 4px 0px 3px 34px;
}
a.xls
{
    background-image: url(/de/img/icon_xls.gif);
    padding: 4px 0px 3px 34px;
}
a.zip
{
    background-image: url(/de/img/icon_zip.gif);
    padding: 4px 0px 3px 34px;
}
a.exe
{
    background-image: url(/de/img/icon_exe.gif);
    padding: 4px 0px 3px 34px;
}
a.jpg
{
    background-image: url(/de/img/icon_jpg.gif);
    padding: 4px 0px 3px 34px;
}
a.ppt
{
    background-image: url(/de/img/icon_ppt.gif);
    padding: 4px 0px 3px 34px;
}
a.swf
{
    background-image: url(/de/img/icon_swf.gif);
    padding: 4px 0px 3px 35px;
}
a.unknown
{
    background-image: url(/de/img/icon_unknown.gif);
    padding: 4px 0px 3px 24px;
}
a.mp3
{
    background-image: url(/de/img/icon_mp3.gif);
    padding: 4px 0px 3px 24px;
}
a.close
{
    background-image: url(/de/img/icon_close.gif);
    padding: 3px 0px 3px 20px;
}
a.print
{
    background-image: url(/de/img/bt_print.gif);
    padding: 3px 0px 3px 24px;
}
img.icon
{
    background: no-repeat left top;
    padding: 0px !important;
}
img.close
{
    background-image: url(/de/img/icon_close.gif);
    height: 20px;
    width: 20px;
}
img.print
{
    background-image: url(/de/img/bt_print.gif);
    height: 20px;
    width: 24px;
}
img.movie
{
    background-image: url(/de/img/icon_video.gif);
    height: 14px;
    width: 24px;
}
img.audio
{
    background-image: url(/de/img/icon_audio.gif);
    height: 14px;
    width: 24px;
}
/***************************** SNIPPETS ***************************/
.snippet
{
    background: url(/de/img/snippet_schatten_links.gif) no-repeat 3px 10px;
    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
{
    background: url(/de/img/snippet_schatten_unten.gif) no-repeat 16px 0px;
    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-style: bold !important;
}
.snippet h3.snippet_headline_gray
{
    background-color: #6a717b;
    background-image: none;
    color: #FFFFFF;
    font-size: 10px !important;
    font-style: bold !important;
}
.snippet .snippetContent
{
    background-color: #FFFFFF;
    clear: both;
}
.snippet .snippetContent a
{
/*    display: inline-block;*/
}
.snippet .snippetContent a:hover
{
    color: #000099;
}
.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
{
    background: url(/de/img/bt_print.gif) no-repeat;
    height: 17px;
    width: 21px;
}
.toolBarSendafriend
{
    background: url(/de/img/bt_sendto.gif) no-repeat;
    height: 17px;
    width: 21px;
}
#ToolBar_bottom
{
    margin-right: 16px;
}
.toolBarBookmark
{
    background: url(/de/img/bt_bookmark.gif) no-repeat;
    height: 17px;
    width: 21px;
}
.toolBarFeedback
{
    background: url(/de/img/icon_feedback.gif) no-repeat;
    height: 14px;
    width: 17px;
}
/******************************** RESIZING **********************************/
div#fontToggleButtons
{
    float: left;
    width: 40px;
}
div#fontToggleButtons div
{
    background: url('/de/img/fontToggleButtons.gif') no-repeat;
    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;
}
/**************************** 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
{
    background: url(/de/img/xella_list_x.gif) no-repeat;
    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: #000099;
    /*font-weight: bold;*/
}
#searchform
{
    height: 100px;
}
#searchform div.floating
{
    float: left;
}
#searchform div.margin
{
    margin-left: 20px;
}
#searchform label
{
    display: block;
}
#searchform a
{
    background: url(/de/img/more_arrow_transparent.gif) no-repeat 0 2px;
    padding-left: 13px;
}
#searchform a:hover
{
    text-decoration: none;
    background: url(/de/img/more_arrow_x.gif) no-repeat 0 2px;
}
.searchHits
{
    background: url(/de/img/trennlinie_content.gif) repeat-x left bottom;
    margin: 0px 0px 20px 0px;
    padding-bottom: 10px;
}
div.hit
{
    margin-bottom: 20px;
    padding-bottom: 20px;
    background: url(/de/img/trennlinie_content.gif) repeat-x left bottom;
}
.searchDivider
{
    /*background: url(/de/img/trennlinie_content.gif) repeat-x left top;*/
}
/*************************************************************************
        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
{
    background: url(/de/img/404_fragezeichen.jpg) no-repeat center left;
    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: #000099;
    height: 12px;
    margin-bottom: 5px;
}
div#sendafriendLayer a.closeButton
{
    background: url('/de/img/bt_close.gif') no-repeat left center;
    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
{
    background: url('/de/img/dotted_bg.gif') repeat-x 0 0;
    padding-top: 5px;
}




/**********************************************************************
        ADDITIONAL PROJECT CSS
********************************************************************/
/*** 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%;
    background: url('/de/img/trennlinie_content.gif') repeat-x left bottom;
    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 {
    background: url(/de/img/navi_logo_xella.gif) no-repeat;
}
#contentStartpage .logo2 {
    background: url() no-repeat;
}
#contentStartpage .logo3 {
    background: url() no-repeat;
}/****************************************************************
        CSS fuer Template "News Overview" 
****************************************************************/
.newsListItem
{
    background: url(/de/img/trennlinie_content.gif) repeat-x left bottom;            /**image path trennlinie_content.gif*/
    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
{
    background: url(/de/img/more_arrow.gif) no-repeat 0px 3px;
    display: inline-block;
    padding-left: 13px;
}
.newsListItem .newsListTeaserText a:hover
{
    background: url(/de/img/more_arrow_x.gif) no-repeat 0px 3px;        /**img pth more_arrow_ytong.gif*/
    color: #000099;
}
.newsListItem .newsListTeaserText h2 a:hover
{
    background: none;
    color: #000099 !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;
}
/******************************************************************
        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
{
    background: url(/de/img/more_arrow_transparent.gif) no-repeat 0px 2px;
    padding-left: 13px;
}

div.pressFilter a:hover
{
    background: url(/de/img/more_arrow_x.gif) no-repeat 0px 2px;        /**img pth more_arrow_ytong.gif*/
    color: #000099;
    /*text-decoration: none;*/
}

div.pressFilterDivider
{
    background: url(/de/img/trennlinie_content.gif) repeat-x; 
    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
{
    background: url(/de/img/trennlinie_content.gif) repeat-x left bottom;
    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
{
   /*font-size: 10px;*/
   /*padding-top: 2px;*/
}
div.pressImages
{
    background: url(/de/img/trennlinie_content.gif) repeat-x left top;
    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
{
    background: url(/de/img/trennlinie_content.gif) repeat-x left top;       
    line-height: 10px;
}
div.pressDownloadsBelow
{
    background: url(/de/img/trennlinie_content.gif) repeat-x left top;    
    clear: both;
    line-height: 20px;
}
 


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

div.pageNav { clear:both; display:block; padding-top:15px; }
span.pagination.pagePrev { padding-left:13px; background:url('/de/img/prev_next.gif') no-repeat left 4px; }
span.pagination.pageNext { padding-right:10px; background:url('/de/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; }/****************************************************************
Templates:
-Forms
-Image with Text
-OneColumnImages
-Downloads
-Contakt Form
-FAQ_Entry
-References
-RegionManager
****************************************************************/

/**************************** FORMS ****************************/
form
{
    display: block;
    margin: 0px;
    padding: 0px;
}
input.arrow
{
    background: url(/de/img/arrow_search.jpg);
    border: none;
    height: 26px;
    width: 20px;
}
#searchBox
{
    padding-top: 4px;
    position: absolute;
    right: 40px;
    z-index: 1;
}
.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: #000099;
}
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: #000099;
}
.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 0px 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: px 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;
}

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


/************************************************************************
        CSS fuer Template "FAQ_Entry" 
************************************************************************/
.ui-accordion h2 {
    padding-right: 50px;
    cursor: pointer;
    background-image: none;
    background-image: url(/de/img/aufklapp_rauf.jpg);
    background-position: 98% 20%;
    border-bottom: 1px dotted black;
    font-size: 14px !important;
}
 
.ui-accordion .entry {
    margin-bottom: 15px;
}
h2.ui-state-active{
    background-image: url(/de/img/aufklapp_runter.jpg);
    background-position: 98% 20%;
    border-bottom: none;
}
h2:focus{
    outline: none !important; 
}

a:focus{
    outline: none !important; 
}


/************************************************************************
        CSS fuer Template "References" 
************************************************************************/
#refCont
{

}

#refImgCont
{
    float: left;
    width: 170px;
    margin: 0px 16px 0px 0px;
}
#refTxtCont
{
    float: right;
    width: 356px;
}

/*******References_Entry***********/
#refImgEntry
{
    margin: 0px 0px 16px 0px;
}
.refImgCont
{
    margin-bottom: 10px;
}
 

/************************************************************************
        CSS fuer Region Manager Search 
************************************************************************/
#regionManagerSearch a {
    background: url(/de/img/more_arrow_transparent.gif) no-repeat scroll 0 1px transparent;
    padding-left: 13px;
}
.regionManagerSearchOutput {
    margin-top: 30px;
    margin-bottom: 15px;
}
.regionManagerSearchOutput table, .regionManagerSearchOutput div {
    margin-top: 15px;
}
.regionManagerSearchOutput table td {
    padding-right: 15px;
    padding-bottom: 3px;
}
.regionManagerSearchOutput span {    
    margin-bottom:5px; 
    display:block; 
    font-weight: bold;
}
.regionManagerSearchErrorMessage {
    margin-top: 25px;
}

/** Snippet **/
.regionManagerSearch {
    margin: 15px;
}

.regionManagerSearch a {
    background: url(/de/img/more_arrow_transparent.gif) no-repeat scroll 0 1px transparent;
    padding-left: 13px;
}/*******************************************************************
CSS fuer Template Tablesorter
*******************************************************************/
.rightBorder
{
    border-right: 1px solid #CCC;
}
.centerBorder
{
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
.leftBorder
{
    border-bottom: 1px solid #AAA;
    border-left: 1px solid #CCC;
}
.noBorder
{
    border-style: none;
}
table.tablesorter th a
{
    color: <%=linkColor%>
 <!/IoRangePreExecute> !important;
}
table.tablesorter
{
    background-color: #CDCDCD;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th
{
    background-color: #EEEEEE;
    border-bottom: 1px solid #AAA;
    color: #666666;
    height: 20px;
    padding: 5px 0px 5px 0px;
}
table.tablesorter thead tr .header
{
    border-bottom: 1px solid #AAA;
}
table.tablesorter thead tr .blackFont
{
    color: #000000;
    cursor: pointer;
}
table.tablesorter tbody td
{
    background-color: #FFFFFF;
    border-top: 1px solid #e5e5e5;
    color: #666666;
    padding: 10px;
    vertical-align: center;
}
table.tablesorter em
{
    font-style: normal;
    margin: 0px 10px 0px 10px;
}
th.headerSortUp
{
    padding-left: 0 !important;
    position: relative;
}
th.headerSortUp em
{
    color: #000099;
}
th.headerSortUp span
{
    background-image: url(/de/img/xellaTablesortUpV2.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    position: absolute;
    top: 18px;
    width: 100%;
}
th.headerSortDown
{
    padding-left: 0 !important;
    position: relative;
}
th.headerSortDown em
{
    color: #000099;
}
th.headerSortDown span
{
    background-image: url(/de/img/xellaTablesortDownV2.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    position: absolute;
    top: 25px;
    width: 100%;
}
.thContainer
{
    padding-bottom: 6px;
    position: relative;
}
table.tablesorter
{
    border-bottom: 1px solid #e5e5e5;
    border-top: 10px solid #EEE;
}/***************************** 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(/de/img/fancybox.png) 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('blank.gif');
    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('/de/img/xella_pfeil_links_gross.png');
}
#fancybox-right-ico
{
    background-image: url('/de/img/xella_pfeil_rechts_gross.png');
}
#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-image: url(/de/img/bild_vergroessern_eck.gif);
    background-position: bottom right;
    bottom: 10px;
    right: 0px;
    height: 18px;
    width: 18px;
    position: absolute;
    display: block;
    cursor: pointer;
}

.fancyGlassReferences{
    background-image: url(/de/img/bild_vergroessern_eck.gif);
    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-image: url(/de/img/sc_arrow.gif);
    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;
}@charset "utf-8";
/* CSS Document */
.sContent {
    position:relative;
}
.sBox {
    padding-left:110px;
    padding-top:110px;
}

.sNewsEntry { 
    padding-top:6px;
    border-bottom-style:dotted;
    border-bottom-color:#999999;
    border-bottom-width:1px; 
}
.sNewsEntry .sDate {
    font-family:Tahoma, Verdana;
    font-size:11px;
    color:#666666;
    padding-bottom:3px;
}
.sNewsEntry .sTitel {
    font-family:Tahoma, Verdana;
    font-size:13px;
    font-weight:bold;
    color:#000000;
    padding-bottom:6px;
    position:relative;
}
.sNewsEntry .sTitel a {
    text-decoration:none;
    color:#000000;
}
.sNewsEntry .sTitel a:hover {
    text-decoration:none;
    color:#000099; 
}

.sTooltip {
    display:none;
    background:url(/de/img/tooltip_news.gif); 
    height:140px; 
    width:200px;
    left:360px;
    top:230px;
    position:absolute;
    overflow:visible;
    z-index:999;
}
.sTooltip .sNewsPic {
    padding-top:15px;
    padding-left:19px;
    width:170px;
    height:110px;
    background-image:url(/de/img/loader.gif);
    background-repeat:no-repeat;
    background-position:95px 65px;
}
#image {
    display:none;
}
.quicknavigation {
    width: 457px;
    /*height: 300px;*/
    float:right;
    padding-right:100px;
}
.mapcontainer {
    width: 457px;
    height: 230px;
    background-image:url(/de/img/weltkarte_vollton.gif);
    background-repeat:no-repeat;
    cursor: pointer;
}

.grayWorldmap {
    background:url(/de/img/weltkarte_hintergrund.gif) top left no-repeat !important;
}

.quicklist {
    margin-top:15px;
}

#quicklistlabel {
    font-family:Tahoma, Verdana;
    font-size:13px;
    font-weight:bold;
    color:#000000;
    padding-right:20px;
    padding-left:10px;
}
#quickdropdown {
    font-family:Tahoma, Verdana;
    font-size:13px;
    color:#666666;
    width:220px;
}
.linkscontainer {
    padding-left:110px;
    padding-top:60px;
}
.linkscontainer .link {
    float:left;
    padding-right:10px;
}
.quicknavigation_europe {
    display:none;
    width: 457px;
    height: 280px;
    float:right;
    padding-right:100px;
    background-image:url(/de/img/vertical_seperator.gif);
    background-repeat:no-repeat;
    background-position:180px 0px;
    position: relative;
}
.materials {
    display:none;
    /*float:right;*/
    left:220px;
    margin-top:0;
    padding-top:o;
    width:330px;
    height:270px;
    position:absolute;
}
.logopic {
    height:62px;
    width:52px;
    float:left;
}
.logotext {
    font-size:13px;
    color:#000;
    height:52px;
    width:100px;
    margin-left:62px;
}
.countrylist {
    width:155px;
    height:280px;
    position:absolute;
}
.country {
    font-family:Tahoma, Verdana;
    font-size:13px;
    color:#999;
    padding:3px;
    width:2px;
}
.country a {
    font-family:Tahoma, Verdana;
    font-size:13px;
    color:#999;
    text-decoration:none;
}
.country a:hover {
    font-family:Tahoma, Verdana;
    font-size:13px;
    font-weight:bold;
    color:#000099;
    text-decoration: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;
    background: url(/de/img/scrollbar.png) repeat-y scroll 0px 0px transparent;
    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;
    background: url(/de/img/arrow_up.gif) repeat-x;
}
a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 16px;
    background: url(/de/img/arrow_down.gif) repeat-x;
}@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;right: 80px}
    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;}
}