/* CSS Document */
/* ###################################################### */
/* ############## general html structur ################# */
/* ###################################################### */
html, body, div, p, td, a, input, textarea, select {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    color:#231f33; /* Base Textcolor */
}
html, body {
    margin:0;
    padding:0;/*overflow:auto;*/
    height: 100%;
    min-height: 100%;
}
html {
    overflow:-moz-scrollbars-vertical;
    min-width:960px;
    font-size: 101%;                                     /* Font-Size regulator - needed for X-Browser optimized font-size */
    background-color:#f8f9fa;                            /* Base Background-Color - Shows up as lon as Background-Image is not loaded */
    background-image:url(../images/page_bg_standard.png);/* Base Background-Image */
    background-position:top;
    background-repeat:repeat-x;
}
body {
    font-size:0.75em;                               /* Base Font-Size on page > equal to 12px */
    margin:0;
    padding:0;
}
/* FORM */
form {
    margin:0;
    padding:0;
}
textarea {
    width:418px;
    height:85px;
}
input {
    border:1px solid #fbf8f1;
    padding: 3px 2px;
    color: #494364;
    background-color:#fbf8f1;
}
.button {
    border:0px;
    background-color:#613d29;
    margin-right:10px;
    color:white;
}
.button:hover {
    background-color:#c2763f;
    color:white;
}
/* LINKS */
a                   {text-decoration:none; font-weight:bold;  }
a:link, a:visited   {color:#5f1058;         }
a:hover, a.active   {color:#c04036;         }
#content a:link, #content a:visited   {color:#801257;text-decoration:none;  }
#content a:hover,#content a.active   {color:#801257;text-decoration:underline;  }
a.arrow-evensmaller {
    font-weight:bold;
    background-image:url(../images/arrow-evensmaller.png);
    background-position:left 0.4em;
    background-repeat:no-repeat;
    padding-left:10px;
    margin-left:3px;
}
#headertext a.arrow-evensmaller                      {font-weight:normal;}
a:link.arrow-evensmaller,a:visited.arrow-evensmaller {color:#b73b3b;}
a:hover.arrow-evensmaller                            {color:#b73b3b; text-decoration:underline;}
a:link .imglink_wrapper .redcorner, a:visited .imglink_wrapper .redcorner   {    background-image: url(../images/corner.png);    }
a:hover .imglink_wrapper .redcorner                                         {    background-image: url(../images/corner-brown.png);}
#Menu_Wrapper a:link .imglink_wrapper .redcorner,#Menu_Wrapper a:visited .imglink_wrapper .redcorner {background-image: none;}
#Menu_Wrapper a:hover .imglink_wrapper .redcorner {background-image: none;}
#productnavi a { text-transform:uppercase;}
/* HEADLINES */
h1 {
    margin:0.3em 0 0.7em 0;
    font-size: 3.0em;
    line-height:0.9em;
    text-transform:uppercase;
    color:#494364;
    font-weight:bold;
}
h1.witsubT {
    margin:0.3em 0 0 0;
    line-height:0.9em;
}
h1.witsubT a{
    color:#494364!important;
    text-decoration:none!important;
    cursor:text!important;
}
h2 {
    margin-top:0.1em;
    margin-bottom:1.5em;
    color:#494364;
    font-weight:normal;
    font-size:2.0em;
}
#arclist h2 { margin-bottom:0.5em;}
#faststart h2,#teasernews h2 {
    text-transform:uppercase;
    font-size:1.67em;
    font-weight:bold;
    margin-bottom:0.5em;
    margin-top:0.2em;
}
h3,h4,h5,h6 {
    margin-top:0.5em;
    color:#85809c;
    font-size:1.2em;
    margin-bottom:0.2em;
    font-weight:bold;
}
#news-wrap h3 {font-size:1.4em;}
#news-wrap h3.newshead a:link, #news-wrap h3.newshead a:visited {color:#494364;}
#news-wrap h3.newshead a:hover                                  {color:#5f1058;}

#arclist h3.archead{
    font-size:1.0em;   
    margin-bottom:0.5em; 
    line-height:1.6em;
}
.shortnews h3 {font-weight:bold;margin-bottom:0.65em;margin-left:18px;}
/* PARAGRAPHEN */
/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */
#Main_Wrapper {
    width:100%;
    margin: 0 auto -12em auto; /* the bottom margin is the negative value of the footer's height */
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
.pos { width:960px; margin:0 auto;}
#Content_Wrapper {
    position:relative;
    left:50%;
    margin-left:-550px;
    width:1100px;
    background-image: url(../images/contentwrapper_bg.png);
    background-repeat:repeat-x;
}
#ConWrap_bg {
    background-image:url(../images/content_bg.png);
    background-position:bottom;
    background-repeat:no-repeat;
}
.topleft { width:246px;margin-left:0;}
.conleft {width:216px;padding-top:90px;}
#news .conleft {text-align:right;padding-top:0;}
.topright { width:680px;}
.conright { width:500px;}
#Menu_Wrapper {
    width:100%;
    background-image:url(../images/mainmenu_wrapper_bg.png);
    background-color:#9da4bd;
    background-repeat:repeat-x;
    height:5.7em;
    margin-bottom:0;
}
#Menu_Wrapper .pos{ position:relative; z-index:2;}
#Menu_Wrapper .menudarker{
    width:100%;
    height:100%;
    background-image:url(../images/mainmanu_bg_darker.png);
    background-position:top center;
    background-repeat:no-repeat;
}
#SubMenu_Wrapper {
    width:100%;
    background-color:#dfe5eb;
    background-repeat:repeat-x;
    text-align:right;
    font-size:0.75em;
    height:2em;
}
#ProductPresentation_Wrapper {
    background-image:url(../images/product_presentation_bg.png);
    background-repeat:no-repeat;
    background-position:top;
    width:100%;
    height:440px;
}
#Header_Wrapper {
    background-repeat:no-repeat;
    background-position:top;
    width:100%;
    height:274px;
}
#Footer_Wrapper {
    width:100%;
} 
#Footer_Push, #Footer_Wrapper{
    height: 12em; /* #push must be the same height as #footer */
}
#FastJump_Wrapper {
    width:100%;
    height:12.3em;
}
#MetaMenu_Wrapper {
    width:100%;
    background-image: url(../images/footer_wrapper_bg.png);
    background-repeat:repeat-x;
    background-color:#9192ad;
    height: 1.5em;
}
#MetaMenu_Wrapper .pos {font-size:0.75em;color:white;}
#MetaMenu_Wrapper a:link,#MetaMenu_Wrapper a:visited {color:white;  } /* LINKCONFIG */
#MetaMenu_Wrapper a:hover,#MetaMenu_Wrapper a.active {color:#454545;} /* LINKCONFIG */
/* ###################################################### */
/* ####################### STRUCTURE #################### */
/* ###################################################### */
/* MAINMENU ***********************************************/
#mainnavigation{padding-top:15px;}
#mainnavigation li {float:left; margin-right:0.0em;}
#mainnavigation li a{margin-bottom:1.0em;margin-right:0.0em;}
#mainnavigation ul {position:absolute;}
#mainnavigation li li {margin-bottom:0;line-height:2.5em;display:block;clear:left;}
#mainnavigation li li a{margin-bottom:0;display:block;text-indent:0px;padding:0.5em 0 0.5em 1em; line-height:1em;}
.wrapTop  {display:block;}
.wrapButton {display:block;}
.roundcorner {margin-right:20px;}
.roundcorner_noarrow {margin-right:10px;}
/* LINKCONFIG */
a .wrapTop .rpart,a .wrapButton .rpart { background-position:right top;background-repeat:no-repeat; padding:7px 0px 0px 0px;}
a .wrapTop .lpart, a .wrapButton .lpart{ background-position:left top; background-repeat:no-repeat; padding: 0 0 0 10px;    }
a .wrapButton .rpart { height:7px; padding:0;   }
a .wrapButton .lpart { padding: 0 0 0 12px;     }
a .wrapTop .rpart, a .wrapTop .lpart, a .wrapButton .rpart, a .wrapButton .lpart { font-weight:bold;}
a:link .wrapTop .rpart, a:visited .wrapTop .rpart      { color:white;}
a:link .wrapTop .lpart, a:visited .wrapTop .lpart      { color:white;}
a:link .wrapButton .rpart, a:visited .wrapButton .rpart{ color:white;}
a:link .wrapButton .lpart, a:visited .wrapButton .lpart{ color:white;}
li:hover .wrapTop .rpart, a.active .wrapTop .rpart      { background-image:url(../images/mainmanu_bg_rt.png);color:#494364;}
li:hover .wrapTop .lpart, a.active .wrapTop .lpart      { background-image:url(../images/mainmanu_bg_lt.png);color:#494364;}
li:hover .wrapButton .rpart, a.active .wrapButton .rpart{ background-image:url(../images/mainmanu_bg_rb.png);color:#494364;}
li:hover .wrapButton .lpart, a.active .wrapButton .lpart{ background-image:url(../images/mainmanu_bg_lb.png);color:#494364;}
#mainmenu li a { 
    text-transform:uppercase;
    font-weight:bold;
    line-height:0.8em;
}
/* SUBNAVIGATION ***********************************************/
#subNavigation {margin-bottom:0;}
#subNavigation li { margin-right:4em;line-height:1.8em;height:0;display:inline;}
/* LINKCONFIG */
#subNavigation a                                {font-weight:bold;  }
#subNavigation a:link, #subNavigation a:visited {color:#494364;     }
#subNavigation a:hover, #subNavigation a.active {color:black;       }
/* METANAVIGATION ***********************************************/
#metaNavigation li { float:left; margin-right:1em;height:0.5em;padding-top:4px;}
/* LINKCONFIG */
#metaNavigation a:link, #metaNavigation a:visited {color:white;     }
#metaNavigation a:hover, #metaNavigation a.active {color:#494364;   }
/* FASTJUMP NAVIGATION ***********************************************/
#FastJump_Wrapper .pos  { border-top:1px solid #cad4de;}
#FastJump_Wrapper       { text-align:right; font-size:0.85em; text-transform:lowercase;}
#FastJump_Wrapper ul    { display:block;text-align:left;margin-left:1%;padding-top:1em;}
#FastJump_Wrapper li    { float:left; color:#a6acb5;font-weight: bold;margin-right:5.5em;}
#FastJump_Wrapper li.overview { text-transform:uppercase;font-size:1.1em}
#FastJump_Wrapper ul ul { margin-left:0;margin-top:0.3em;border-top-width:0px;padding-top:0;}
#FastJump_Wrapper li li { clear: both; display:block; text-align:left;margin-right:0;}
/* LINKCONFIG */
#FastJump_Wrapper li a:link, #FastJump_Wrapper li a:visited         { color: #a6acb5;}
#FastJump_Wrapper li a:hover, #FastJump_Wrapper li a.active         { color: #801257;}
#FastJump_Wrapper li li a                                           { font-weight: normal;}
#FastJump_Wrapper li li a:link, #FastJump_Wrapper li li a:visited   { color: #b8bec6;}
#FastJump_Wrapper li li a:hover, #FastJump_Wrapper li li a.active   { color: #801257;}
/* ###################################################### */
/* ####################### CONTENT ###################### */
/* ###################################################### */
/* GRUNDAUFBAU */
#Content_Wrapper .pos {   /* definiert dass auf allen Seiten (ausgenommen der Startseite) der Content nach oben eingerückt ist */
    margin-top:-50px;
    margin-bottom:6em;
    position:relative; z-index:1;
}
#Content_Wrapper #posCont {
    width: 760px;
    padding-bottom:4em;
    margin:0 0 0 60px;
    color:#231f33!important;
    min-height:300px;
    
}
#Content_Wrapper #productsCont {
    width: 800px;
    padding-bottom:0em;
    margin:0 0 0 20px;
    color:#231f33!important;
    min-height:300px;
}
#Content_Wrapper #productsCont .conleft {width:270px;margin-top:40px;}
#Content_Wrapper #StartCont  {  width: 940px;    margin:0 0 0 10px;}
/* Startseite 3er-Teilung */
/* ################### Faststart ######################## */
#faststart {width:100%; margin:3em 0 3em 0;}
.faststart_left {width:328px;float:left;margin-right:10px;}
.faststart_middle{width:328px;float:left;margin-right:0;}
.faststart_right { width:250px;float:right;}
#faststart h3{ padding-top:3.5em;font-size:1em;}
#teasernews h3 {font-size:1em;}
#faststart p, #teasernews p {  color:#85809c;margin-bottom:1em!important;}
/* Newsroom */
#news .news_date { 
    color:#85809c;
    font-size:1.5em;
    font-weight:bold;
    display:block;
    margin-top:0.5em;
}
#news .artikle_top a{
    margin-top:1em;
    font-weight:normal;
    display:block;
    color;#494364;
}
#teasernews {
    width:235px;
    margin:0;
    padding:0;
}
/* ################### Sprachwechsel ######################## */
dl#langswitch {padding-top:3px;position:relative;z-index:999;width:130px;float:right;}
#langswitch dd, #langswitch dt, #langswitch ul { margin:0px; padding:0px;text-align:left; }
#langswitch dd { position:relative;z-index:999; }
#langswitch a, #langswitch a:visited {
    color:#231f33;
    text-decoration:none;
    outline:none;
}
#langswitch a:hover { color:#231f33;}
#langswitch dt { background-color:#eaeef2;}
#langswitch dt:hover, #langswitch dt:focus { 
    color:#231f33;
    background-image:url(../images/arrow_on.png);
    background-repeat:no-repeat;
    background-position:right center;
    background-color:#b9bdcd;
    background-attachment:scroll;           
}
#langswitch dt {
    background-image:url(../images/arrow.png);
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:right center;
    display:block;
    border:0px; width:100%;
}
#langswitch dt span {cursor:pointer; display:block; padding:1px 3px;}
#langswitch dd ul {
    background-image:none;
    background-position:0 0;
    color:#231f33;
    display:none;
    left:0px;
    padding:0;
    position:absolute;
    z-index:999;
    top:2px;
    width:auto;
    min-width:100%;
    list-style:none;
}
#langswitch dd ul li{
    position:relative;
    z-index:999;}
#langswitch span.value {display:none;}
#langswitch dd ul li a {padding:2px 3px; display:block;}
#langswitch dd ul li a:link, #langswitch dd ul li a:visited {background-image:url(../images/lang_bg_off.png);}
#langswitch dd ul li a:hover {background-image:url(../images/lang_bg_on.png);}
#langswitch img.flag {border:none; vertical-align:middle; margin-left:10px; }
#langswitch .flagvisibility {display:none;}

/* ################### Sozial Media ######################## */

/*========================================*/
/*========COMMON STYLING==================*/
/*========================================*/
#FastJump_Wrapper .social ul, #FastJump_Wrapper .social_small ul {/*list-style:none;margin:0 auto;padding:0;*/ width:75px;}
#FastJump_Wrapper .social ul.inlined , #FastJump_Wrapper .social_small ul.inlined {float:left;}
#FastJump_Wrapper .social ul li{width:32px;height:32px;margin: 5px; text-indent:-9999px;}
#FastJump_Wrapper .social ul li a, #FastJump_Wrapper .social_small ul li a{display:block;width:100%;height:100%;opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);}
#FastJump_Wrapper .social ul li a:hover, #FastJump_Wrapper .social_small ul li a:hover{opacity: 1;-moz-opacity: 1;filter:alpha(opacity=1);}
#FastJump_Wrapper .social_small ul li{width:16px;height:16px;margin: 5px; text-indent:-9999px;}

/*========================================*/
/*========SOCIAL LARGE SIZE===============*/
/*========================================*/
#FastJump_Wrapper .social ul a.twitter, #FastJump_Wrapper a.facebook, #FastJump_Wrapper a.flickr, #FastJump_Wrapper a.friendfeed, #FastJump_Wrapper a.delicious, #FastJump_Wrapper a.digg, #FastJump_Wrapper a.lastfm, #FastJump_Wrapper a.youtube, #FastJump_Wrapper a.feed, #FastJump_Wrapper a.linked-in{background:url(../upload/social-bookmarks/social_icons.png);}

#FastJump_Wrapper .social ul a.twitter{background-position: 0px 0px;}
#FastJump_Wrapper .social ul a.facebook{background-position: 0px -42px;}
#FastJump_Wrapper .social ul a.flickr{background-position: 0px -84px;}
#FastJump_Wrapper .social ul a.friendfeed{background-position: 0px -126px;}
#FastJump_Wrapper .social ul a.delicious{background-position: 0px -168px;}
#FastJump_Wrapper .social ul a.digg{background-position: 0px -210px;}
#FastJump_Wrapper .social ul a.lastfm{background-position: 0px -252px;}
#FastJump_Wrapper .social ul a.linked-in{background-position: 0px -294px;}
#FastJump_Wrapper .social ul a.youtube{background-position: 0px -336px;}
#FastJump_Wrapper .social ul a.feed{background-position: 0px -378px;}

/*========================================*/
/*========SOCIAL SMALL SIZE===============*/
/*========================================*/
#FastJump_Wrapper .social_small ul a.twitter, #FastJump_Wrapper .social_small ul a.facebook, #FastJump_Wrapper .social_small ul a.flickr, #FastJump_Wrapper .social_small ul a.friendfeed, #FastJump_Wrapper .social_small ul a.delicious, #FastJump_Wrapper .social_small ul a.digg, #FastJump_Wrapper .social_small ul a.lastfm, #FastJump_Wrapper .social_small ul a.youtube, #FastJump_Wrapper .social_small ul a.feed, #FastJump_Wrapper .social_small ul a.linked-in{background:url(../upload/social-bookmarks/social_icons_small.png);}
#FastJump_Wrapper .social_small ul a.twitter{background-position: 0px 0px;}
#FastJump_Wrapper .social_small ul a.facebook{background-position: 0px -26px;}
#FastJump_Wrapper .social_small ul a.flickr{background-position: 0px -52px;}
#FastJump_Wrapper .social_small ul a.friendfeed{background-position: 0px -78px;}
#FastJump_Wrapper .social_small ul a.delicious{background-position: 0px -104px;}
#FastJump_Wrapper .social_small ul a.digg{background-position: 0px -130px;}
#FastJump_Wrapper .social_small ul a.lastfm{background-position: 0px -156px;}
#FastJump_Wrapper .social_small ul a.linked-in{background-position: 0px -182px;}
#FastJump_Wrapper .social_small ul a.youtube{background-position: 0px -208px;}
#FastJump_Wrapper .social_small ul a.feed{background-position: 0px -234px;}
/* ###################################################### */
/* ################### UNTERSCHIEDLICH ################## */
/* ###################################################### */
.curser-nolink {cursor: text; }
#modHeaderImgEdit {position:absolute;}
sup * { font-size: 60%;}
.left { float:left;}
.right{ float:right;}