body
{
        font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	font-weight:bold;
	margin:10px 0 20px 0;
}

h2
{
	font-size:25px;
}

h3
{
	font-size:18px;
}

h4
{
	font-size:16px;
}

h5
{
	font-weight:normal;
}

h6
{
	font-size:18px;
	font-weight:normal;
	font-style:italic;
}

hr
{
        border:0;
        height:1px;
        margin:10px;
	width:100%;
	max-width:1200px;
}

q p
{
	margin:0;
	padding:0;
}

/* ----- HEADER ----- */

#header_title
{
	position:absolute;
	display:block;
	z-index:100;
	width:100%;

}

#header_title div
{
	display:block;
	position:relative;
	width:calc(100% - 20px);
	max-width:1200px;
	margin:0 auto 0px auto;
}

#header_title div a
{
	position:relative;
	top:35px;
	padding:15px 30px 15px 30px;
	font-size:30px;
	font-weight:bold;
}

.sform input
{
        font-family: 'Open Sans', sans-serif;
        font-size:16px;
        padding: 5px;
        outline: 0;
        border:0;
        width:250px;
        border-radius:5px;
}

.sform input[type=submit]
{
        width:auto;
        padding: 4px 18px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
}

p
{
	margin: 10px 0;
	line-height: 25px;
}

a
{
	text-decoration: none;
	color: inherit;
	transition: color .4s ease;
}

strong
{
	font-weight: bold;
}

small
{
	font-size:12px;
}

/* ----- HEADER ----- */

header
{
        position:relative;
        width:auto;
        max-width:970px;
        margin: 0 auto 5px auto;
}

header img
{
        margin-top:5px;
}

header p
{
        font-family: 'Open Sans', sans-serif;
        font-size:20px;
        color: inherit;
}

nav
{
        position:absolute;
        right:0;
        bottom:0;
}

nav ul
{
        list-style:none;
}

nav ul li
{
        display:block;
        float:left;
        padding:3px 15px;
}

nav ul li a
{
        font-family: 'Open Sans', sans-serif;
        text-transform:uppercase;
        transition: all .25s ease;
	font-weight:bold;
	font-style:italic;
}

#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
}

#mobileMenu ul li
{
        display:block;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
}


/* ----- SPACER/ZEILE ----- */

#spacer
{
        width:auto;
        min-height:34px;
        position:relative;
        font-family: 'Open Sans', sans-serif;
        font-size:18px;
//	margin-bottom:90px;
}

#spacer p
{
        margin-top:12px;
        width:auto;
        position:absolute;
        left:50%;
        margin-left:-485px;
}

#spacer .search
{
        margin-top:9px;
        width:auto;
        position:absolute;
        right:50%;
        margin-right:-485px;
}

.item_suche
{
	padding-bottom:15px;
}

.item_suche i
{
	font-style: italic;
	font-size:14px;
}

#suche_nav
{
	margin-top:20px;
	margin-bottom:50px;
}

#suche_nav a
{
	display:block;
	float:left;
	margin-right:50px;
	font-weight:bold;
	font-size:16px;
}

.item_suche h3
{
	margin-top:15px;
	font-weight:bold;
	font-size:18px !important;
}


/* ----- MENU BUTTONS ----- */

#menu
{
        font-family: 'Open Sans', sans-serif;
        font-size:18px;
}

.menubutton
{
	display:block;
	float:left;
	position:relative;
	top:10px;
	border-radius:15px;
	padding:10px 20px 10px 20px;
	margin:0px 20px 10px 0px;
	text-align:center;
	min-width:100px;
        text-transform: uppercase;
        transition: all .5s ease;
}

/* ----- DROPDOWNMENU ----- */

#book_list, #chapter_list
{
	position:absolute;
//	position:relative;
	display:block;
	top:0px;
	width:100%;
	max-width:400px;
	text-align:center;
	z-index:10000;
}

#book_list
{
	right:20px;
}

#book_list ul, #chapter_list ul
{
	margin:0px auto 0px auto;
	padding:0px;
	width:100%;
	max-width:600px;
}

#book_list ul li, #chapter_list ul li
{
	font-size:16px;
        text-align: center;
        text-transform: none;
	padding:8px;
	list-style-type:none;
}

#book_list_items #chapter_list_items
{
	position:relative;
        margin: 0 auto 0px auto;
        display: block;
}

#book_list_down, #book_list_up, #chapter_list_down, #chapter_list_up
{
	position:relative;
	padding:2px;
}

#book_list #book_list_up, #chapter_list #chapter_list_up
{
	display:none;
}

#book_list #book_list_items, #chapter_list #chapter_list_items
{
	display:none;
	padding:0px;
	border-bottom:none;
}

#book_list #book_list_items div, #chapter_list #chapter_list_items div
{
	padding:8px;
}

#book_list .book_list_dropdown, #book_list .book_list_dropup, #chapter_list .chapter_list_dropdown, #chapter_list .chapter_list_dropup
{
	position:relative;
	vertical-align:middle;
	right:10px;
	top:0px;
	width:calc(100% - 10px);
	cursor: pointer;
}

#book_list .book_list_dropdown label, #book_list .book_list_dropup label, #chapter_list .chapter_list_dropdown label, #chapter_list .chapter_list_dropup label
{
	width:calc(100% - 10px);
	vertical-align:middle;
	cursor: pointer;
}


/* ----- MAIN ----- */

#books_overview, #kapitel_overview, #kapitel_display, .centered, #book_info, #chapter_list_main, #main_block, #menu
{
	position:relative;
	width:calc(100% - 20px);
	max-width:1200px;
	margin:0 auto 50px auto;
	padding:0px 10px 0px 10px;
}

.centered
{
	margin:0 auto 0px auto;
	min-height:30px;
	text-align:center;
}

#books_overview a, #kapitel_overview a, #kapitel_display a, #book_info a, #chapter_list_main a, #main_block a
{
	font-weight: bold;
//	color:#8283a7;
	margin:15px 0 50px 0;
}

#chapter_list_main a
{
	margin:5px 0 15px 0;
}

#books_overview a, #kapitel_overview a, #book_info a, #chapter_list_main a
{
	display:block;
}

.content_left_half, .content_right_half
{
	display:block;
	float:left;
	width:50%;
	margin:25px 0 50px 0;
}

.content_left_half
{
	text-align:left;
}

.content_right_half
{
	text-align:right;
}

.full_span
{
	width:100%;
}

#books_overview .block img, #kapitel_overview .block img, #book_info .block img, #kapitel_display .block img
{
	width:150px;
	height:auto;
	display:block;
	float:left;
	margin:0px 10px 10px 0px;
}

/* --- FOOTER --- */

footer
{
        position:relative;
        clear:both;
        width:auto;
        height:350px;
}

footer .wrapper
{
        line-height:25px;
        margin: 0 auto;
        padding-top:30px;
        width:calc(100% -20px);
        max-width:1200px;
	padding:0px 10px 0px 10px;
}

footer .wrapper .column
{
        font-family: 'Open Sans', sans-serif;
        color:#ffffff;
        float:left;
        width:300px;
        margin-right:35px;
}

footer .wrapper .service ul li
{
        display:block;
        width:auto;
        padding:0 0 10px 25px;
        margin-bottom:10px;
}

footer .wrapper .portale ul li
{
        display:block;
        width:auto;
        padding:0 0 10px 25px;
        margin-bottom:10px;
}


footer .wrapper .midlist ul li a:hover
{
        color:#ffffff;
}

footer .wrapper .rightlist ul li
{
        display:block;
        width:auto;
        margin-bottom:15px;
}

footer .wrapper .rightlist ul li a span
{
        margin-left:95px;
        display:block;
}

footer .wrapper .rightlist ul li a img
{
        transition: border .25s ease;
        float:left;
}

footer .wrapper .column h4
{
        font-size: 16px;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
}

#copyright
{
        height:70px;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
}

#copyright .wrapper
{
        font-family: 'Open Sans', sans-serif;
        padding-top:25px;
        font-size:14px;
        position:relative;
}

#copyright .wrapper .social
{
        position:absolute;
        right:0;
        top:25px;
}

#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        opacity: 0.3;
        margin-left: 12px;
        display:block;
        float:left;
}

#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}



/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
        clip: rect(1px, 1px, 1px, 1px);
}

/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */

#slides
{
        display: none;
}

/* Center the slideshow */
.container
{
        width:auto;
        margin: 0 0;
        position:relative;
}

@media (max-width: 990px)
{
        header
        {
        }
}body
{
        background:#ffffff;
        color:#377ba6;
}

h5
{
	color:#377ba6;
}

h6
{
	color:#377ba6;
}

hr
{
        background-color: #4d4d59;
}


/* --- HEADER --- */

#header_title div a
{
	background-color:rgba(119,189,217,0.85);
	color:#ffffff;
}

.sform input
{
        background: #ffffff;
}

.sform input[type=submit]
{
        background: #333333;
        color: #ffffff;
}

nav ul li a:hover
{
        color:#587aa6;
}

#mobileMenu ul li
{
        background-color: #732b08;
        color: #ffffff;
        border-bottom: 1px solid #351200;
}


/* --- SPACER/ZEILE --- */

#spacer
{
        background-color:#77bdd9;
        color:#555555;
}

#spacer a:hover
{
	color:#555555;
}

.item_suche
{
	border-bottom:1px solid #cccccc;
}

.menubutton
{
	background-color:#377ba6;
	color:#ffffff;
}

.menubutton:hover
{
	background-color:#77bdd9;
	color:#ffffff !important;
}


/* ----- DROPDOWNMENU ----- */

#book_list ul li, #chapter_list ul li
{
	color:#ffffff;
	background-color:#77bdd9;
}

#book_list_items div a, #chapter_list_items div a
{
	color:#ffffff !important;
}

#book_list #book_list_items div, #chapter_list #chapter_list_items div
{
	border-top:1px solid #ffffff;
}

#book_list .book_list_dropdown, #book_list .book_list_dropup, #chapter_list .chapter_list_dropdown, #chapter_list .chapter_list_dropup
{
	background:url(img/menu_dropdown.png) no-repeat;
	background-size: 28px 28px;
	background-position: right center;
}

#book_list .book_list_dropup, #chapter_list .chapter_list_dropup
{
	background:url(img/menu_dropup.png) no-repeat;
	background-size: 28px 28px;
	background-position: right center;
}


/* --- FOOTER --- */

footer
{
        position:relative;
        clear:both;
        width:auto;
        height:350px;
        background-color:#a2a632;
}

footer .wrapper .service ul li
{
        border-bottom: 1px solid #707329;
        background:url(img/icon_arrow_grey.png) left 6px no-repeat;
}

footer .wrapper .portale ul li
{
        border-bottom: 1px solid #707329;
        background:url(img/icon_book_black.png) no-repeat;
	background-position: 0px 3px;
}

footer .wrapper .rightlist ul li a img
{
        border:3px solid #707329;
}

footer .wrapper .rightlist ul li a img:hover
{
        border-color: #707329;
}

footer .wrapper .column h4
{
        color: #ffffff;
        border-bottom: 1px solid #707329;
}

#copyright
{
        background: #707329;
}

#copyright .wrapper
{
        color: #ffffff;
}

#copyright .wrapper a
{
        color: #ababab;
}

#copyright .wrapper a:hover
{
        color: #ffffff;
}


/* --- SLIDES --- */

.slidesjs-container
{
//        border-top: 1px #fff5e4 solid;
}