@font-face {
  font-family: 'Jost';
  font-display: fallback;
  font-style: normal;
  font-weight: normal;
  src: url(./jost/Jost-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'JostBold';
  font-display: fallback;
  font-style: bold;
  font-weight: bold;
  src: url(./jost/Jost-Bold.ttf) format('truetype');
}

body{background-color: #FFF;width: 100%;margin: 0;padding: 0;font-family: 'Jost', Arial, Helvetica, sans-serif;font-size: 19px;line-height: normal;color: #000;background-image: url(../grafik/background.jpg);background-repeat: no-repeat;background-position: center top;background-attachment: fixed;hyphens: auto;}
div {position: static;margin: 0;padding: 0;background: transparent;}
a:link,a:visited,a:hover,a:active,a:focus {color: #0B72B7;font-weight: 400;outline: none;text-decoration: none;}
p {margin: 0 0 1em 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-size: 1em;font-weight: bold;}
img {border: 0;}
ol {margin: 0;padding: 0 0 0 25px;}
ul {margin: 0;padding: 0 0 0 15px;}
li {margin: 0;padding: 4px;}
li.li-pfeil {margin: 0;padding: 0 0 10px 0;list-style-image: url(../grafik/li.gif);font-weight: bold;}
.leer {}
form,input,textarea,select,label {font-size: 1em;}
form,input,textarea,label {margin: 0;padding: 0;}
select {margin-top: 1px;}
.float-aufheben, .clear-float {display: block;width: 1px;height: 1px;line-height: 1px;font-size: 1px;clear: both;}
.klein {font-size: 10px;}
.hervorheben {font-family: 'JostBold', Arial, Helvetica, sans-serif;font-weight: bold;}
.hinweis {font-size: .8em;}
.popup-hinweis {font-size: .55em;}
.script-hinweis {font-size: .8em;color: #FFFFFF;}
.zitat {font-style: italic;}
.unsichtbar {position: absolute;display: block;left: -3000px;width: 1px;height: 1px;margin: 0;padding: 0;font-size: 1px;line-height: 1px;}
.hidden{display: none;}
th, td {text-align: left;vertical-align: top;}

/*
******************************************
*/

#corpus {
	position: relative;
  margin: 60px auto 0 auto;
  width: 930px;
  /*background-image: url(../grafik/logo_anim.gif);
  background-repeat: no-repeat;
  background-position: 835px 24px;*/
}

#tat-balken-mobile {display: none;}

#tat-balken {
	position: absolute;
	right: 0;
  margin: -60px 0 0 0;
  padding: 0;
  width: 155px;
  height: 550px;
}

#tat-balken-inner {
	position: fixed;
  margin: 0;
  padding: 0;
  width: 155px;
  height: 550px;
  background-image: url(../grafik/bg_tat_balken.png);
  background-repeat: no-repeat;
}


#kopf {
  padding: 0;
  font-weight: normal;
  color: #000000;
  line-height: 1.4em;
}

#rumpf {
  width: 732px;
  padding: 42px 0 0 21px;
  font-weight: normal;
  color: #000000;
  line-height: 1.4em;
}

#fuss{
	margin: 35px 0 0 0;
  padding: 30px 21px 0 21px;
  width: 863px;
  height: 240px;
  background-image: url(../grafik/bg_footer.png);
  background-repeat: repeat-x;
  font-size: 15px;
}

#fuss a{
  font-family: 'JostBold', Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#fuss-links {
	margin: 0;
  padding: 0;
  width: 300px;
  float: left;
}

#fuss-mitte {
	margin: 0;
  padding: 0;
  width: 365px;
  float: left;
}

#fuss-rechts {
	margin: 0;
  padding: 0;
  width: 190px;
  float: left;
}

.menu {
  width: 755px;
  height: 50px;
  margin: 15px 0 0 0;
  background-image: url(../grafik/bg_menu.gif);
  background-repeat: no-repeat;
}

#hamburger {display: none;}

#navigation {margin: 0;padding: 0;width: 820px;}
#navigation a {font-family: 'JostBold', Arial, Helvetica, sans-serif;font-weight: bold;}
ul.ul-navigation {margin: 0;padding: 12px 0 0 20px;}
li.li-navigation {margin: 0;padding: 0;list-style-type: none;list-style-image: none;float: left;hyphens: none !important;}
li.li-navigation-trenner {width: 3px;height: 16px;margin: 6px 9px 0 0;padding: 0;list-style-type: none;list-style-image: none;float: left;background-image: url(../grafik/li_trenner.gif);background-repeat: no-repeat;}
a.navigation-1-link:link,a.navigation-1-link:visited,a.navigation-1-link:hover,a.navigation-1-link:active,a.navigation-1-link:focus {display: block;width: 68px;margin: 0 36px 7px 0;padding: 0 0 4px 0;color: #FFF;text-decoration: none;text-transform: uppercase;font-size: 15px;letter-spacing: 1px;}
a.navigation-1-link:hover,a.navigation-1-link:active,a.navigation-1-link:focus {margin: 0 36px 0 0;border-bottom: 7px solid #A7C4E6;}
a.navigation-1-link-on:link,a.navigation-1-link-on:visited,a.navigation-1-link-on:hover,a.navigation-1-link-on:active,a.navigation-1-link-on:focus {display: block;width: 68px;margin: 0 36px 0 0;padding: 0 0 4px 0;color: #FFF;text-decoration: none;text-transform: uppercase;font-size: 15px;border-bottom: 7px solid #A7C4E6;letter-spacing: 1px;}
a.navigation-2-link:link,a.navigation-2-link:visited,a.navigation-2-link:hover,a.navigation-2-link:active,a.navigation-2-link:focus {display: block;width: 151px;margin: 0 14px 7px 0;padding: 0 0 4px 0;color: #FFF;text-decoration: none;text-transform: uppercase;font-size: 15px;letter-spacing: 1px;white-space:nowrap;}
a.navigation-2-link:hover,a.navigation-2-link:active,a.navigation-2-link:focus {margin: 0 14px 0 0;border-bottom: 7px solid #A7C4E6;}
a.navigation-2-link-on:link,a.navigation-2-link-on:visited,a.navigation-2-link-on:hover,a.navigation-2-link-on:active,a.navigation-2-link-on:focus {display: block;width: 151px;margin: 0 14px 0 0;padding: 0 0 4px 0;color: #FFF;text-decoration: none;text-transform: uppercase;font-size: 15px;border-bottom: 7px solid #A7C4E6;letter-spacing: 1px;white-space:nowrap;}
a.navigation-3-link:link,a.navigation-3-link:visited,a.navigation-3-link:hover,a.navigation-3-link:active,a.navigation-3-link:focus {display: block;width: 105px;margin: 0 14px 7px 0;padding: 0 0 4px 0;color: #FFF;text-decoration: none;text-transform: uppercase;font-size: 15px;letter-spacing: 1px;}
a.navigation-3-link:hover,a.navigation-3-link:active,a.navigation-3-link:focus {margin: 0 14px 0 0;border-bottom: 7px solid #A7C4E6;}
a.navigation-3-link-on:link,a.navigation-3-link-on:visited,a.navigation-3-link-on:hover,a.navigation-3-link-on:active,a.navigation-3-link-on:focus {display: block;width: 105px;margin: 0 14px 0 0;padding: 0 0 4px 0;color: #FFF;text-decoration: none;text-transform: uppercase;font-size: 15px;border-bottom: 7px solid #A7C4E6;letter-spacing: 1px;}
a.navigation-4-link:link,a.navigation-4-link:visited,a.navigation-4-link:hover,a.navigation-4-link:active,a.navigation-4-link:focus {display: block;width: 74px;margin: 0 14px 7px 0;padding: 0 0 4px 0;color: #FFF;text-decoration: none;text-transform: uppercase;font-size: 15px;letter-spacing: 1px;}
a.navigation-4-link:hover,a.navigation-4-link:active,a.navigation-4-link:focus {margin: 0 14px 0 0;border-bottom: 7px solid #A7C4E6;}
a.navigation-4-link-on:link,a.navigation-4-link-on:visited,a.navigation-4-link-on:hover,a.navigation-4-link-on:active,a.navigation-4-link-on:focus {display: block;width: 74px;margin: 0 14px 0 0;padding: 0 0 4px 0;color: #FFF;text-decoration: none;text-transform: uppercase;font-size: 15px;border-bottom: 7px solid #A7C4E6;letter-spacing: 1px;}
a.navigation-5-link:link,a.navigation-5-link:visited,a.navigation-5-link:hover,a.navigation-5-link:active,a.navigation-5-link:focus {display: block;width: 99px;margin: 0 14px 7px 0;padding: 0 0 4px 0;color: #FFF;text-decoration: none;text-transform: uppercase;font-size: 15px;letter-spacing: 1px;}
a.navigation-5-link:hover,a.navigation-5-link:active,a.navigation-5-link:focus {margin: 0 14px 0 0;border-bottom: 7px solid #A7C4E6;}
a.navigation-5-link-on:link,a.navigation-5-link-on:visited,a.navigation-5-link-on:hover,a.navigation-5-link-on:active,a.navigation-5-link-on:focus {display: block;width: 99px;margin: 0 14px 0 0;padding: 0 0 4px 0;color: #FFF;text-decoration: none;text-transform: uppercase;font-size: 15px;border-bottom: 7px solid #A7C4E6;letter-spacing: 1px;}
a.navigation-6-link:link,a.navigation-6-link:visited,a.navigation-6-link:hover,a.navigation-6-link:active,a.navigation-6-link:focus {display: block;width: 55px;margin: 7px 0 7px 26px;padding: 0;color: #FFF;text-decoration: none;text-transform: uppercase;font-size: 15px;letter-spacing: 1px;}
.untermenue {position: absolute;margin: 0;z-index: 350000;}
ul.ul-untermenue {margin: 0;padding: 0;}
li.li-untermenue {margin: 0;padding: 0;list-style-type: none;list-style-image: none;}
a.untermenue-link-first:link,a.untermenue-link-first:visited,a.untermenue-link-first:hover,a.untermenue-link-first:active,a.untermenue-link-first:focus {display: block;margin: 2px 0 0 0;padding: 5px;width: 219px;background-color: #FFF;text-decoration: none;font-weight: normal;font-size: 15px;outline: none;border-top: 1px solid #a7c4e6;border-bottom: 1px solid #a7c4e6;border-left: 5px solid #FFF;}
a.untermenue-link-first:hover,a.untermenue-link-first:active,a.untermenue-link-first:focus {border-left: 5px solid #0B72B7;}
a.untermenue-link-first-on:link,a.untermenue-link-first-on:visited,a.untermenue-link-first-on:hover,a.untermenue-link-first-on:active,a.untermenue-link-first-on:focus {display: block;margin: 2px 0 0 0;padding: 5px;width: 219px;background-color: #FFF;text-decoration: none;font-weight: normal;font-size: 15px;outline: none;border-top: 1px solid #a7c4e6;border-bottom: 1px solid #a7c4e6;border-left: 5px solid #0B72B7;}

a.untermenue-link:link,a.untermenue-link:visited,a.untermenue-link:hover,a.untermenue-link:active,a.untermenue-link:focus {display: block;margin: 2px 0 0 0;padding: 5px;width: 219px;background-color: #FFF;text-decoration: none;font-weight: normal;font-size: 15px;outline: none;border-top: none;border-bottom: 1px solid #a7c4e6;border-left: 5px solid #FFF;}
a.untermenue-link:hover,a.untermenue-link:active,a.untermenue-link:focus {border-left: 5px solid #0B72B7;}
a.untermenue-link-on:link,a.untermenue-link-on:visited,a.untermenue-link-on:hover,a.untermenue-link-on:active,a.untermenue-link-on:focus {display: block;margin: 2px 0 0 0;padding: 5px;width: 219px;background-color: #FFF;text-decoration: none;font-weight: normal;font-size: 15px;outline: none;border-top: none;border-bottom: 1px solid #a7c4e6;border-left: 5px solid #0B72B7;}

div.menu-sub-2 {
  margin: 0 0 0 36px;
}

div.menu-sub-3 {
  margin: 0 0 0 12px;
}

div.menu-sub-4 {
  margin: 0 0 0 13px;
}

/*
***************************************************************************************************
** Menu-Items
***************************************************************************************************
*/

a.menu-main-item-1:link,
a.menu-main-item-1:visited,
a.menu-main-item-1:hover,
a.menu-main-item-1:active,
a.menu-main-item-1-on:link,
a.menu-main-item-1-on:visited,
a.menu-main-item-1-on:hover,
a.menu-main-item-1-on:active,
a.menu-main-item-1-active:link,
a.menu-main-item-1-active:visited,
a.menu-main-item-1-active:hover,
a.menu-main-item-1-active:active,
a.menu-main-item-1-active-on:link,
a.menu-main-item-1-active-on:visited,
a.menu-main-item-1-active-on:hover,
a.menu-main-item-1-active-on:active {
  display: block;
  width: 44px;
  height: 34px;
  margin: 16px 0 0 21px;
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}

a.menu-main-item-1:link,
a.menu-main-item-1:visited,
a.menu-main-item-1:hover,
a.menu-main-item-1:active {
  background-image: url(http://www.multicms.rdts.de/kiosk/aufzugbau/grafik/bg_menu_home.gif);
}

a.menu-main-item-1:hover,
a.menu-main-item-1-on:link,
a.menu-main-item-1-on:visited,
a.menu-main-item-1-on:hover,
a.menu-main-item-1-on:active,
a.menu-main-item-1-active:link,
a.menu-main-item-1-active:visited,
a.menu-main-item-1-active:hover,
a.menu-main-item-1-active:active,
a.menu-main-item-1-active-on:link,
a.menu-main-item-1-active-on:visited,
a.menu-main-item-1-active-on:hover,
a.menu-main-item-1-active-on:active{
  background-image: url(http://www.multicms.rdts.de/kiosk/aufzugbau/grafik/bg_menu_home_.gif);
}


a.menu-main-item-2:link,
a.menu-main-item-2:visited,
a.menu-main-item-2:hover,
a.menu-main-item-2:active,
a.menu-main-item-2-on:link,
a.menu-main-item-2-on:visited,
a.menu-main-item-2-on:hover,
a.menu-main-item-2-on:active,
a.menu-main-item-2-active:link,
a.menu-main-item-2-active:visited,
a.menu-main-item-2-active:hover,
a.menu-main-item-2-active:active,
a.menu-main-item-2-active-on:link,
a.menu-main-item-2-active-on:visited,
a.menu-main-item-2-active-on:hover,
a.menu-main-item-2-active-on:active {
  display: block;
  width: 125px;
  height: 34px;
  margin: 16px 0 0 36px;
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}

a.menu-main-item-2:link,
a.menu-main-item-2:visited,
a.menu-main-item-2:hover,
a.menu-main-item-2:active {
  background-image: url(http://www.multicms.rdts.de/kiosk/aufzugbau/grafik/bg_menu_unternehmen.gif);
}

a.menu-main-item-2:hover,
a.menu-main-item-2-on:link,
a.menu-main-item-2-on:visited,
a.menu-main-item-2-on:hover,
a.menu-main-item-2-on:active,
a.menu-main-item-2-active:link,
a.menu-main-item-2-active:visited,
a.menu-main-item-2-active:hover,
a.menu-main-item-2-active:active,
a.menu-main-item-2-active-on:link,
a.menu-main-item-2-active-on:visited,
a.menu-main-item-2-active-on:hover,
a.menu-main-item-2-active-on:active{
  background-image: url(http://www.multicms.rdts.de/kiosk/aufzugbau/grafik/bg_menu_unternehmen_.gif);
}


a.menu-main-item-3:link,
a.menu-main-item-3:visited,
a.menu-main-item-3:hover,
a.menu-main-item-3:active,
a.menu-main-item-3-on:link,
a.menu-main-item-3-on:visited,
a.menu-main-item-3-on:hover,
a.menu-main-item-3-on:active,
a.menu-main-item-3-active:link,
a.menu-main-item-3-active:visited,
a.menu-main-item-3-active:hover,
a.menu-main-item-3-active:active,
a.menu-main-item-3-active-on:link,
a.menu-main-item-3-active-on:visited,
a.menu-main-item-3-active-on:hover,
a.menu-main-item-3-active-on:active {
  display: block;
  width: 84px;
  height: 34px;
  margin: 16px 0 0 12px;
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}

a.menu-main-item-3:link,
a.menu-main-item-3:visited,
a.menu-main-item-3:hover,
a.menu-main-item-3:active {
  background-image: url(http://www.multicms.rdts.de/kiosk/aufzugbau/grafik/bg_menu_aufzuege.gif);
}

a.menu-main-item-3:hover,
a.menu-main-item-3-on:link,
a.menu-main-item-3-on:visited,
a.menu-main-item-3-on:hover,
a.menu-main-item-3-on:active,
a.menu-main-item-3-active:link,
a.menu-main-item-3-active:visited,
a.menu-main-item-3-active:hover,
a.menu-main-item-3-active:active,
a.menu-main-item-3-active-on:link,
a.menu-main-item-3-active-on:visited,
a.menu-main-item-3-active-on:hover,
a.menu-main-item-3-active-on:active{
  background-image: url(http://www.multicms.rdts.de/kiosk/aufzugbau/grafik/bg_menu_aufzuege_.gif);
}


a.menu-main-item-4:link,
a.menu-main-item-4:visited,
a.menu-main-item-4:hover,
a.menu-main-item-4:active,
a.menu-main-item-4-on:link,
a.menu-main-item-4-on:visited,
a.menu-main-item-4-on:hover,
a.menu-main-item-4-on:active,
a.menu-main-item-4-active:link,
a.menu-main-item-4-active:visited,
a.menu-main-item-4-active:hover,
a.menu-main-item-4-active:active,
a.menu-main-item-4-active-on:link,
a.menu-main-item-4-active-on:visited,
a.menu-main-item-4-active-on:hover,
a.menu-main-item-4-active-on:active {
  display: block;
  width: 75px;
  height: 34px;
  margin: 16px 0 0 13px;
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}

a.menu-main-item-4:link,
a.menu-main-item-4:visited,
a.menu-main-item-4:hover,
a.menu-main-item-4:active {
  background-image: url(http://www.multicms.rdts.de/kiosk/aufzugbau/grafik/bg_menu_service.gif);
}

a.menu-main-item-4:hover,
a.menu-main-item-4-on:link,
a.menu-main-item-4-on:visited,
a.menu-main-item-4-on:hover,
a.menu-main-item-4-on:active,
a.menu-main-item-4-active:link,
a.menu-main-item-4-active:visited,
a.menu-main-item-4-active:hover,
a.menu-main-item-4-active:active,
a.menu-main-item-4-active-on:link,
a.menu-main-item-4-active-on:visited,
a.menu-main-item-4-active-on:hover,
a.menu-main-item-4-active-on:active{
  background-image: url(http://www.multicms.rdts.de/kiosk/aufzugbau/grafik/bg_menu_service_.gif);
}


a.menu-main-item-5:link,
a.menu-main-item-5:visited,
a.menu-main-item-5:hover,
a.menu-main-item-5:active,
a.menu-main-item-5-on:link,
a.menu-main-item-5-on:visited,
a.menu-main-item-5-on:hover,
a.menu-main-item-5-on:active,
a.menu-main-item-5-active:link,
a.menu-main-item-5-active:visited,
a.menu-main-item-5-active:hover,
a.menu-main-item-5-active:active,
a.menu-main-item-5-active-on:link,
a.menu-main-item-5-active-on:visited,
a.menu-main-item-5-active-on:hover,
a.menu-main-item-5-active-on:active {
  display: block;
  width: 91px;
  height: 34px;
  margin: 16px 0 0 13px;
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}

a.menu-main-item-5:link,
a.menu-main-item-5:visited,
a.menu-main-item-5:hover,
a.menu-main-item-5:active {
  background-image: url(http://www.multicms.rdts.de/kiosk/aufzugbau/grafik/bg_menu_referenzen.gif);
}

a.menu-main-item-5:hover,
a.menu-main-item-5-on:link,
a.menu-main-item-5-on:visited,
a.menu-main-item-5-on:hover,
a.menu-main-item-5-on:active,
a.menu-main-item-5-active:link,
a.menu-main-item-5-active:visited,
a.menu-main-item-5-active:hover,
a.menu-main-item-5-active:active,
a.menu-main-item-5-active-on:link,
a.menu-main-item-5-active-on:visited,
a.menu-main-item-5-active-on:hover,
a.menu-main-item-5-active-on:active{
  background-image: url(http://www.multicms.rdts.de/kiosk/aufzugbau/grafik/bg_menu_referenzen_.gif);
}


a.menu-main-item-6:link,
a.menu-main-item-6:visited,
a.menu-main-item-6:hover,
a.menu-main-item-6:active,
a.menu-main-item-6-on:link,
a.menu-main-item-6-on:visited,
a.menu-main-item-6-on:hover,
a.menu-main-item-6-on:active,
a.menu-main-item-6-active:link,
a.menu-main-item-6-active:visited,
a.menu-main-item-6-active:hover,
a.menu-main-item-6-active:active,
a.menu-main-item-6-active-on:link,
a.menu-main-item-6-active-on:visited,
a.menu-main-item-6-active-on:hover,
a.menu-main-item-6-active-on:active {
  display: block;
  width: 27px;
  height: 34px;
  margin: 16px 0 0 159px;
  background-image: url(http://www.multicms.rdts.de/kiosk/aufzugbau/grafik/bg_menu_franzoesisch.gif);
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}


a.menu-sub-link:link,
a.menu-sub-link:visited,
a.menu-sub-link:hover,
a.menu-sub-link:active,
a.menu-sub-link-on:link,
a.menu-sub-link-on:visited,
a.menu-sub-link-on:hover,
a.menu-sub-link-on:active,
a.menu-sub-link-first:link,
a.menu-sub-link-first:visited,
a.menu-sub-link-first:hover,
a.menu-sub-link-first:active,
a.menu-sub-link-first-on:link,
a.menu-sub-link-first-on:visited,
a.menu-sub-link-first-on:hover,
a.menu-sub-link-first-on:active {
  display: block;
  width: 165px;
  padding: 1px 12px 1px 12px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #A7C4E6;
  /*font-weight: bold;*/
  color: #0B72B7;
  text-decoration: none;
}

a.menu-sub-link-first:link,
a.menu-sub-link-first:visited,
a.menu-sub-link-first:hover,
a.menu-sub-link-first:active,
a.menu-sub-link-first-on:link,
a.menu-sub-link-first-on:visited,
a.menu-sub-link-first-on:hover,
a.menu-sub-link-first-on:active {
  margin: 21px 0 0 0;
  border-top: 1px solid #A7C4E6;
}

a.menu-sub-link:hover,
a.menu-sub-link-on:link,
a.menu-sub-link-on:visited,
a.menu-sub-link-on:hover,
a.menu-sub-link-on:active,
a.menu-sub-link-first:hover,
a.menu-sub-link-first-on:link,
a.menu-sub-link-first-on:visited,
a.menu-sub-link-first-on:hover,
a.menu-sub-link-first-on:active {
  background-image: url(http://www.multicms.rdts.de/kiosk/aufzugbau/grafik/bg_menu_sub.gif);
  background-repeat: no-repeat;
  background-position: 1px 2px;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Rumpf
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

/*
***************************************************************************************************
***************************************************************************************************
** Anzeige
***************************************************************************************************
***************************************************************************************************
*/

.anzeige {
  width: 100%;
}

.anzeige-inhalt {
  width: 460px;
  float: left;
}

.anzeige-zusatz {
  width: 224px;
  float: right;
}
/*
***************************************************************************************************
***************************************************************************************************
** FORMULAR
***************************************************************************************************
***************************************************************************************************
*/


/*
******************************************
** FOMULARFELDER
******************************************
*/

fieldset {
  margin: 0 0 0px -3px;
  padding: 10px 0 10px 0;
  border: 0;
}

.label {
  padding: 3px;
  width: 11em;
  float: left;
  font-size: .8em;
}

.formular {
  padding: 0 0 5px 0;
}

input.InputTextfeldEinzeilig {
  border: 1px solid #1163AD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 250px;
  font-size: .8em;
  font-family: 'Jost', Arial, Helvetica, sans-serif;
}

input.InputTextfeldEinzeilig-mittel {
  border: 1px solid #1163AD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 202px;
  font-size: .8em;
  font-family: 'Jost', Arial, Helvetica, sans-serif;
}

input.InputTextfeldEinzeilig-kurz {
  border: 1px solid #1163AD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 38px;
  font-size: .8em;
  font-family: 'Jost', Arial, Helvetica, sans-serif;
}

input.InputRadio {
  margin: 2px 0 0 0;
  padding: 0;
}

input.InputCheck {
  float: left;
}

input.InputSenden {
  border: 1px solid #1163AD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  width: 115px;
  height: auto;
  font-size: .8em;
  font-family: 'JostBold', Arial, Helvetica, sans-serif;
  font-weight: bold;
}

textarea.Textfeld {
  border: 1px solid #1163AD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 250px;
  height: 150px;
  font-size: .8em;
  font-family: 'Jost', Arial, Helvetica, sans-serif;
}

select {
  border: 1px solid #1163AD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 256px;
  height: 19px;
  font-size: .8em;
  font-family: 'Jost', Arial, Helvetica, sans-serif;
}


/*
***************************************************************************************************
***************************************************************************************************
** Service
***************************************************************************************************
***************************************************************************************************
*/

.service {
  width: 100%;
  margin: 50px 0 0 0;
  padding: 0 0 2em 0;
}

.service-inhalt-zurueck,
.service-inhalt-oben {
  float: left;
}

.service-inhalt-drucken {
  float: right;
}

.section {
}

/*
***************************************************************************************************
***************************************************************************************************
** Title
***************************************************************************************************
***************************************************************************************************
*/

.section-title {
  padding: 0 0 27px 0;
}

.section-title h2.section-title-text {
  font-size: 26px;
  color: #0D6BAB;
}

/*
***************************************************************************************************
***************************************************************************************************
** Subtitle
***************************************************************************************************
***************************************************************************************************
*/

.section-subtitle {
  padding: 0 0 18px 0;
}

.section-subtitle h3 {
  font-size: 1em;
  font-family: 'JostBold', Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.section-subtitle h3.section-subtitle-pfeil {
  padding: 0 0 0 25px;
  background-image: url(../grafik/bg_section_subtitle_pfeil.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

/*
***************************************************************************************************
***************************************************************************************************
** Body
***************************************************************************************************
***************************************************************************************************
*/

.section-body {
  position: relative;
  width: 100%;
}

h6.section-body-subtitle {
  position: relative;
  width: 250px;
  margin: 0 0 6px -11px;
  padding: 0 0 4px 8px;
  border-left: 3px solid #1163AD;
  border-bottom: 3px solid #1163AD;
  font-family: 'JostBold', Arial, Helvetica, sans-serif;
  font-weight: bold;
}

ul.section-body-list {
  width: 100%;
  margin: 0 0 1em 0;
}

li.section-body-list-item {
  display: block;
  padding: 0 0 0 16px;
  background-image: url(../grafik/bg_section_body_list_pfeil.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
}

.section-body-picture {
  margin: 4px 10px 1em 0;
  background-color: #FFFFFF;
  border: 3px solid #1163AD;
  float: left;
}

.section-body-picture-body {
  padding: 2px;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Section
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.object-list {
}

/*
***************************************************************************************************
***************************************************************************************************
** Title
***************************************************************************************************
***************************************************************************************************
*/

.object-list-title {
  padding: 0 0 27px 0;
}

/*
***************************************************************************************************
***************************************************************************************************
** Subtitle
***************************************************************************************************
***************************************************************************************************
*/

.object-list-subtitle {
  padding: 0 0 30px 0;
}

.object-list-subtitle h3 {
  font-size: 1em;
  font-family: 'JostBold', Arial, Helvetica, sans-serif;
  font-weight: bold;
}

/*
***************************************************************************************************
***************************************************************************************************
** Kategorie
***************************************************************************************************
***************************************************************************************************
*/

.object-list-category {
  padding: 0 0 0 12px;
  background-color: #0B72B7;
}

.object-list-category h5 {
  font-family: 'JostBold', Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
}


/*
***************************************************************************************************
***************************************************************************************************
** Item
***************************************************************************************************
***************************************************************************************************
*/

.object-list-item {
  padding: 0 0 7px 0;
  border-bottom: 1px solid #0B72B7;
}

.object-list-item-body {
  padding: 0 0 0 7px;
  border-left: 5px solid #0B72B7;
}

.table-object-list-item-body,
.table-object-list-item-body-text {
  width: 100%;
}

.object-list-item-body-picture {
  padding: 0 16px 0 0;
}

.object-list-item-body-text-title {
  padding: 3px 0 0 0;
}

a.link-object-list-item-title:link,
a.link-object-list-item-title:visited,
a.link-object-list-item-title:hover,
a.link-object-list-item-title:active {
  display: block;
  padding: 0 0 0 24px;
  background-image: url(../grafik/bg_object_list_item_link.gif);
  background-position: left 1px;
  background-repeat: no-repeat;
  font-family: 'JostBold', Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

.object-list-item-body-text-content {
  padding: 0 0 0 24px;
}



/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Eyecatcher
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.eyecatcher {
  margin: 65px 0 0 0;
  padding: 0 0 7px 0;
}

.eyecatcher-title {
  padding: 7px 0 0 7px;
  border-left: 5px solid #0B72B7;
}

.eyecatcher-body {
  padding: 10px 0 7px 7px;
  border-left: 5px solid #0B72B7;
}



/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Form
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.form-eyecatcher .form-body-item-field {
  margin: 3px 0 0 0;
}

.form-eyecatcher input {
  padding: 2px 5px 1px 5px;
  background-color: #FFFFFF;
}

.form-einzeilig-lang {
  width: 200px;
}

.form-auswahl-lang {
  width: 210px;
}

.form-button {
  width: 100px;
  background-color: #0B72B7;
  font-family: 'JostBold', Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Ansprechpartner
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.ansprechpartner {
  width: 100%;
}

.ansprechpartner-body {
  margin: 0 0 40px 0;
}

.ansprechpartner-item {
  width: 215px;
  float: left;
}

.ansprechpartner-item-label {
  position: relative;
  width: 215px;
  margin: 0 0 10px -11px;
  padding: 0 0 4px 8px;
  border-left: 3px solid #1163AD;
  border-bottom: 3px solid #1163AD;
  font-family: 'JostBold', Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.table-ansprechpartner-item-body-text {
  padding: 8px 5px 0 8px;
  font-size: 12px;
}



/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Picture
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.picture {
  float: right;
}

.picture-body {
  margin: 0 0 10px 10px;
  border: 10px solid #FFFFFF;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Galery
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.galery {
  width: 100%;
  padding: 26px 0 0 0;
}

.galery-body-navigation-previous,
.galery-body-navigation-next,
.galery-body-thumb {
  float: left;
}

.galery-body-navigation-previous {
  padding: 0 7px 0 0;
}

.galery-body-navigation-next {
  padding: 0 0 0 1px;
}

.galery-body-thumb {
  padding: 0 6px 0 0;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Seiten-Bild
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.seitenbild {
  padding: 124px 0 0 0;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Text
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.text-fett {
  font-family: 'JostBold', Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.text-klein {
  font-size: .8em;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Tools
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.tools-layout-object-list-category {
  height: 25px;
  line-height: 1px;
  font-size: 1px;
}

.tools-layout-object-list-item {
  height: 25px;
  line-height: 1px;
  font-size: 1px;
}

.tools-layout-form-eyecatcher-item {
  height: 5px;
  line-height: 1px;
  font-size: 1px;
}

.tools-layout-form-eyecatcher-abschluss {
  height: 15px;
  line-height: 1px;
  font-size: 1px;
}

.tools-layout-spacer-vertical-2em {
  height: 2em;
  line-height: 1em;
  font-size: 1em;
}

.tools-layout-ansprechpartner-item-spacer {
  width: 30px;
  float: left;
}




/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Media Queries
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

@media screen and (max-width: 480px) {

body {width: auto;background-image: none;overflow-x: hidden;background-image: url(../grafik/bg_tat_balken_mobile.gif);background-repeat: repeat-x;}
div#corpus {margin: 60px 0 0 0;padding: 0 0 0 10px;width: 442px;}
div#tat-balken-mobile {text-align: center;width: 100%;display: block;position: relative;left: 0;margin: -60px 0 0 0;padding: 0;}
div#tat-balken-mobile-inner {margin: 0;padding: 0;width: 100%;height: 200px;}
div.menu {background-image: none;height: auto;}
div#hamburger {
    position: absolute;
    z-index: 1;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: block;
    height: 40px;
    padding: 3px 4px 3px 6px;
    width: 38px;
    background: #0b72b7;
    background: -moz-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b72b7), color-stop(100%, #0b72b7));
    background: -webkit-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: -o-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: -ms-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: linear-gradient(to bottom, #0b72b7 0%, #0b72b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b72b7', endColorstr='#0b72b7', GradientType=0);
}
/*
The white stripes in the hamburger button
*/
div#hamburger div {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px 2px 2px 2px;
    height: 6px;
    margin-top: 4px;
    width: 90%;
}
/*
The Layer that will be layed over the content
so that the content is unclickable while menu is shown
*/
#contentLayer {
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    z-index: 5;
}
#navigation {
    opacity: 0;
    left: -250px;
    top: 0px;
    position: absolute;
    z-index: 0;
    width: 50%;
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../grafik/bg_tat_balken_mobile.gif);background-repeat: repeat-x;
    /*background: #0b72b7;
    background: -moz-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b72b7), color-stop(100%, #0b72b7));
    background: -webkit-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: -o-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: -ms-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: linear-gradient(to bottom, #0b72b7 0%, #0b72b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b72b7', endColorstr='#0b72b7', GradientType=0);*/
}

/*
Style the navigation menu
*/
#navigation li {
    float: none;clear: both;
}
#navigation li a {
    width: auto;margin: 0 0 16px 0;color: #0b72b7;font-size: 20px;border-bottom: none !important;
}
#navigation li ul li a {
    margin: 0;
}
a.navigation-1-link:link,a.navigation-1-link:visited,a.navigation-1-link:hover,a.navigation-1-link:active,a.navigation-1-link:focus,
a.navigation-2-link:link,a.navigation-2-link:visited,a.navigation-2-link:hover,a.navigation-2-link:active,a.navigation-2-link:focus,
a.navigation-3-link:link,a.navigation-3-link:visited,a.navigation-3-link:hover,a.navigation-3-link:active,a.navigation-3-link:focus,
a.navigation-4-link:link,a.navigation-4-link:visited,a.navigation-4-link:hover,a.navigation-4-link:active,a.navigation-4-link:focus,
a.navigation-5-link:link,a.navigation-5-link:visited,a.navigation-5-link:hover,a.navigation-5-link:active,a.navigation-5-link:focus,
a.navigation-6-link:link,a.navigation-6-link:visited,a.navigation-6-link:hover,a.navigation-6-link:active,a.navigation-6-link:focus
{border-bottom: none;}
li.li-navigation-trenner {display: none;}

div#rumpf {position: relative;width: 100%;padding: 0;}
div.section-body {width: 450px;}
div#fuss {width: 100%;padding: 0;}
div#fuss-inner {padding: 30px 0 0 21px;}
div#fuss-links, div#fuss-mitte, div#fuss-rechts {float: none;clear: both;}
div#fuss-rechts {margin: 30px 0 30px 0;}
div.anzeige-inhalt {float: none;clear: both;}
div#tat-balken, div.kopfbild, div.anzeige-zusatz {display: none;}

}

@media screen and (max-height: 480px) {

body {width: auto;background-image: none;overflow-x: hidden;background-image: url(../grafik/bg_tat_balken_mobile.gif);background-repeat: repeat-x;}
div#corpus {margin: 60px 0 0 0;padding: 0 0 0 10px;width: 442px;}
div#tat-balken-mobile {text-align: center;width: 100%;display: block;position: relative;left: 0;margin: -60px 0 0 0;padding: 0;}
div#tat-balken-mobile-inner {margin: 0;padding: 0;width: 100%;height: 200px;}
div.menu {background-image: none;height: auto;}
div#hamburger {
    position: absolute;
    z-index: 1;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: block;
    height: 40px;
    padding: 3px 4px 3px 6px;
    width: 38px;
    background: #0b72b7;
    background: -moz-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b72b7), color-stop(100%, #0b72b7));
    background: -webkit-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: -o-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: -ms-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: linear-gradient(to bottom, #0b72b7 0%, #0b72b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b72b7', endColorstr='#0b72b7', GradientType=0);
}
/*
The white stripes in the hamburger button
*/
div#hamburger div {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px 2px 2px 2px;
    height: 6px;
    margin-top: 4px;
    width: 90%;
}
/*
The Layer that will be layed over the content
so that the content is unclickable while menu is shown
*/
#contentLayer {
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    z-index: 5;
}
#navigation {
    opacity: 0;
    left: -250px;
    top: 0px;
    position: absolute;
    z-index: 0;
    width: 50%;
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../grafik/bg_tat_balken_mobile.gif);background-repeat: repeat-x;
    /*background: #0b72b7;
    background: -moz-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b72b7), color-stop(100%, #0b72b7));
    background: -webkit-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: -o-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: -ms-linear-gradient(top, #0b72b7 0%, #0b72b7 100%);
    background: linear-gradient(to bottom, #0b72b7 0%, #0b72b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b72b7', endColorstr='#0b72b7', GradientType=0);*/
}

/*
Style the navigation menu
*/
#navigation li {
    float: none;clear: both;
}
#navigation li a {
    width: auto;margin: 0 0 16px 0;color: #0b72b7;font-size: 20px;border-bottom: none !important;
}
#navigation li ul li a {
    margin: 0;
}
a.navigation-1-link:link,a.navigation-1-link:visited,a.navigation-1-link:hover,a.navigation-1-link:active,a.navigation-1-link:focus,
a.navigation-2-link:link,a.navigation-2-link:visited,a.navigation-2-link:hover,a.navigation-2-link:active,a.navigation-2-link:focus,
a.navigation-3-link:link,a.navigation-3-link:visited,a.navigation-3-link:hover,a.navigation-3-link:active,a.navigation-3-link:focus,
a.navigation-4-link:link,a.navigation-4-link:visited,a.navigation-4-link:hover,a.navigation-4-link:active,a.navigation-4-link:focus,
a.navigation-5-link:link,a.navigation-5-link:visited,a.navigation-5-link:hover,a.navigation-5-link:active,a.navigation-5-link:focus,
a.navigation-6-link:link,a.navigation-6-link:visited,a.navigation-6-link:hover,a.navigation-6-link:active,a.navigation-6-link:focus
{border-bottom: none;}
li.li-navigation-trenner {display: none;}

div#rumpf {position: relative;width: 100%;padding: 0;}
div.section-body {width: 450px;}
div#fuss {width: 100%;padding: 0;}
div#fuss-inner {padding: 30px 0 0 21px;}
div#fuss-links, div#fuss-mitte, div#fuss-rechts {float: none;clear: both;}
div#fuss-rechts {margin: 30px 0 30px 0;}
div.anzeige-inhalt {float: none;clear: both;}
div#tat-balken, div.kopfbild, div.anzeige-zusatz {display: none;}

}