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



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

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

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: 12px;
    box-sizing: border-box;    
    }

#wrapper {
    margin: 0 2.5%;
    width: 95%;
    }

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

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



/*
----------------------------------------------------------------------
button + forms
----------------------------------------------------------------------
*/

.button_red,
.button_grey,
.button_black,
.button_darkgrey {
    border-radius: 3px;
    border: 1px solid #000;
    display: inline-block;
    cursor: pointer;
    color: #000 !important;
    padding: 10px 15px !important;
    text-decoration: none !important;
    }

.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: 12px;
    line-height: 1;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #FFF;
    text-shadow: 0px 1px 0px rgb(120, 120, 120);
    cursor: pointer !important;
    }

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

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

.select_field option {
    background: #787878;   
    }

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%;
    margin-right: 2px;
    }



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

#vertical_navigation {
    display: none;
    }



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

#header {
    z-index: 800;
    }

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

#portal_logos  #uhh_smartphone {
    display: none !important;
}

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

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

#portal_search {
    display: none;
    }

#opening_hours {
    color: #000;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 10px 15px;
    margin-bottom: 30px;
    }

#opening_hours span {
    display: none;
    }

#opening_hours strong {
    font-weight: 700;
    }

#oh_times {
    margin-right: 10px;
    padding-right: 15px;
    }

#opening_hours a {
    color: #000;
    text-decoration: none;
    display: block;
    }

#opening_hours a:after {
    content: " [" attr(href) "]";
    }


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

#footer {
    border-top: 1px solid #000;
    color: #000;
    padding: 30px;
    margin-top: 30px;
    }

#footer_left,
#footer_mid,
#footer_right {
    text-align: center;
    }
    
#footer_mid,
#footer_right {
    float: left;
    width: 50%;
    padding-top: 20px;
    }
    
#footer h3 {
    padding: 0px;
    font-size: 14px;
    }

#footer p {
    padding: 10px;
    }

#footer p a {
    color: #000;
    text-decoration: none;
    white-space: nowrap;  
    }

#footer .button_red:after {
    content: " [" attr(href) "]";
    display: block;
    }
    
#mobile_footer_actions {
    display: none;
    }



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

#parallax_items a:after {
    content: " [" attr(href) "]";
    }

.pi_red_bg .parallax_text {
    color: #000 !important;
    }

#parallax_nav {
	display: none;
    }

.parallax_text {
	color: #000;
    }

.parallax_text.inactive {
    display: none;
    }

#parallax_items h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 10px;
    }

#parallax_items h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    }

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

#teaser_welcome {
	display: none;
    }

#teaser_welcome .teaser_person {
	display: none;
    }

#pi_first,    
#pi_second,
#pi_third,
#pi_fourth {
	border-top: 1px solid #000;
	margin-bottom: 30px;	
    }
    
.parallax_content {
    padding: 30px 0px 0px 0px;
    background: #FFF;
    }

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

.pi_buttonbox a {
    margin-top: 12px;
    }
    
.pi_buttonbox a:after {
    content: " [" attr(href) "]";
    display: block;
    }

.parallax_slider {
    display: none;
    }
 
#parallax_items .pi_red_bg .parallax_text p a,
#parallax_items .pi_white_bg .parallax_text p a {
    color: #000;
    text-decoration: underline;
    }



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


#nav_right {
    display: none;
    }


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

#content_leftcol {
    background: #FFF;
    }

#content_rightcol {
    min-width: 280px;
    }

#breadcrumb {
    margin: 30px 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
    color: #000;
    }

#breadcrumb a,
#breadcrumb span {
    color: #000;
    padding: 0px 5px;
    white-space: nowrap;
    text-decoration: none;
    }

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

#maincontent h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding-bottom: 10px;    
    }

#maincontent h2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding-bottom: 30px;
    }

#maincontent h3,
#maincontent h4 {
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 10px; 
    }

#maincontent p {
    margin-bottom: 15px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: justify;
    }

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

#maincontent a {
    color: #000;
    text-decoration: underline;
    }

#maincontent a:after {
    content: " [" attr(href) "]";
    }    

#maincontent a[href^="mailto"]:after,
#maincontent a[href^="tel"]:after {
    content: "";
    } 

#maincontent a.button_grey:after {
    content: " [" attr(href) "]";
    display: block;
    }

.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 li {
    list-style-type: none;
    }

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

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

ul.accordion li ul {
    display: block;
    }

ul.accordion li ul li ul {
    display: inline-block;
    }

ul.accordion li ul li ul li {
    list-style-type: circle;
    margin-left: 15px;
    padding-bottom: 10px;
    }

#maincontent table {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    width: 100%;
    margin-bottom: 60px;
    }

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

#maincontent th{
    border-right: 1px solid;
    }

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

.goto_top {
    display: none;
    }

/*
----------------------------------------------------------------------
Bibliotheksfuehrer
----------------------------------------------------------------------
*/

#maincontent a.mail{
    text-decoration: none;
}

#hwd-page-content ul,
#hwd-page-content ol {
    list-style: none;
    margin-left: 0px;
}

#hwd-header-nav {
    display:none;
}

#hwd-portal-logo {
    display:none;
}

.tx_find article.detail {
    padding-bottom: 30px;
}

.dd-link a:after {
    content: " [" attr(href) "]";
}

.dd-link a {
    color: #000;
    text-decoration: none;
}

.print {
    display: none;
}

.underlyingQuery {
    display: none;
}

#hwd-col-right {
    display: none;
}

li.current {
    display: none;
}

span.removenotice {
    display: none !important;
}

#hwd-content-wrap {
    padding-bottom: 30px;
}