/**
 * Main CSS
 *
 * 1.4.0        2019-02-21  MF
 *              - span#emptyUrl für Standortnavigation hinzugefuegt
 * 1.3.4        2016-02-10  RS
 *              - margin-left fuer .contentlist von 17 auf 19, weil der ie (11) ansonsten links was wegschneidet
 * 1.3.3        2016-02-10  RS
 *              - list-style-image nur noch fuer ul, nicht mehr bei ol
 * 1.3.2        2016-02-10  RS
 *              - Version 1.3.2 vorgefunden
 */


/* Grundelemente */
html {
    height: 100%;
}

body {
    font-size: 0.7em;
    font-family: Verdana, Arial;
    line-height: 1.6em;
    color: #000000;
    margin: 0px;
    height: 100%;
    background-color: #FFFFFF;
}

body.popup {
    padding: 20px;
    height: auto !important;
}

p {
    margin-top: 0px;
    text-align: left;
}

a:link, a:visited, a:active {
    font-weight: normal;
    text-decoration: none;
    color: #F56C09;
}
a:hover, a:focus {
    text-decoration: underline;
}

a.mehr {
    padding-left: 15px !important;
    font-weight: bold !important;
    color: #F56C09 !important;
    background: url(/static/img/navi-bullet.gif) no-repeat 0px 3px !important;
}
a.mehr:hover {
    text-decoration: none !important;
    background: url(/static/img/navi-bullet-over.gif) no-repeat 0px 3px !important;
}

img {
    border: none;
}

img.content {
    float: left;
    margin:0 10px 5px 0;
}

div.bild-left {
    float: left;
    margin: 0px 10px 5px 0px;
}

div.bild-right {
    float: right;
    margin: 0px 0px 5px 10px;
}

div.bild-center {
}

div.caption {
    text-align: left;
    padding-top: 3px;
    line-height: 1.1em;
    font-size: 0.9em;
}

.noborder {
    border: none;
}

.hidden {
    display: inline;
    left: -999px;
    top: -999px;
    font-size: 0px;
    height: 0px;
    line-height:0px;
    margin:0px;
    overflow:hidden;
    position:absolute;
}

h1 {
    color: #242F74;
    font-family: "Arial", Arial;
    font-weight: normal;
    font-size: 21px;
    line-height: 23px;
    margin: 0 0 10px 0;
    padding: 0;
}

h2 {
    font-size: 1em;
    font-family: Verdana, Arial;
    color: #242F74;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

/* Der Container umfasst den Gesamten Inhalt der Site */
#container {
    margin: 30px auto 0 auto;
    padding: 0;
    width: 997px;
    border: none;
}

#header {
    padding: 0;
    height: 217px;
    margin-bottom: -28px;
    background: url(/static/img/header-1.0.0.jpg) no-repeat #ffffff;
}

#header .logolink {
    width: 310px;
    height: 170px;
    margin: 10px 0 0 680px;
    border: none;
}

/**
 * TOPNAVI
 */

#topnavi {
    margin: 0 auto 0 auto;
    width: 997px;
    height: 32px;
    background: url(/static/img/header-schatten-bottom.gif) no-repeat bottom transparent;
}

#topnavi ul {
    padding: 0;
    margin: 0 0 0 17px;
    height: 24px;
}

#topnavi li {
    margin: 0;
    float: left;
    list-style-type: none;
    height: 26px;
}

#topnavi li div a {
    display: inline-block;
    margin: 6px 4px 4px 4px;
}

#topnavi li div {
    display: block;
    height: 32px;
    float: left;
    /*padding: 6px 4px 4px 4px;*/
    padding: 0;
    background: url(/static/img/topnavi_sprite.gif) repeat-x 0px -66px;
}
#topnavi li div.left {
    width: 5px;
    padding: 0;
    background: url(/static/img/topnavi_sprite.gif) no-repeat 0px 0px;
}
#topnavi li div.right {
    width: 5px;
    padding: 0;
    background: url(/static/img/topnavi_sprite.gif) no-repeat -6px 0px;
}
#topnavi li div.right-last {
    width: 6px;
    padding: 0;
    background: url(/static/img/topnavi_sprite.gif) no-repeat -48px 0px;
}


#topnavi li.open div {
    background: url(/static/img/topnavi_sprite.gif) repeat-x 0px -132px !important;
}
#topnavi li.open div.left {
    background: url(/static/img/topnavi_sprite.gif) no-repeat -24px 0px !important;
}
#topnavi li.open div.right {
    background: url(/static/img/topnavi_sprite.gif) no-repeat -30px 0px !important;
}
#topnavi li.open div.right-last {
    background: url(/static/img/topnavi_sprite.gif) no-repeat -64px 0px !important;
}


#topnavi li.active div {
    background: url(/static/img/topnavi_sprite.gif) repeat-x 0px -99px !important;
}
#topnavi li.active div.left {
    background: url(/static/img/topnavi_sprite.gif) no-repeat -12px 0px !important;
}
#topnavi li.active div.right {
    background: url(/static/img/topnavi_sprite.gif) no-repeat -18px 0px !important;
}
#topnavi li.active div.right-last {
    background: url(/static/img/topnavi_sprite.gif) no-repeat -56px 0px !important;
}


#topnavi li.shop div {
    background: url(/static/img/topnavi_sprite.gif) repeat-x 0px -33px;
}
#topnavi li.shop div.left {
    background: url(/static/img/topnavi_sprite.gif) no-repeat -36px 0px;
}
#topnavi li.shop div.right {
    background: url(/static/img/topnavi_sprite.gif) no-repeat -42px 0px;
}
#topnavi li.shop div.right-last {
    background: url(/static/img/topnavi_sprite.gif) no-repeat -72px 0px;
}


#topnavi li.shop div a {
    color: #ffffff;
}
#topnavi li.shop.active div a,
#topnavi li.shop.open div a {
    color: #3F3F3F;
}


#topnavi li br.clear {
    clear: both;
    height: 0px;
}

#topnavi li a {
    font-weight: bold;
    color: #3F3F3F;
    text-decoration: none;
}


/* First-level submenu and submenu element rules */
#menu ul {
    position: absolute;
    z-index: 1000;
    margin: -5px 0 0 1px;
    width: 193px;
    /*background: url(/static/img/navi-background.gif) repeat-x #EEF2FB !important;*/
    /*background-color: #FFFFFF;*/
    height: auto;
}

#menu ul li, #menu ul {
    display: none;
    float: none !important;
}
#menu ul li {
    border-top: 1px solid #ffffff;
    background: url(/static/img/navi-border.gif) repeat-y;
    height: auto;
}
#menu ul li.first {
    border-top: none;
}
#menu ul li.last {
    background: none;
}
#menu ul li a {
    display: block;
    width: 166px;
    font-weight: bold;
    color: #3F3F3F;
    border-bottom: 1px solid #D4D4D4;
    border-left: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
    padding: 5px 0 5px 25px;
    
    background: url(/static/img/navi-bullet.gif) no-repeat 10px 9px #ffffff;
}
#menu ul li a:hover, #menu ul li a:focus {
    color: #FF7C1F;
    text-decoration: none;
    background: url(/static/img/navi-bullet-over.gif) no-repeat 10px 9px #ffffff;
}
#menu ul li a.active {
    color: #ffffff;
    background: url(/static/img/navi-bullet-active.gif) no-repeat 10px 9px #FF7C20;
}
#menu li.active li, #menu li.active ul {
    display: block;
}
#menu li div.bottom {
    display: block;
    width: 193px;
    height: 13px;
    padding: 0;
    margin: 0;
    border-top: 1px solid #ffffff;
    background: url(/static/img/topnavi_sprite.gif) no-repeat 0px -165px !important;
}





/**
 * NAVI
 */
#navi {
    clear: both;
    float: left;
    width: 193px;
    margin: 10px 0 20px 0px;
    padding: 0;
    height: 100%;
    background: url(/static/img/navi-background.gif) repeat-x #efeff0;
}

#navi div.navi-head {
    height: 2px;
    background: url(/static/img/navi-border-top.gif) no-repeat;
}

#navi div.suche,
#navi div.toolbar {
    border-bottom: 1px solid #D4D4D4;
    background: url(/static/img/navi-border.gif) repeat-y;
    padding: 10px 8px;
}
#navi div.suche form {
    margin: 0;
    padding: 0;
}
#navi div.suche form #suchtext {
    width: 166px;
    border: 1px solid #D6D6D8;
    height: 13px;
    padding: 4px;
}
#navi div.suche form #submit {
    width: 116px;
    height: 17px;
    background: url(/static/img/button_suche.gif) no-repeat;
    margin: 10px 0 0 0;
    float: right;
    border: none;
    cursor: pointer;
}
#navi div.suche form .light {
    color: #ADB1B2;
}
#navi div.suche form .normal {
    color: #000000;
}

#navi div.suche img.lang {
    margin: 10px 3px 0 0;
}

#navi div.toolbar {
    padding-left: 15px;
}
#navi div.toolbar img {
    margin-right: 10px;
}


#navi ul {
    margin: 0;
    padding: 0;
}
#navi li {
    list-style-type: none;
    border-top: 1px solid #ffffff;
    background: url(/static/img/navi-border.gif) repeat-y;
}
#navi li a, #navi li span, #navi li a:active {
    display: block;
    font-weight: bold;
    color: #3F3F3F;
    
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #D4D4D4;
    
    padding: 5px 0 5px 25px;
    background: url(/static/img/navi-bullet.gif) no-repeat 10px 9px;
}
#navi li a:hover, #navi li a:focus {
    color: #FF7C1F;
    text-decoration: none;
    background: url(/static/img/navi-bullet-over.gif) no-repeat 10px 9px;
}
#navi li a.active, #navi li span.active {
    color: #ffffff;
    background: url(/static/img/navi-bullet-active.gif) no-repeat 10px 9px #FF7C20;
}

#navi ul li div.navigation-image {
    float: right;
    display: block;
    margin: 6px 10px 0 5px;
}


/* Zweite Ebene */
#navi ul ul {
    border: none;
}
#navi ul ul li a,
#navi ul ul li span,
#navi ul ul li a:active {
    color: #3F3F3F;
    padding: 5px 0 5px 40px;
    background: url(/static/img/navi-bullet.gif) no-repeat 25px 9px;
}

#navi ul ul li a:hover,
#navi ul ul li a:focus {
    color: #FF7C1F !important;
    background: url(/static/img/navi-bullet-over.gif) no-repeat 25px 9px;
}
#navi ul ul li a.active,
#navi ul ul li span.active {
    color: #ffffff !important;
    background: url(/static/img/navi-bullet-active.gif) no-repeat 25px 9px #FF7C20;
}


#navi div.bottom {
    display: block;
    width: 193px;
    height: 13px;
    padding: 0;
    margin: 0;
    background: url(/static/img/navi-border-bottom.gif) repeat-y bottom transparent;
}
#navi div.bottom.shop {
    border-top: 1px solid #FFFFFF;
    background: url(/static/img/topnavi_sprite.gif) no-repeat 0px -179px;
}

#navi div.navi-border {
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #D4D4D4;
}

#navi div.navi-border.shop {
    border-top: none;
    padding: 10px;
    background: url(/static/img/shopecke.gif) no-repeat 43px 0px #FF7C20;
}
#navi div.navi-border.shop h2 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
}
#navi div.suche {
    border-bottom: none;
}

#navi div h3 {
    color: #3F3F3F;
    font-family: "Arial Narrow", Arial;
    font-weight: normal;
    font-size: 18px;
    margin: 0;
    padding: 4px;
    text-decoration: none;
}


#navi div.teaser-link {
    padding-top: 20px;
    background-color: #ffffff;
    text-align: center;
}


/* Brotkrumennavigation */
div.brotkrumen {
    margin-top: 0;
    padding: 5px 0 5px 0;
    color: #7A7D82;
}
div.brotkrumen span { /* Trenner */
    color: #7A7D82;
}
div.brotkrumen a {
    text-decoration: none;
    color: #7A7D82;
}

/**
 * TEASER bzw. Infobereich
 */
#teaser {
    margin: 10px 0 0 0;
    float: right;
    width: 178px;
    height: 100%;
}

#teaser div.top,
#teaser div.top-grau {
    width: 178px;
    height: 4px;
    background: url(/static/img/teaser_sprite.gif) no-repeat 0px 0px;
}
#teaser div.middle,
#teaser div.middle-grau {
    padding: 10px;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #C2C6C9;
    width: 156px;
    overflow: hidden;
}
#teaser div.middle-grau {
    padding: 5px 10px 5px 10px;
    background: url(/static/img/teaser_sprite.gif) repeat-x 0px -16px #E2E2E2;
}

#teaser div.shop a {
    margin: 5px 0 5px 0;
}

#teaser div.shop img {
    float: right;
}

#teaser div.bottom,
#teaser div.bottom-grau {
    width: 178px;
    height: 4px;
    margin-bottom: 10px;
}
#teaser div.bottom {
    background: url(/static/img/teaser_sprite.gif) no-repeat 0px -7px;
}
#teaser div.bottom-grau {
    background: url(/static/img/teaser_sprite.gif) no-repeat 0px -12px;
}

#teaser div p {
    padding: 0;
    margin: 0;
}

#teaser div a.mehr {
    display: block;
    text-decoration: none;
    color: #FF7C1F;
    font-weight: bold;
    padding: 0 0 0 15px;
    background: url(/static/img/navi-bullet.gif) no-repeat 0px 5px;
}

#teaser div a.mehr:hover,
#teaser a.mehr:active,
#teaser a.mehr:focus {
    background: url(/static/img/navi-bullet-over.gif) no-repeat 0px 5px;
}

#navi div a.mehr, #navi div a.mehr:hover, #navi div a.mehr:focus, #navi div a.mehr:active {
    margin-left: 15px;
    text-decoration: none;
}

#teaser div h3,
#teaser div h3 a,
#teaser div h3 a:hover,
#teaser div h3 a:active,
#teaser div h3 a:focus {
    color: #242F74;
    font-family: "Arial Narrow", Arial;
    font-weight: normal;
    font-size: 21px;
    margin: 4px 0 14px 0;
    padding: 0;
    text-decoration: none;
}
#teaser div.middle-grau h3,
#teaser div.middle-grau h3 a,
#teaser div.middle-grau h3 a:hover,
#teaser div.middle-grau h3 a:active,
#teaser div.middle-grau h3 a:focus {
    font-size: 15px;
    color: #525A5F;
    margin: 0 0 4px 0;
}
#teaser div.service h2,
#teaser div.service h2 a,
#teaser div.service h2 a:hover,
#teaser div.service h2 a:active,
#teaser div.service h2 a:focus {
    font-size: 15px;
    color: #525A5F;
    margin: 0 0 4px 0;
    text-align: center;
}

#teaser div.trenner {
    margin: 10px 0px 5px 0px;
    height: 10px;
    background: url(/static/img/content-trenner.gif) no-repeat left top transparent;
}

#teaser div a.blacklink {
    color: #000000;
    display: inline-block;
    background: url(/static/img/navi-bullet-over.gif) no-repeat 0px 4px;
    padding-left: 15px;
    font-weight: bold;
}

#teaser div.service div.image {
    text-align: center;
}

#teaser div.warenkorb h3 {
    height: 33px;
    padding-top: 8px;
    background: url(/static/img/icon_warenkorb.png) no-repeat right top transparent;
}

#teaser div h3.blue,
#teaser div h3.blue a,
#teaser div h3.blue a:hover,
#teaser div h3.blue a:active,
#teaser div h3.blue a:focus {
    color: #242F74;
    font-family: "Arial Narrow", Arial;
    font-weight: normal;
    font-size: 21px;
    margin: 4px 0 5px 0;
    text-decoration: none;
}

/**
 * CONTENT
 */
#content {
    background-color: #fff;
    margin: 0px 159px 10px 211px; /* Abstand zu den aeusseren Raendern! Nicht zur Navi und Teaser */
}
/* Div zum fixen des Floating bugs
 * muss floaten und so breit sein wie der Inhaltsbereich */
#content-cleaner {
    float: left;
    width: 590px;
    margin-bottom: 20px;
}

#content img {
    border: none;
}

#content .contentliste {
    margin-left: 19px;
    padding-left: 0;
}

#content .contentliste li {
    margin-left: 0;
    padding-left: 0;
}

#content ul.contentliste li {
    list-style-image: url(/static/img/navi-bullet.gif);
}

#content .contentliste li {
    margin-bottom: 0.8em;
}

#content .contentliste li .contentliste {
    margin-top: 0.8em;
}

/**
 * FOOTER
 */
#footer {
    margin: 0 auto 0 auto;
    width: 987px;
    height: 29px;
    clear: both;
    text-align: center;
    padding: 5px;
    color: #3F3F3F;
    font-weight: bold;
    background: url(/static/img/footer-background.gif) no-repeat;
}
#footer a {
    text-decoration: none;
    color: #F56C09;
    font-weight: bold;
}


/* Artikelbild */
.inhaltsbild {
    float: left;
    margin: 0 5px 5px 0;
}

/* Mitarbeiter */
.mitarbeiterbild {
    float: left;
    margin: 0 5px 5px 0;
}

/* Liste */
.listenbild {

}

ul.listenobjekt {
    list-style-type: none;
    padding: 0;
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
}
ul.listenobjekt li {
    margin: 0px;
    padding: 10px 0 20px 0;
    background: url(/static/img/content-trenner.gif) no-repeat bottom transparent;
}
ul.listenobjekt li img {
    float: left;
    margin: 0 10px 10px 0;
}
ul.listenobjekt li a, ul.listenobjekt li a:hover, ul.listenobjekt li a:active, ul.listenobjekt li a:visited {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}
ul.listenobjekt li .titel {
    font-weight: bold;
}

ul.listenobjekt li.mitarbeiter {
    clear: both;
}
ul.listenobjekt li.mitarbeiter img {
    float: right;
    margin: 0 0 10px 10px;
}
ul.listenobjekt li.mitarbeiter a {
    text-decoration: underline;
}
ul.listenobjekt li.news {

}
ul.listenobjekt li.default {

}

hr {
    margin: 0px;
    padding: 10px 0 20px 0;
    background: url(/static/img/content-trenner.gif) no-repeat bottom transparent;
    border: none;
}

div.teaser {
    margin: 0px;
    padding: 10px 0 20px 0;
    background: url(/static/img/content-trenner.gif) no-repeat bottom transparent;
}

div.teaser img {
    float: left;
    margin: 0 10px 10px 0;
}

/* News */
.newsbild {
    border: 1px solid green;
}

/* Kontaktformular */
form.kontaktformular {
    margin: 0;
    width: 430px;
}
form.anmeldung {
    margin: 0;
    width: 460px;
}
form.kontaktformular div {
    padding: 0 0 10px 0;
}
form.kontaktformular label {
}
form.kontaktformular label.block {
    display: block;
}
form.kontaktformular div.fehler {
    color: red;
    font-weight: bold;
}
form.kontaktformular input {
    width: 400px;
    margin: 0;
}
form.kontaktformular textarea {
    width: 400px;
}
form.kontaktformular input.checkbox {
    width: 15px;
    border: none;
    margin-right: 5px;
}
form.kontaktformular input.radio {
    width: 15px;
    margin-right: 5px;
    border: none;
}
form.kontaktformular input.submitbutton {
    width: 150px;
    background-color: #fff;
    border: 1px solid #aaa;
    text-align: center;
}
form.kontaktformular input.submitbutton.shop {
    width: 270px;
    border: 2px outset #aaa;
    font-size: 1.2em !important;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    background-color: #FF7C20;
    color: #FFFFFF;
}

form.kontaktformular ul.errors {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
form.kontaktformular ul.errors li {
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: red;
}

textarea, input {
    font-family: Verdana, Arial;
    font-size: 1em !important;
}
textarea.readonly {
    background-color: #ECECEC;
    color: #716F64;
}

/* Banner */
#banner {
    margin: 10px auto 10px auto;
    width: 88px;
    height: 41px;
}



/* Allgemeine Formatierung fuer Formular-Elemente */
form fieldset {
    background-color: #f2f2f2;
    border: 1px solid #d6d5da;
	padding: 10px;
}

form fieldset legend {
    display: none;
}

form fieldset fieldset.group {
    /*
    border-top: 1px solid #d6d5da !important;
    border-bottom: 1px solid #d6d5da !important;
    border-left: 1px solid #f2f2f2 !important;
    border-right: 1px solid #f2f2f2 !important;
    padding: 10px 0 0 0 !important;
    */
    padding: 5px !important;
    margin-left: -5px !important;
    margin-right: -5px !important;
    margin-bottom: 10px;
}

form fieldset input,
form fieldset textarea {
    padding: 2px 3px;
    border: 1px solid #d6d5da;
}

form fieldset input.text {
    width: 400px;
}

form fieldset textarea.textarea {
    width: 400px;
}

form fieldset input.checkbox {
    border: 0;
}

form fieldset input.text_mittel {
    width: 313px;
}

form fieldset input.text_kurz {
    width: 75px;
}

form fieldset input.text_sehrkurz {
    width: 40px;
}

form fieldset div.column {
	float: left;
    width: 265px;
	margin: 0 15px 0 0;
}

form fieldset input.button {
    color: #fe7d21;
    font-weight: bold;
    background-color: #fff;
}

form fieldset select {
    width: 375px;
    border: 1px solid #d6d5da;
}

form fieldset select.verkuerzt {
    width: 385px;
}

form fieldset div.label {
    float: left;
    width: 240px;
    font-weight: bold;
}

form fieldset div.description-hidden {
    clear: both;
    width: 200px;
    background-color: white;
    border: 1px solid #D6D5DA;
    position: absolute;
    margin: 0 0 0 125px;
    padding: 5px;
}

form fieldset div.description {
    clear: both;
    margin: 0 0 0 23px;
    padding: 0;
    font-size: 0.9em;
}

form fieldset div.element {
    float: left;
    width: 410px;
}

form fieldset div.element label {
    font-weight: normal;
}

form fieldset div.trenner {
    clear: left;
    height: 10px;
}

form fieldset div.group {
    border: 1px solid #D6D5DA;
    margin-bottom: 10px;
    padding: 5px;
}
form fieldset div.group div.element {
    width: 400px;
}

/* Steuerberater-Suchservice */
#steuerberater-suchservice fieldset select {
    width: 250px;
    height: 21px;
    margin-bottom: 2px;
}

#steuerberater-suchservice fieldset input.radio {
    border: 0;
}

#steuerberater-suchservice fieldset.search input.button_action {
    text-indent: -10000px;
    overflow: hidden;
    width: 16px;
    margin: 5px 0;
    padding: 0 0 2px 16px;
    border: none;
    text-align: left;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
}

#steuerberater-suchservice fieldset.search input.button_action.button_action-add {
    background-image: url(/static/img/icon-add.png);
}

#steuerberater-suchservice fieldset.search input.button_action.button_action-remove {
    background-image: url(/static/img/icon-delete.png);
}

#steuerberater-suchservice fieldset.search select {
    width: 375px;
    border: 1px solid #d6d5da;
}

#steuerberater-suchservice fieldset.edit input.button_action {
    text-indent: -10000px;
    overflow: hidden;
    width: 16px;
    margin: 5px 0;
    padding: 0 0 0 16px;
    border: none;
    text-align: left;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
}

#steuerberater-suchservice fieldset.edit input.button_action_add {
    width: 155px;
    text-align: left;
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-image: url(/static/img/icon-add.png);
    margin-bottom: 2px;
}

#steuerberater-suchservice fieldset.edit input.button_action_remove {
    width: 155px;
    text-align: left;
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-image: url(/static/img/icon-delete.png);
    margin-bottom: 2px;
    overflow: hidden;
    text-indent: -43px;
}

#steuerberater-suchservice fieldset.edit select {
    width: 250px;
    height: 21px;
    margin-bottom: 2px;
}

/*
#steuerberater-suchservice fieldset input.button_action.button_action-add {
    background-image: url(/static/img/icon-add.png);
}

#steuerberater-suchservice fieldset input.button_action.button_action-remove {
    background-image: url(/static/img/icon-delete.png);
}
*/

.messageBox {
    padding: 5px 5px 5px 26px;
}

.messageBox.success {
    border: 1px solid #36db0f;
    background: url(/static/img/accept.png) 5px 6px no-repeat #eefee7;
}

.messageBox.error {
    border: 1px solid #dd3620;
    background: url(/static/img/icon-error.png) 5px 6px no-repeat #fbefed;
}


.messageBox.steuerberater-logout {
    margin: 0 2px 1.00em 2px;
    border: 1px solid #d6d5da;
    background: url(/static/img/icon-user.png) 5px 6px no-repeat #fff;
}


/** Diverses */
table.content {
    width: 100%;
    margin-top: 20px;
}
table.content th,
table.content td {
    text-align: left;
    vertical-align: top;
}

table.content th {
    padding: 3px;
    background-color: #F1F1F1;
    border-top: 1px solid #C4C5C7;
}
table.content th.ausgabe {
    width: 15%;
}
table.content th.redner {
    width: 25%;
}
table.content th.preis {
    width: 22%;
    text-align: right;
}
table.content td.preis {
    text-align: right;
}
table.content th.anzahl {
    width: 15%;
}

table.content td {
    padding: 3px 3px 10px 3px;
    border-bottom: 1px solid #C4C5C7;
}

#content h2.gremium {
    display: block;
    width: 100%;
    padding: 3px;
    margin: 0;
    background-color: #F1F1F1;
    border-top: 1px solid #C4C5C7;
}

#content ul.gremium {
    margin: 0 0 20px 0;
    padding: 0;
    list-style-type: none;
}
#content ul.gremium li {
    margin: 5px 0 0 0;
    padding: 0;
}

#content ul.gremium li ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style-type: none;
}

#content ul.gremium li ul li {
    margin: 5px 0 0 0;
    padding: 0;
}

#content ul.gremium li.mitglied {
    clear: both;
    margin: 0px;
    padding: 10px 0 20px 0;
    background: url(/static/img/content-trenner.gif) no-repeat bottom transparent;
}
#content ul.gremium li.last {
    background: none !important;
}
#content ul.gremium li.mitglied img {
    float: right;
    margin: 0 0 10px 10px;
}
#content ul.gremium li.mitglied a {
    text-decoration: underline;
}

#content ul.sitemap {
	margin: 0 0 0 30px;
	padding: 0;
}
#content ul.sitemap li {
    margin-bottom: 10px;
}
#content ul.sitemap ul li {
    margin-bottom: 0;
}
#content ul.sitemap li a {
    font-weight: bold;
    color:#242F74;
}
#content ul.sitemap ul li a {
    font-weight: normal;
}



table.bildarchiv {
    width: 100%;
}
table.bildarchiv td {
    width: 25%;
    background-color:#F1F1F1;
    border-top: 1px solid #C4C5C7;
    padding: 10px;
    vertical-align: top;
}
table.bildarchiv td div {
    margin-bottom: 10px;
}

div.bildarchiv-detail {
    width: 100%;
    background-color:#F1F1F1;
    border-top: 1px solid #C4C5C7;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

form.publikationen input.menge {
    width: 30px;
    border: 1px solid #C4C5C7;
}
form.publikationen input.submit {
    background-color: white;
    border: 1px solid #C4C5C7;
    text-align: center;
}
form.publikationen input.disabled {
    background-color: #F1F1F1;
}
div.fehler {
    font-weight: bold;
    color: red;
}






.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 2;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 75px;
    height: 75px;
}
.jcarousel-next {
    z-index: 3;
}
.jcarousel-prev {
    z-index: 3;
}

.jcarousel-skin-default .jcarousel-container-vertical {
    height: 150px;
    width: 590px;
}
.jcarousel-skin-default .jcarousel-clip-vertical {
    height: 155px;
    width: 590px;
}

.jcarousel-skin-default .jcarousel-item {
    height: 155px;

}
.jcarousel-skin-default .jcarousel-item-vertical {
    width: 550px;
    overflow: hidden;
}

.jcarousel-skin-default .jcarousel-next,
.jcarousel-skin-default .jcarousel-prev {
    cursor: pointer;
    position: absolute;
}
.jcarousel-skin-default .jcarousel-next-vertical {
    bottom: 20px;
    height: 8px;
    right: 10px;
    width: 10px;
    font-size: 13px;
    font-weight: bold;
    background: url(/static/img/pfeil_runter_0.gif) no-repeat;
}
.jcarousel-skin-default .jcarousel-next:hover {
    background: url(/static/img/pfeil_runter_1.gif) no-repeat;
}
.jcarousel-skin-default .jcarousel-prev-vertical {
    height: 8px;
    right: 10px;
    top: 0px;
    width: 10px;
    font-size: 13px;
    font-weight: bold;
    background: url(/static/img/pfeil_hoch_0.gif) no-repeat;
}
.jcarousel-skin-default .jcarousel-prev:hover {
    background: url(/static/img/pfeil_hoch_1.gif) no-repeat;
}

#flash-mitgliedsverbaende {
	margin-top: 15px;
}
#flash-mitgliedsverbaende div.noscript {
    padding: 10px;
}
#flash-mitgliedsverbaende div.noscript a {
    color: #000000;
}
#flash-mitgliedsverbaende div.noscript a:hover {
    color: #F56C09;
    text-decoration: none;
}

.paginationControl span {
	display: inline-block;
    padding: 1px 2px;
	font-weight: bold;
    border: 1px solid #000;
}

.paginationControl a {
    display: inline-block;
    padding: 1px 2px;
}

/* newsletter */


#newsletterformular {
    padding: 5px 0;
    margin: 0;
    /*width: 530px;*/
}

#newsletterformular dl.zend_form {
    width: auto;
}

#newsletterformular dl.zend_form dt {
    clear: both;
    float: left;
    margin: 5px;
    width: 130px;
}

#newsletterformular dl.zend_form dd {
    float:left;
    margin:5px;
    width: 400px;
}

#newsletterformular dl.zend_form dd input, #newsletterformular dl.zend_form dd textarea, #newsletterformular dl.zend_form dd select  {
    width: 300px;
}

#newsletterformular dl.zend_form dd input.checkbox, #newsletterformular dl.zend_form dd input.radio {
    width: auto;
}

#newsletterformular #datenschutzerklaerung {
    height: 300px;
}


/**
 * ForgotPassword Styles
 */

#forgotPassword {
	margin-bottom: 20px;
}

form#forgotPasswordForm {
    padding-top: 20px;
}

#forgotPassword div {
	clear: both;
}

#forgotPassword label.label {
	float: left;
	width: 150px;
}

#forgotPassword .standard-input {
	float: left;
	width: 200px;
	margin-bottom: 10px;
}

#forgotPassword select.standard-input {
	width: 204px;
}

#forgotPassword .submit-button {
	float: left;
	margin-left: 150px;
	width: 200px;
	border: 1px solid #747474;
	background-color: #FFFFFF;
}

#forgotPassword ul.errors {
	margin: 0 0 15px 150px;
	padding: 0;
	color: #FF0000;
	list-style-type: none;
	font-size: 0.85em;
	font-weight: bold;
}

div#forgotPassword p.message {
	font-weight: bold;
}

/**
 * End ForgotPassword Styles
 */


a.link-button,
a.link-button:hover,
a.link-button:visited,
a.link-button:active {
    display: inline-block;
    height: 17px;
    background-color: #fff;
    border: 1px solid #aaa;
    text-align: center;
    text-decoration: none;
    color: #000000;
    padding-left: 20px;
    padding-right: 20px;
}


/**
 * Twitter-Widget
 */

    div#twitter-widget a.twtr-timestamp {
        color:black !important;
    }
    div#twitter-widget div.twtr-tweet-wrap {
        padding:6px 0px;
        font-size:10px !important;
    }
    div#twitter-widget div.twtr-doc {
        
    }
    div#twitter-widget div.twtr-hd {
        padding:5px 0px 7px 5px;
    }
    div#twitter-widget div.twtr-bd {
        
    }
    div#twitter-widget div.twtr-bd div.twtr-timeline {
        
    }
    div#twitter-widget div.twtr-hd a,
    div#twitter-widget div.twtr-hd h3,
    div#twitter-widget div.twtr-hd h4
    {
        font-family: "Arial Narrow", Arial;
        color:#242F74 !important;
        font-weight:bold;
    }
    div#twitter-widget div.twtr-hd,
    div#twitter-widget div.twtr-ft
    {
        visibility:none;
        display:none;
    }
    div#twitter-widget div#twtr-widget-1 {
        margin-left:0px;
        margin-right:0px;
    }
    div#twitter-widget div.top-grau {
        
    }
    div#twitter-widget div.middle-grau {
        padding: 0px !important;
        width: auto;
        background: none;
        background-color:#FFFFFF !important;
        border: none;
    }
    div#twitter-widget img.twitter-follow {
        margin-top:7px;
        margin-bottom:1px;
        margin-left:0px;
    }
    div#twitter-widget img.twitter-logo {
        margin-top:2px;
        margin-left:-1px;
    }
    div#twitter-widget div.twitter-logo {
        background-color:#FFFFFF !important;
    }
    div#twitter-widget div.twitter-head {
        margin-top:2px;
        margin-left:0px;
        margin-bottom:3px;
        font-weight:bold;
    }

/**
 *  End Twitter-Widget
 */

.messageBox.warning {
    border: 1px solid #ffc600;
    background: url(/static/img/icon-warning.png) 5px 6px no-repeat #fdf9ed;
}

.messageBox.information {
    border: 1px solid #638bbb;
    background: url(/static/img/icon-information.png) 5px 6px no-repeat #e2ebf5;
}

span.socialMedia.socialMediaGooglePlus {
    background: url(/static/img/icon-textfield-google.gif) no-repeat 2px 2px;
}

span.socialMedia.socialMediaFacebook {
    background: url(/static/img/icon-textfield-facebook.gif) no-repeat 2px 2px;
}

span.socialMedia.socialMediaTwitter {
    background: url(/static/img/icon-textfield-twitter.gif) no-repeat 2px 2px;
}

span.socialMedia.socialMediaXing {
    background: url(/static/img/icon-textfield-xing.gif) no-repeat 2px 2px;
}

#content ul.listenobjekt.suchservice.suchservice-ergebnisliste div.images {
    float: right;
    width: 160px;
    text-align: right;
}

div.images {
    float: right;
    width: 210px;
    text-align: right;
}

#content ul.listenobjekt.suchservice.suchservice-ergebnisliste div.images div.image,
div.images div.image {
    margin: 0 0 1.00em 0;
    text-align: right;
}


#content ul.listenobjekt.suchservice.suchservice-ergebnisliste img {
    margin: 0 0 10px 10px;
    border: 1px solid #d6d5da;
}

#content ul.listenobjekt.suchservice.suchservice-ergebnisliste a {
    color: #f56c09;
}

#content span.socialMedia {
    display: inline-block;
    padding-left: 21px;
}

#content ul.listenobjekt.suchservice-ergebnisliste li {
    padding-bottom: 9px;
}

#content ul.listenobjekt.suchservice-ergebnisliste li div.element {
    padding: 5px 10px;
}

#content ul.listenobjekt.suchservice-ergebnisliste li.highlightProfilePremium div.element {
    border-top: 1px solid #C4C5C9;
    border-bottom: 0;
    background-color: #FDEDE1;
}

#steuerberater-suchservice div.imageElement {
    margin: 0 0 0.50em 0;
}

#steuerberater-suchservice div.imageElement div.image {
    float: right;
    width: 100px;
    margin: 0 10px 0 0;
}

#steuerberater-suchservice div.imageElement div.image img {
    border: 1px solid #d6d5da;
}

#steuerberater-suchservice div.imageElement div.imageControl {
    float: left;
    width: 290px;
}

#steuerberater-suchservice h3 {
    margin-top: 0;
}

#steuerberater-suchservice div.accountType div.element {
    float: left;
    width: 25px;
}

#steuerberater-suchservice div.accountType div.label {
    float: left;
    width: 543px;
    font-weight: normal;
    margin: 0 0 0.50em 0;
}

#steuerberater-suchservice div.accountType div.label span.price {
    float: right;
    width: 100px;
    text-align: right;
}

#steuerberater-suchservice div.accountType div.label span.description {
    display: block;
    width: 443px;
}

#steuerberater-suchservice div.accountType {
    margin: 0 0 2.00em 0;
}

#steuerberater-suchservice div.hint {
    font-size: 0.85em;
    color: #716f64;
}

#steuerberater-suchservice input.text.socialMedia {
    width: 379px;
    padding-left: 21px;
}

#steuerberater-suchservice input.text.socialMedia.socialMediaGooglePlus {
    background: url(/static/img/icon-textfield-google.gif) no-repeat 2px 2px #fff;
}

#steuerberater-suchservice input.text.socialMedia.socialMediaFacebook {
    background: url(/static/img/icon-textfield-facebook.gif) no-repeat 2px 2px #fff;
}

#steuerberater-suchservice input.text.socialMedia.socialMediaTwitter {
    background: url(/static/img/icon-textfield-twitter.gif) no-repeat 2px 2px #fff;
}

#steuerberater-suchservice input.text.socialMedia.socialMediaXing {
    background: url(/static/img/icon-textfield-xing.gif) no-repeat 2px 2px #fff;
}

#steuerberater-suchservice textarea.description {
    width: 400px;
}

#steuerberater-suchservice textarea.address {
    width: 400px;
}

#steuerberater-suchservice textarea.agb {
    width: 400px;
}

#steuerberater-suchservice input.button {
    color: #fe7d21;
    font-weight: bold;
    background-color: #fff;
    padding: 5px 5px;
    border: 1px solid #d6d5da;
}

#steuerberater-suchservice input.file {
    width: 285px;
}

#steuerberater-suchservice fieldset {
    margin: 0;
}

#steuerberater-suchservice ul.navigation-tabs {
    margin: 0;
    padding: 0;
    z-index: 10000;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #d6d5da;
}

#steuerberater-suchservice ul.navigation-tabs li {
    float: left;
    margin: 0 5px 0 0;
    padding: 3px 10px;
    background-color: #f2f2f2;
    border: 1px solid #d6d5da;
    border-bottom: none;
    list-style-type: none;
}

#steuerberater-suchservice ul li.hasErrors {
    background: url(/static/img/icon-error.png) no-repeat 3px 4px #f2f2f2;
    padding: 3px 10px 3px 23px;
}

#steuerberater-suchservice ul li a,
#steuerberater-suchservice ul li a:focus,
#steuerberater-suchservice ul li a:hover {
    outline: none;
    color: #000;
    text-decoration: none;
}

#steuerberater-suchservice ul li.ui-state-active {
    background-color: #ff7c20;
}

#steuerberater-suchservice ul li.ui-state-active a {
    color: #fff;
}

#steuerberater-suchservice fieldset {
    margin-top: -1px;
    border-top: none;
}


#steuerberater-suchservice ul.noScript {
    display: none;
}

#steuerberater-suchservice fieldset.noScript {
    margin-top: 2em;
    border-top: 1px solid #d6d5da;
}


/* TipTip CSS - Version 1.3 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

div.pdfDokument object embed {
	width: 590px !important;
	height: 835px !important;
}



/*******************LINKESPALTE-Map-BodyMap-Teaser***********/


#navi .teaser-map .category {
    padding-top: 20px;
    padding-bottom: 1px;
    font-size: 15px;
    font-family: Arial;
    color: #525A5F;
    /*line-height: 22px;*/
}

#navi .teaser-map a.mehr, #navi div a.mehr:hover, #navi div a.mehr:focus, #navi div a.mehr:active {
    margin-left: -10px;
    text-decoration: none;
}

#navi .sprite li,
#navi .standort-flyouts li {
    border-width: 0px 0px 0px 0px;
}


 
   

#navi .standort-flyouts li div {
    display: inline;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #D4D4D4;
    
    padding-right: 15px;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-family: Arial;
}

#navi .standort-flyouts li .point a, #navi .standort-flyouts li .point span#emptyUrl{
    border:none;
    list-style-type:none;
    font-family: Arial;
    background: url("/static/img/navi-bullet.gif") no-repeat scroll 5px 5px rgba(0, 0, 0, 0);
    font-weight: normal;
    padding: 0px 0 3px 20px;
}

#navi .standort-flyouts li a:active
{
    padding-right: 15px;
}

#navi .point {
    background:none;
    background-repeat: no-repeat;
    float: left;
    padding-bottom: 3px;
    padding-top: 5px;
    position:absolute;
    
}

#navi .point.hidden {
    margin-left:10000px;
    margin-top:10000px;
}
.point-1{
    margin-left: 90px;
    margin-top: 0px;
}

.point-2{
    margin-left: 70px;
    margin-top: 17px;
}

.point-3{
    margin-left: 80px;
    margin-top: 60px;
}

.point-4{
    margin-left: 35px;
    margin-top: 33px;
}

.point-5{
    margin-left: 50px;
    margin-top: 50px;
}

.point-6{
    margin-left: 10px;
    margin-top: 110px;
}

.point-7{
    margin-left: 20px;
    margin-top: 145px;
}

.point-8{
    margin-left: 20px;
    margin-top: 150px;
}

.point-9{
    margin-left: 60px;
    margin-top: 165px;
}

.point-10{
    margin-left: 40px;
    margin-top: 100px;
}

.point-11{
    margin-left: 50px;
    margin-top: 100px;
}

.point-12{
    margin-left: 70px;
    margin-top: 100px;
}

.point-13{
    margin-left: 70px;
    margin-top: 90px;
}

.point-14{
    margin-left: 70px;
    margin-top: 60px;
}

*/

#navi .teaser-bodymap ul.mapmarker {
    float:left;
    /*margin-top:-12px;*/
} 

#navi .teaser-bodymap a.teaser-link-button {
    margin-left: 5px;
    margin-right:3px;
}
 
#navi .teaser-bodymap a.teaser-link-button,
#navi .teaser-map a.teaser-link-button {
    color: #383838;
}

.teaser-bodymap {
    height: 477px;
}

.teaser-bodymap .map-area {
    margin-top:40px;
    height:317px;
    margin-bottom:20px;
    background: url(/static/img/teaser-map-body.png) no-repeat center -10px;
}

#content .teaser-bodymap{
    width: 160px;
    float: left;
}

#content .teaser-bodymap .map-area{
    background: url(/static/img/teaser-map-body.png) no-repeat 19px -10px;
    /*width: 160px;
    background: url(/static/img/teaser-map-body-small.png) no-repeat 55px 0px;*/
    margin-top: 0px;
    /*height: 166px;*/
    width:200px;
    
}

#navi .teaser-map .map-area {
    margin-top: 5px;
    height:250px;
    margin-bottom: 10px;
}

#navi .teaser-map {
    height: 320px;
    //padding-top: 4px;
}

#navi .teaser-map,
#navi .teaser-bodymap {
    background: url(/static/img/teaser-map-bg-d2e0ed.jpg) no-repeat center center;
    text-align: center;
    overflow: hidden;
}

.teaser-bodymap .map-area,
.teaser-map .map-area {
    width:100%;
    text-align: left;
}

.mapmarker > li {
    height: 0px;
    width: 0px;
    position: relative;
    float: left;
}

/*#content .teaser-bodymap .mapmarker > li{
    margin-left: 43px;
    margin-top: -5px;
}*/

a.mapmarker {

    display:block;
    height: 7px;
    width: 7px;
    float:left;
    //max-height: 7px;
    //min-height: 7px;*/

    cursor: pointer;
    //color: #fff !important;
    text-decoration: none;
    //font-size: 26px;
    background: url(/static/img/button-standorte-0.png) no-repeat 0px center;
    position: relative;
    z-index: 98;
}

a.mapmarker:visited{
    color: #fff !important;
}

a.mapmarker:hover{
    text-decoration:none !important;
}
ul.mapmarker > li:hover a.mapmarker{
    //text-shadow: -2px 0 #fff, 0 2px #fff,
    //  2px 0 #fff, 0 -2px #fff;
      background: url(/static/img/button-standorte-1.png) no-repeat 0px center;
}

 .teaser-map img.background {
    position:absolute;
    /*margin-left:10px;
    margin-top:-2px;*/
}

.teaser-technologie .maparea{

}

.teaser-technologie .teaser-bodymap{
    margin-top:10px;
}

.teaser-map .mapmarker li div.more-info-flyout{
    position: absolute;
    /*display: none;*/
    width: 200px;
    padding-left:15px;
    background: url(/static/img/flyout-bg-west.png) no-repeat 2px center;
    margin-top: 4px;
    margin-left: 10px;
    z-index: 99;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-49%) !important;
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
}

.teaser-map .mapmarker li:hover div.more-info-flyout{
    display: block;
}

/****Flyout Gruppierung***/

.grouped-flyout{
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid #364F81;
    border-right: 1px solid #364F81;
    border-bottom: 1px solid #364F81;
    border-left: 1px solid #364F81;
}

.grouped-room {
    height: 30px; 
    color: #FFF; 
    background-color: #123456;
    font-weight: bold;
    padding: 3px 10px;
}

.teaser-map .mapmarker li div.more-info-flyout ul{
    display: none;
    width: 200px !important;
    padding-bottom: 6px;
}

.teaser-map .mapmarker li ul li.member{
    padding: 0 16px 11px 33px;
    background: url(/static/img/link-arrow-white.png) no-repeat 15px 3px;
    text-align: left;
}

.teaser-map .mapmarker li ul li.head{
    width: 180px;
    height: 27px;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    padding: 10px 5px 0px 15px;
    font-weight: 600;
    margin-bottom: 11px;
}

.teaser-map .mapmarker li ul li a{
    color: #fff !important;
    text-decoration: none;
    font-size: 15px;
    line-height: 15px;
    display: block;
    font-weight: 400;
}

.teaser-map .mapmarker li ul li a:hover{
    text-decoration: underline;
}

.map-wrapper{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background: #f7f7f7;
    padding-bottom: 20px;
    margin-bottom: 27px;
    padding-top: 3px;
    height: 234px;
    overflow: hidden;
}

.mitglieder-liste .map-wrapper{
    height: 170px;
}

.map-wrapper .hover-positioner,
#navi .teaser .hover-positioner{
    position: absolute;
    margin-left: 20px;
    height:250px;
}

.map-wrapper .infotext{
    float: right;
    font-size:21px;
    font-weight: 400;
    line-height: 30px;
    width: 225px;
    margin-right: 25px;
}

.map-wrapper span.show-button{
    display: block;
    margin-top: 22px;
    width: 234px;
    height: 40px;
    text-align: center;
    padding-right: 35px;
    line-height: 39px;
    background-image: url(/static/img/teaser-arrow-down-large.png);
    background-repeat: no-repeat;
    background-position: 228px center;
    float: right;
    cursor: pointer;
    font-size:21px;
    font-weight: 700;
}

.map-wrapper span.show-button:hover{
    text-decoration: underline;
}

.map-wrapper .infotext .heading{
    margin-top: 39px;
    display: block;
    font-weight: 700;
    margin-bottom: 7px;
}

.map-wrapper .content-map-small{
    float: left;
}

.map-wrapper .content-map-small{
    height:238px;
    width:171px;
}

.map-wrapper .schablone,
#navi .teaser .schablone {
    height: 234px;
    position: relative;
    left:-10px;
    top: -234px;
    width: 171px;
}

.map-wrapper .hover,
#navi .teaser .hover{
    height: 234px;
    position: relative;
    width: 171px;
    //background-image: url('/static/img/karte-sprite-export-2850x250.png.png') ;
}

#navi .teaser .hover{
    left: -10px;
}

.map-wrapper .teaser-map,
#navi .teaser .teaser-map{
    height: 234px;
    width: 171px;
    background:none;
}

#navi .teaser .teaser-map ul.mapmarker{
    /**/
}

#navi .teaser-map  .sprite {
    height: 250px;
    width: 191px;
    position:absolute;
    
}

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