/*-----| PARAMS                           |----------------------------------------------------------------------------------------------------------------
WHITE													rgba( 255,255,255,1 )	ffffff
BLACK													rgba( 0,10,21,1 )			000A15
Light BLUE											rgba( 17,108,217,1 	)	116CD9
BLUE													rgba( 3,69,148,1 )		034594
Dark BLUE											rgba( 1,41,88,1 	)		012958
Red													rgba( 239,51,36,1)		ef3324
Orange												rgba( 255,144,0,1 )		ff9000

Z-Stack												Header:						1000
														Main:							10
														Footer:						1
-------| END PARAMS                       |--------------------------------------------------------------------------------------------------------------*/
/*====================================================================================================================================================== */
/*-----| Skelleton                        |------------------------------------------------------------------------------------------------------------- */
body													{ font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000A15; line-height: 1.5; background: #fff7d9; padding-top: 144px; }

#skeletable											{ width: 100%; min-height: 100vH; }
#skeletable #skeletable_main					{ height: 100%; }

.container_outer									{ padding: 0 20px; }
.container											{ width: 100%; max-width: 1240px; margin: 0 auto; }
.container_wide									{ width: 100%; max-width: 1920px; margin: 0 auto; }
.container_wide .container						{ max-width: 100%; }
/*-----| End Skelleton                    |------------------------------------------------------------------------------------------------------------- */
/*====================================================================================================================================================== */
/*-----| Header                           |------------------------------------------------------------------------------------------------------------- */
header												{ position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 144px; z-index: 1000; background: #ffffff; }
header:before										{ display: block; content: ""; position: absolute; left: 0; top: 36px; right: 0; height: 36px; background: #9c9b9b; }
header:after										{ display: block; content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 36px; background: linear-gradient(to bottom, #e9e9ee 0%,#c5c6c8 100%); }
header .container > .flex_container			{ position: relative; padding: 108px 0 0 0; }

header #hLogo										{ display: block; position: absolute; z-index: 1; left: 20px; top: 10px; height: 89px; padding-left: 124px; background: url("/pages/img/logo.jpg") no-repeat left center; text-decoration: none; }
header #hLogo table								{ margin-top: 26px; }
header #hLogo table tr:first-of-type td	{ font-size: 28px; font-weight: bold; padding: 0 0 2px 0; line-height: 34px; color: #ffffff; }
header #hLogo table tr:last-of-type td		{ font-size: 14px; font-weight: bold; line-height: 20px; color: #9c9b9b; }
header #hLogo table tr:last-of-type td:last-of-type		{ text-align: right; }

header #hNavigation								{ position: relative; z-index: 1; display: block; width: 100%; height: 36px; }
header #hNavigation ul li						{ position: relative; list-style: none; }
header #hNavigation > ul > li					{ flex-grow: 1; }
header #hNavigation ul li a					{ display: block; padding: 0 20px; line-height: 36px; font-size: 18px; font-weight: 400; text-align: center; text-decoration: none; }
header #hNavigation ul li.current a,
header #hNavigation ul li:hover a			{ background: linear-gradient(to bottom, #c5c6c8 0%,#e9e9ee 100%); }
header #hNavigation ul li ul					{ display: none; position: absolute; left: 0; top: 36px; min-width: 100%; background: #ffffff; box-shadow: 0 10px 20px rgba( 0,0,0,0.2 ); }
header #hNavigation ul li:hover ul			{ display: block; }
header #hNavigation ul li:last-of-type ul	{ left: auto; right: 0; }
header #hNavigation ul li ul li				{ display: block !important; list-style: none !important; }
header #hNavigation ul li ul li a			{ padding: 5px 10px; line-height: 24px; font-size: 14px; text-align: left; background: #ffffff !important; }
header #hNavigation ul li ul li:hover a	{ background: linear-gradient(to bottom, #c5c6c8 0%,#e9e9ee 100%) !important; }
/*-----| End Header                       |------------------------------------------------------------------------------------------------------------- */
/*-----| Footer                           |------------------------------------------------------------------------------------------------------------- */
footer #fContact									{ background: linear-gradient(to bottom, #e9e9ee 0%,#c5c6c8 100%); padding: 20px 0; }
footer #fContact .flex_box *					{ padding: 0 !important; }
footer #fContact h1								{ min-height: 46px; }
footer #fContact a								{ text-decoration: none; }
footer #fContact a:hover						{ text-decoration: underline; }
footer #fContact li								{ list-style: none; }
footer #fContact .flex_box li a				{ display: block; font-size: 14px; line-height: 16px; padding: 3px 0 !important; }
footer #fCopy										{ background: #000A15; padding: 5px 0; color: #cccccc; font-size: 13px; text-align: center; }
footer #fCopy a									{ color: #cccccc; text-decoration: none; }
footer #fCopy a:hover							{ color: #fdcc00; }
/*-----| End Footer                       |------------------------------------------------------------------------------------------------------------- */
/*-----| Panorama                         |------------------------------------------------------------------------------------------------------------- */
/*#panorama											{ background-color: #fdcc00; }*/
#panorama .slider_container					{ background: none; }
#panorama *											{ padding: 0 !important; }
/*-----| End Panorama                     |------------------------------------------------------------------------------------------------------------- */
/*====================================================================================================================================================== */
/*-----| MAIN       			               |------------------------------------------------------------------------------------------------------------- */
main													{ display: block; position: relative; z-index: 10; overflow: hidden; }
main .container									{ background: rgba( 255,255,255,0.5 ); }

/*main p												{ padding-bottom: 20px; }
main p:last-of-type								{ padding-bottom: 0; }
main h1												{ font-size: 32px; color: #012958; }
main h1.title										{ color: #034594; }
main h2												{ font-size: 24px; color: #012958; }
main h5												{ position: relative; width: 100%; line-height: 30px; margin-bottom: 15px; }
main h5:before										{ display: block; content: ""; position: absolute; left: 15px; top: 13px; right: 15px; bottom: 13px; background: #012958; }
main h5 > span										{ position: relative; z-index: 1; display: block; margin: 0 auto; padding: 0 15px; }
main h5 > span > span							{ display: block; text-align: center; border: solid #012958; border-width: 0 4px; background: #034594; color: #ffffff; }*/
/*-----| HOME       			               |------------------------------------------------------------------------------------------------------------- */
section#meldungen									{ padding-bottom: 40px; }
section#meldungen .flex_box_news				{ display: block; font-weight: bold; text-decoration: none; background: rgba( 0,0,0,0 ); transition: background 1s; }
section#meldungen .flex_box_news:hover		{ background: rgba( 0,0,0,0.2 ); }
section#meldungen .flex_box_news > div		{ height: 100%; background: #eeeeee; }
section#meldungen .flex_box_news .news_image				{ position: relative; line-height: 1px; background: #ffffff; border: 4px solid #eeeeee; }
section#meldungen .flex_box_news .news_image img		{ width: 100%; }
section#meldungen .flex_box_news .news_image div		{ position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; }
section#meldungen .flex_box_news .news_title				{ padding: 10px; }

section#gal											{ padding-bottom: 40px; }
section#gal .flex_box_gallery					{ display: block; font-weight: bold; text-decoration: none; background: rgba( 0,0,0,0 ); transition: background 1s; }
section#gal .flex_box_gallery:hover			{ background: rgba( 0,0,0,0.2 ); cursor: pointer; }
section#gal .flex_box_gallery > div			{ height: 100%; background: #eeeeee; }
section#gal .flex_box_gallery .gallery_image				{ position: relative; line-height: 1px; background: #ffffff; border: 4px solid #eeeeee; }
section#gal .flex_box_gallery .gallery_image img		{ width: 100%; }
section#gal .flex_box_gallery .gallery_image div		{ position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; }
section#gal .flex_box_gallery .gallery_title				{ padding: 10px; }

main .home_more									{ position: relative; width: 100%; height: 45px; padding: 15px 0 0 0; }
main .home_more > div							{ float: right; padding: 0 15px; }
main .home_more > div:nth-child(2)			{ float: left; }
/*main .home_more > div > a						{ display: block; text-align: center; border: solid #aaaaaa; border-width: 0 4px; background: #eeeeee; line-height: 28px; text-decoration: none; font-weight: bold; }
main .home_more > div > a:hover				{ border: solid #012958; border-width: 0 4px; background: #034594; color: #ffffff; }*/

main .button										{ display: block; width: 100%; height: 30px; padding: 0 20px; line-height: 26px; border: 2px solid; border-color: #dddddd #999999 #999999 #dddddd; background: #eeeeee; border-radius: 5px; text-decoration: none; font-weight: bold; text-align: center; }
main .button:hover								{ border: 2px solid #012958; background: #034594; color: #ffffff; }

/*section.cat_1 > .flex_container > .flex_box:nth-of-type(3)	{ background: #eeeeee; border: 15px solid #ffffff; padding: 25px; }*/


.art_map_box										{ position: relative; height: 100%; }
.art_map_box > div								{ padding: 25%; }
.art_map_box > div > iframe					{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: none; }

.blockUI.blockMsg									{ background: none !important; border: none !important; }

#news .flex_box_33								{ padding: 0 30px 0 0; }
#news .news_box									{ min-height: 100%; text-decoration: none; }
#news .news_box .news_image					{ background-repeat: no-repeat; background-position: center; background-size: cover; line-height: 1px; }
#news .news_box .news_image > a				{ display: block; line-height: 1px; }
#news .flex_box_66			 					{ padding-top: 0 !important; }
#news .flex_box_66 .news_box 					{ display: block; }
#news .flex_box_33 .news_box					{ width: 100%; }
#news .flex_box_33 .news_box .news_text 	{ margin-bottom: 15px; }
#news .news_title									{ padding: 15px 0; }
#news .news_text									{ padding: 0; }
/*#news .news_box:hover .news_text 			{ color: #7A7E82; }*/
#news .news_arrow									{ display: block; padding: 0 15px 15px 15px; }
@media screen and (min-width: 960px) {
#news .flex_box_33 .news_box:first-of-type{ margin-bottom: 30px; }
}
@media screen and (min-width: 641px) and (max-width: 959px) {
#news .flex_box_33								{ width: 100%; padding: 15px; }
#news .flex_box_33 .flex_container			{ padding: 0; }
#news .flex_box_33 .news_box					{ width: 50%; padding: 15px; }
}
@media screen and (max-width: 640px) {
#news .flex_box_33								{ padding: 15px; }
#news .flex_box_33 .news_box					{ width: 100%; padding: 15px; }
}
/*-----| End MAIN                      	|------------------------------------------------------------------------------------------------------------- */
/*====================================================================================================================================================== */