/**
 * Last Modified: 2012.02.28
 */

/**
 * Layout definition 
 *
 * @version         0.1
 * @lastmodified    $Date: 2011-01-17 21:19:30 +0100 $
 */

.clearfix {
    clear:both;
    line-height:0;
    font-size:0;
}

/********************************************************************************************* Top liner */
#topliner {
    color: #ffffff;
    padding: 3px 0 6px 0;
    font-size:0.846em;
    background:url(../img/bg_sprite_topbottom.png) 0 bottom repeat-x #0065a2;
    zoom:1;
    min-height: 1.5em;
}

#topliner ul {
  list-style-type:none;
  padding:0;
  margin:0;
}

#topliner li {
    list-style-type: none;
    display: inline;
    padding: 0 2px 0 2px;
    margin: 0px;
    line-height: 1.33em;
}

#topliner li.first {
    padding:0 2px 0 0;
}

#topliner li.last {
    padding:0 0 0 2px;
}

#topliner li.first.last {
    padding: 0 0 0 0;
}

#topliner li.current a,
#topliner li a.current,
#topnav li.current a,
#topnav li a.current {
    font-weight: bold;
}

ul#homepagenav li,
ul#homepagenav li.last {
  padding:0 2px 0 8px;
  background:url(../img/bg_sprite_vertical.png) 0 -2197px no-repeat;
}

ul#homepagenav li.first {
  background: none;
}

.ie7 ul#homepagenav li,
.ie7 ul#homepagenav li.last {
  display:block;
  float:left;
  padding:0 5px 0 8px;
}

.ie7 ul#homepagenav li.first {
  padding: 0 5px 0 0;
}

#topliner ul a {
  color:rgb(255, 255, 255);
}

#topliner .right
{
    width: 320px;
    float: right;
    position: relative;
}

#topliner #homepagenav {
    float: left;
}

#topliner #languagenav {
    float: right;
}
#topliner #languagenav li.current {
    font-weight: bold;
}

#topliner #personalnav li {
    padding-right: 1em; 
}

#topliner #personalnav li.last {
    padding-right: 0em; 
}

#topliner #personalnav {
    position: absolute;
    left: -200px;
    width: 189px;
    text-align: right;
}
/********************************************************************************************* header */

#homepagelink {
    display:block;
    width:122px;
    height:63px;
    position:absolute;
    top:37px;
    left:0;
    text-indent:-9999px;
    background:url(../img/kag-logo.png) 0 0 no-repeat;
}
#homepagelink:focus {
    margin: -3px 0 0 -3px;
    padding: 2px;
    border: 1px dotted #0065A2;
    background-position: 2px 2px;
}

#siteid {
    display:block;
    width:400px;
    position:absolute;
    top: 39px;
    left: 153px;
    font-weight:bold;
}

#sessioninfo {
    float: right;
    padding-top: 7px;
    font-size: 0.846em;
    width: 300px;
    position: relative;
}

#sessioninfo #action {
    position: relative;
    left: 300px;
    padding: 2px 7px;
    border: 1px solid rgb(153, 213, 242);
    
    background: #e5f4fc; /* old browsers */
    background: -moz-linear-gradient(top, #E5F4FC 73%, #BEE4F6 99%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(73%,#E5F4FC), color-stop(99%,#BEE4F6)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5F4FC', endColorstr='#BEE4F6',GradientType=0 ); /* ie */
}

/*
.ie7 #sessioninfo span {
    position: relative;
    top: -1.2em;
}
*/

#sessioninfo span,
#sessioninfo a {
    line-height: 1.2em;
}

#sessioninfo span {
    padding-right: 10px;
    text-align: right;
    position: absolute;
    right: 0;
}

#sessioninfo span .imgright {
    margin-left: 6px;
}

#topnav {
    float: right;
    padding: 2px 0 25px 0;
    font-size:0.846em;
    width: 320px;
}

#topnav ul {
    margin: 0;
    text-align: right;
    padding-left: 60px;
}

#topnav li {
    display:inline;
    padding: 0 17px 0 0;
    margin: 0px;
    list-style-type: none;
}

#topnav ul.vertical li {
    display: block;
    line-height: 1.5em;
    padding-right: 0;
}

#topnav li.last {
    padding: 0;
}

#topnav li a {
    color: #00375c;
}

#searchbox {
    line-height: 1.2em;
    padding: 0 0 10px 0;
    clear: both;
    float: right;
    font-size: 0.923em;
}

#searchbox #searchfield {
    height: 1.65em;
    vertical-align: top;
    width: 233px;
    padding: 0.2em 4px 0;
    margin-right: 5px;
}

#searchbox #searchaction {
    height: 2em;
    padding: 0px 7px 0px 7px;
    min-width: 70px;
}

.ie9 #searchbox #searchaction {
    padding: 0; 
}
    
#flyoutnav {
    float:right;
    clear:both;
}

#flyoutnav ul {
    margin:0;
    padding:0;
    height:3.3em;
}

#flyoutnav li {
    display:block;
    position:relative;
    float:left;
    height:2.3em;
    line-height:1em;
    margin:0 0 0 3px;
    padding:0;
    list-style-type:none;
    text-align:center;
    z-index:100;
}

#flyoutnav li span.outer {
    display:block;
    width:100%;
    height:100%;   
}

#flyoutnav li a {
    -webkit-transition:     background-color 0.3s;
    -moz-transition:        background-color 0.3s;
    -o-transition:          background-color 0.3s;
    transition:             background-color 0.3s;
    
    display:block;
    height:2.3em;
    padding:0.23077em 0 0.76923em 0;
    background:url(../img/bg_sprite_vertical.png) center bottom no-repeat #0065a2; 
    color:rgb(255, 255, 255);
}

#flyoutnav li a:focus {
    text-decoration:underline;
    background-color:rgb(0, 73, 133);
}

#flyoutnav li a:hover,
#flyoutnav li a:active,
#flyoutnav li.active a {
    text-decoration:none;
}

#flyoutnav li a:hover {
    color:rgb(255, 255, 255);
    text-decoration:none;
}

#flyoutnav li span.middle{
    display:table;
    height:100%;
    width:100%;
}

.ie6 #flyoutnav li span.middle,
.ie7 #flyoutnav li span.middle,
.ie8 #flyoutnav li span.middle {
  display:block;
  height:auto;
  position:absolute; 
  left:0;
}

.ie6 #flyoutnav li span.middle,
.ie7 #flyoutnav li span.middle {
  top:50%; 
}
.ie8 #flyoutnav li span.middle {
}

#flyoutnav li a span.inner {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  font-size:0.923em;
}

.ie6 #flyoutnav li a span.inner,
.ie7 #flyoutnav li a span.inner,
.ie8 #flyoutnav li a span.inner {
  display: block;
  position:relative; 
}
.ie6 #flyoutnav li a span.inner,
.ie7 #flyoutnav li a span.inner {
  top:-45%;
}
.ie8 #flyoutnav li a span.inner {
  
}

#flyoutnav li.first {
    margin: 0px 0px 0px 1em;
}

#flyoutnav #org {
    width: 8.25em;
}

#flyoutnav .activeToggle #org {
    width: 8.15em;
}

#flyoutnav #az {
    width: 7.7em;
}

#flyoutnav .activeToggle #az {
    width: 7.6em;
}

#flyoutnav #serv {
    width: 8.25em;
}

#flyoutnav .activeToggle #serv {
    width: 8.15em;
}

#flyoutnav li.active span.outer
{
    position: relative;
    top: -4px;
    left: -3px;
    height: 3.68em;
    padding: 0.23077em 0.23077em 0 0.23077em;
    z-index:101;
    overflow:hidden;
}
    
#flyoutnav li.active a
{   
    height: 2.3em;
    padding-bottom:2.15383em;
    background: rgb(255, 255, 255);
    color: rgb(60, 60, 60);
    
    border: 1px solid #a4b2ba;
    -moz-box-shadow: 0 0 2px #a4b2ba;
    -webkit-box-shadow: 0 0 2px #a4b2ba;
    box-shadow: 0 0 2px #a4b2ba;
}

.ie6 #flyoutnav li.active a span.inner,
.ie7 #flyoutnav li.active a span.inner {
  top:-100%;
}
.ie8 #flyoutnav li.active a span.inner {
  
}

.ie6 #flyoutnav #org.active a span.inner,
.ie7 #flyoutnav #org.active a span.inner {
  top:-72%;
}
.ie8 #flyoutnav #org.active a span.inner {
  
}

#fothemencontent tbody tr {
    display: none;
}

#fothemencontent tbody tr.visible {
    display: table-row;
}

.ie7 #fothemencontent tbody tr.visible,
.ie6 #fothemencontent tbody tr.visible {
    display:block;
}


/* fix missing pointer cursor in ie */
.ie6 #flyoutnav li,
.ie7 #flyoutnav li,
.ie8 #flyoutnav li,
.ie6 #flyoutnav li span,
.ie7 #flyoutnav li span,
.ie8 #flyoutnav li span {
    cursor: pointer;
}

#notificationnav {
    font-size: 0.846em;
    right: 0px;
    top: 26px;
    position: absolute;
    z-index: 1;
    padding: 0;
    margin: 0;
}

#notificationnav li {
    float: left;
    padding: 0;
    margin: 0;
    background: none;
    list-style: none;
    line-height: 1.5em;
    margin-left: 20px;
}

#basketlink,
#inboxlink {
    background-image: url(../img/bg_sprite_vertical.png);
    background-repeat: no-repeat;
    background-position: 0px -4700px;
    color: #00375C;
    padding-left: 20px;
}

body #inboxlink {
    background-position: 0px -5293px;
}

/********************************************************************************************* global navigation */

#primarynavigation .inner{
  padding-bottom:3.84612em;
  position:relative;
}

#primarynavigation ul {
  padding:0 0 0.46158em 0;
  margin:0;
  width:972px;
  clear:both;
}

#primarynavigation ul.level1 {
  height:3.231em;
  background:url("../img/bg_globalnav.png") 0 bottom repeat-x #e5f4fc;  
}

#primarynavigation ul.level2 {
  height:2.1em;
  padding:0;    
  position:absolute;
  top:3.6925em;
  left:0;
  background:rgb(0, 73, 133);
}

#primarynavigation ul.enlarged {
  height:3.4em;
}

#primarynavigation li {
  height:100%;
  display:block;
  float:left;
  list-style-type:none;
  padding:0 0 0.15385em 0;
  margin:0;
  border-right:1px solid rgb(140, 205, 240);
}

#primarynavigation .level2 li {
  border-right:1px solid rgb(156, 214, 243);
  padding:0;
}

#primarynavigation .level1 .active {
  background:none rgb(0, 73, 133);
}

#primarynavigation .level2 .active {
  padding-bottom:0;
}

#primarynavigation li a {
  display:table;
  height:100%;
  float:left;
  line-height:1.18em;
  color:rgb(17, 17, 17);
}

#primarynavigation li a:focus {
  background:url("../img/bg_globalnav_item_hover.png") 0 bottom repeat-x rgb(209, 235, 249);
  color:rgb(0, 101, 162);
    text-decoration:underline;
}

#primarynavigation li a:hover {
  background:url("../img/bg_globalnav_item_hover.png") 0 bottom repeat-x rgb(209, 235, 249);
  color:rgb(0, 101, 162);
  text-decoration:none;
}

#primarynavigation li.active a {
  background:none rgb(0, 73, 133);
}

#primarynavigation li.active span {
  color:rgb(255, 255, 255);
}

#primarynavigation .level2 li a:hover,
#primarynavigation .level2 li a:focus {
  background:none;
  color:rgb(203, 226, 238);
}

#primarynavigation .level2 li a:hover span,
#primarynavigation .level2 li a:focus span {
  color:rgb(203, 226, 238);
}

#primarynavigation span {
  display:table-cell;
  vertical-align:middle;
  padding:0 1.38462em 0 1.2301em;
  line-height:1.18em;
}

#primarynavigation span.outer {
  display:table;
  height:100%;
  padding:0;
}

.ie6 #primarynavigation li span,
.ie7 #primarynavigation li span,
.ie8 #primarynavigation li span {
  display:block;
  padding:0.3846em 1.38462em 0.46154em 1.2301em;
}

.ie6 #primarynavigation li span.outer,
.ie7 #primarynavigation li span.outer,
.ie8 #primarynavigation li span.outer {
  padding:0;
}

#primarynavigation .level2 li span {
  color:rgb(255, 255, 255);
}

#primarynavigation .level2 li.active, 
#primarynavigation .level2 li.active a {
  background:rgb(219, 240, 251);
}

#primarynavigation .level2 li.active span,
#primarynavigation .level2 li.active a:hover,
#primarynavigation .level2 li.active a:hover span,
#primarynavigation .level2 li.active a:focus,
#primarynavigation .level2 li.active a:focus span {
  background:none;
  color:rgb(17, 17, 17);    
}

#primarynavigation abbr {
    border-bottom: none;
    cursor:pointer;
    cursor:hand;
    font-variant: normal;
    letter-spacing: normal;
}

/********************************************************************************************* Left navigation */
#main #secondarynavigation ul.level3 a,
#secondarynavigation ul.level3 a {
    text-decoration: none;
}

#main #secondarynavigation ul.level3 li a:focus,
#main #secondarynavigation ul.level3 li.inside ul a:focus,
#secondarynavigation ul.level3 li a:focus,
#secondarynavigation ul.level3 li.inside ul a:focus {
    text-decoration:underline;
}

#main #secondarynavigation ul.level3 li a:hover,
#main #secondarynavigation ul.level3 li.inside ul a:hover,
#secondarynavigation ul.level3 li a:hover,
#secondarynavigation ul.level3 li.inside ul a:hover,
#main #secondarynavigation ul.level3 li a:focus,
#main #secondarynavigation ul.level3 li.inside ul a:focus,
#secondarynavigation ul.level3 li a:focus,
#secondarynavigation ul.level3 li.inside ul a:focus {
    background-color: #d3ecfa;
    color: #0065a2;
}

#main #secondarynavigation ul.level3, 
#main #secondarynavigation ul.level3 ul,
#secondarynavigation ul.level3, 
#secondarynavigation ul.level3 ul {
    list-style: none outside none;
    font-weight: normal;
    margin: 0;
}

#main #secondarynavigation ul.level3,
#secondarynavigation ul.level3 {
    font-size: 92.3%;
    margin: 44px 0 0 0;
    border-top: 1px dotted #0096df;
}

#main #secondarynavigation ul.level3 ul,
#secondarynavigation ul.level3 ul {
    margin: 0 0 0 18px;
    list-type-style: none;
}

#main #secondarynavigation ul.level3 li,
#secondarynavigation ul.level3 li {
    margin-left: 0px;
    padding: 0px;
    font-weight: normal;
    line-height: 1.5em;
    background-image: none;
    list-type-style: none;
    display: block;
}

.ie7 #main #secondarynavigation ul.level3 li,
.ie7 #secondarynavigation ul.level3 li
{
    zoom: 0;    
}

#main #secondarynavigation ul.level3 li a,
#secondarynavigation ul.level3 li a {
    border-bottom: 1px dotted #0096df;
    padding: 4px 0 5px 9px;
    display: block;
    color: #00375c;
}

#secondarynavigation ul.level3 li.active,
#secondarynavigation ul.level3 li.inside { 
    background-color: #E5F4FC;
}

#secondarynavigation ul.level3 li.active span,
#secondarynavigation ul.level3 li.inside a,
#secondarynavigation ul.level3 li.inside ul li.active span, 
#secondarynavigation ul.level3 li.inside ul li.inside a{ 
    padding: 4px 0 5px 9px;
    font-weight: bold;
    border-bottom: 1px dotted #0096df;
    display: block;
    color: #00375c;
}
#secondarynavigation ul.level3 li.active span,
body #secondarynavigation ul.level3 li.inside ul li.active span,
body #secondarynavigation ul.level3 li.inside ul li.inside a {
    background-color: #ffffff;
}

#secondarynavigation ul.level3 li.inside ul a{
    background-color: #E5F4FC;
    font-weight: normal;
    color: #002543;
}

/********************************************************************************************* input fields layout */
.inputfield {
    border: 1px solid #b2d0e3;
}
.inputfield:focus {
    border: 1px solid #0065A2;
}
.inputaction {
    border: 1px solid #99d5f2;
    background-color: #e5f4fc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(189,228,247)), color-stop(0.5, rgb(229,244,252)));
    background-image: -moz-linear-gradient(center bottom, rgb(189,228,247) 0%, rgb(229,244,252) 50%);   
}

.floor {
    clear:both;
    height:0px;
    line-height:0px;
    font-size:0px;
}

/********************************************************************************************* Flyout boxes */
#flyout {
    z-index: 99;
    padding: 24px 18px 32px 18px;
    margin-top: 3px;
    display: none;
    width: 62.15385em; /* 808px width by 13px font size */
    right: 0px;
    position: absolute;
    background-color: rgb(255, 255, 255);
    
    border: 1px solid #a4b2ba;
    -moz-box-shadow: 0 0 5px #a4b2ba;
    -webkit-box-shadow: 0 0 5px #a4b2ba;
    box-shadow: 0 0 5px #a4b2ba;
}

#flyoutcontent {
    background-color: white;
}

#flyoutcontent .closebox  {
    position:absolute;
    top:17px;
    right:18px;
    text-align: right;
}

#flyoutcontent .closebox .closeflyout  {
    font-size:0.846em;
    padding: 0 0 0 15px;
    background:url(../img/bg_sprite_vertical.png) left -1198px no-repeat; 
}
#flyoutcontent .flyouttitle {
    margin-top: 30px;        
}

/********************************************************************************************* flyout navigation */

#sectionnavigation, #sectionnavigation_main {
  position:relative;
}

#sectionnavigation ul, #sectionnavigation_main ul {
  padding:0;
  margin:0;
  clear:both;
  color:#848D94;
}

#sectionnavigation ul.level1, #sectionnavigation_main ul.level1 {
  height:2.1em;
  border-bottom: 0.3077em solid #004985; 
  background: #E5F4FC; /* old browsers */
  background: -moz-linear-gradient(top, #E5F4FC 73%, #8DADCA 99%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(73%,#E5F4FC), color-stop(99%,#8DADCA)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5F4FC', endColorstr='#8DADCA',GradientType=0 ); /* ie */   
  margin-bottom: 1.8462em;
}

#sectionnavigation ul.level1.open, #sectionnavigation_main ul.level1.open {
  margin-bottom:5em;
}



#sectionnavigation ul.level2, #sectionnavigation_main ul.level2 {
  height:2.1em;
  padding:0 1%;    
  position:absolute;
  top:2.35em;
  width:98%;
  left:0;
  background:rgb(0, 73, 133);
  border-top:0.3846em solid rgb(0, 73, 133);
}

#sectionnavigation ul.enlarged, #sectionnavigation_main ul.enlarged {
  height:3.4em;
}

#sectionnavigation ul.enlarged ul, #sectionnavigation_main ul.enlarged ul {
  top:3.7em;
}

#main #sectionnavigation li, #main #sectionnavigation_main li,
#sectionnavigation li,#sectionnavigation_main li {
  height:100%;
  display:block;
  float:left;
  list-style-type:none;
  padding:0;
  margin:0;
  border-right:1px solid rgb(140, 205, 240);
  background-image: none;
}

#main #sectionnavigation .level2 li, #main #sectionnavigation_main .level2 li,
#sectionnavigation .level2 li, #sectionnavigation_main .level2 li { 
  border-right:1px solid rgb(255, 255, 255);
}

#sectionnavigation li a, #sectionnavigation_main li a {
  display:table;
  height: 100%;
  position:relative;
  float:left;
  color:rgb(17, 17, 17);
}

#sectionnavigation li a:hover, #sectionnavigation_main li a:hover,
#sectionnavigation li a:focus, #sectionnavigation_main li a:focus {
  color:rgb(0, 101, 162);
  background: #E5F4FC; /* old browsers */
  background: -moz-linear-gradient(top, #D1EBF9 73%, #8DADCA 99%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(73%,#D1EBF9), color-stop(99%,#8DADCA)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D1EBF9', endColorstr='#8DADCA',GradientType=0 ); /* ie */
}
#sectionnavigation li a:focus, #sectionnavigation_main li a:focus {
    text-decoration: underline;
}
#sectionnavigation li a:hover, #sectionnavigation_main li a:hover {
    text-decoration: none;
}

#sectionnavigation li a:visited, #sectionnavigation_main li a:visited,
#sectionnavigation li a:active, #sectionnavigation_main li a:active {
    text-decoration:none;
}

#sectionnavigation span, #sectionnavigation_main span {
  display:table-cell;
  vertical-align:middle;
  padding:0 0.76923em 0 0.76923em;
  line-height:1.18em;
}

.ie6 #sectionnavigation span, .ie6 #sectionnavigation_main span,
.ie7 #sectionnavigation span, .ie7 #sectionnavigation_main span,
.ie8 #sectionnavigation span, .ie8 #sectionnavigation_main span {
  display:block;
  padding:0.3846em 0.76923em 0.46154em 0.76923em;
}

#sectionnavigation span.outer, #sectionnavigation_main span.outer {
  display:table;
  height:100%;
  padding:0;
}

.ie6 #sectionnavigation span.outer, .ie6 #sectionnavigation_main span.outer,
.ie7 #sectionnavigation span.outer, .ie7 #sectionnavigation_main span.outer,
.ie8 #sectionnavigation span.outer, .ie8 #sectionnavigation_main span.outer {
  display:block;
}

#sectionnavigation .active, #sectionnavigation_main .active {
  background:none rgb(0, 73, 133);
  color:rgb(255, 255, 255);
}

#sectionnavigation .level2 li a, #sectionnavigation_main .level2 li a {
  color:rgb(255, 255, 255);
  background: rgb(0, 73, 133);
}

#sectionnavigation .level2 li a:hover, #sectionnavigation_main .level2 li a:hover,
#sectionnavigation .level2 li a:focus, #sectionnavigation_main .level2 li a:focus {
  background: rgb(0, 73, 133);
  filter:none;
  color:rgb(203, 226, 238);
}

#sectionnavigation .level2 .active span, #sectionnavigation_main .level2 .active span {
  background:rgb(255, 255, 255);
  color:rgb(17, 17, 17);   
}

#sectionnavigation.jsnav ul.level2, #sectionnavigation_main.jsnav ul.level2 {
    display:none;
}

#sectionnavigation.jsnav ul.visible, #sectionnavigation_main.jsnav ul.visible {
    display:block;
}

#sectionnavigation.jsnav .level1 > li > span.outer, #sectionnavigation_main.jsnav .level1 > li > span.outer {
    display:none;
}

#sectionnavigation.jsnav .level1 > li > span.visible, #sectionnavigation_main.jsnav .level1 > li > span.visible {
    display:table;
}

#sectionnavigation.jsnav li a.hidden, #sectionnavigation_main.jsnav li a.hidden {
    display:none;
}


/***************************************** Organisationen - Teaser with image (left) */
#flyoutcontent .foteaserwimage {
    border-top: 3px solid #0065a2;
    background-color: #E5F4FC;
    padding: 9px;
    margin-bottom: 12px;
}
#flyoutcontent .foteaserwimage.selected {
    background-color: #fff8f8;
    cursor:pointer;
    /*cursor:hand;*/
}
#flyoutcontent .foteaserwimage .cat {
    font-size: 0.769em;
    color: #79838d;
    text-transform: uppercase;
    margin-bottom: 6px;
}
#flyoutcontent .foteaserwimage .image {
    float: left;
}
#flyoutcontent .foteaserwimage .legend {
    margin-left: 110px;
}
#flyoutcontent .foteaserwimage .legend .title{
    font-size: 1.23em;
    color: #0065a2;
    margin-bottom: 7px;
}
#flyoutcontent .foteaserwimage a.more {
    display: block;
    height: 17px;
    margin: 0;
    background:url(../img/bg_sprite_vertical.png) right -196px no-repeat;
    text-indent:-9999px;
}
#flyoutcontent .foteaserwimage .selected a.more {
    background-position: right -296px;
}

/***************************************** Organisationen - Teaser with large image (left) */
#flyoutcontent .foteaserwlargeimage {
    border-top: 3px solid #0065a2;
    padding: 9px;
    margin-bottom: 12px;
}
#flyoutcontent .foteaserwlargeimage.selected {
    background-color: #fff8f8;
    cursor:pointer;
    /*cursor:hand;*/
}
#flyoutcontent .foteaserwlargeimage .title{
    font-size: 1.23em;
    color: #0065a2;
    margin-bottom: 7px;
}
#flyoutcontent .foteaserwlargeimage a.more {
    display: block;
    height: 20px;
    margin: 0;
    background:url(../img/bg_sprite_vertical.png) right -196px no-repeat;
    text-indent:-9999px;
}
#flyoutcontent .foteaserwlargeimage.selected a.more {
    background-position: right -296px;
}

/***************************************** Organisationen - Teaser (right) */
#flyoutcontent .foteaser {
    border-top: 3px solid #0065a2;
    background-color: #E5F4FC;
    padding: 9px;
    margin-bottom: 12px;
}
#flyoutcontent .foteaser .selected {
    background-color: #fff8f8;
    cursor:pointer;
    /*cursor:hand;*/
}

#flyoutcontent .foteaser .cat {
    font-size: 0.769em;
    color: #79838d;
    text-transform: uppercase;
    margin-bottom: 6px;
}
#flyoutcontent .foteaser ul {
    list-style: none outside none;
    margin: 0;
}
#flyoutcontent .foteaser ul li {
    margin: 0;
    border-top: 1px dotted #0065a2;
    padding-bottom: 5px;
}
#flyoutcontent .foteaser p {
    margin: 0;
}
#flyoutcontent .foteaser .title{
    font-size: 1.23em;
    color: #0065a2;
    margin: 0px;
}
#flyoutcontent .foteaser a.more {
    display: block;
    height: 20px;
    margin: 0;
    background:url(../img/bg_sprite_vertical.png) right -196px no-repeat;
    text-indent:-9999px;
}
#flyoutcontent .foteaser .selected a.more {
    background-position: right -296px;
}

/***************************************** Themen A-Z- */

#flyoutcontent #fothemenaz,
#main ul.themenaz {
    color: #848d94;
    list-style: none outside none;
    margin: 0;
    background-color: #00427c;
    height: 2.6em;
}

#flyoutcontent #fothemenaz li,
#main ul.themenaz li {
    float: left;
    margin: 5px 0 0 0;
    padding: 0px;
    border-right: 1px solid #ffffff;
    min-width: 10px;
    text-align: center;
    line-height: 2.25em;
}

#flyoutcontent #fothemenaz li.active,
#main ul.themenaz li.active {
    background: #ffffff;
}

#flyoutcontent #fothemenaz li a:hover,
#flyoutcontent #fothemenaz li a:focus,
#main ul.themenaz li a:hover,
#main ul.themenaz li a:focus {
    cursor:pointer;
    color: #002543;
    background: #E5F4FC; /* old browsers */
    background: -moz-linear-gradient(top, #E5F4FC 53%, #B9E2F6 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(53%,#E5F4FC), color-stop(100%,#B9E2F6)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5F4FC', endColorstr='#B9E2F6',GradientType=0 ); /* ie */
    /*cursor:hand;*/
}

#flyoutcontent #fothemenaz li a,
#main ul.themenaz li a {
    color: #ffffff;
}

#flyoutcontent #fothemenaz li a,
#flyoutcontent #fothemenaz li span,
#main ul.themenaz li a,
#main ul.themenaz li span {
    padding: 0 9px;
    line-height: 2.25em;
    display: block;
}


#flyoutcontent #fothemenaz li a:hover,
#flyoutcontent #fothemenaz li a:focus,
#main ul.themenaz li a:hover,
#main ul.themenaz li a:focus {
    text-decoration: none;  
}

#flyoutcontent #fothemenaz li.active a, 
#flyoutcontent #fothemenaz li.selected a,
#main ul.themenaz li.active a,
#main ul.themenaz li.selected a {
    color: #002543;
}

#flyoutcontent #fothemencontent {
    margin-top: 18px;
    border-top: 1px dotted #0065a2;
    background-color: #ffffff;
    width: 100%;
}

/***************************************** Dienstleistungen */
#flyoutcontent .foDienst {
    border-top: 1px dotted #0065a2;
    border-bottom: 1px dotted #0065a2;
    background-color: #ffffff;
}
#flyoutcontent .foDienst .coltitle {
    font-weight: bold;
    padding: 9px;
    border-bottom: 1px solid #d5edfa;
    font-size: 100%;
    color: #555555;
    margin-bottom: 5px;
}
#flyoutcontent .foDienst ul {
    list-style: none outside none;
    margin: 0;
}
#flyoutcontent .foDienst ul li {
    margin: 0;
    padding: 9px;
}

.ie7 #flyoutcontent .foDienst ul li {
    padding-top: 0px;
    margin-top: -7px;
    padding-bottom: 15px;
}

#flyoutcontent .foDienst ul li.odd {
    background-color: #e5f4fc;
}
#flyoutcontent .foDienst ul li .title {
    color: #007cc7;
    font-weight: bold;
    display: block;
    cursor:pointer;
    cursor:hand;
    line-height: 1em;
    margin: 0 0 3px 0;
}

.ie7 #flyoutcontent .foDienst h2.coltitle {
    position: relative;
}

.ie7 #flyoutcontent .foDienst ul li .title {
    display: block;
    height: 1.2em;
    line-height: 1.2em;
    padding-top: 8px;
}


#flyoutcontent .foDienstB {
    border-top: 2px solid #0065a2;
    padding: 9px;
    background-color: #ffffff;
    margin-top: 32px;
}
#flyoutcontent .foDienstB .cat {
    font-size: 0.769em;
    color: #79838d;
    text-transform: uppercase;
    border-bottom: 1px dotted #0065a2;
    padding-bottom: 9px;
    margin-bottom: 9px;
}
#flyoutcontent .foDienstB ul.blist {
    list-style-type: square;
}

/***************************************** Dienstleistungen - A-Z */
#flyoutcontent .foDienstAZContent {
    margin-top: 18px;
    border-top: 1px dotted #0065a2;
    background-color: #ffffff;
    width: 100%;
}
#flyoutcontent .foDienstAZContent .themfirstrow {
    width: 490px;
    border-right: 1px dotted #d5edfa;
}

#flyoutcontent .foDienstAZContent {
    border: none;
}

#flyoutcontent .foDienstAZContent th {
    border-bottom: 1px solid #d5edfa;
    padding: 10px;
}

#flyoutcontent .foDienstAZContent tr.odd {
    background-color: #e5f4fc;
}

#flyoutcontent .foDienstAZContent td {
    border: none;
    padding: 10px;
}

#flyoutcontent .foDienstAZContent td .title {
    color: #007cc7;
    padding-bottom: 9px;
}


/***************************************** Table specialisations */
table p, #flyoutcontent p {
    margin: 0px;
}
table {
    line-height: 1.5em;
}
table.srv .firstcol {
    width: 66%;
}
table.themes .firstcol {
    width: 33%;
}

table th.datewidth,
table td.datewidth {
    width: 80px;    
}

table th.authorwidth,
table td.authorwidth {
    width: 160px;
}

/***************************************** JS Accordion */
.accordcontent {
    margin: 0 0 12px 0;
}
.accordcontent table.colonly {
    margin: 0;
}

#main ul.accordlist,
ul.accordlist {
    list-style: none outside none;
    margin: 0;
}

#main ul.accordlist > li,
ul.accordlist > li {
    margin-bottom: 10px;
    margin-left: 1em;
    padding-left: 0px;
    background-image: none;
}

a.accordlink {
    padding: 3px 9px 9px 15px;
    display: block;
    background:url(../img/bg_sprite_vertical.png) left -1791px no-repeat;
    padding-left: 15px;
    font-size: 107.69%;          
}

div a.accordclose {
    background:url(../img/bg_sprite_vertical.png) left -1692px no-repeat;
}

/******************************************* Service Accodrion (serverside) */

div.accordion + div.accordion,
div.accordion + a + div.accordion {
    margin-top: 5px;
}

div.accordion + * {
    margin-top: 2em;
}

div.accordion + a {
    display: block;
}

div.accordion > h2 {
	display: block;
	padding-left: 20px;
	background: #e5f4fc url(../img/bg_sprite_vertical.png) 5px -4590px no-repeat;
	font-size:133.33%;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-right: 0.5em;
	margin-bottom: 0;
}

body div.accordion.open > h2 {
    background-position: 5px -4290px;
    color: #00375C;
}   

div.accordion > div {
    border: 2px solid #E5F4FC;
    padding: 3px;
}

/***************************************** contentfooter */

#main #contentfooter,
#contentfooter {
  height: 1.5em;
  list-style-type:none;
  padding:1.1em 0.4em 2em 0.4em;
  margin:1.1em 0 0 0;
  font-size:0.846em;
  line-height:1.5em;
  border-top: 1px dotted rgb(0, 150, 223);
}

#main .portalentrypage #contentfooter,
#main .departmentalentrypage #contentfooter,
.portalentrypage #contentfooter,
.departmentalentrypage #contentfooter {
  border-top: none;
}

#main #contentfooter li,
#contentfooter li {
  padding:0;
  margin:0 0 0 1.6em;
  float:right;
  line-height:1.5em;
  background: none;
}

#main #contentfooter li a,
#contentfooter li a {
  display:block;
}

#contentfooter #option_bookmark {
  width: 125px;
  height: 16px;
  padding:0;
  background:url(../img/bg_sprite_vertical.png) 0 -600px no-repeat;
  text-indent:-9999px;
}

#contentfooter .up {
    padding-left:14px;
}

#contentfooter .printout,
#fancybox-content .printout {
    padding-left:17px;
}

.print_lightbox {
    text-align: right;
}

/*************************************************************************************** screenreader specific ****/

.screenreader
{
    left: -32768px;
    position: absolute;
    top: -32768px;
}

.no-js .targetindication
{
    display: none;
}

/********************************************************************************* Table */
table {
    margin: 18px 0;
    width: 100%;
    border-top: 1px dotted #0065A2;
    border-bottom: 1px dotted #0065A2;
}

table td,
table th {
    padding: 8px 9px;
}

table tr.odd {
    background-color: #e5f4fc;
}

table table tr.odd {
    background: none;
}

table thead td, table thead th {
    border-left: 1px dotted #d5edfa;
    border-bottom: 1px solid #d5edfa;
    font-weight: bold;
    text-align: left;
}

table tbody td { 
    border: none;
    border-left: 1px dotted #d5edfa;
}

table table tbody td { 
    border: none;
    border-left: 1px dotted #d5edfa;
    border-bottom: 1px dotted #d5edfa;
}

table td.firstcol, table th.firstcol {
    border-left: none;
    font-weight: bold;
}
table tr.firstrow td,
table tr.firstrow th {
    padding-top: 14px;
}
table tr.lastrow td,
table tr.lastrow th  {
    padding-bottom: 14px;
}
table td .title{
    font-weight: bold;
    color: #007cc7;
}  
table th a,
table th a:visited,
table th a:hover,
table th a:focus {
    color: rgb(68, 68, 68);
    text-decoration:none;
}  

table.colonly {
    margin: 9px 0;
    width: 100%;
    border-top: 1px dotted #0065A2;
    border-bottom: 1px dotted #0065A2;
}
table.colonly tr.odd {
    background-color: #e5f4fc;
}
table.colonly thead td, table.colonly thead th {
    padding: 6px 9px; 
    border-left: 1px dotted #d5edfa;
    border-bottom: 1px solid #d5edfa;
    font-weight: bold;
}
table.colonly tbody td {
    padding: 8px 9px; 
    border: none;
    border-left: 1px dotted #d5edfa;
}    
table.colonly td.firstcol, table.colonly th.firstcol {
    border-left: none;
}
table.colonly td.firstcol {
    font-weight: normal;
}
table.colonly tr.firstrow td  {
    padding-top: 16px;
}
table.colonly tr.lastrow td  {
    padding-bottom: 16px;
}

table.colonly td .title{
    color: #007CC7;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
}

.tablefilters input.txt {
    height: 2em;
    border: 1px solid #B2D0E3;
    margin-right: 5px;
}

.ie8 .tablefilters input.txt,
.ie7 .tablefilters input.txt {
    line-height: 2em;
} 

.tablefilters {
    float: right;
    padding-bottom: 5px;
}

/********************************************************************************************* special templates ****/
.special-logo-holder {
    text-align: right;  
}

.special-header-large,
.special-header-small {
    margin-bottom: 10px;
    position:relative;
}

.special-header-small .specialheadercopy {
    width: 455px;   
}

.special-header-large .specialheadercopy {
    width: 695px;   
}

.rotation .specialheadercopy {
    bottom: 5px;
}

.special-header-small .specialheadercopy,
.special-header-large .specialheadercopy {
    bottom: 3px;
}



/********************************************************************************************* print ****/

/* hidden for non-print styles */
.printonly {
    display: none;  
}


/* print styles - mainly hide elements that should not be printed */
@media print {
    #topliner,
    #contentfooter,
    #primarynavigation,
    #secondarynavigation,
    #footernav,
    .page > header,
        .print_lightbox {
        display: none;
    }
    
    body .printonly {
        display: block;
    }
    
    #sectionnavigation li.active {
        font-weight: bold;
        color: black;
        
    }
    #sectionnavigation .level2 .outer span,
    #sectionnavigation .level2 a span {
        padding-left: 0.5em;
        padding-right: 0.5em;
        border-top: none;
    }
    
    .ie7 #sectionnavigation .level2 a span {
        padding-top: 10px;
    }
    
    table caption.screenreader {
        display: none;
    }
}

/********************************************************************************************* overlay ****/

.furtherinfos {
    float: right;
    line-height: 15px;
    -webkit-transition:     -webkit-box-shadow 0.2s;
    -moz-transition:        -moz-box-shadow 0.2s;
    -o-transition:          box-shadow 0.2s;
    transition:             box-shadow 0.2s;
    margin: -9px -9px 0 -9px;
}

.furtherinfos.active {
    box-shadow: 0 0 5px #a4b2ba;
    -moz-box-shadow: 0 0 5px #a4b2ba;
    -webkit-box-shadow: 0 0 5px #a4b2ba;
}

.furtherinfos .inner {
    border: 1px solid transparent;
    cursor: pointer;
    display: block;
    height: 12px;
    padding: 9px 8px 9px;
    position: relative;
    z-index: 123;
    -webkit-transition:     border-color 0.2s;
    -moz-transition:        border-color 0.2s;
    -o-transition:          border-color 0.2s;
    transition:             border-color 0.2s;
}

.furtherinfos.active .inner {
    background: white;
    border-color: #a4b2ba #a4b2ba transparent #a4b2ba;
}

.furtherinfos.active.rightcol .inner {
    border-color: #a4b2ba transparent #a4b2ba #a4b2ba;
}

.ie7 .furtherinfos {
    padding-right: 9px;
}

.ie7 .furtherinfos .inner {
    right: -9px;
}

.ie7 .furtherinfos.active .inner {
    border-color: #a4b2ba #a4b2ba white #a4b2ba;
}

.overlay {
    background: white;
    box-shadow: 0 0 5px #a4b2ba;
    -moz-box-shadow: 0 0 5px #a4b2ba;
    -webkit-box-shadow: 0 0 5px #a4b2ba;
    border: 1px solid #a4b2ba;
    display: none;
    left: -9px;
    padding: 36px 9px 32px 12px;
    position: absolute;
    width: 228px;
    z-index: 122;
    top: 22px;
}

.overlay.right {
    left: auto;
    right: -9px;
}

.overlay .closebox  {
    position: absolute;
    top: 17px;
    right: 9px;
    text-align: right;
}

.overlay .closebox .closeoverlay  {
    font-size: 0.846em;
    padding: 0 0 0 15px;
    background: url(../img/bg_sprite_vertical.png) left -1198px no-repeat; 
}

/********************************************************************************************* Fancybox with special print-button (clones itself to the body) */
#clonedPrintableFancybox {
    display: none;
}

/********************************************************************************************* Lightbox (Dienstleistungen) feste Breite, inkl. Abstand der Kontaktbox zum Schliessen-Buttons */
.lightbox75wide{
	width: 730px;
}

.lightbox75wide .contact{
	margin-top: 5px;
}

/********************************************************************************************* IE 7 fixes */
.dualcol {
    height: 2.1em;
}
.dualcol .coll{
    float: left;
}