/* 
----------------------------------------------------------------------
build in: September 2015
copyright: KMD Medien GmbH – www.kmd.de
----------------------------------------------------------------------
*/



/*
----------------------------------------------------------------------
global structure - tag definitions - normalize
----------------------------------------------------------------------
*/

body {
    margin: 0;
    border: 0 none;
    padding: 0;
    color: #FFF;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    }

p, form, img, legend, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd {
    margin: 0;
    border: 0 none;
    padding: 0;
    }
  
a {
    background-color: transparent;
    }  
    
a:active, a:hover {
    outline: 0;
    }

input, textfield, button, select {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    box-sizing: border-box;    
    }
    
.invisible {
    position: absolute !important;
    height: 1px; width: 1px; 
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
}

.hidden {
    display: none;
}

.skiplink-inactive {
    position: absolute;
    overflow: hidden;
    top: -1000px;
    left: -1000px;
    padding: 0;
}

.skiplink-parent a {
    position: absolute;
    z-index: 1000;
}


.skiplink-active {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 20px 20px;
}
    
#wrapper {
    margin-left: 0px; 
    max-width: 1800px;
    position: absolute;
    left: 280px;
    }

.clear:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
    } 

.fade {
    transition: color 1s ease-out, background 1s ease-in;
    -webkit-transition: color 1s ease-out, background 1s ease-in;
    -moz-transition: color 1s ease-out, background 1s ease-in;
    }

.fade_fast {
    transition: color 0.4s ease-out, background 0.4s ease-in;
    -webkit-transition: color 0.4s ease-out, background 0.4s ease-in;
    -moz-transition: color 0.4s ease-out, background 0.4s ease-in;
    }

.italic {
    font-style: italic;
    font-weight: 400;
    }



/*
----------------------------------------------------------------------
button + forms
----------------------------------------------------------------------
*/
    
.button_red {
    background: #8E0E1D; /* IE 9 only */
    box-shadow: 0px 3px 0px 0px rgb(86, 7, 16);
    background: linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -webkit-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -moz-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#8D0D1C), to(#D23D4E));
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #FFF !important;
    font-size: 16px;
    padding: 10px 15px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px rgb(86, 7, 16);
    border: 0;
    }

.button_red:hover {
    background: rgb(141, 13, 28) !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    }

h2 a.button_grey,
h3 a.button_grey,
h4 a.button_grey,
h5 a.button_grey {
    font-weight: normal;
    line-height: 22px;
}    

h2.accordion_header a.button_grey,
h3.accordion_header a.button_grey,
h4.accordion_header a.button_grey,
h5.accordion_header a.button_grey {
    font-weight: normal;
    line-height: 26px;
}    

h2.header_button_width_100per,
h3.header_button_width_100per,
h4.header_button_width_100per,
h5.header_button_width_100per {
    width: auto !important;
    padding: 0 0 0 0 !important;    
}

.button_grey,
#maincontent form input[type="submit"],
#maincontent .tx-ptextlist-pager li a,
.news-single-backlink a,
.news-single-item-prev a,
.news-single-item-next a {
    background: #646464; /* IE 9 only */
    box-shadow: 0px 3px 0px 0px rgb(70, 70, 70);
    background: linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background: -webkit-linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background: -moz-linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#777777), to(#5A5A5A));
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #FFF !important;
    font-size: 16px;
    padding: 10px 15px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 1px rgb(60, 60, 60);
    border: 0;
    }

.button_grey:hover,
.select_field:hover,
#maincontent form input[type="submit"]:hover,
#maincontent .tx-ptextlist-pager li a:hover,
.news-single-backlink a:hover,
.news-single-item-prev a:hover,
.news-single-item-next a:hover,
.select_me_the_ul_way:hover {
    background: rgb(149, 149, 149) !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    }

.button_black {
    background: #2A2A2A; /* IE 9 only */
    box-shadow: 0px 3px 0px 0px rgb(30, 30, 30);
    background: linear-gradient(to bottom, rgb(60, 60, 60) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(60, 60, 60);
    background: -webkit-linear-gradient(to bottom, rgb(60, 60, 60) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(60, 60, 60);
    background: -moz-linear-gradient(to bottom, rgb(60, 60, 60) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(60, 60, 60);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#323232), to(#3C3C3C));
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #FFF !important;
    font-size: 16px;
    padding: 10px 15px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px rgb(30, 30, 30);
    border: 0;
    }

.button_black:hover {
    background: rgb(50, 50, 50) !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    }

.button_darkgrey {
    background: #646464; /* IE 9 only */
    box-shadow: 0px 3px 0px 0px rgb(70, 70, 70);
    background: linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background: -webkit-linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background: -moz-linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#777777), to(#5A5A5A));
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #FFF !important;
    font-size: 16px;
    padding: 10px 15px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px rgb(70, 70, 70);
    border: 0;
    }

.button_darkgrey:hover {
    background: rgb(120, 120, 120) !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    }

.button_width_40 {
    width: 20px;
    }

.button_width_200 {
    width: 200px;
    }

.button_width_100per {
    width: auto;
    display: block;
    }

.select_field select {
    background-color: transparent;
    width: 270px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #FFF;
    text-shadow: 0px 1px 1px rgb(60, 60, 60);
    cursor: pointer !important;
    }
   
.select_field {
    box-shadow: 0px 3px 0px 0px rgb(120, 120, 120);
    background: #787878; /* IE 9 only */
    background: linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(149, 149, 149) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -webkit-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(149, 149, 149) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -moz-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(149, 149, 149) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#989898), to(#C6BFB8));
    width: 230px;
    border-radius: 3px;   
    overflow: hidden;
    height: 41px;
    }

.select_field em {
    position: relative;
    top: 16px;
    right: 10px;
    float: right;
    margin-bottom: -20px;
    font-size: 10px;
    color: #FFF;
    text-shadow: 0 1px 0 #787878;
    }

.select_field:hover em {
    color: #787878;
    text-shadow: 0 1px 0 #FFF;
    cursor: pointer;
    }   

.select_field option {
    border-bottom: 1px solid #CCC;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #787878;  
    }

.select_field option:hover {
    background: #989898; /* IE 9 only */
    background: linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -webkit-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -moz-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#989898), to(#C6BFB8));    
    }

.select_field option:focus,
.select_field optionn:active,
.select_field option:checked {
    background: #8E0E1D; /* IE 9 only */
    background: linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -webkit-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -moz-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#8D0D1C), to(#D23D4E));
    }

form input.input_width_auto {
    padding: 10px 15px;
    border-radius: 3px;
    box-shadow: 0px 3px 0px 0px rgb(120, 120, 120);
    border: 1px solid #959595;
    vertical-align: middle;
    float: left;
    width: 40% !important;
    margin-right: 2px;
    }

a:focus,
a:focus em,
.button_grey:focus,
.button_red:focus {
    background-color: #EDD3B4 !important;
    background-image: none !important;
    color: #000 !important;
    border-radius: 3px 3px 3px 3px;
}

input:focus {
    background-color: #EDD3B4;
}

#portal_logos a {
    display: inline-block;
}

#portal_logos #uhh_smartphone {
    display: none;
} 

/*
----------------------------------------------------------------------
tooltip
----------------------------------------------------------------------
*/

a.tooltip {
    position: relative;
    text-decoration: none;
    }

a.tooltip:after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 170%;
    left: 0;
    background: #D65664;
    padding: 5px 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    opacity: 0;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    z-index: 300;
    line-height: 20px;
    text-align: left;
    }

a.tooltip:hover:after {
    bottom: 130% !important;
    }

a.tooltip:hover:before {
    bottom: 70% !important;
    }

a.tooltip:hover:after,
a:hover:before {
    opacity: 1;
    }



/*
----------------------------------------------------------------------
vertical navigation
----------------------------------------------------------------------
*/

#vertical_navigation {
    background: url(../img/vertical_navigation_bg.png) top right repeat-y #292929;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 900;
    }

#vn_meta {
    height: 110px;
    padding-top: 30px;
    list-style-type: none;
    overflow: hidden;
    }

#vn_meta a,
#vn_actions li a em,
#vn_actions li a,
#vn_meta strong {
    color: #D1D1D1;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    }

#vn_meta a:hover,
#vn_actions li a:hover em,
#vn_meta strong:hover {
    color: #FFF !important;
    }

#vn_meta span {
    display: inline-block;
    font-size: 10px;
    position: relative;
    top: 5px;
    left: -13px;
    }

#vn_meta em {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    }

#vn_meta ul.vnm_language {
    display: none;
    }

ul.lang_open,
#vn_meta li:hover ul.vnm_language {
    display: block !important;
    position: absolute;
    top: 58px;
    background: #181818;
    list-style-type: none;
    margin: 0px 0px 0px 0px !important;
    padding: 5px 0px 0px 0px !important;
    }

#vn_meta ul.vnm_language li {
    float: none;
    margin: 0px !important;
    padding: 0px 0px 5px 0px !important;
    display: block !important;
    width: 100%;
    }

#vn_meta ul.vnm_language li a {
	padding: 5px 10px !important;
	margin: 0px !important;
    font-size: 16px;
    line-height: 18px;    
    }

#vn_meta ul.vnm_language li a:hover {
    text-decoration: underline;
    }

#vn_meta ul.vnm_language li span {
    position: relative;
    top: 0px;
    left: 0px;
    }

#vn_meta ul.vnm_language li img {
    vertical-align: bottom !important;
    padding-right: 10px;
    }

a#vn_helpme {
    color: #FFF;
    display: inline-block;
    line-height: 10px;
    background: url(../img/vn_helpme_bg.png) repeat-x;
    padding: 17px 0px;
    border-bottom: 1px solid #1C1C1C;
    text-decoration: none;
    }

a#vn_helpme:hover {
    color: #808080;
    }

#vn_meta li {
    padding: 0px 0px 20px 20px;
    line-height: 10px;
    }

#vn_meta a:focus,
.vertical_focused #vn_meta li,
#vertical_navigation #vn_meta li {
    float: left;
    }

.vertical_focused #vn_actions,
#vertical_navigation #vn_actions {
    display: block;
    }

#vn_helpme em,
#vn_areas em {
    margin: 0px 20px;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    }
    
#vn_helpme span,    
#vn_areas span {
    display: block;
    overflow: hidden;
    width: 0px;
    float: right;
    transition: width 0.6s;
    -webkit-transition: width 0.6s;
    -moz-transition: width 0.6s;
    font-size: 0px;
    }

#vn_areas {
    padding: 20px 0px;
    }

#vn_areas:hover {
    background: #181818;
    }

#vn_areas a {
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    padding: 10px 0px;
    }

#vn_areas a:hover {
    color: #D1D1D1;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    padding: 10px 0px;
    }

#vn_areas a#vn_this_active {
    color: #D65664;
    }

#vn_areas li {
    line-height: 10px;
    }
    
#vn_areas li.li_vertical_focused {
    background: url(../img/vn_areas_hover.png) no-repeat center right;
    }
    
#vn_areas li ul.vn_areas_flyout {
    visibility: hidden;
    position: absolute;
    z-index: 890;
    background-color: #6591B3;
    list-style-type: none;
    }

/* #####################
 FOCUSED
########################
*/

.focused_flyout {
    position: fixed !important;
    overflow: visible !important;
    left: 280px !important;
    top: 140px !important; /* buendig mit FAQ */
    right: 0px !important;
    display: block !important;
    visibility: visible !important;
    background-color: #8D0D1C !important;
    width: 100% -280px !important;
    max-width: 1580px !important;
    min-height: 375px !important;
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.7), 0px -10px 10px -5px rgba(0,0,0,0.7) !important;
    -webkit-transition: box-shadow 0.4s ease !important;
    -moz-transition: box-shadow 0.4s ease !important;
    transition: box-shadow 0.4s ease !important;  
}

.vertical_focused #vn_helpme span,
.vertical_focused #vn_areas span,
#vertical_navigation #vn_helpme span,
#vertical_navigation #vn_areas span {
    overflow: visible;
    width: 220px;
    font-size: 16px;
    padding-top: 5px;
    }

.li_vertical_focused ul.vn_areas_flyout { /* flyout-menu */
    position: fixed !important;
    overflow: visible;
    left: 280px;
    top: 140px; /* buendig mit FAQ */
    right: 0px;
    display: block;
    visibility: visible !important;
    background-color: #8D0D1C !important;
    width: 100% -280px;
    max-width: 1580px;
    min-height: 375px;
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.7), 0px -10px 10px -5px rgba(0,0,0,0.7);
    -webkit-transition: box-shadow 0.4s ease;
    -moz-transition: box-shadow 0.4s ease;
    transition: box-shadow 0.4s ease;  
    }

#vn_areas li:focus ul.vn_areas_flyout { /* flyout-menu */
    position: fixed !important;
    overflow: visible;
    left: 280px;
    top: 140px; /* buendig mit FAQ */
    right: 0px;
    display: block;
    visibility: visible !important;
    background-color: #8D0D1C !important;
    width: 100% -280px;
    max-width: 1580px;
    min-height: 375px;
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.7), 0px -10px 10px -5px rgba(0,0,0,0.7);
    -webkit-transition: box-shadow 0.4s ease;
    -moz-transition: box-shadow 0.4s ease;
    transition: box-shadow 0.4s ease;  
    }

.li_vertical_focused #vn_helpme span,
.li_vertical_focused #vn_areas span,
#vertical_navigation:hover #vn_helpme span,
#vertical_navigation:hover #vn_areas span {
    overflow: visible;
    width: 220px;
    font-size: 16px;
    padding-top: 5px;
    }

#vn_addon {
    background: url(../img/vn_actions_bg.png) repeat-x;    
    }

#vn_actions {
    list-style-type: none;
    padding-top: 30px;
    margin-left: 20px;
    }

#vn_actions li {
    line-height: 10px;
    margin: 0px 20px 20px 0px;
    }

#vn_actions li em {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: #D1D1D1;
    }

.vertical_focused #vn_actions #vna_imprint,
#vertical_navigation #vn_actions #vna_imprint {
    display: none;
    }

.vertical_focused #vn_actions #vna_contact,
.vertical_focused #vn_actions .vna_link,
#vertical_navigation #vn_actions #vna_contact,
#vertical_navigation #vn_actions .vna_link {
    display: inline;
    }

.vertical_focused #vn_terms,
#vertical_navigation #vn_terms {
    display: block;
    padding: 20px;
    list-style-type: none;
    }

#vertical_navigation #vn_terms a {
    color: #D1D1D1;
    text-decoration: none;
    }

#vertical_navigation #vn_terms a:hover {
    color: #FFF;
    text-decoration: underline;
    }

#vertical_navigation #copyright {
    display: block;
    width: 240px;
    padding: 20px;
    font-size: 12px;
    line-height: 16px;
    }

.vna_flyout_menu {
    background: linear-gradient(to bottom, rgb(65, 65, 65) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(35, 35, 35);
    background: -webkit-linear-gradient(to bottom, rgb(65, 65, 65) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(35, 35, 35);
    background: -moz-linear-gradient(to bottom, rgb(65, 65, 65) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(35, 35, 35);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#323232), to(#414141));
    float: left;
    width: 66%;
    min-height: 375px;
    }

.vna_flyout_shortlinks {
    background: linear-gradient(to bottom, rgb(50, 50, 50) 5%, rgb(65, 65, 65) 100%) repeat scroll 0% 0% rgb(35, 35, 35);
    background: -webkit-linear-gradient(to bottom, rgb(50, 50, 50) 5%, rgb(65, 65, 65) 100%) repeat scroll 0% 0% rgb(35, 35, 35);
    background: -moz-linear-gradient(to bottom, rgb(50, 50, 50) 5%, rgb(65, 65, 65) 100%) repeat scroll 0% 0% rgb(35, 35, 35);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#323232), to(#414141));
    float: left;
    width: 34%;
    min-height: 375px;
    }

.vna_flyout_menu h2 {
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    margin: 22px 30px 15px 30px;
    border-bottom: 1px solid #FFF;
    padding-bottom: 12px;
    text-transform: uppercase;
    }

.vna_flyout_shortlinks h3 {
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
    margin: 22px 30px 15px 30px;
    border-bottom: 1px solid #FFF;
    padding-bottom: 22px;
    text-transform: uppercase;
    }

.vna_flyout_menu h2 em {
    margin: 0px !important;
    padding: 0px !important;
    float: right;
    font-size: 20px !important;
    line-height: 20px;
    vertical-align: middle;
    top: -5px !important;
    position: relative;
    }

.vna_flyout_menu ul,
.vna_flyout_shortlinks ul {
    padding: 0px 30px;
    }

.vna_flyout_menu ul {
    width: 40%;
    float: left;
    display: block;
    }

.vna_flyout_menu ul ul {
    width: 100% !important;
    padding: 0px;
    } 

.vna_flyout_menu li {
    list-style-type: none;
    display: block;
    margin-right: 5%;
    margin-bottom: 12px;
    min-height: 39px;
    overflow: hidden;
    }

.vna_flyout_menu li:hover,
.vna_flyout_shortlinks li:hover {
    background: none !important;
    }

.vna_flyout_menu a {
    text-transform: none !important;
    line-height: 18px;
    font-size: 14px;
    font-style: italic;
    display: block !important;
    padding: 0px !important;
    transition: color 0.5s ease-out, border 0.5s ease-in-out, padding 0.2s ease-in-out;
    -webkit-transition: color 0.5s ease-out, border 0.5s ease-in-out, padding 0.2s ease-in-out;
    -moz-transition: color 0.5s ease-out, border 0.5s ease-in-out, padding 0.2s ease-in-out;    
    }

.vna_flyout_menu a:hover {
    border-left: 1px solid #808080;
    padding-left: 15px !important;
    transition: color 0.5s ease-out, border 0.5s ease-in-out, padding 0.2s ease-in-out;
    -webkit-transition: color 0.5s ease-out, border 0.5s ease-in-out, padding 0.2s ease-in-out;
    -moz-transition: color 0.5s ease-out, border 0.5s ease-in-out, padding 0.2s ease-in-out;
    }

.vna_flyout_menu li strong {
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-style: normal;
    }

.vna_flyout_shortlinks li {
    list-style-type: none;
    width: 100%;
    }

.vna_flyout_shortlinks a {
    text-transform: none !important;
    display: block !important;
    padding: 0px !important;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
    transition: color 0.5s ease-out, border 0.5s ease-in-out, padding 0.2s ease-in-out;
    -webkit-transition: color 0.5s ease-out, border 0.5s ease-in-out, padding 0.2s ease-in-out;
    -moz-transition: color 0.5s ease-out, border 0.5s ease-in-out, padding 0.2s ease-in-out;
    }

.vna_flyout_shortlinks a:hover {
    color: #FFF !important;
  	border-left: 1px solid #808080;
    padding-left: 15px !important;
    transition: color 0.5s ease-out, border 0.5s ease-in-out, padding 0.2s ease-in-out;
    -webkit-transition: color 0.5s ease-out, border 0.5s ease-in-out, padding 0.2s ease-in-out;
    -moz-transition: color 0.5s ease-out, border 0.5s ease-in-out, padding 0.2s ease-in-out;
    }

#here_nav em#mobile_nav,
#mobile_meta {
    display: none;
    }

#mobile_nav_link {
    color: #FFF;
    margin-left: 30px;
    display: none;
}



/*
----------------------------------------------------------------------
header + opening hours
----------------------------------------------------------------------
*/

#header {
    z-index: 800;
    }

#portal_logos {
    width: 66%;
    }

#portal_logos li {
    display: inline-block;
    list-style-type: none;
    vertical-align: bottom;
    margin: 30px 20px 30px 0px;
    line-height: 0px;
    }

#portal_logos li:first-child {
    margin: 30px 20px 30px 30px !important;
    }

#portal_logos #text_logo a {
    color: #000;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
    }

#portal_logos #text_logo strong {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 2px;
    }

#portal_search {
    float: right;
    width: 34%;
    text-align: right;
    }

#ps_innerspace {
    padding: 30px;
    }

#portal_search a {
    font-size: 20px;
    line-height: 20px;
    height: 20px;
    }

#portal_search #ps_ff_search .select_field_search {
    float: left;
    }
    
#search_button:hover span {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    -moz-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    }

#ps_hs_ff_input_field {
    box-shadow: 0px 3px 0px 0px rgb(120, 120, 120);
    height: 35px;
    overflow: hidden;
    margin-bottom: 7px;
    border-radius: 3px;
    }

input#ps_hs_ff_input {
    float: left;
    width: 100%;
    padding: 7px 15px 8px 15px;
    border: 1px solid #959595;
    vertical-align: middle;
    }
    
#ps_ff_search {
    width: 80%;
    float: left;
    margin-bottom: -20px;
    }

#ps_follow_actions {
    width: 20%;
    margin-bottom: -20px;
    float: left;
    }

#ps_ff_search_mini {
    width: 55%;
    float: left;
    margin-bottom: -20px;
    }

#ps_ff_search_mini #ps_hs_ff_input_field {
    box-shadow: 0px 3px 0px 0px #C6BFB8;
    }

#ps_ff_search_mini #ps_hs_ff_input_field:hover {
    box-shadow: 0px 3px 0px 0px rgb(120, 120, 120);
    transition: all 0.4s ease;  
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    }

#ps_ff_search_mini input#ps_hs_ff_input {
    border: 1px solid #C6BFB8;
    color: #595858;
    }

#ps_ff_search_mini input#ps_hs_ff_input:hover {
    border: 1px solid #959595;
    color: #000;
    background: linear-gradient(to bottom, rgb(245, 245, 245) 5%, rgb(250, 250, 250) 100%) repeat scroll 0% 0% rgb(255, 255, 255);
    background: -webkit-linear-gradient(to bottom, rgb(245, 245, 245) 5%, rgb(250, 250, 250) 100%) repeat scroll 0% 0% rgb(255, 255, 255);
    background: -moz-linear-gradient(to bottom, rgb(245, 245, 245) 5%, rgb(250, 250, 250) 100%) repeat scroll 0% 0% rgb(255, 255, 255);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#FFFFFF), to(#EEEEEE));
    transition: all 0.4s ease; 
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    }

#ps_follow_actions_mini {
    width: 45%;
    margin-bottom: -20px;
    float: left;
    }

#ps_follow_actions li {
    list-style-type: none;
    height: 35px;
    min-width: 44px;
    overflow: hidden;
    margin-bottom: 7px;
    box-shadow: 0px 3px 0px 0px rgb(100, 100, 100);
    margin-left: 25%;
    border-radius: 3px;
    }

#ps_follow_actions a.button_grey {
    padding: 7px 0px 8px 0px !important;
    width: 100%;
    text-align: center;
    }

#ps_follow_actions_mini ul {
    margin-left: 25%;
    width: 100%;    
    }

#ps_follow_actions_mini li {
    list-style-type: none;
    height: 35px;
    width: 34%;
    min-width: 44px;
    overflow: hidden;
    margin-bottom: 7px;
    box-shadow: 0px 3px 0px 0px rgb(100, 100, 100);
    border-radius: 3px;
    display: inline-block;
    }

#ps_follow_actions_mini a.button_grey {
    padding: 7px 0px 8px 0px !important;
    width: 100%;
    text-align: center;
    }

.select_field_search select {
    background-color: transparent;
    width: 125%;
    padding: 7px 15px;
    font-size: 16px;
    line-height: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #FFF;
    text-shadow: 0px 1px 1px rgb(60, 60, 60);
    cursor: pointer !important;
    border: 0px none !important;
    }

.select_field_search {
    box-shadow: 0px 3px 0px 0px rgb(120, 120, 120);
    background: linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(149, 149, 149) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -webkit-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(149, 149, 149) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -moz-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(149, 149, 149) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#989898), to(#C6BFB8));
    width: 80%;
    border-radius: 3px;   
    overflow: hidden;
    height: 35px;
    }

.select_field_search em {
    position: relative;
    top: 13px;
    right: 10px;
    float: right;
    margin-bottom: -20px;
    font-size: 10px;
    color: #FFF;
    text-shadow: 0 1px 0 #787878;
    cursor: pointer;
    }

.select_field_search:hover em {
    color: #787878;
    text-shadow: 0 1px 0 #FFF;
    }   

.select_field_search option {
    border-bottom: 1px solid #CCC;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #787878;
    }
   
.select_field_search option:hover {
    background: #989898; /* IE 9 only */
    background: linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -webkit-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -moz-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#989898), to(#C6BFB8));   
    }

.select_field_search option:focus,
.select_field_search optionn:active,
.select_field_search option:checked {
    background: #8E0E1D; /* IE 9 only */
    background: linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -webkit-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -moz-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#8D0D1C), to(#D23D4E));
    }

#ps_hs_ff_button {
    width: 18%;
    float: right;
    margin-left: 2%;
    height: 35px;
    overflow: hidden;
    box-shadow: 0px 3px 0px 0px rgb(86, 7, 16);
    border-radius: 3px;
    }

#ps_hs_ff_button button {
    padding: 10px 0px 10px 0px !important;
    width: 100%;
    text-align: center;
    }

.select_field_search:hover {
    background: rgb(149, 149, 149) !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    }

#opening_hours {
    color: #FFF;
    background: url(../img/opening_bg.jpg) repeat-x #560B10;
    padding: 17px 30px 0px 30px;
    height: 38px;
    }

#opening_hours span {
    padding-right: 5px;
    font-size: 20px;
    vertical-align: middle;
    line-height: 20px;
    }

#opening_hours strong {
    font-weight: 700;
    padding-left: 5px;
    }

#oh_times {
    margin-right: 10px;
    padding-right: 15px;
    border-right: 2px solid #D65664;
    }

#opening_hours a {
    color: #FFF;
    text-decoration: underline;
    padding: 5px;
    }

#opening_hours a:hover {
    color: #560710;
    background: #FFF;
    border-radius: 3px;
    text-decoration: none;
    }

#opening_hours .simple-language {
    float: right;
    margin-top: -5px;
}

/*
----------------------------------------------------------------------
select_me_the_ul_way
----------------------------------------------------------------------
*/

.select_me_the_ul_way {
    background: #646464; /* IE 9 only */
    box-shadow: 0px 3px 0px 0px rgb(70, 70, 70);
    background: linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background: -webkit-linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background: -moz-linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#777777), to(#5A5A5A));
    width: 230px;
    border-radius: 3px;
    list-style-type: none;
    float: left;
    margin-right: 3px;
    }

li.smtuw_default em {
    position: relative;
    top: 14px;
    right: 10px;
    float: right;
    margin-bottom: -20px;
    font-size: 12px;
    color: #FFF;
    text-shadow: 0 1px 0 #787878;
    z-index: 420;
    }

li.smtuw_default:hover em {
    color: #787878;
    text-shadow: 0 1px 0 #FFF;
    cursor: pointer;
    }

li.smtuw_default span {
    z-index: 430;
    display: block;
    cursor: pointer;
    height: 36px;
    padding: 6px 0px 0px 15px;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
    text-shadow: 0px 1px 1px rgb(60, 60, 60);
    }
    
.select_me_the_ul_way .smtuw_option {
    position: absolute;
    list-style-type: none;
    z-index: 440;
    box-shadow: 0 0 20px #222;
    }

.select_me_the_ul_way .smtuw_option li a {
    border-bottom: 1px solid #CCC;
    background: #787878;
    display: block;
    padding: 10px 5px 10px 15px;
    color: #FFF;
    text-decoration: none;
    box-sizing: border-box;
    width: 230px;
    border-radius: 3px;
    text-shadow: 0px 1px 1px rgb(60, 60, 60);
    font-size: 16px !important;
    }

.select_me_the_ul_way .smtuw_option li a:hover,
.select_me_the_ul_way .smtuw_option li a:focus,
.select_me_the_ul_way .smtuw_option li a:active,
.select_me_the_ul_way .smtuw_option li a:checked {
    background: #8E0E1D; /* IE 9 only */
    background: linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -webkit-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -moz-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#8D0D1C), to(#D23D4E));
    }

#ps_ff_full .select_me_the_ul_way {
    width: 78% !important;
    height: 35px;
    float: left;
    text-align: left;
    }

#ps_ff_full li.smtuw_default em {
    top: 12px;
    }

#ps_ff_full li.smtuw_default span {
    height: 34px;
    padding: 3px 0px 0px 15px;
    }

#ps_ff_full .select_me_the_ul_way li.smtuw_default:hover .smtuw_option {
    width: auto;
    position: relative;
    }

#ps_ff_full .select_me_the_ul_way li.smtuw_default .smtuw_option {
    width: auto;
    position: relative;
    box-shadow: 0 0 20px #222;
    }

#ps_ff_full .select_me_the_ul_way .smtuw_option li a {
    width: 100%;
    height: auto;
    line-height: auto;
    }



/*
----------------------------------------------------------------------
footer
----------------------------------------------------------------------
*/

#footer {
    background: url(../img/footer_bg.png) left top repeat-x #8D0D1B;
    min-height: 400px;
    color: #FFF;
    padding: 30px;
    }

#footer_left,
#footer_mid,
#footer_right {
    float: left;
    width: 33%;
    text-align: center;
    }

#footer h3 {
    padding: 60px 0px 0px 0px;
    font-size: 16px;
    }

#footer p {
    padding: 30px;
    min-height: 120px;
    }

#footer p a {
    color: #FFF;
    text-decoration: underline;
    background: transparent;
    padding: 5px;
    margin: -5px;
    white-space: nowrap;  
    }

#footer p a:hover {
    text-decoration: none;
    color: #560710;
    background: #FFF;
    border-radius: 3px;
    }

#footer .button_red:hover {
    text-shadow: none;
    background: #FFF !important;
    color: #560710 !important;
    transition: background 0.7s ease-in-out, color 0.7s ease-in-out;
    -webkit-transition: background 0.7s ease-in-out, color 0.7s ease-in-out;
    -moz-transition: background 0.7s ease-in-out, color 0.7s ease-in-out;
    }

#mobile_footer_actions {
    display: none;
    }



/*
----------------------------------------------------------------------
parallax teaser
----------------------------------------------------------------------
*/

.pi_red_bg {
    background: url(../img/trans_bg_red.png);
    height: 100%;
    }

.pi_red_bg .parallax_text {
    color: #FFF !important;
    }
    
.pi_white_bg {
    background: url(../img/trans_bg_white.png);
    height: 100%;
    }

#parallax_nav {
	list-style: none;
	position: fixed;
	right: 30px;
	margin-top: 30px;
	z-index: 220;
    }

#parallax_nav li {
	margin: 0 0 15px 0;	
    }

#parallax_nav li a {
	background: #FFF;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #8D0D1B;
	font-weight: 700;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    }

#parallax_nav li a:hover,
#parallax_nav li.current a:hover {
    background: #560710;
    color: #FFF;
    }

#parallax_nav li.current a {
    background: #D65664;
    color: #FFF;
    }

.parallax_text {
	position: absolute;
	color: #8D0D1B;
	width: 80%;
    }

#teaser_welcome .parallax_text {
	width: 800px;
    }

.parallax_text.inactive {
    display: none;
    }

#parallax_items h2 {
    font-size: 48px;
    line-height: 50px;
    font-weight: 700;
    padding-bottom: 30px;
    margin-right: 80px;
    }

#parallax_items h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    margin-right: 80px;
    }

#parallax_items p {
    padding-top: 20px;
    }

#teaser_welcome {
	height: 410px;
    }

#teaser_welcome .teaser_person {
	height: 410px;
	float: right;
	width: 700px;
	right: 0px;
	z-index: 200;
	margin-top: -30px;
    }

#teaser_welcome h2,
#pi_first h2,    
#pi_second h2,
#pi_third h2,
#pi_fourth h2 {
	padding-top: 30px;
    }

#pi_first,    
#pi_second,
#pi_third,
#pi_fourth {
	height: 500px;	
    }
    
.parallax_content {
    padding: 30px 60px 0px 30px;
    }

.pi_buttonbox {
    width: 240px;
    bottom: 0px;
    height: 410px;
    display: table-cell !important;
    vertical-align: bottom;
    }

.pi_buttonbox a {
    margin-top: 12px;
    }

.parallax_slider {
    float: right;
    margin: -35px 20px 0px 0px;
    }

.parallax_slider em {
    font-weight: 400;
    font-size: 40px;
    line-height: 40px;
    }

.parallax_slider a {
    display: inline-block;
    margin-left: 10px;
    text-decoration: none;
    }

.pi_red_bg .parallax_slider a {
    color: #FFF;
    }

.pi_red_bg .parallax_slider a:hover {
    color: #D65664;
    }

.pi_white_bg .parallax_slider a {
    color: #8D0D1B;
    }

.pi_white_bg .parallax_slider a:hover {
    color: #646464;
    }

#portal_home_search {
    margin-top: 90px;
    }

#portal_home_search #phs_input {
    padding: 10px 15px;
    border-radius: 3px;
    box-shadow: 0px 3px 0px 0px rgb(120, 120, 120);
    border: 1px solid #959595;
    vertical-align: middle;
    float: left;
    width: 330px;
    margin-right: 2px;
    }

#portal_home_search #phs_send {
    line-height: 22px;
    }

#portal_home_search .select_field {
    float: left;
    margin-right: 2px;
    }

#portal_home_quicklinks {
    margin-top: 30px;
    }

#portal_home_quicklinks a {
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    }

#portal_home_quicklinks a strong {
    text-decoration: underline;
    font-weight: normal;
    }

#portal_home_quicklinks a:hover {
    text-decoration: none;
    color: #560710;
    background: #FFF;
    border-radius: 3px;
    }

#portal_home_quicklinks a:hover strong {
    text-decoration: none;
    }
    
#link_mysub {
    display: inline-block;
    float: left;
    margin-right: 20px;
    }

#link_newlogin {
    display: inline-block;
    float: left;
    }

#link_workspace {
    display: inline-block;
    float: right;
    margin-right: 145px;
    padding-top: 0 !important;
    }

#portal_home_quicklinks a span {
    padding-right: 6px;
    font-size: 20px;
    vertical-align: middle;
    text-decoration: none !important;
    }

#parallax_items .pi_red_bg .parallax_text p a {
    color: #FFF;
    text-decoration: underline;
    padding: 5px;
    margin: -5px;
    }

#parallax_items .pi_red_bg .parallax_text p a:hover {
    text-decoration: none;
    color: #560710;
    background: #FFF;
    border-radius: 3px;
    }

#parallax_items .pi_white_bg .parallax_text p a {
    color: #8D0D1B;
    text-decoration: underline;
    padding: 5px;
    margin: -5px;    
    }

#parallax_items .pi_white_bg .parallax_text p a:hover {
    text-decoration: none;
    color: #FFF;
    background: #560710;
    border-radius: 3px;
    }



/*
----------------------------------------------------------------------
nav_right
----------------------------------------------------------------------
*/

#nav_right {
    background: url(../img/nav_right_bg.png) repeat-x left bottom;
    padding: 28px 30px 90px 30px;
    }

#nav_right_level2 {
    font-size: 18px;
    text-decoration: none;
    color: #FFF;
    border-bottom: 2px solid;
    padding-bottom: 13px;
    display: block;
    }

#nav_right_level2:hover {
    text-decoration: underline;
    }

#nav_right ul {
    padding: 30px 0px;
    }

#nav_right li {
    list-style-type: none;
    padding-bottom: 15px;
    }

#nav_right ul ul {
    padding: 0px 0px 0px 15px;
    }

#nav_right ul ul li {
    padding: 15px 0px 0px 0px;
    }



/*
----------------------------------------------------------------------
maincontent
----------------------------------------------------------------------
*/

#content_onecol {
    float: left;
    width: 100%;
    background: url(../img/trans_bg_red.png);
    }

#content_leftcol {
    float: left;
    width: 66%;
    background: url(../img/trans_bg_red.png);
    }

#content_rightcol {
    float: left;
    width: 34%;
    min-width: 280px;
    }

#article_lang_change {
    float: right;
    margin: 25px 30px 0px 30px;
    }

#article_lang_change a {
    text-decoration: none;
}

#breadcrumb {
    margin: 25px 30px 30px 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #D65664;
    color: #D65664;
    }

#breadcrumb a,
#breadcrumb span {
    color: #FFF;
    padding: 0px 5px;
    white-space: nowrap;
    }

#breadcrumb a:hover {
    text-decoration: none;
    color: #560710;
    background: #FFF;
    border-radius: 3px;
    padding: 5px;
    }

#maincontent {
    padding: 0px 30px 30px 30px;
    }

#mc_headlines {
    min-height: 225px;
    }

#maincontent h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 52px;
    padding-bottom: 25px;    
    }

#maincontent h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 30px;
    width: 92%;
    }

#maincontent h3 {
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 30px; 
    }

#maincontent h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding: 10px 0px; 
    }

#maincontent p {
    margin-bottom: 40px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: justify;
    line-height: 26px;
    }

#maincontent ul,
#maincontent ol {
    margin: 0px 0px 60px 15px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: left;
    line-height: 26px;
    }

#maincontent li {
    padding-bottom: 5px;
    }

#maincontent ul ul,
#maincontent ol ol,
#maincontent ul ol,
#maincontent ol ul {
    margin: 0px 0px -5px 20px;
    }

#maincontent ul ul ul ul,
#maincontent ul ul ul ol,
#maincontent ul ul ol ul,
#maincontent ul ul ol ol,
#maincontent ol ol ul ul,
#maincontent ol ol ul ol,
#maincontent ol ol ol ul,
#maincontent ol ol ol ol,
#maincontent ul ol ul ul,
#maincontent ul ol ul ol,
#maincontent ul ol ol ul,
#maincontent ul ol ol ol,
#maincontent ol ul ul ul,
#maincontent ol ul ul ol,
#maincontent ol ul ol ul,
#maincontent ol ul ol ol {
    margin: 0px 0px -10px 20px;
    }

#maincontent .button_red,
#maincontent .button_black,
#maincontent .button_grey {
    margin-bottom: 30px;
    }

#maincontent .csc-mailform ol {
        margin-left: 0;
    }

#maincontent a {
    color: #FFF;
    text-decoration: underline;
    padding: 5px;
    margin: -5px;
    }

#maincontent a:hover {
    text-decoration: none;
    color: #560710;
    background: #FFF;
    border-radius: 3px;
    }

#maincontent a.image-link:hover {    
    background: none;
}    

#maincontent a.image-link {    
    margin: 0 !important;
    padding: 0 !important;
}    

#maincontent .menu-link[target="_blank"]::after {
    content: none !important;    
    padding: 0px !important;
}

#maincontent .subtitle {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 30px;
    width: 92%;    
}

#maincontent .mc_col .span_1_of_2 p,
#maincontent .mc_col .span_1_of_2 ul,
#maincontent .mc_col .span_1_of_2 ol {
    text-align: left;
    }

.mc_section {
    clear: both;
    }

.mc_col {
    display: block;
	float: left;
	margin: 0px 0px 30px 8%;
    }

.mc_col:first-child {
    margin-left: 0;
    }

.mc_group:before,
.mc_group:after {
	content: "";
	display: table;
    }

.span_1_of_2 {
    width: 42%;
    }

.span_2_of_2 {
    width: 92%;
    }

.span_1_of_3 {
    width: 22%;
    }

.span_2_of_3 {
    width: 62%;
    }

ul.accordion {
    margin: 0px !important;
    width: 100% !important;
    }

ul.accordion li,
ul.accordion li ul.accordion li {
    list-style-type: none;
    }

ul.accordion li {
padding-bottom: 0px !important;
}    

ul.accordion li a.button_red ul,
ul.accordion li a.button_grey ul {
    display: none !important;
    padding: 0px 0px 0px 15px;
    }

ul.accordion li a span {
    width: 75%;
    display: block;
    float: left;
    }

ul.accordion li a em {
    float: right;
    width: 20px;
    display: block;
    font-size: 20px;
    line-height: 20px;
    padding-top: 2px;
    text-align: right;
    }

ul.accordion li ul {
    display: none;
    }

ul.accordion li ul li ul,
ul.accordion li ul li ol {
    display: block;
    }

ul.accordion li ul li ul li,
ul.accordion ul.accordion li ul li ul li {
    list-style-type: disc;
    padding-bottom: 10px !important;
    }

ul.accordion li ul li ul li ul li,
ul.accordion li ul li ol li ul li,
ul.accordion ul.accordion li ul li ul li ul li,
ul.accordion ul.accordion li ul li ol li ul li {
    list-style-type: circle;
    }

ul.accordion li ul li ol li,
ul.accordion ul.accordion li ul li ol li  {
    list-style-type: decimal;
    padding-bottom: 10px !important;
    }  

ul.accordion ul ul,
ul.accordion ul ol {
    margin-left: 15px;
    }

ul.accordion ul ul ul,
ul.accordion ul ul ol,
ul.accordion ul ol ul,
ul.accordion ul ol ol,
ul.accordion ul ul.accordion ul ul,
ul.accordion ul ul.accordion ul ol,
ul.accordion ul ul.accordion ol ul,
ul.accordion ul ul.accordion ol ol {
    margin-left: 20px;
    }

ul.accordion .span_2_of_2 {
    width: 100% !important;
    }

ul.accordion label {
    text-align: left !important;
    display: block;
    }

#maincontent table {
    width: 100% !important;
    border-left: 2px solid #D65664;
    border-top: 2px solid #D65664;
    margin-bottom: 60px;
    }

#maincontent th, #maincontent td {
    text-align: left !important;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    vertical-align: top;
    }

#maincontent form fieldset {
    padding: 0px;
    border: 0px none;
    }

#maincontent form input[type="text"],
#maincontent form input[type="email"],
#maincontent form textarea,
#maincontent form input[type="password"] {
    padding: 10px 15px;
    border-radius: 3px;
    box-shadow: 0px 3px 0px 0px rgb(120, 120, 120);
    border: 1px solid #959595;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    margin-top: 5px;
    }

#maincontent form fieldset div {
    padding-bottom: 20px;
    }

#maincontent form fieldset fieldset legend {
    display: none;
    }

#maincontent .image_caption {
    border: 2px solid #D65664;
    display: block;
    border-radius: 3px;
    margin: 15px 0px 0px 0px;
    padding: 10px 15px;
    position: relative;
    text-align: left !important;
}

#maincontent .image_caption:after,
#maincontent .image_caption:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position:
    absolute;
    pointer-events: none;
    }

#maincontent .image_caption:after {
    border-color: transparent;
    border-bottom-color: #D65664;
    border-width: 10px;
    margin-left: -10px;
    }

#maincontent .image_caption:before {
    border-color: transparent;
    border-bottom-color: #D65664;
    border-width: 11px;
    margin-left: -11px;
    }

#maincontent .contact_name {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding: 10px 0px; 
    margin: 0;
    border: 0 none;
    display: inline-block;    
}

#maincontent .contact_department {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 30px;
    width: 92%;
    margin: 0;
    border: 0 none;
    display: inline-block;
}

#maincontent .contact_label_openinghours {
    display: inline-block !important;
    padding-right: 10px;
    }

#maincontent .contact_label_email,
#maincontent .contact_label_phone,
#maincontent .contact_label_fax {
    display: inline-block !important;
    width: 60px;
    }

.contact_database img {
    width: 100% !important;
    height: auto !important;
}
    
#maincontent .extension_search {
    padding-bottom: 30px;
    border-bottom: 2px dotted #D65664;
    }

#maincontent .extension_search input {
    margin-bottom: 10px;
    }

#maincontent .extension_search input[type="submit"] {
    margin-right: 10px;
    }

#maincontent .extension_widget {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px dotted #D65664;
    }
  
#maincontent .extension_widget a {
    display: inline-block;
    }
  
#maincontent label.hiddenezb {
    display: none;
    }

#maincontent #e-search input {    
    margin-top: 0px !important;
    }

#maincontent #e-search select,
#maincontent #participants-form select {
    box-shadow: 0px 3px 0px 0px rgb(120, 120, 120);
    background: linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(149, 149, 149) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -webkit-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(149, 149, 149) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -moz-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(149, 149, 149) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#989898), to(#C6BFB8));
    width: 100%;
    border-radius: 3px;
    padding: 8px;
    }
  
#maincontent #participants-form option:active, 
#maincontent #participants-form option:checked{
    background: #8E0E1D;
    background: linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -webkit-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -moz-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#8D0D1C), to(#D23D4E));
    color: #fff;
    }

#maincontent #participants-form option:hover{
    color: #fff;
    }

#maincontent #e-search table,
#maincontent #e-search td {
    border: 0px !important;
    padding-left: 0px !important;
    }

#maincontent .divider hr,
#maincontent hr {
    margin-bottom: 60px;
    border: 1px solid #D65664;
    width: 100%;
    }

#maincontent .tx-ptextlist-pager {
    clear: both;
    display: block;
    }

#maincontent .tx-ptextlist-pager li {
    display: inline;
    margin: 0px 6px !important;
    font-weight: 400;
    }

#maincontent .tx-ptextlist-pager-item-display {
    color: #FFF;
    margin-top: 20px;
    }

#maincontent dl {
    width: 100% !important;
    margin-bottom: 45px;    
    }

#maincontent dt {
    font-weight: bold;
    padding-right: 6px;
    float: left;
    }

#maincontent dd {
    padding-bottom: 15px;
    }

#maincontent dd:after {
    clear: both;
    }

#maincontent .tx-schulungen-pi1 ul {
    clear: both;
    margin: 0px !important;
    padding-top: 15px !important;
    }

#maincontent .news-single-backlink {
    border-bottom: 2px solid #D65664;
    margin-bottom: 30px;
    padding-bottom: 30px;
    }

#maincontent .tx-flseositemap-pi1 {
    margin-bottom: 60px;
    }

#maincontent ul.deep0 {
    margin: 0px !important;
    list-style-type: none;
    }

#maincontent ul.deep0 li.deep0 {
    margin-left: 0px;
    padding: 5px 0px;
    font-weight: bold;
    border-top: 2px solid #D65664;
    }

#maincontent ul.deep0 li.deep1 {
    margin-left: 0px;
    padding: 0px 0px 5px 0px;
    }

#maincontent ul.deep0 li.deep2 {
    margin-left: 25px;
    padding: 0px 0px 5px 0px;
    }

#maincontent ul.deep0 li.deep3 {
    margin-left: 50px;
    padding: 0px 0px 5px 0px; 
    }

#maincontent ul.deep0 li.deep4 {
    margin-left: 75px;
    padding: 0px 0px 5px 0px;  
    }

#maincontent ul.deep0 li.deep1:before,
#maincontent ul.deep0 li.deep2:before,
#maincontent ul.deep0 li.deep3:before,
#maincontent ul.deep0 li.deep4:before {
    content: "\21B3";
    padding-right: 10px;
    }

div.csc-mailform li label{
    width: auto;
    }

div.csc-mailform fieldset li{
    margin-bottom: 0;
    padding: 0;
}

#maincontent div.csc-mailform legend{
    color: #fff;
}
fieldset.fieldset-subgroup legend{
    width: auto;
}

/*
----------------------------------------------------------------------
go to top
----------------------------------------------------------------------
*/

.goto_top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: table-cell;
    padding: 11px 12px 13px 12px;
    font-size: 20px;
    line-height: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    background: #FFF;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s 0s, visibility 0s .3s;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s; 
    text-align: center;
    border-radius: 50%;
    color: #8D0D1B;
    text-decoration: none;
    text-shadow: 0px 1px 0px #560710;
    }

.goto_top.visible,
.goto_top.faded {
    transition: opacity .3s 0s, visibility 0s 0s;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    }

.goto_top.visible {
    visibility: visible;
    opacity: 1;
    }

.goto_top:hover {
    opacity: 1;
    background: #D65664;
    color: #FFF;
    transition: color .4s ease-out, background .4s ease-in;
    -webkit-transition: color .4s ease-out, background .4s ease-in; /* Safari */
    -moz-transition: color .4s ease-out, background .4s ease-in;
    }



/*
----------------------------------------------------------------------
min 1900px
----------------------------------------------------------------------
*/

@media only screen and (min-width: 1920px) {

    #parallax_nav {
    	right: 31px;
        background: rgba(64, 64, 64, 0.3);
    	padding: 15px 10px 0px 10px;
    	border-radius: 3px;
        }
    
    .goto_top {
        border: 1px solid #C4C4C4;
        }
    
    .goto_top:hover {
        border: 1px solid #FFF;
        } 

}

/*
----------------------------------------------------------------------
CSS hinged menu
----------------------------------------------------------------------
*/

#wrapper {
    margin-left: 60px;
    max-width: 1800px;
    position: relative;
    left: 0px;
    }

.vertical_focused #vn_meta li,
#vertical_navigation:hover #vn_meta li {
    float: left !important;
    }

.vertical_focused #vn_actions,
#vertical_navigation:hover #vn_actions {
    display: block !important;
    }

.vertical_focused #vn_meta li,
#vertical_navigation #vn_meta li {
    float: none;
    }

.vertical_focused #vn_helpme span,
.vertical_focused #vn_areas span {
    overflow: visible !important;
    width: 220px  !important;
    font-size: 16px  !important;
    padding-top: 5px  !important;
}

#vertical_navigation #vn_helpme span,
#vertical_navigation #vn_areas span {
    width: 0px;
    overflow: hidden;
    font-size: 16px;
    padding-top: 5px;
    -webkit-transition: width 0.6s;
    -moz-transition: width 0.6s;
    }

.vertical_focused #vn_helpme span,
.vertical_focused #vn_areas span,
#vertical_navigation:hover #vn_helpme span,
#vertical_navigation:hover #vn_areas span {
    overflow: visible;
    width: 220px;
    display: inline-block;
    -webkit-transition: width 0.6s;
    -moz-transition: width 0.6s;
    }

#vertical_navigation #vn_actions #vna_imprint {
    display: block;
    }

.vertical_focused #vn_actions #vna_imprint,
.vertical_focused #vn_actions #vna_contact {
    display: none !important;
}

.vertical_focused #vn_actions .vna_link {
    display: inline !important;
}

.vertical_focused #vn_actions #vna_imprint,
#vertical_navigation:hover #vn_actions #vna_imprint,
#vertical_navigation #vn_actions .vna_link,
#vertical_navigation #vn_terms,
#vertical_navigation #copyright {
    display: none;
    }

#vertical_navigation:hover #vn_actions #vna_contact,
#vertical_navigation:hover #vn_actions .vna_link {
    display: inline !important;
    }

#vertical_navigation #vn_terms {
    display: none;
    }

.vertical_focused #vn_terms,
#vertical_navigation:hover #vn_terms {
    display: block !important;
    padding: 20px  !important;
    list-style-type: none  !important;
    }

#vertical_navigation #copyright {
    display: none;
    }

.vertical_focused #copyright,
#vertical_navigation:hover #copyright {
    display: block  !important;
    width: 240px  !important;
    padding: 20px  !important;
    font-size: 12px  !important;
    line-height: 16px  !important;
    }




/*
----------------------------------------------------------------------
max 1400px
----------------------------------------------------------------------
*/

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

    .vna_flyout_menu {
        width: 75%;
        }

    .vna_flyout_shortlinks {
        width: 25%;
        }

}



/*
----------------------------------------------------------------------
max 1360px
----------------------------------------------------------------------
*/

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

        
    .vna_flyout_menu ul {
        width: 38% !important;
        }

}


/*
----------------------------------------------------------------------
max 1260px
----------------------------------------------------------------------
*/

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

    .vna_flyout_shortlinks a,
    .vna_flyout_menu li strong {
        font-size: 16px;
        line-height: 18px;
        }

    .vna_flyout_menu a {
        font-size: 12px;
        }

    .vna_flyout_shortlinks a {
        margin-bottom: 15px;
        }

    #footer p {
        min-height: 150px;
        }

    .parallax_text {
    	width: 70%;
        }
    
    #teaser_welcome .parallax_text {
    	width: 600px;
        }
 
    #teaser_welcome .teaser_person {
    	width: 600px;
    	position: absolute;
    	margin-top: -30px;
        } 

    #link_workspace {
        display: inline-block;
        float: right;
        margin-right: 5px;
        }

    #portal_home_search #phs_input {
        width: 270px;
        }  

    #parallax_items h2 {
        font-size: 48px;
        line-height: 50px;
        margin-right: 0px;
        }
    
    #parallax_items h3 {
        font-size: 24px;
        line-height: 30px;
        margin-right: 0px;
        }

}


/*
----------------------------------------------------------------------
max 1200px
----------------------------------------------------------------------
*/

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


    #mc_headlines {
        min-height: 0px;
        height: auto;
        padding-bottom: 30px;
        }

    #is-search-content #maincontent h2,
    #is-search-content #mc_headlines .subtitle {
        display: none;
        }

}


/*
----------------------------------------------------------------------
max 1160px
----------------------------------------------------------------------
*/

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

    .vna_flyout_shortlinks a,
    .vna_flyout_menu li strong {
        font-size: 14px;
        line-height: 16px;
        }

    .vna_flyout_menu a {
        font-size: 11px;
        line-height: 16px;
        }

    .vna_flyout_menu li {
        overflow: hidden;
        }
        
    #footer p {
        padding: 30px;
        min-height: 160px;
        }

    #teaser_welcome .teaser_person {
    	display: none;
        }

    .parallax_text {
    	width: 70%;
        }

    #teaser_welcome .parallax_text {
    	width: 700px;
        }

    #link_workspace {
        display: inline-block;
        float: left;
        margin-right: 0px;
        margin-left: 20px;
        }

    #portal_home_search #phs_input {
        width: 330px;
        }

}



/*
----------------------------------------------------------------------
max 1024px
----------------------------------------------------------------------
*/

@media only screen and (max-width: 1024px) {
    
    .vna_flyout_menu {
        width: 72%;
        }

    .vna_flyout_shortlinks {
        width: 28%;
        }

    .vna_flyout_menu li {
        min-height: 36px;
        overflow: hidden;
        }
        
    #footer {
        min-height: 460px;
        }

    #footer p {
        min-height: 180px;
        } 
}



/*
----------------------------------------------------------------------
max 1000px
----------------------------------------------------------------------
*/

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

    #wrapper {
        margin-left: 0px;
        margin-top: 60px;
        }

    #vertical_navigation {
        background: url(../img/mobile_navigation_bg.png) bottom left repeat-x #292929;        
        height: 70px;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        }

    #vn_meta,
    a#vn_helpme,
    #vn_actions,
    .vna_flyout_shortlinks,
    #vn_addon,
    #vn_areas {
        display: none;
        }

    span#mobile_nav_link {
        display: inline-block;
    }

    em#mobile_nav {
        font-size: 30px;
        margin: 0px 0px 20px 0px;
        display: inline-block;
        }

    #here_nav {
        width: 20px;
        padding: 18px 0px 20px 0px;
        }

    #here_nav em#mobile_nav {
        display: inline-block;
        }

    #here_nav em#mobile_nav:hover {
        cursor: pointer;
        color: #808080;
        }

    .flyout_inactive {
        display: none !important;
        }

    .focused_here_nav {
        display: block !important;
        width: 100%;
        position: fixed;
        top: 68px;
        background: #282828;
        overflow: auto;
        height: 75%;
        box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.7);
        transition: box-shadow 0.4s ease;
        -webkit-transition: box-shadow 0.4s ease;
        -moz-transition: box-shadow 0.4s ease;
        }

    #vn_areas em {
        margin: 0px 30px;
        font-weight: 400;
        font-size: 30px;
        line-height: 30px;
        float: left;
        }

    #vertical_navigation:focus #vn_areas span,
    #vn_areas span,
    #vertical_navigation:hover #vn_areas span {
        overflow: visible;
        display: block;
        width: auto;
        float: left;
        transition: width 0.6s;
        -webkit-transition: width 0.6s;
        -moz-transition: width 0.6s;
        font-size: 0px;
        font-size: 22px;
        padding-top: 10px;
        }

    #vn_areas {
        padding: 20px 0px;
        }

    #vn_areas:hover {
        background: #282828;
        }

    #vn_areas a {
        color: #FFF;
        text-transform: uppercase;
        display: inline-block;
        text-decoration: none;
        padding: 10px 0px;
        width: 100%;
        background: transparent;
        }

    #vn_areas a:hover {
        color: #D1D1D1;
        text-transform: uppercase;
        display: inline-block;
        text-decoration: none;
        padding: 10px 0px;
        }

    #vn_areas a#vn_this_active {
        color: #D65664 !important;
        }

    #vn_areas li {
        line-height: 10px;
        }

    #vn_areas li:hover {
        background: none;
        }

    #vn_areas li ul.vn_areas_flyout {
        visibility: visible;
        position: relative;
        background: transparent;
        list-style-type: none;
        display: block;
        padding-top: 20px;
        margin-top: 0px !important;
        }

    #vn_areas li:hover ul.vn_areas_flyout { /* flyout-menu */
        position: relative;
        overflow: visible;
        left: 0px;
        top: 0px !important;
        right: 0px;
        display: block;
        visibility: visible;
        background-color: #181818;
        width: 100% !important;
        height: auto;
        box-shadow: 0px 10px 10px -5px rgba(255,255,255,0.3), 0px -10px 10px -5px rgba(255,255,255,0.3);
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease; 
        }

    .vna_flyout_menu {
        background: transparent;
        float: none;
        min-width: 100% !important;
        height: auto;
        }

    .vna_flyout_menu h2,
    .vna_flyout_menu h2 em {
        display: none;
        }

    .vna_flyout_menu ul {
        width: 45% !important;
        display: inline-block;
        padding: 0px;
        }

    .vna_flyout_menu li {
        list-style-type: none;
        display: block;
        margin-right: 0%;
        margin-bottom: 15px;
        min-height: 47px;
        overflow: hidden;
        }

    .vna_flyout_menu li:hover {
        background: none !important;
        }

    .vna_flyout_menu a {
        padding: 0px 30px 20px 90px !important;
        height: auto;
        }

    .vna_flyout_menu a:hover {
        border-left: 0px none;
        padding-left: 80px !important;
        }

    .vna_flyout_menu li strong {
        font-size: 18px;
        }

    #mobile_meta {
        display: inline-block;
        float: right;
        padding: 18px 30px 0px 0px;
        }

    #mobile_meta li {
        list-style-type: none;
        display: inline;
        }

    #mobile_meta li a,
    #mobile_meta li strong {
        color: #FFF;
        text-decoration: none;
        font-size: 30px;
        display: block;
        margin-left: 20px;
        float: left;
        font-weight: normal;
        cursor: pointer !important;
        }

    #mobile_meta li strong span {
        display: inline-block;
        font-size: 10px;
        position: relative;
        top: 4px;
        right: 20px;
        margin-right: -14px;
        }

    #mobile_meta li a:hover,
    #mobile_meta li strong:hover {        
        color: #808080;
        cursor: pointer !important;
        }

    ul#mobile_meta ul.mm_language {
        display: none;
        }

    ul#mobile_meta li:hover ul.mm_language {
        display: block;
        position: absolute;
        top: 58px;
        background: #181818;
        }

    ul#mobile_meta ul.mm_language li {
	    float: none;
	    display: block;
	    padding: 0px !important;
	    margin: 0px !important;
        }

    ul#mobile_meta ul.mm_language li a {
	    padding: 5px 10px !important;
	    margin: 0px !important;
        font-size: 17px;
        line-height: 20px;
        }
        
    ul#mobile_meta ul.mm_language img {
        vertical-align: bottom;
        margin-right: 5px;
        }

    #portal_logos {
        width: 100%;
        }
 
    #portal_search {
        display: none;
        } 

    #mobile_footer_actions {
        padding: 30px;
        color: #808080;
        display: block;
        }

    #mobile_footer_actions #mobile_actions {
        text-align: right;
        border-bottom: 2px solid #808080;
        padding-bottom: 30px;
        }

    #mobile_footer_actions #mobile_actions li {
        list-style-type: none;
        display: inline;
        margin-left: 20px;
        }

    #mobile_footer_actions #mobile_actions li a {
        font-size: 30px;
        color: #808080;
        text-decoration: none;
        }
        
    #mobile_footer_actions #mobile_actions li a:hover {
        color: #D65664;
        }
  
    #mobile_footer_actions #mobile_terms {
        padding: 10px 0px;  
        }

    #mobile_footer_actions #mobile_terms li {
        list-style-type: none;
        }

    #mobile_footer_actions #mobile_terms li a {
        font-size: 16px;
        color: #808080;
        text-decoration: none;
        display: inline-block;
        float: left;
        margin: 20px 20px 0px 0px;
        padding: 5px 10px;
        border-radius: 3px;
        border: 1px solid #CCC;
        }
 
     #mobile_footer_actions #mobile_terms li a:hover {
        background: #D65664;
        color: #FFF;
        border: 1px solid transparent;
        }
 
    #mobile_footer_actions #mobile_copyright {
        font-size: 14px;
        padding-top: 20px;
        display: block;
        }

    .span_1_of_3 h3,
    .span_1_of_3 h4,
    .span_1_of_3 .contact_name {
        font-size: 16px !important;
        }

}



/*
----------------------------------------------------------------------
max 850px
----------------------------------------------------------------------
*/

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

    #content_leftcol {
        width: 100%;
        }

    #content_rightcol {
        width: 100%;
        }

    #opening_hours {
        padding: 17px 0px 0px 30px;
        }

    #opening_hours .simple-language {
        margin-right: 25px;
    }

    #footer_left {
        float: left;
        width: 100%;
        }

    #footer_mid,
    #footer_right {
        float: left;
        width: 50%;
        }

    #footer {
        min-height: 700px;
        padding: 30px;
        }

    #footer #footer_left p {
        min-height: 100px;
        }

    #footer #footer_mid p,
    #footer #footer_right p {
        min-height: 140px;
        }

    #portal_home_search {
        margin-top: 30px;
        }

    #portal_home_search #phs_input {
        width: 100%;
        display: block;
        margin-bottom: 5px;
        }

    .parallax_slider {
        display: block !important;
        vertical-align: bottom;
        clear: both;
        float: right;
        text-align: right;
        margin: -20px 0px 0px 0px;        
        }

    .parallax_content {
        padding: 30px 30px 0px 30px;
        }

    #parallax_nav {
        display: none;
        }

    .parallax_text {
        display: block;
        width: 55%;
        position: relative;
        float: left;
        height: 400px;
        }

    .pi_buttonbox {
        width: 40%;
        bottom: 0px;
        height: auto;
        display: block !important;
        vertical-align: bottom;
        float: right;
        }

    .pi_buttonbox a {
        display: block;
        width: auto;
        }

    #parallax_items h2 {
        font-size: 28px;
        line-height: 36px;
        padding: 0px 0px 15px 0px;
        }
    
    #parallax_items h3 {
        font-size: 18px;
        line-height: 24px;
        }

    #teaser_welcome h2 {
        font-size: 48px;
        line-height: 52px;
        }
        
    #teaser_welcome .parallax_text {
        height: 360px;
        width: 100%;
        }

    #article_lang_change:hover {
        background: rgb(149, 149, 149) !important;
        transition: background 0.5s ease-in-out;
        -webkit-transition: background 0.5s ease-in-out;
        -moz-transition: background 0.5s ease-in-out;
        }

    #article_lang_change img {
        padding: 10px;
        } 

}

/*
----------------------------------------------------------------------
max 750px
----------------------------------------------------------------------
*/

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

    body {
        font-size: 17px;
        line-height: 24px;
        }

    #portal_logos {
        text-align: center;
        }

    #portal_logos #text_logo {
        text-align: left;
        }

    #portal_logos #uhh_withclaim {
        display: none;
        }

    #portal_logos #uhh_smartphone {
        display: inline-block;
        }

    .vna_flyout_menu ul {
        width: 100% !important;
        }

    #breadcrumb a, #breadcrumb span{
        white-space: normal;
        }

    #maincontent p {
        margin-bottom: 40px;
        }

    #maincontent p.contact_data {
        margin-bottom: -10px;
    }        

    #maincontent h2,
    #maincontent .contact_department {
        width: 100%;
        }
    
    .mc_col {
    	margin: 0px 0px 30px 0%;
        }

    .span_1_of_2,
    .span_2_of_2,
    .span_1_of_3,
    .span_2_of_3 {
        width: 100% !important;
        }

    .span_1_of_3 h3 {
        font-size: 22px !important;
        }  
  
    .span_1_of_3 h4,
    .span_1_of_3 .contact_name {
        font-size: 18px !important;
        }

    #opening_hours {
        background: url(../img/opening_bg.jpg) repeat-x left bottom #890F1E;
        min-height: 38px;
        height: auto;
        padding: 17px 30px;
        text-align: center;
        }

    #opening_hours span {
        padding-right: 5px;
        font-size: 20px;
        vertical-align: middle;
        line-height: 20px;
        }

    #opening_hours strong {
        font-weight: 700;
        padding-left: 5px;
        }

    #oh_times {
        margin-right: -5px;
        padding-right: 15px;
        border-right: 0px none;
        }

    #opening_hours a {
        display: inline-block;
        }

    #opening_hours .simple-language {
        float: none;
    }

    .vna_flyout_menu li {
        width: 100%;
        }

    .vna_flyout_menu a {
        padding: 0px 30px 20px 30px !important;
        height: auto;
        }

    .vna_flyout_menu a:hover {
        border-left: 0px none;
        padding-left: 50px !important;
        }

    #footer_left,
    #footer_mid,
    #footer_right {
        float: none;
        width: 100%;
        }

    #footer {
        height: 100% !important;
        padding: 30px 30px 90px 30px;
        }

    #footer #footer_left p,
    #footer #footer_mid p,
    #footer #footer_right p {
        min-height: 100%;
        height: 100%;
        }

}



/*
----------------------------------------------------------------------
max 650px
----------------------------------------------------------------------
*/

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

    #portal_home_search {
        margin-top: 15px;
        }

    #link_mysub,
    #link_newlogin,
    #link_workspace {
        display: block;
        margin: 0px 5px 5px 0px;
        width: 40%;
        float: left;
        border: 1px solid #FFF;
        border-radius: 3px;
        }

    .parallax_slider {
        margin: 30px 0px 0px 0px;    
        }

    .parallax_text {
        width: 100%;
        height: 260px;
        }

    .pi_buttonbox {
        width: 50%;
        }

    #maincontent h1,
    #teaser_welcome h2 {
        font-size: 34px;
        line-height: 42px;
        }

    #maincontent dl {
        margin-bottom: 40px;
        }
    
    #maincontent dt {
        padding-right: 0px;
        float: none;
        }

    #maincontent dd {
        padding-bottom: 20px;
        }

    #parallax_items p {
        padding-top: 5px;
        font-size: 14px;
        line-height: 18px;
        }

    #teaser_welcome .parallax_text {
        height: 360px;
        width: 100%;
        }

    #footer p {
        padding: 15px;
        }

}



/*
----------------------------------------------------------------------
max 600px
----------------------------------------------------------------------
*/

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

    #portal_logos li {
        margin: 30px 10px 30px 0px;
        }

    #portal_logos li:first-child {
        margin: 30px 10px 30px 0px !important;
        }

    #portal_logos #text_logo a {
        font-size: 11px;
        line-height: 12px;
        }

    #portal_logos #text_logo strong {
        font-size: 14px;
        line-height: 20px;
        }

    #portal_logos #text_logo {
        max-width: 130px;
        text-align: left;
        float: right;
        padding-right: 5px;
        }
 
    #mc_headlines {
        min-height: 0px;
        height: auto;
        padding-bottom: 30px;
        } 

    #mobile_footer_actions #mobile_terms li a {
        font-size: 16px;
        color: #808080;
        text-decoration: none;
        display: block;
        width: 100%;
        float: left;
        margin: 20px 20px 0px 0px;
        padding: 10px 10px;
        border-radius: 3px;
        box-sizing: border-box;
        }
 
    #mobile_footer_actions #mobile_copyright {
        text-align: center;
        }

    #maincontent h2,
    #maincontent h3,
    #maincontent .contact_department {
        font-size: 22px;
        line-height: 28px;
        }

    #maincontent table {
        overflow-x: auto;
		display: block;
        }

    #maincontent table.library_details {
        border-left: 0px solid #D65664; 
        }

    #maincontent table.library_details th {
        float: left;
        display: flexbox;
        width: 100%;
        padding: 8px 0px 0px 0px;
        border-bottom: 0px solid;
        border-right: 0px solid;
        vertical-align: top;
        }

    #maincontent table.library_details td {
        float: left;
        display: flexbox;
        width: 100%;
        padding: 10px 0px 10px 0px;
        border-bottom: 1px solid;
        border-right: 0px solid;
        vertical-align: top;
        }

    #link_mysub,
    #link_newlogin,
    #link_workspace {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 8px;
        }

    .parallax_text {
        height: 100px;
        }

    #pi_first .parallax_text,
    #pi_second .parallax_text {
        height: 260px !important;
        }

    .pi_buttonbox {
        width: 100%;
        }
        
    #parallax_items h2 {
        font-size: 24px;
        line-height: 32px;
        }

    #parallax_items h3,
    #parallax_items p {
        display: none;
        }

     #pi_first h3,
     #pi_second h3,   
     #teaser_welcome h3 {
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        }
    
    #parallax_items .select_field select {
        width: 210px;
        }
   
    #parallax_items .select_field {
        width: 170px;
        }    

    .select_me_the_ul_way {
        width: 170px;
        }

}



/*
----------------------------------------------------------------------
max 460px
----------------------------------------------------------------------
*/

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

    #portal_logos #text_logo a {
        font-size: 10px;
        line-height: 16px;
        }

    #portal_logos #text_logo {
        max-width: 100px;
        }

    #portal_logos #text_logo strong {
        font-size: 10px;
        line-height: 16px;
        }

}



/*
----------------------------------------------------------------------
max 400px
----------------------------------------------------------------------
*/

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

    #mobile_meta li a,
    #mobile_meta li strong {
        color: #808080;
        margin-left: 15px;
        }

    #mobile_meta li a:hover,
    #mobile_meta li strong:hover {        
        color: #FFF;
        }

    #portal_logos li {
        display: inline-block;
        list-style-type: none;
        vertical-align: bottom;
        margin: 30px 5px 30px 5px !important;
        line-height: 0px;
        }        

    #portal_logos li:first-child {
        margin: 30px 5px 30px 5px !important;
        }

    #portal_logos {
        text-align: left;
        }

    #portal_logos img {
        height: 70px !important;
        } 

    #oh_times {
        display: block;
        }

    #mobile_footer_actions #mobile_actions li {
        margin-left: 12px;
        }

    .parallax_slider {
        margin: 20px 0px 0px 0px;
        text-align: center;
        float: none;
        }

    #pi_first,
    #pi_second {
        height: 550px;
        }

    #pi_first .parallax_text,
    #pi_second .parallax_text {
        height: 310px !important;
        }    

}



/*
----------------------------------------------------------------------
max 360px
----------------------------------------------------------------------
*/

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

    #parallax_items .select_field select {
        width: 210px;
        }

    #parallax_items .select_field {
        width: 170px;
        }

    #mobile_meta li a {
        margin-left: 10px;
        }

    #mobile_footer_actions #mobile_actions li {
        margin-left: 10px;
        }

}



/*
----------------------------------------------------------------------
max 319px
----------------------------------------------------------------------
*/

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


    #portal_logos #text_logo a {
        font-size: 8px;
        line-height: 12px;
        }

    #portal_logos #text_logo strong {
        font-size: 9px;
        line-height: 14px;
        }

    #portal_logos img {
        height: 60px !important;
        }

    #wrapper {
        min-width: 319px;
        }

    #maincontent h1,
    #parallax_items h2 {
        font-size: 20px;
        line-height: 26px;
        }

}



/*
 ----------------------------------------------------------------------
  YAG 
 ----------------------------------------------------------------------
 */

.tx-yag-breadcrumbcomtainer {
    display: none !important;
}

#maincontent a.yag-digital-link[target="_blank"]::after {
    content: none;
}

a.yag-digital-link:hover,
.yag-item-thumb-outerframe .yag-lightbox-link {
    background: none !important;   
}
 
.mfp-bottom-bar a {
    color: #fff;
    margin: -5px;
    padding: 5px;
    text-decoration: underline;
}

.mfp-bottom-bar a:hover {
    text-decoration: none;
    color: #560710;
    background: #FFF;
    border-radius: 3px;
}
    
.tx-ptextlist-pager li {
    margin: 0 2px 0 2px;
}
 
ul.tx-ptextlist-pager {
    margin: 0 0 0 0 !important;
}

.yag-gallery ul {
    margin-left: 0 !important;
}

.yag-item-thumb-outerframe-no {
    margin: 0 30px 0px 0 !important;
}

.yag-digital-link {
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
}    

.yag-digital-titleBox {
    background-color: #FFFFFF;
    color: #560710;
    height: 28px;
    margin: -40px 0 25px 0;
    max-width: 180px;
    opacity: 0.8;
    overflow: hidden;
    padding: 5px 10px;
    position: relative;
    text-align: left !important;
    top: -32px;
} 

.yag-item-thumb-innerframe img {
    width: 200px !important;    
}

.yag-image-link {
    padding: 0 !important;
    margin: 0 !important;
}

a.yag-image-link:focus {
    background: #EDD3B4 !important;
    display: inline-block;
} 

.imageThumb,
.albumThumb {
    width: 100% !important;
    height: auto !important;
}

.tx-yag-thumb-outerframe h4 {    
    padding: 10px 5px 10px 5px !important;    
    max-width: 190px;
    text-align: left !important;
    height: 54px !important;
    line-height: 32px !important;
    overflow: hidden !important;
    display: block;
}

.yag-album-thumb-outerframe {
    margin: 0 30px 40px 0 !important;
}

.yag-album-thumb-table-cell {
    display: table-cell;
    float: left;
}

.tx-yag-items ul {
    margin-left: 0px !important;
}

.yag-item-thumb-outerframe {
    width:auto !important;
}

.mfp-bottom-bar {
   top: 100%;
   background: none;
}

/*
 ----------------------------------------------------------------------
  LIBCONNECT 
 ----------------------------------------------------------------------
 */

.ezb-list-legend ul li.ezb-list-legend-one,
.ezb-list-accessinfo-access_1,
.ezb-accessinfo-access_1{   
    background-image: url("../Extension/Libconnect/Img/ezb-list_1.png");
}
.ezb-list-legend ul li.ezb-list-legend-two,
.ezb-list-accessinfo-access_2,
.ezb-accessinfo-access_2{
    background-image: url("../Extension/Libconnect/Img/ezb-list_2.png");
}

.ezb-list-legend ul li.ezb-list-legend-four,
.ezb-list-accessinfo-access_4,
.ezb-accessinfo-access_4{
    background-image: url("../Extension/Libconnect/Img/ezb-list_4.png");
}

.ezb-list-legend ul li.ezb-list-legend-six,
.ezb-list-accessinfo-access_6,
.ezb-accessinfo-access_6{
    background-image: url("../Extension/Libconnect/Img/ezb-list_6.png");
}

.ezb-list-legend ul li.ezb-list-legend-one,
.ezb-list-legend ul li.ezb-list-legend-two,
.ezb-list-legend ul li.ezb-list-legend-six,
.ezb-list-legend ul li.ezb-list-legend-four,
.ezb-list-accessinfo-access_1,
.ezb-list-accessinfo-access_2,
.ezb-list-accessinfo-access_4,
.ezb-list-accessinfo-access_6,
.ezb-accessinfo-access_1,
.ezb-accessinfo-access_2,
.ezb-accessinfo-access_4,
.ezb-accessinfo-access_6{
    background-repeat: no-repeat;
    background-position: 0 5px;
    list-style-image: none !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 0.2em 2.3em !important;
}

.ezb-list-legend label {
    display: block;
    float: none;
    font-weight: normal;
    margin-left: 2em !important;
}

#zugangsinfos .ezb-list-accessinfo-access_6{
    margin-left: 21px !important;
}

.accessinfo-element {
    float: left;
}

.ezb-readme {
    float:right;
}

#ezb-result-details .ezb-detail-titlehistory ul{
    list-style: none;
}

.libconnect-form {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.remove-margin {
    margin: 0;
}

.zdb-location-detail li{
    list-style: none;
}

.zdb-location-detail-head{
    display: inline-block;
    width: 8em;
}

/* dbis */

.alph-nav-list-wrapper{
    margin-bottom: 1em;
}

.dbis-list-legend ul li.dbis-list-legend-one,
.dbis-list-accessinfo-access_0 {
    background-image: url("../Extension/Libconnect/Img/dbis-list_0.png");
}
.dbis-list-legend ul li.dbis-list-legend-two,
.dbis-list-accessinfo-access_1 {
    background-image: url("../Extension/Libconnect/Img/dbis-list_1.png");
}
.dbis-list-legend ul li.dbis-list-legend-three,
.dbis-list-accessinfo-access_2 {
    background-image: url("../Extension/Libconnect/Img/dbis-list_2.png");
}
.dbis-list-legend ul li.dbis-list-legend-five,
.dbis-list-accessinfo-access_3 {
    background-image:url("../Extension/Libconnect/Img/cdrom_dbis_list_3.png");
}
.dbis-list-legend ul li.dbis-list-legend-eight,
.dbis-list-accessinfo-access_4{
    background-image: url("../Extension/Libconnect/Img/dbis-list_4.png");
}
.dbis-list-legend ul li.dbis-list-legend-seven,
.dbis-list-accessinfo-access_5 {
    background-image: url("../Extension/Libconnect/Img/dbis-list_5.png");
}

.dbis-list-legend ul li.dbis-list-legend-nine,
.dbis-list-accessinfo-access_6 {
    background-image:url("../Extension/Libconnect/Img/dbis-list_6.png");
}
.dbis-list-legend ul li.dbis-list-legend-six,
.dbis-list-accessinfo-access_7 {
    background-image: url("../Extension/Libconnect/Img/dbis-list_7.png");
}
.dbis-list-legend ul li.dbis-list-legend-six,
.dbis-list-accessinfo-access_8 {
    background-image: url("../Extension/Libconnect/Img/dbis-list_8.png");
}
.dbis-list-legend ul li.dbis-list-legend-four,
.dbis-list-accessinfo-access_500{
    background-image: url("../Extension/Libconnect/Img/germany.png");
}
.dbis-list-legend ul li.dbis-list-legend-five,
.dbis-list-accessinfo-access_300 {
    background-image: url("../Extension/Libconnect/Img/euro.png");
}

.dbis-list-legend ul li.dbis-list-legend-one, .dbis-list-legend ul li.dbis-list-legend-two, .dbis-list-legend ul li.dbis-list-legend-six, .dbis-list-legend ul li.dbis-list-legend-four, .dbis-list-accessinfo-access_0, .dbis-list-accessinfo-access_1, .dbis-list-accessinfo-access_2, .dbis-list-accessinfo-access_3, .dbis-list-accessinfo-access_4, .dbis-list-accessinfo-access_5, .dbis-list-accessinfo-access_6, .dbis-list-accessinfo-access_7, .dbis-list-accessinfo-access_8, .dbis-list-accessinfo-access_300, .dbis-list-accessinfo-access_500 {
    background-repeat: no-repeat;
    background-position: 0 5px;
    list-style-image: none !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 0.2em 2.3em !important;
}

.dbis-list-legend ul {
    margin-bottom: 30px !important; 
}

.dbis-list-legend label {
    display: block;
    float: none;
    font-weight: normal;
    margin-left: 2em !important;
}

.accessinfo-element {
    float: left;
}

.dbis-readme {
    float:right;   
}

.libconnect-form {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.remove-margin {
    margin: 0;
}

.libconnect-p,
.libconnect-ul {
    margin-bottom: 15px !important;
}

#dbis-detail font,
#ezb-detail font {
    color: #FFE592 !important;
    float: left;
}

#dbis-detail span.red,
#ezb-detail span.red {
    color: #FFE592 !important;
    }

#dbis-detail span.margin,
#ezb-detail span.margin {
    display: block;
    margin-top: 1em;
    }
#participants-form-wrapper label {
    display: block;
    font-weight: 700;
    padding-bottom: 10px;
}

#participants-form-wrapper h1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 30px;
}

.mc_search_header {
border-bottom: 2px dotted #d65664;
margin: 0 0 15px !important;
padding-bottom: 8px;
}

/*
 ----------------------------------------------------------------------
  Lightbox
 ----------------------------------------------------------------------
 */

.mfp-bottom-bar {
    opacity: 1;
}


.tx-yag-lightbox-leftcolumn h4 {
    margin-top: -25px;
}

.tx-yag-lightbox-permalink {
    margin-top: 25px;
}



/*
HANS-Nachlaesse
*/
p.hans-nachlaesse span {
    color: #FFF;
    text-decoration: underline;
    padding: 5px;
    margin: -5px;
    }

p.hans-nachlaesse span:hover {
    text-decoration: none;
    color: #560710;
    background: #FFF;
    border-radius: 3px;
    }
    
.hans-nachlaesse-backbutton {
    display: none;
    margin-bottom: 20px !important;
    }



/*
news
*/

.news-single-item span {
    font-size: 16px !important;
}

.news-single-item p {
    margin-bottom: 30px !important;
}

.news-single-files-item {
    padding: 0 10px 0 0;
}

.news-single-img a:hover,
.news-list-container .span_1_of_3 a:hover {
    background: none !important;
}

.news-list-morelink {
    padding: 0 0 0 10px;
}


.news-image-single a:hover,
.news-image-list a:hover {
    background: none !important;
}


/* ALS */
#contentSyndicationDiv form input[type="text"] {
margin-right: 20px;
   width: 80%!important;
}

div#contentSyndicationDiv input {
float: left;
margin-top: 5px;
}

div#contentSyndicationDiv ul.listNavigation {
text-align: center;
    margin-bottom: 50px;
}

div#contentSyndicationDiv div.resultCount {
margin-bottom: 30px;
margin-top: 30px;
padding-left: 26px;
text-align: center;
}

div#contentSyndicationDiv td {
font-size: 16px;
padding: 10px;
}


/* avonis_sub */

#bibliothekdatenbank #library_search {
    margin-top: 20px;
}

#bibliothekdatenbank #library_search .label {
    margin-top: 10px;
}

#bibliothekdatenbank #library_search .submit {
    margin-top: 10px;
}

/* lesesaalsystematik */
.ueberschrift1{ 
    font-weight: bold;
}

.inv li{
    list-style: none inside none !important;
}

.hideh2, .hideh3{
    color: #FFF;
    text-decoration: underline;
}

.h2hideul, .h3hideul{
    list-style-image: none !important;
    list-style-type: none !important;
}

.leer{
    list-style-image: none !important;
    list-style-type: none !important;
}

.hideh2:hover, .hideh3:hover{
    cursor: pointer;
}

#rahmen ul{
    margin-bottom: 5px;
}

.systematik{
    padding-right: 1em;
    float: left;
}

.text{
    display: block;
    float: none;
}

span.text{
    margin-left: 8em;
}

.ueberschrift1 .text{
    margin-left: 0em;
}

.ueberschrift2, .link, .text{
    margin-left: 1em;
}

.ueberschrift1{
    margin-top: 1em;
    color: #FFF;
    text-decoration: none;
}

#rahmen li{
    list-style-type: none !important;
    list-style-image: none !important;
}

div.away {
    display: none;
}

#grayout {
    background-color: white;
    opacity: 0;
    z-index: 255;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: fixed;
    display: none;
}

/* contact */
#maincontent .contact_data {
    text-align: left;
}

/* Extension form 8.7 */

.form-group,
.clearfix{
    margin-bottom: 5px;
}