@charset "UTF-8";
/* CSS Document */

html, body { height:100%; margin:0; font:12px Trebuchet MS, Arial, sans-serif; color:#666666; }
html {overflow-y:scroll;}
body {background:url(../images/bg_main_top.jpg) top repeat-x;}
a, a:visited{color:#666666; text-decoration:none;}
a:hover{color:#000000; text-decoration:none;}

p,h1,h2,h4 { padding:0; margin:0; font-size:12px; font-weight:normal;}

#guiWrap1{width:920px; margin:0px auto; height:100%; background:url(../images/bg_main_content.jpg) top right no-repeat; }
#guiWrap2{float:left; width:880px; padding:0 20px 0 20px; background:url(../images/bg_main_content.jpg) top right no-repeat; }
#gui{float:left; width:880px; padding-bottom:30px; }


/* ************** Col Left ************** */
#guiColLeft{float:left; width:196px; }
#guiColMain{float:left; width:684px;}

#guiLogo{float:left; width:100%; height:70px; padding-top:13px;}
.LogoZusatz{float:right; color:#000000; font-size:17px; padding-right:60px;}
#guiQuickmenu{float:left; width:186px; height:20px; padding:30px 10px 0 0; text-align:right; font-size:11px; color:#999999; }
#guiSkills{float:left; width:186px; padding:60px 10px 0 0; text-align:right;}
#guiSkills h1{font-size:14px; text-transform:uppercase; line-height:17px; color:#333333; font-weight:bold; padding-bottom:10px;}
#guiSkills h2 {font-size:11px; line-height:16px;}

#guiNewsHeadline{float:left; width:186px; padding:74px 10px 4px 0; text-align:right;}
#guiNewsHeadline h1 {font-size:14px; text-transform:uppercase; line-height:17px; color:#333333; font-weight:bold; padding-bottom:10px;}

/* ******* Menu 2 und Menu 3 ******* */
#guiMenu2{float:left; width:196px; padding:30px 0 0 0;}
#guiMenu2 ul{list-style:none; text-indent:15px; font-size:14px; color:#333333; font-weight:bold; padding:0; margin:0; }
#guiMenu2 ul a{display:block; width:196px; background:url(../images/bg_menu2_off.gif) top left no-repeat; margin:4px 0 4px 0;}
#guiMenu2 ul a:hover{background:url(../images/bg_menu2_over.gif) top left no-repeat; cursor:pointer;}
#guiMenu2 ul .guiMenu2On, #guiMenu2 ul .guiMenu2On:hover, #guiMenu2 ul .guiMenu2On:visited {display:block; width:186px; background:url(../images/bg_menu2_on.gif) top left no-repeat; margin:4px 0 0 0; color:#000000; }
#guiMenu2 ul ul {list-style:none; text-indent:14px; font-size:11px; color:#333333; font-weight:normal; padding:1px 0 1px 0; margin:0 0 0 15px;}
#guiMenu2 ul ul a {display:block; width:170px; background:url(../images/spacer.gif) top left no-repeat; color:#666666; margin:2px 0 2px 0; line-height:16px;}
#guiMenu2 ul ul a:hover {background:url(../images/bg_menu3_over.gif) top left no-repeat; cursor:pointer;}
#guiMenu2 ul ul .guiMenu3On, #guiMenu2 ul ul .guiMenu3On:hover, #guiMenu2 ul ul .guiMenu3On:visited {display:block; width:170px; background:url(../images/bg_menu3_on.gif) top left no-repeat; color:#000000; margin:2px 0 2px 0; line-height:16px;}


/* ************** Col Main ************** */

/* ******* Menu 1 ******* */
#guiMenu1{float:left; width:100%; height:100px;}
.guiMenu1Item_off, .guiMenu1Item_off:visited{float:right; text-align:center; height:34px; padding:66px 16px 0 16px; border-left:1px solid #EAEAEA; font-size:14px; text-transform:uppercase; color:#333333; font-weight:bold; background:url(../images/bg_menu1_off.jpg) top right no-repeat;}
.guiMenu1Item_off:hover{background:url(../images/bg_menu1_over.jpg) top right no-repeat;}
.guiMenu1Item_off_right, .guiMenu1Item_off_right:visited{float:right; height:34px; padding:66px 17px 0 16px; border-left:1px solid #EAEAEA; font-size:14px; text-transform:uppercase; color:#333333; font-weight:bold; background:url(../images/bg_menu1_off_right.jpg) top right no-repeat;}
.guiMenu1Item_off_right:hover{background:url(../images/bg_menu1_over_right.jpg) top right no-repeat;}
.guiMenu1Item_on, .guiMenu1Item_on:hover, .guiMenu1Item_on:visited{float:right; text-align:center; height:34px; padding:66px 16px 0 16px; border-left:1px solid #EAEAEA; font-size:14px; text-transform:uppercase; color:#333333; font-weight:bold; background:url(../images/bg_menu1_on.jpg) top right repeat-x;}
.guiMenu1Item_on_right, .guiMenu1Item_on_right:hover, .guiMenu1Item_on_right:visited{float:right; height:34px; padding:66px 17px 0 16px; border-left:1px solid #EAEAEA; font-size:14px; text-transform:uppercase; color:#333333; font-weight:bold; background:url(../images/bg_menu1_on_right.jpg) top right no-repeat;}
.guiMenu1Left{float:right; width:86px; height:100px; background:url(../images/bg_menu1_off.jpg) top right no-repeat;}



/* ************** Content ************** */
#guiContentContainer{float:left; width:684px; margin-top:1px; background:url(../images/bg_contentBorder.gif) top left repeat-y; }
#guiContent{float:left; width:479px; padding:0 1px 0 0; }

#guiContentMainpic{float:left; width:479px; background:url(../images/bg_content_mainpic.jpg) bottom no-repeat; padding-bottom:1px;}
#guiContentBreadcrumb{float:left; width:430px; padding:10px 24px 0 25px; font-size:11px; color:#C4C4C4;}
#guiContentBreadcrumb a, #guiContentBreadcrumb a:visited {color:#C4C4C4; text-decoration:none;}
#guiContentBreadcrumb a:hover {color:#666666; text-decoration:none;}
#guiContent h1{float:left; width:430px; padding:20px 24px 20px 25px; font-size:18px; font-weight:bold;}
#guiContent h2 {float:left; width:430px; padding:0px 24px 12px 25px; font-size:14px; font-weight:bold;}
#guiContent h3 {font-size:12px; font-weight:bold; padding:0px; margin:0px;}
#guiContent .guiContentText {float:left; width:430px; padding:0 24px 0 25px; line-height:16px; }
#guiContent .guiContentText a, #guiContent .guiContentText a:hover, #guiContent .guiContentText a:visited {color:#000000;}
#guiContent .guiContentText a:hover {text-decoration:underline;}
#guiContent ul{list-style: url(../images/hyphen_list.gif) outside; margin:4px 0 4px 0; padding-left:12px;}
#guiContent ul li{line-height:16px; margin:0; padding:0;}
#guiContent ol{margin:4px 0 4px 0;padding-left:23px;}
#guiContent ol li{line-height: 16px;margin:0;padding:0;}


#guiContentRight{float:right; width:204px; font-size:11px; line-height:14px;}

/* ******* Imprint ******* */
#guiContentImprint{float:left; width:176px; margin-top:45px; background:url(../images/bg_colRightHR.gif) top no-repeat; color:#C4C4C4; padding:14px 14px 0 14px;}
#guiContentImprint p, #guiContentImprint p a, #guiContentImprint p a:visited{font-size:11px; color:#C4C4C4; padding-top:8px;}
#guiContentImprint p a:hover{color:#666666;}

#guiContentImprint, #guiContentImprint a, #guiContentImprint a:visited{font-size:11px; color:#C4C4C4; padding-top:8px;}
#guiContentImprint a:hover{color:#666666;}

/* ******* Contact Person ******* */
#guiContactPerson{float:left; width:100%; height:165px; padding-bottom:1px; background:url(../images/bg_contactPersonHR.gif) bottom no-repeat;}
#guiContactPersonName{float:left; width:100px; padding:26px 0 0 14px; font-weight:bold;}
#guiContactPersonPic{float:right; width:70px; height:80px; padding:0 14px 1px 0;}
#guiContactPersonInfo{float:left; width:100%; background:url(../images/bg_contactPersonHR.gif) bottom no-repeat;}
#guiContactPersonContact{float:left; width:176px; padding:14px; background:url(../images/bg_contactPerson.jpg) top left repeat-y;}

/* ******* Bonus Info ******* */
#guiBonusInfo{float:left; width:176px; padding:0 14px 0 14px;}
#guiBonusInfo ul {list-style: url(../images/hyphen_list.gif) outside; margin:4px 0 0 0; padding-left:12px;}
#guiBonusInfo ul li {line-height:14px; margin:0; padding:0;}

/* ******* Conversion Buttons ******* */
#guiContentRight .guiConversionButton { border-bottom: 1px solid #EAEAEA; float: left; padding: 7px 14px; width: 176px; background:url(../images/bg_conversion_buttons.jpg) left top no-repeat; curser:pointer; }

/* ******* Quickmenu ******* */
#guiContentQuickmenu{float:left; width:176px; height:20px; padding:14px 14px 4px 14px; color:#999999; }
#guiContentQuickmenuLeft {float:left; width:80px;}
#guiContentQuickmenuRight {float:left; width:96px;}

#drop_down_menu { float:left; list-style-type:none; position:relative; clear:both; margin:0px 4px 0 0; padding:0px; text-align:left; width:76px; left:0px; top:0px;}
#drop_down_menu li { float:left; font-size:11px; display:block; font-weight:normal; color:#666666; padding:0; margin:0 4px 0 0; cursor:pointer; width:135px; }
#drop_down_menu li ul { margin:5px 0 0 -10px; list-style-type:none; padding:2px 0 2px 10px; background-color:#ffffff; width:115px; border:1px solid #e9e9e9;}
#drop_down_menu li ul li { display:block; float:none; clear:both; margin:0; padding:2px 0 2px 0; width:100%;}
#drop_down_menu li ul li a { display:block; color:#666666; font-weight:normal; text-decoration:none; margin:0; padding:0; }
#drop_down_menu li ul li a:hover { text-decoration:none; color:#000000; }



/* ******* News Overview ******* */
#guiContent .guiNewsArticle{float:left; width:430px; margin-top:15px; background:url(../images/bg_newsArticle.gif) bottom right repeat-x; }
#guiContent .guiNewsArticle a, #guiContent .guiNewsArticle a:hover, #guiContent .guiNewsArticle a:visited {color:#666666; text-decoration:none;}
#guiContent .guiNewsArticle a:hover {color:#000000; text-decoration:none;}
#guiContent .guiNewsDate{float:left; height:20px; font-size:11px; background:url(../images/bg_newsDate.gif) bottom left no-repeat;}
#guiContent .guiNewsText{float:left; width:188px; padding:0 40px 15px 54px; }
#guiContent .guiNewsText h3{font-size:11px; font-weight:bold; padding-bottom:5px; line-height:14px;}
#guiContent .guiNewsText p{font-size:11px; line-height:14px;}
#guiContent .guiNewsPic{float:right; width:60px; height:60px; margin-bottom:15px; background:#FAFAFA;}
#newsArchiveNav {float:left; width:100%; padding-top:6px; text-align:right;}

/* ******* Events Overview ******* */
#guiContent .guiEvent{float:left; width:430px; margin-top:15px; background:url(../images/bg_newsArticle.gif) bottom right repeat-x; }
#guiContent .guiEvent a, #guiContent .guiEvent a:hover, #guiContent .guiEvent a:visited {color:#000000; text-decoration:none;}
#guiContent .guiEvent a:hover {color:#000000; text-decoration:underline;}
#guiContent .guiEventDate{float:left; height:20px; width:110px; font-size:11px; }
#guiContent .guiEventText{float:left; width:320px; padding:0 0 10px 0; }
#guiContent .guiEventText h3{font-size:11px; font-weight:bold; padding-bottom:5px; line-height:14px;}
#guiContent .guiEventText p{font-size:11px; line-height:14px;}

/* ******* Team Overview ******* */
#guiContent .guiTeamContainer{float:left; width:430px; margin-top:10px; background:url(../images/bg_newsArticle.gif) bottom right repeat-x; }
#guiContent .guiTeamContainer a, #guiContent .guiTeamContainer a:hover, #guiContent .guiTeamContainer a:visited {color:#666666; text-decoration:none;}
#guiContent .guiTeamContainer a:hover {color:#000000; text-decoration:none;}
#guiContent .guiTeamInfo{float:left; margin-top:12px; }
#guiContent .guiTeamName{padding:4px 0 4px 0; font-size:11px; background:url(../images/bg_newsDate.gif) bottom right repeat-x; font-weight:bold; }
#guiContent .guiTeamPosition{padding:4px 0 4px 0; font-size:11px; background:url(../images/bg_newsDate.gif) bottom right repeat-x; }
#guiContent .guiTeamEmail{padding:4px 0 0 0; font-size:11px; }
#guiContent .guiTeamPic{float:right; width:90px; height:110px; margin-bottom:10px; background:#FAFAFA;}
#guiContent .guiTeamSectionHeadline{float:left; width:100%; padding:20px 0 10px 0; font-size:14px; font-weight:bold; background:url(../images/bg_newsArticle.gif) bottom right repeat-x;}
#guiContent .guiTeamSection{float:left; width:100%; margin-bottom:20px;}

/* ******* Success Story Overview ******* */
#guiContent .guiSuccessStory{float:left; width:430px; margin-top:15px; background:url(../images/bg_newsArticle.gif) bottom right repeat-x;}
#guiContent .guiSuccessStory a, #guiContent .guiSuccessStory a:hover, #guiContent .guiSuccessStory a:visited {color:#666666; text-decoration:none;}
#guiContent .guiSuccessStory a:hover {color:#000000; text-decoration:none;}
#guiContent .guiSuccessText{float:left; margin:0 0 15px 0; width:240px; }
#guiContent .guiSuccessText h3{font-size:11px; font-weight:bold; line-height:14px;}
#guiContent .guiSuccessText p{font-size:11px; line-height:14px;}
#guiContent .guiSuccessPic{float:right; margin-bottom:15px; }

/* ******* References ******* */
#guiContent .guiReference{float:left; width:430px; margin-top:15px; background:url(../images/bg_newsArticle.gif) bottom right repeat-x;}
#guiContent .guiReferenceText{float:left; padding:0 0 15px 0; width:240px; }
#guiContent .guiReferenceText h3{font-size:11px; font-weight:bold; line-height:14px; padding-bottom:6px;}
#guiContent .guiReferenceText p{font-size:11px; line-height:14px;}
#guiContent .guiReferencePic{float:right; margin-bottom:15px; }
#guiContent .guiReferenceSectionHeadline{float:left; width:100%; padding:20px 0 10px 0; font-size:14px; font-weight:bold; color:#333333; background:url(../images/bg_newsArticle.gif) bottom right repeat-x;}
#guiContent .guiReferencesSection{float:left; width:100%; margin-bottom:20px;}



/* ************** Home Content ************** */
#guiHomeContent{float:left; width:100%;}


/* ******* Home Mainpic ******* */
#guiMainpic{float:left; width:684px; height:290px; padding-bottom:1px; margin-top:1px; margin-bottom:14px; background:url(../images/bg_mainpic.gif) bottom no-repeat;}

/* ******* News Preview ******* */
#guiNews{float:left; width:468px; padding-right:14px; }
#guiNews .guiNewsArticle{float:left; width:468px; margin-bottom:10px; background:url(../images/bg_newsArticle.gif) bottom right no-repeat; }
#guiNews .guiNewsDate{float:left; width:186px; height:20px; padding-right:10px; font-size:11px; text-align:right; background:url(../images/bg_newsDate.gif) bottom right no-repeat;}
#guiNews .guiNewsText{float:left; width:188px; padding:0 10px 10px 14px; }
#guiNews .guiNewsText h3{font-size:11px; font-weight:bold; padding-bottom:5px; line-height:14px;}
#guiNews .guiNewsText p{font-size:11px; line-height:14px;}
#guiNews .guiNewsPic{float:left; width:60px; height:60px; padding-bottom:10px; }


/* ******* Newsticker ******* */
.newsOverview {float:left; width:648px; height:auto; font-size:18px;}
.newsDatum {float:right; color:#999999; font-size:16px; width:150px; margin-bottom:10px;}
.newsHeadline{float:left; width:570px; font-size:26px; font-weight:bold; margin-left:55px; padding-bottom:15px; border-bottom:1px solid #EAEAEA;}
.newsMainPic {float:left; width:684px; height:290px; padding-bottom:1px; margin-top:1px; margin-bottom:10px; background:url(../images/bg_mainpic.gif) bottom no-repeat;}
.newsText {float:left; font-size:18px; width:570px; padding-top:15px; margin-left:55px;}
.newsPageCounter {float:left; font-size:18px; width:40px; padding-left: 600px;}

#guiNewstickerHeadline{float:right; width:186px; padding:170px 40px 4px 0; text-align:right;}
#guiNewstickerHeadline h1 {font-size:18px; text-transform:uppercase; line-height:17px; color:#333333; font-weight:bold; padding-bottom:10px;}

/* ******* Newsticker Intranet ******* */
.newsInternOverview {float:left; height:auto; font-size:18px;}
.newsInternDatum {float:right; color:#999999; font-size:11px; width:100px; margin-bottom:15px;}
.newsInternHeadline{float:left; width:430px; font-size:14px; font-weight:bold; margin-left:25px; padding-bottom:20px; border-bottom:1px solid #EAEAEA;}
.newsInternMainPic {float:left; width:479px; background:url(../images/bg_content_mainpic.jpg) bottom no-repeat; padding-bottom:1px; margin-bottom:15px;}
.newsInternText {float:left; font-size:12px; width:430px; margin-top:20px; margin-left:25px; padding-bottom:25px;}

/* ******* Success Stories ******* */
#guiSuccess{float:left; width:180px;}
#guiSuccessHead{float:left; width:170px; padding-left:10px;}
#guiSuccessHead h1 {float:left; font-size:14px; text-transform:uppercase; line-height:17px; color:#333333; font-weight:bold; padding-bottom:10px;}
.guiSuccessStoryPic{padding-bottom:8px; width:100%; text-align:center; background:url(../images/bg_newsArticle.gif) bottom right repeat-x; }
#maskDiv{border:1px solid #EAEAEA; position:relative; float:left; width:180px; overflow:hidden;}
#sliderContainer{float:left; width:158px; padding:8px 0 8px 0;}
#leftBtn{float:left; width:6px; margin:3px 0 0 26px; height:11px; background:url(../images/button_success_left_off.gif) top no-repeat; cursor:default;}
#rightBtn{float:left; margin:3px 0 0 6px; width:6px; height:11px; background:url(../images/button_success_right_on.gif) top no-repeat;}
#callBack, #slideToContainer{width: 300px; height: 25px; background: #fff; margin: 20px auto 0 auto; color: #333;}
#slideTo{width: 20px;}
.sliderElement {padding: 0 10px 0 10px; width:158px; float: left;}
.sliderElement .sliderHeadline {float:left; width:100%; font-size:11px; font-weight:bold; padding-top:8px;}
.sliderElement .sliderStory {float:left; width:100%; font-size:11px; line-height:14px;}


/* ******* Col Right ******* */
#guiColRight{float:right; width:176px; padding:150px 14px 0 14px; border-left:1px solid #EAEAEA; font-size:11px; line-height:14px; }
#guiColRight p, #guiColRight p a, #guiColRight p a:visited{font-size:11px; color:#CCCCCC; padding-top:8px;}
#guiColRight p a:hover{color:#666666;}

/* FORM */
.formCheckbox{border:0; margin:0; padding:0;}
.formInput, .formInputPLZ, .formInputArea{border:1px solid #707578; font:11px Verdana, Arial, Helvetica, sans-serif; color:#707578;}
.formInput{size:10;height:14px;}
.formInputPLZ{size:5;height:14px;}

#guiLogin {float:left; width:220px;}
.loginLine {float:left; width:100%; padding-bottom:3px;}
.formInput_login {float:right; border:1px solid #EBEBEB; width:140px; font-size:11px; height:13px; margin:0; padding:1px; color:#666666; }
.loginText {float:left; padding-top:3px;}
#loginError {float:left; width:100%; padding-bottom:10px; color:red;}
.loginButton {float:right; padding-top:3px;}

table.loginTable th {font:11px Trebuchet MS, Arial, sans-serif; color:#666666; font-weight:bold; background:#EAEAEA; text-align:left;}
table.loginTable td {font:11px Trebuchet MS, Arial, sans-serif; color:#666666; border-bottom:1px solid #EAEAEA;}
table.loginTable td a, table.loginTable td a:hover, table.loginTable td a:visited  {font:12px Trebuchet MS, Arial, sans-serif; color:#666666; text-decoration:none; color:#000000 }
table.loginTable td a:hover {text-decoration:underline;}


/* WEBEDITION */
div#weMenuInputContainer{position:absolute; top:0; left:0; background:#C4C4C4; width:230px; -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; }
div#weMenuInput{float:left; width:190px; padding:20px;}
.weHeadline {color:red; font-size:11px; font-weight:normal;}
.weInput {height:25px;}

/* IE Bugs */
.IEBugDiv {float:left; width:100%;}