/*******************************************************************************/
/* Basis Style definitionen */
a {
    color               : #1E3675;
    text-decoration     : underline;
}

a:hover {
    color               : black;
    text-decoration     : underline !important;
}

input,
textarea,
select {
    border-color        : #969696;
}

.overlabel-wrapper {
    position            : relative;
    white-space         : nowrap;
}

label.overlabel-apply {
    position            : absolute;
    top                 : 6px;
    left                : 7px;
    z-index             : 1;
}

/*******************************************************************************/
/* Basis Layout */
html {
    padding             : 0;
    margin              : 0;
    font-family         : Arial, Verdana, Tahoma, sans-serif;
    font-size           : 12px;
}
body {
    width               : 980px;
    margin              : 0 auto;
    border-top          : 33px solid #1E3675;
    color               : #1E3675;
    background          : none;
}
body.frontend {
    background          : #1E3675 url(/images/default/kreise-content-blau.gif) repeat-y center 245px;
}

/*******************************************************************************/
/* Content-Box */
.content-box {
    background-color        : #F2F2F2;
    border                  : 1px solid #999999;
}
.content-box h2 {
    background              : #246095;
    color                   : white;
    border-bottom           : 5px solid #5296D5;
    padding                 : 4px 0 0 10px;
}

/*******************************************************************************/
/* Form-Klasse Validierungsfehler */
label.verror {
    color               : red;
}
input.verror,
textarea.verror,
select.verror {
    background-color    : #FFCCCC;
}

img.left {
    margin-right        : 5px;
    margin-bottom       : 5px;
}
img.right {
    margin-left         : 5px;
    margin-bottom       : 5px;
}

/*******************************************************************************/
/* Kopfzeile */
#top {
    border              : 1px solid #566897;
    background          : #2666A3;
    margin-bottom       : 1px;
    background-image    : url(/images/default/top-bg.png);
    background-repeat   : repeat-x;
    background-position : 0 0;
    height              : 48px;
}

#top:after {
    clear               : both;
    content             : '.';
    display             : block;
    height              : 0;
    visibility          : hidden;
}

/*******************************************************************************/
/* Topmenue */
#menu-mobile {
    display: none;
}
#top ul.menu-main {
    padding             : 0;
    margin              : 0 0 0 10px;
    list-style-type     : none;
}

#top li.level_1 {
    float               : left;
    position            : relative;
    padding-top         : 1px;
}

#top a {
    text-decoration     : none;
}

#top a.level_1 {
    color               : #FFF;
    padding             : 15px 8px 5px;
    display             : block;
    font-size           : 12px;
    font-weight         : bold;
    background          : url(/images/default/top-menu-pipe.png) no-repeat right 10px;
    text-transform      : uppercase;
}

#top li.level_1:hover a.level_1,
#top li.haschilds:hover a.level_1,
#top li.hover a.level_1 {
    background          : #E3E6F1;
    border              : 1px solid #1E3675;
    color               : #1E3675;
    margin              : 8px -1px 0;
    padding-top         : 6px;
    padding-bottom      : 6px;
}

#top li.haschilds:hover a.level_1,
#top li.hover_haschilds a.level_1 {
    border-bottom       : 0;
    padding-bottom      : 16px;
}

#top ul.level_2 {
    display             : none;
    position            : absolute;
    background          : #E3E6F1;
    border              : 1px solid #1E3675;
    border-top          : 0;
    color               : #1E3675;
    z-index             : 10;
    left                : -1px;
    width               : 350px;
    padding             : 20px 0 0;
}

#top li:hover ul.level_2,
#top li.hover ul.level_2 {
    display             : block;
}

#top li.level_2 {
    float               : left;
    width               : 155px;
    padding             : 0 10px 10px;
    list-style-type     : none;
}

#top ul.level_2 li.third,
#top ul.level_2 li.fifth {
    clear               : both;
}

#top ul.level_2 a {
    color               : #1E3675;
    display             : block;
}

#top ul.level_2 a:hover {
    text-decoration     : underline;
}

#top a.level_2 {
    font-size           : 11px;
    font-weight         : bold;
    border-bottom       : 1px solid #1E3675;
    padding-bottom      : 2px;
    margin-bottom       : 8px;
}

#top a.level_2:hover {
    text-decoration     : none;
}

#top ul.level_3 {
    padding             : 0;
    margin              : 0;
}

#top li.level_3,
#top li.level_4 {
    list-style-type     : none;
}

#top ul.level_3 a {
    font-size           : 11px;
}

#top ul.level_4 {
    padding             : 0;
    margin              : 0 0 0 10px;
}
body.loggedin #top ul.level_3 {
    display: none;
}
/*******************************************************************************/
/* Suchformular */
#search-form {
    float               : right;
    height              : 47px;
}

#search-form fieldset {
    border              : none;
    float               : right;
    margin              : 11px 20px;
}

#search-form fieldset label {
    color               : #FFFFFF;
    font-size           : 11px;
}

#search-form fieldset label.overlabel-apply {
    color               : #1E3675;
}

#search-form fieldset input#search_keywords {
    border              : 1px solid #1E3675;
    width               : 128px;
    padding             : 5px 5px 4px 5px;
    font-family         : Arial, Verdana, Tahoma, sans-serif;
    font-size           : 11px;
    color               : #1E3675;
}

fieldset button {
    background          : url(/images/default/submit_bg.png) repeat-x 0;
    border              : none;
    background-color    : none;
    font-size           : 12px;
    font-family         : Arial, Helvetica;
    color               : #1E3675;
    font-weight         : bold;
    height              : 25px;
    border-right        : 1px solid #1E3675;
    padding             : 0 10px;
    cursor              : pointer;
    vertical-align      : top;
}

/*******************************************************************************/
/* Header */
#header {
    background-image    : url(/images/default/header.jpg);
    height              : 160px;
    border-bottom       : 1px solid #1E3675;
}

#header div#logo {
    float               : left;
    margin-left         : 20px;
    margin-top          : 16px;
}

#header div.slogan {
    color               : #1E3675;
    font-size           : 50px;
    float               : right;
    text-align          : right;
    margin-right        : 20px;
    line-height         : 20px;
    margin-top          : 58px;
}

#header div.slogan span {
    font-size           : 25px;
}

#header h1 span {
    font-size           : 18px;
    float               : right;
    margin-top          : -5px;
}

/*******************************************************************************/
/* Login-Formular */
#login-form {
    width               : 239px;
    float               : left;
    background          : #FFF;
    border-right        : 1px solid #1E3675;
    padding             : 20px;
    font-size           : 11px;
    margin-bottom       : 1px;
}

#login-form fieldset {
    border              : 0;
}

#login-form fieldset label {

}

#login-form fieldset p {
    margin-bottom       : 10px;
}

#login-form fieldset div#title {
    text-transform      : uppercase;
    font-size           : 12px;
    font-weight         : bold;
    border-bottom       : 1px solid #1E3675;
    line-height         : 15px;
    margin-bottom       : 10px;
}
#login-form fieldset input#login_login_left,
#login-form fieldset input#login_login,
#login-form fieldset input#login_pass_left,
#login-form fieldset input#login_pass {
    border              : 1px solid #1E3675;
    width               : 229px;
    padding             : 5px 5px 4px 5px;
    font-size           : 11px;
    font-family         : Arial, Helvetica;
    color               : #1E3675;
    margin-bottom       : 5px;
}

#login-form fieldset input#login_pass_left,
#login-form fieldset input#login_pass {
    width               : 188px;
}

#extranet-urls {
    background-color    : #C7E15A;
    width               : 239px;
    float               : left;
    border-right        : 1px solid #1E3675;
    padding             : 20px;
    font-size           : 11px;
    margin-bottom       : 1px;
}
#extranet-urls a {
    font-size           : 14px;
    font-weight         : bold;
    line-height         : 24px;
    text-decoration     : none;
    background-image    : url(/images/default/home.png);
    background-repeat   : no-repeat;
    background-position : 0 center;
    padding-left        : 23px;
}
#extranet-urls a:hover {
    text-decoration     : underline;
}

/*******************************************************************************/
/* Session-Messages */
#content #msgs ul {
    list-style-type     : none;
}

/*******************************************************************************/
/* Content */
#content {
    width               : 660px;
    color               : #1E3675;
}

/* Nur Frontend */
body.frontend #content {
    background          : #FFF;
    float               : right;
    padding             : 10px 20px 50px 20px;
    min-height          : 620px;
    background-image    : url(/images/default/kreise-content.gif);
    background-repeat   : repeat-y;
    background-position : 0 0;
}

#content ul {
    list-style-type     : disc;
}
#content ol {
    margin-left         : 20px;
}

/*******************************************************************************/
/* Breadcrumb */
#content #breadcrumb {
    width               : 100%;
    list-style-type     : none;
    padding             : 0;
    margin              : 0 0 30px 0;
    font-size           : 11px;
}

#content #breadcrumb:after {
    clear               : both;
    content             : '.';
    display             : block;
    height              : 0;
    visibility          : hidden;
}

#content #breadcrumb li:first-child {
    font-weight         : bold;
    padding             : 0;
}

#content #breadcrumb li {
    float               : left;
    padding             : 0 3px;
}

/*******************************************************************************/
/* Footer */
#footer {
    float               : right;
    clear               : right;
    width               : 700px;
    background          : #FFF;
    font-size           : 11px;
}

#footer ul {
    border-top          : 1px solid #666666;
    list-style-type     : none;
    color               : #666666;
    text-align          : center;
    margin              : 0 20px;
    padding             : 10px 80px;
}

#footer li {
    display             : inline;
    padding             : 0;
}

#footer a {
    color               : #666666;
    text-decoration     : none;
}

#footer a:hover {
    text-decoration     : underline;
}

/*******************************************************************************/
/* Hauptmenue */
div#left-sidebar {
    float               : left;
}

ul.menu-sub {
    width               : 239px;
    float               : left;
    clear               : left;
    background          : #C7E15A;
    padding             : 20px;
    margin              : 0;
    list-style-type     : none;
    border-right        : 1px solid #1E3675;
    border-bottom       : 1px solid #1E3675;
}

ul.menu-sub li a {
    display             : block;
    text-transform      : uppercase;
    font-size           : 12px;
    font-weight         : bold;
    border-bottom       : 1px solid #1E3675;
    line-height         : 15px;
    margin-bottom       : 10px;
    text-decoration     : none;
}

ul.menu-sub li a.level_1:hover {
    color               : #1E3675;
}

ul.menu-sub li ul {
    list-style-type     : none;
    padding: 0;
}

ul.menu-sub li.level_2 a {
    border              : 1px solid #AFB803;
    padding             : 3px 10px;
    font-family         : Arial, Helvetica;
    font-size           : 12px;
    font-weight         : normal;
    line-height         : normal;
    margin-bottom       : 5px;
    text-transform      : none;
}

ul.menu-sub li.level_2 a.active,
ul.menu-sub li.level_2 a.active_path {
    background          : #E6EEAE url(/images/default/main-menu-arrow-down.gif) no-repeat 220px 10px;
}

ul.menu-sub li.level_2 a.inactive {
    background          : #E6EEAE url(/images/default/main-menu-arrow-right.gif) no-repeat 223px 7px;
}


ul.menu-sub li ul li ul {
    margin-bottom       : 8px;
}

ul.menu-sub li.level_3 a,
ul.menu-sub li.level_3 a.active,
ul.menu-sub li.level_3 a.inactive {
    background          : transparent;
    border              : none;
    padding             : 2px 10px;
    font-size           : 11px;
}

ul.menu-sub li.level_3 a.active {
    text-decoration     : underline;
}


ul.sitemap {
	padding              : 0;
	margin               : 30px 0 0 0;
	list-style-type      : none;
}
ul.sitemap ul {
  margin-bottom        : 0 !important;
  list-style-type      : none;
}
ul.sitemap li a {
  background-position  : 0 0;
  background-repeat    : no-repeat;
  display              : block;
  margin-bottom        : 3px;
  padding-bottom       : 3px;
  text-decoration      : none;
}


div.contact-form h2 {
	display              : none;
}
div.contact-form table.form td.first {
  width                 : 110px;
}
div.contact-form table.form td input.submit {
    background          : url(/images/default/submit_bg.png) repeat-x 0;
    border              : none;
    background-color    : none;
    font-size           : 12px;
    font-family         : Arial, Helvetica;
    color               : #1E3675;
    font-weight         : bold;
    height              : 25px;
    border-right        : 1px solid #1E3675;
    border-left         : 1px solid #1E3675;
    padding             : 0 10px;
    cursor              : pointer;
    vertical-align      : top;
    margin-top          : 10px;
}
div.contact-form table.form td input.text,
div.contact-form table.form td select.select,
div.contact-form table.form td textarea.textarea {
	font-family           : Verdana;
  font-size             : 11px;
}
div.contact-form table.form td input.text {
	border-color          : #192D5E;
  width                 : 260px;
}
div.contact-form table.form td input.zip {
  width                 : 70px;
}
div.contact-form table.form td input.city {
  width                 : 183px;
}
div.contact-form table.form td select.select {
	border-color          : #192D5E;
  width                 : 264px;
}
div.contact-form table.form td textarea.textarea {
  width                 : 260px;
  border-color          : #192D5E;
}


div.module-search div.content-box h2 {
  display               : none;
}
div.module-search div.content-box table.form td.first {
  width                 : 100px;
}
div.module-search div.content-box table.form td input.textfield {
  font-family           : Verdana;
  font-size             : 11px;
  width                 : 500px;
  border-color          : #192D5E;
  padding               : 3px;
}
div.module-search div.content-box table.form td input.submit {
    background          : url(/images/default/submit_bg.png) repeat-x 0;
    border              : none;
    background-color    : none;
    font-size           : 12px;
    font-family         : Arial, Helvetica;
    color               : #1E3675;
    font-weight         : bold;
    height              : 25px;
    border-right        : 1px solid #1E3675;
    border-left         : 1px solid #1E3675;
    padding             : 0 10px;
    cursor              : pointer;
    vertical-align      : top;
    margin-top          : 10px;
}
div.module-search-results div.content-box{
    margin-bottom       : 20px;
}
div.contact-descr {
  width                 : 250px;
  float                 : left;
}
div.contact-form {
  float                 : right;
}
div.module-search h3 {
  margin-bottom         : 15px;
}
div.search-result h3 {
  font-size             : 12px;
  margin-bottom         : 0;
}
#content h1 {
    font-size           : 14px !important;
    text-transform      : uppercase;
    border-bottom       : 1px solid #1E3675;
    margin-bottom       : 15px;
    color               : #1E3675 !important;
}
#content h2 {
    font-size           : 12px !important;
    margin-top          : 45px;
    margin-bottom       : 10px;
    color               : #1E3675 !important;
}
#content p {
    margin-bottom       : 15px;
    line-height         : 14px;
}
div.common_error img.left {
    margin-right        : 15px;
}
#cloud div.title {
    text-transform      : uppercase;
    font-size           : 12px;
    font-weight         : bold;
    border-bottom       : 1px solid #1E3675;
    line-height         : 15px;
    margin-bottom       : 10px;
}
#quicklinks {
    width               : 239px;  
    float               : left; 
    clear               : left; 
    padding             : 20px; 
    background-color    : #EEF8D0;  
    text-align          : left;
    font-family         : Arial, Helvetica;
}
#quicklinks ul {
    padding-left        : 15px;
}
#quicklinks ul li {
    margin-bottom       : 3px;
}
#quicklinks .title {
    text-transform      : uppercase;
    font-size           : 12px;
    font-weight         : bold;
    border-bottom       : 1px solid #1E3675;
    line-height         : 15px;
    margin-bottom       : 10px;
}
#quicklinks a {
    text-decoration     : none;
}
/*** Hacks ***/
/* Opera, Safari */
@media all and (min-width: 0px) {
    /* Opera */
    fieldset button {
        padding-top     : 5px;
    }

    #login-form fieldset input#login_pass {
        width           : 194px;
}
    /* Safari */
    fieldset button:not(:root:root) {
        padding-top     : 0;
        margin-left     : 0;
        height          : 23px;
        border-top      : 1px solid #1E3675;
        border-bottom   : 1px solid #1E3675;
    }
}
.invisible {
    display       : none;
}
/* Weiterempfehlung */
#custom-recommendation {
    margin-top          : 30px;
    border-top          : 1px solid #1E3675;
    padding-top         : 25px;
}
#custom-recommendation div.h3 {
    color               : #1E3675 !important;
    font-size           : 14px !important;
    margin-bottom       : 15px;
    text-transform      : uppercase;
    font-weight         : bold;
    margin-top          : 15px;
}
#custom-recommendation #custom-recommendation-button {
    margin-bottom       : 20px;
}
#custom-recommendation .button {
    background          : url(/images/default/submit_bg.png) repeat-x 0;
    border              : none;
    background-color    : none;
    font-size           : 12px;
    font-family         : Arial, Helvetica;
    color               : #1E3675;
    font-weight         : bold;
    height              : 25px;
    border-right        : 1px solid #1E3675;
    border-left         : 1px solid #1E3675;
    padding             : 0 10px;
    cursor              : pointer;
    vertical-align      : top;
}
#custom-recommendation input.text {
    border-color        : #192D5E;
    font-family         : Verdana;
    font-size           : 11px;
    padding             : 3px;
    width               : 300px;
}
#custom-recommendation input.submit {
    background          : url(/images/default/submit_bg.png) repeat-x 0;
    border              : none;
    background-color    : none;
    font-size           : 12px;
    font-family         : Arial, Helvetica;
    color               : #1E3675;
    font-weight         : bold;
    height              : 25px;
    border-right        : 1px solid #1E3675;
    border-left         : 1px solid #1E3675;
    padding             : 0 10px;
    cursor              : pointer;
    vertical-align      : top;
    margin-top          : 20px;
}
.content-custom-course-list .button {
    background          : url(/images/default/submit_bg.png) repeat-x 0;
    border              : none;
    background-color    : none;
    font-size           : 12px;
    font-family         : Arial, Helvetica;
    color               : #1E3675;
    font-weight         : bold;
    height              : 25px;
    border-right        : 1px solid #1E3675;
    border-left         : 1px solid #1E3675;
    padding             : 0 10px;
    cursor              : pointer;
    vertical-align      : top;
    text-decoration     : none;
}

a.button {
    display: block;
    float: left;
    line-height: 25px;
}
#accordion {
    margin-bottom: 30px;
}
#accordion button.accordion {
    background-color: #002B59;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom: 1px;
}
#accordion buton.active, #accordion button.accordion:hover {
    background-color: #B1B6CB;
    color: #002B59;
}
#accordion .accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #fff;
    float: right;
    margin-left: 5px;
}
#accordion .active:after {
    content: "\2796";
}
#accordion .panel {
    padding: 0;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    padding: 0 18px;
}
#accordion p {
    margin-top: 15px;
}
#accordion h2 {
    margin-top: 15px;
}
#link-vhs-profil {
    background: #062E60;
    float: left;
    width: 264px;
    padding: 25px 0;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 8px;
}
#link-vhs-profil a {
    display: block;
    color: white;
    text-decoration: none;
}