/******** MAIN.CSS ********/
html * {margin:0; padding:0;}
html, body {margin:0px 0px 1px 0px;padding:0;height:100%;}
body {line-height:125%;font-size:85%; color:#a4a6a7;font-family:Arial;}

/****** GENERAL ******/
h1 {font-size:21px; line-height:26px; margin:0px 0px 10px 0px; font-weight:bold; color:#fcc427;}
h2 {font-size:18px; line-height:23px; margin:0px 0px 10px 0px; font-weight:bold; color:#fcc427;}
h3 {font-size:14px; line-height:20px; margin:4px 0px; font-weight:bold; color:#5e5e5e;}
h4 {font-size:14px; line-height:18px; margin:10px 0px;}
h5 {font-size:12px; line-height:16px; margin:4px 0px;}

p, li, span {font-size:12px;}
p, ul, span {
  margin-bottom:10px;
  display:table;
  color:inherit;
}
/*#teaserArea p {margin-bottom:10px;}*/

a {text-decoration:none; color:#a4a6a7;}
a:hover {text-decoration:underline;}
a.lightbox, a.lightbox img {margin-bottom:0px;}


img {border:none;display:block;}
iframe {overflow:hidden;}
/*b, strong {color:#58585a;}*/

.gelb {color:#fcc427;}
.grey, .grey a {color:#5e5e5e;}
.pdf {background:url("../img/pdf.gif") no-repeat; padding-top:3px; padding-left:35px;display:block;min-height:42px;}
.weisserHintergrund {background:#fff; display:table;}
.layout-1 {background:#fff;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left;}
.floatRight {float:right;}

#page {width:1000px; margin:10px auto 10px auto; display:block; position:relative; background:url("../img/content_shadow_middle.jpg") repeat-y;}
#header, #headerArea, #content, #footer {width:960px;padding:0px 20px;}

/****** HEADER ******/
#header {padding-top:17px;max-height:200px;overflow:hidden;background:url("../img/page_shadow_top.jpg") no-repeat transparent;}
#header a {text-decoration:none;}
#header > div {float:left;display:table;}
#header .left {width:375px;height:200px;}
#header .right {width:585px;}

#header .left a {padding:23px 179px 27px 45px;margin:0px;display:block;}


/****************************************** UTILS ******************************************************/
#utils {height:23px; width:565px; margin:10px; float:right; text-align: right;}

/*** TOPMENU ***/
#utils #searchBox{float: left; margin-left: 290px;}
#utils #topMenu {float:left; line-height:23px;}
#utils #topMenu ul {list-style-type:none;}
#utils #topMenu ul li {float:left; margin-left:10px;}
#utils #topMenu ul li a {
  font-size:11px;
  background:#abab9b;
  color:#fff;
  padding:4px 12px;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;  
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  
}
#utils #topMenu ul li.act a,
#utils #topMenu ul li a:hover {background:#70706b; color:#fff; text-decoration:none;}

#utils #languageSwitch{float:right}
#utils #languageSwitch a:hover{color: #fcc427;}
#utils #languageSwitch .act{color: #fcc427;}


/****************************************** MENU ******************************************************/
#menu {height:46px;margin:154px 10px 0px 0px;width:620px;display:block;position:absolute; right:10px; z-index:5;}
html[lang="en"] #menu { width: 659px; }
#menu ul {display:none;margin-bottom:0px; list-style-type:none;}
#menu > ul {position:relative; display:block; height:46px; margin:0px; float:right;}
#menu a:hover {text-decoration:none;}
#menu ul li {float:left; margin:0px; border-left:1px solid #fff; border-right:1px solid #acacab; border-bottom:1px solid #acacab;}
#menu ul li ul {position:absolute; top:45px; min-width:213px; border-bottom:1px solid #fff;}
#menu ul li ul li {clear:both; width:100%; background-color:#abab9b; border:1px solid #fff; border-bottom:1px solid #acacab; margin-left:-1px;}
#menu ul li ul li ul {display:none; left:100%; top:0px; border:none; border-bottom:1px solid #fff;}
#menu ul li a {color:#fff; font-weight:bold; margin-bottom:0px; padding:14px 38px 13px 25px; font-size:14px; display:block;}
#menu ul li > ul li a {font-size:12px; padding-right:0;}
#menu li:hover > ul {display:block;}
#menu ul li.grau {background:url("../img/pfeil_icon.gif") no-repeat 93% center #abab9b;}
#menu ul li.grau.act > a,
#menu ul li.hasSub:hover {background:url("../img/pfeil_icon.gif") no-repeat 93% center #70706b;}
#menu ul li.gelb {background:#fcc427; border-right:1px solid #e3b600; border-bottom:1px solid #e3b600;}
#menu ul li.gelb:hover,
#menu ul li.gelb.act {background:#E7BA00;}
#menu ul li.gelb a {padding-right:25px;}
#menu ul.second li.grau > a {background:url("../img/pfeil_icon_rechts.gif") no-repeat 96% center #abab9b;}
#menu ul.second li.grau.act > a {background:url("../img/pfeil_icon_rechts.gif") no-repeat 96% center #70706b;}
#menu ul.second li:hover {background-color:#70706b;}
#menu ul.second li.hasSub:hover {background:url("../img/pfeil_icon_rechts.gif") no-repeat 96% center #70706b;}
#menu ul.second li.act {background-color:#70706b;}
#menu ul.third {min-width:195px; width:195px; margin-left:1px;}
#menu ul.third li {background-color:#abab9b;}
#menu ul.third li a {padding:2px 7px;}
#menu ul.third li:hover {background-color:#70706b;}
#menu ul.third li.act {background-color:#70706b;}

/*** Positionierung ***/
#menu ul li.sec-2 ul.third {top:46px;}
#menu ul li.sec-3 ul.third {top:92px;}
#menu ul li.sec-4 ul.third {top:138px;}
#menu ul li.sec-5 ul.third {top:184px;}


/****** HEADERAREA ******/
#headerArea {height:auto; display:table;}
#headerArea #headerImage {height:245px;}
#headerArea #breadcrumbs {margin:20px 30px 5px 30px; font-size:11px;}
#headerArea #breadcrumbs #crumb1 {font-weight:bold;}


/**************************************************** CONTENT *********************************************************/
#content {width:910px;margin-top:10px; margin-bottom:20px; padding:0px 40px 30px 50px;display:table;background:url("../img/content_dot.jpg") repeat-y 659px 0px;}
#content a {text-decoration:underline;}
#content ul {padding-left:17px;}
#home #content {background:url("../img/content_dot.jpg") repeat-y 739px 0px;}
#content #contentArea {width:590px;padding-right:18px;float:left;}
#content #teaserArea {width:270px;margin-left:18px;float:left;}
#home #content #contentArea {width:670px;}
#home #content #teaserArea {width:190px;}


/****** FOOTER ******/
#footer {background:url("../img/page_shadow_bottom.jpg") no-repeat 0px bottom transparent; margin-bottom:0px; padding:0px 20px 40px 20px;display:table;}
#footer ul {display:block; margin:0px 0px 0px 30px;  list-style-type:none;}
#footer .listBlock {float:left;margin:0px 60px 0px 0px;}
#footer ul li a {font-size:11px;font-weight:bold;margin-bottom:5px;color:#58585a;}
#footer ul li ul {margin:0px;}
#footer ul li ul li {margin-bottom:0px;}
#footer ul li ul li a {font-weight:normal;}

/****** MISCELLANEOUS ******/
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both;  }
.clearfix { *zoom: 1; }
.float-left { float: left; }
.float-right { float: right; }
.todo { background: #f00; }