/*!
pw demo
(c) 2018 webdecker
author: i.decker, www.webdecker.de
date: 2018-08-22
*/

/* -------------------------------------- */
/* Basics, reset */
/* -------------------------------------- */
body { padding: 0; margin: 0; }

div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea { margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; vertical-align: top; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor:help; }
blockquote, q { quotes: none; }
fieldset, img { border:0; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
hr { border: 0; border-top: 1px solid #888888; }

div, section, aside, nav, fieldset, header, footer, figcaption, figure, main, article, ul, ol, h1, h2, h3, h4, h5, audio, video, iframe { display: block; position: relative; box-sizing: border-box; }
li { position: relative; box-sizing: border-box; }
p { display: block; position: relative; padding-bottom: 12px; }

img { max-width: 100%; height: auto; }
img.align_left { max-width: 50%; display: block; float: left; margin-right: 24px; margin-bottom: 24px; }
img.align_right { max-width: 50%; display: block; float: right; margin-left: 24px; margin-bottom: 24px; }
img.img25 { max-width: 25%; }
img.img33 { max-width: 33%; }
img.img50 { max-width: 50%; }
img.img66 { max-width: 50%; }
figure { max-width: 100%; }
figure img { display: block; }
figure.align_top {  margin: 0 0 24px 0; }
figure.align_right { float: right; margin: 0 0 24px 24px; width: 40%; }
figure.align_left { float: left; margin: 0 24px 24px 0; width: 40%; }
figure.align_below { margin: 12px 0 0 0; }
figure.align_background { position: absolute; top: 0; left: 0; max-width: none; }
figure.align_background img { width: 100%; max-width: none; }

.clear, .clearfix { clear: both; display: block; }

body #wrapper .invisible { display: none; }
body #wrapper .mobile { display: none; }
body #wrapper .nomobile { display: block; }
body #wrapper .printblock { display: none; }
body #wrapper .printinline { display: none; }
body #wrapper .screenblock { display: block; }
body #wrapper .screeninline { display: inline; }


/* -------------------------------------- */
/* Fonts */
/* -------------------------------------- */
body { font-family: Garamond, Goergia, serif; font-weight: normal; font-size: 20px; line-height: 26px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
input, button { font-family: Garamond, Goergia, serif; font-size: 100%; line-height: 100%; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
textarea, select, option { font-family: Garamond, Goergia, serif; font-size: 100%; line-height: 100%; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }

h1, h2, h3, h4 { font-family: Garamond, 'Goergia', serif; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }

.fa,
.toggle:after, #mainmenu li.submenu > a > span:after, #c_momenu li.submenu > a:after,
.back a:before, 
#mainmenu li.close span:after,
div.more a:before,
xxx
	{ font-family: FontAwesome; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { text-decoration: none; display: inline-block; }
a:hover { text-decoration: none; }
a:hover img { opacity: 0.8; }

h1, p.h1 { font-size: 36px; line-height: 44px; margin: 0 0 12px 0; padding-bottom: 0;  }
h2, p.h2 { font-size: 30px; line-height: 40px; margin: 0 0 12px 0; padding-bottom: 0;  }
h3, p.h3 { font-size: 24px; line-height: 30px; margin: 0 0 12px 0; padding-bottom: 0;  }
h4, p.h4 { font-size: 22px; line-height: 26px; margin: 0 0 12px 0; padding-bottom: 0;  }

figcaption { font-size: 14px; line-height: 20px; padding-top: 8px; }

#o_search a { font-size: 24px; }
#o_menu a { font-size: 24px; }

footer { font-size: 80%; }

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */

/* general, sizes */
.w, #container > .inside, .fullsize #main > .inside > *
	{ width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; display: block; position: relative; }


#container > .inside { padding-right: 232px; }
#main { width: 100%; float: left; padding-bottom: 32px; }
#aside { width: 232px; margin-right: -232px; float: left; padding-left: 32px; padding-bottom: 32px; }

.fullsize #container > .inside { padding-right: 0; max-width: none; }
.fullsize #aside { display: none; }
.fullsize #main > .inside > .fullsize { max-width: none; }



#container > .inside:after, 
#footer > .inside:after, 
#main > .inside:after, 
#aside > .inside:after, 
#header > .inside > .w:after,
#head_logo > .inside:after
	{ display: block; clear: both; content: ""; font-size: 0; line-height: 0; }




#container .ce { margin-bottom: 32px; }
#container .ce:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; }
#container .ce.nomargin { margin-bottom: 0; }

#wrapper { width: 100%; }
#header { z-index: 1000; }
	body { padding-top: 50px; }
	#head { margin-top: -50px; transform: translatey(0); }
		#head > div { z-index: 1; clear: both; }
		#head_top { padding-top: 4px; padding-bottom: 4px; font-size: 12px; text-align: right; }
		#head #head_logo { z-index: 10001; padding-top: 10px; }
		
		#logo { float: left; width: 150px; padding-bottom: 12px;  }
			#logo img, #logo a { display: block; }
		#slogan { float: left; padding: 16px 0 16px 0; font-style: italic; letter-spacing: 0.7px; font-size: 24px; line-height: 100%; font-family: Goergia serif; }
		#buttons { float: right; padding-top: 16px; }
			#buttons > div { float: right; width: 32px; text-align: right; }
		#head #head_menu { z-index: 10000; }
	
		#head #cs { display: none; overflow: hidden;  }
			.jsgo #head #cs { display: block; }
			#head .c { z-index: 1; clear: both; }
			#c_search > .inside { padding-top: 32px; padding-bottom: 24px; text-align: center; }
			#c_momenu { display: none; }
			#c_momenu > .inside { padding-top: 32px; padding-bottom: 24px; }
			#c_momenu nav { margin-bottom: 24px; }
		#head #cs div.close { font-size: 24px; line-height: 24px; text-align: center; }
		
	#mainmenu {  }
#container { clear: both; z-index: 1; }
	#main { padding-top: 24px; }
		#main .ce.main:after { display: none; }
		#main .ce.main { margin-bottom: 24px; }
		#main .ce_meta.main { margin-bottom: 8px; }
		#main .ce_text.main { margin-bottom: 0; }
		#main .ce_text.main:after { display: block; }
	#aside { padding-top: 24px; }

#footer { clear: both; z-index: 0; padding-bottom: 64px; z-index: 10; }
	#footer #info { padding-top: 24px; padding-bottom: 24px; }
	#footermenu {  text-align: right; width: 100%; }
		#footermenu nav { display: inline-block; }
	#footer #bottom { padding-top: 8px; padding-bottom: 24px; }
#totop { position: fixed; bottom: 0; right: 0; text-align: center; background: rgba(220,220,220,0.5); z-index: 20000; }
#totop:hover { background: rgba(220,220,220,1); }
#totop a { display: block; box-sizing: border-box; font-size: 24px; line-height: 24px; width: 40px; height: 40px; padding: 8px; }
body #totop a:hover { text-decoration: none; color: #000; }



#o_menu { display: none; }

/* Header shadow stuff */
/*
#head { box-shadow: 0px 4px 4px #444; }
#head .shadow { z-index: 2; height: 10px; margin-bottom: -10px; overflow: hidden; }
#head .shadow .inside { height: 5px; margin-top: -6px; box-shadow: 0px 4px 4px #000; }
*/

/* Header sticky stuff */
body { padding-top: 50px; }
#head { margin-top: -50px; transform: translatey(0); }
#head-placeholder { margin-top: -50px; }
#head.sticky { transform: translatey(50px); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }

#head.sticky #head_top { display: none; }
#head.sticky #head_logo { display: none; }


/* -------------------------------------- */
/* Wrappers */
/* -------------------------------------- */


#wrapper div.cols  { overflow: hidden; }
#wrapper div.cols > .inside { margin-left: -12px; margin-right: -12px; }
#wrapper div.cols > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper div.cols > .inside > div { float: left;  margin: 0 12px 24px 12px; overflow: hidden;  }
#wrapper div.cols > .inside > div:after { display: none; }

#wrapper div.cols.col2 > .inside > div:nth-child(odd) { clear: both; }
#wrapper div.cols.col21 > .inside > div:nth-child(odd) { clear: both; }
#wrapper div.cols.col12 > .inside > div:nth-child(odd) { clear: both; }
#wrapper div.cols.col3 > .inside > div:nth-child(3n+1) { clear: both; }
#wrapper div.cols.col4 > .inside > div:nth-child(4n+1) { clear: both; }
#wrapper div.cols.col5 > .inside > div:nth-child(5n+1) { clear: both; }
#wrapper div.cols.col6 > .inside > div:nth-child(6n+1) { clear: both; }

#wrapper div.cols.col2 > .inside > div { width: calc(50% - 24px);  }
#wrapper div.cols.col12 > .inside > div:nth-child(odd) { width: calc(33.33% - 24px);  }
#wrapper div.cols.col12 > .inside > div:nth-child(even) { width: calc(66.66% - 24px);  }
#wrapper div.cols.col21 > .inside > div:nth-child(odd) { width: calc(66.66% - 24px);  }
#wrapper div.cols.col21 > .inside > div:nth-child(even) { width: calc(33.33% - 24px);  }
#wrapper div.cols.col3 > .inside > div { width: calc(33.3% - 24px);  }
#wrapper div.cols.col4 > .inside > div { width: calc(25% - 24px);  }
#wrapper div.cols.col5 > .inside > div { width: calc(20% - 24px);  }
#wrapper div.cols.col6 > .inside > div { width: calc(16.66% - 24px);  }

.equal > .inside { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 

#wrapper div.cols.itemspadded > .inside > div { padding: 24px; }
#wrapper div.cols.itemslight > .inside > div { background-color: #f8f8f8; }



@media screen and (max-width: 840px) {
	#wrapper div.cols.col4 > .inside > div { width: calc(50% - 24px);  }
	#wrapper div.cols.col4 > .inside > div:nth-child(odd) { clear: both; }

	#wrapper div.cols.col5 > .inside > div { width: calc(50% - 24px); }
	#wrapper div.cols.col5 > .inside > div:nth-child(5n+1) { clear: none; }
	#wrapper div.cols.col5 > .inside > div:nth-child(odd) { clear: both; }
	
	#wrapper div.cols.col6 > .inside > div { width: calc(33.33% - 24px);  }
	#wrapper div.cols.col6 > .inside > div:nth-child(3n+1) { clear: both; }
	
	.aside #wrapper div.cols.col2 > .inside > div { width: calc(100% - 24px); }
	.aside #wrapper div.cols.col3 > .inside > div { width: calc(100% - 24px); }
	.aside #wrapper div.cols.col4 > .inside > div { width: calc(100% - 24px); }
	.aside #wrapper div.cols.col5 > .inside > div { width: calc(50% - 24px); }
	.aside #wrapper div.cols.col6 > .inside > div { width: calc(50% - 24px);  }
	
	.aside #wrapper div.cols.col21 > .inside > div:nth-child(odd) { width: calc(100% - 24px); clear: both; }
	.aside #wrapper div.cols.col21 > .inside > div:nth-child(even) { width: 50%; float: right;  }

	.aside #wrapper div.cols.col12 > .inside > div:nth-child(odd) { width: 50%;  }
	.aside #wrapper div.cols.col12 > .inside > div:nth-child(even) { width: calc(100% - 24px); clear: both; }
}

@media screen and (max-width: 640px) {
	
	#wrapper div.cols.col2 > .inside > div { width: calc(100% - 24px); }
	#wrapper div.cols.col3 > .inside > div { width: calc(100% - 24px); }
	#wrapper div.cols.col4 > .inside > div { width: calc(100% - 24px); }
	#wrapper div.cols.col6 > .inside > div { width: calc(50% - 24px);  }
	#wrapper div.cols.col6 > .inside > div:nth-child(3n+1) { clear: none; }
	#wrapper div.cols.col6 > .inside > div:nth-child(odd) { clear: both; }
	
	#wrapper div.cols.col21 > .inside > div:nth-child(odd) { width: calc(100% - 24px); clear: both; }
	#wrapper div.cols.col21 > .inside > div:nth-child(even) { width: 50%; float: right;  }

	#wrapper div.cols.col12 > .inside > div:nth-child(odd) { width: 50%;  }
	#wrapper div.cols.col12 > .inside > div:nth-child(even) { width: calc(100% - 24px); clear: both; }
	
}


/* -------------------------------------- */
/* Menus */
/* -------------------------------------- */

/* main menu desktop */
#mainmenu li.overview { display: none; }

#mainmenu li a { display: block; padding: 8px 24px 8px 0px; }
#mainmenu li:last-child a { margin-right: 0; }
#mainmenu li a			{ background: transparent; color: #fff; }
#mainmenu li a:hover	{ background: transparent; color: #fb7713; }
#mainmenu li a.active	{ background: transparent; color: #fb7713; }
#mainmenu li a.trail	{ background: transparent; color: #fb7713; }
#mainmenu li.open > a	{ background: transparent; color: #fb7713; }

#mainmenu .level_1 > li > .ul { box-shadow: -4px 5px 4px #444; }
#mainmenu .level_1 > li > .ul { position: absolute; top: 37px; left: 0; min-width: 150%; background: #444; color: #fff; }
#mainmenu .level_1 > li:last-child > .ul { left: auto; right: 0; }
#mainmenu .level_1 > li > .ul { visibility: hidden; opacity: 0; margin-top: 24px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
#mainmenu .level_1 > li.open > .ul { visibility: visible; opacity: 1; margin-top: 0; }

#mainmenu ul.level_2 li { float: none; }
#mainmenu ul.level_2 li a { margin-right: 0; padding-left: 20px; }
#mainmenu ul.level_2 li li a { margin-right: 0; padding-left: 32px; }

#mainmenu ul.level_2 li a { background: #444; color: #fff; }
#mainmenu ul.level_2 li a:hover { background: #444; color: #fb7713; }
#mainmenu ul.level_2 li a.active { background: #444; color: #fb7713; }
#mainmenu ul.level_2 li a.trail { background: #444; color: #fb7713; }


#momenu a { color: #fff; display: block; border-bottom: 1px solid #fff; padding: 8px 0 8px 0; }
#momenu li li a { padding-left: 24px; }
#momenu li li li a { padding-left: 48px; }

#momenu a:hover { color: #fb7713; }
#momenu a.trail, #c_momenu a.active { color: #fb7713; }
#momenu a.trail:hover, #c_momenu a.active:hover { color: #fb7713; }

#momenu ul li { display: block; float: none; }
#momenu ul { list-style-type: none; margin: 0; padding: 0; }
#momenu ul.level_1 { border-top: 1px solid #fff; }
#momenu ul.level_1 > li { margin-left: 0; }
#momenu ul li { }
#momenu ul ul { margin-bottom: 0; }
#momenu ul ul > li:last-child { padding-bottom: 0; }
#momenu div.close { margin-bottom: 24px; }



#footermenu a { padding: 0  0 0 8px; }



/* -------------------------------------- */
/* Colors */
/* -------------------------------------- */

body { background: #444; color: #333; }
#wrapper { background: #fff; }
#header { }
	#head { background: #444;  }
	#head_top {  }
	#head_logo {  }
	#head_menu { }
	#slogan { color: #fff; }
	
	#c_search { background: #444; }
	#c_momenu { background: #444; }
	#header .c a.close { color: #fff; }
	#header .c a.close:hover { color: #fb7713; }

	#buttons a { color: #fff; }
	#buttons a:hover { color: #fb7713; }
	
	#cs .c > .inside {  }

#container {  background: #ffffff; }
#footer { background: #444; color: #fff; }
	#footer a { color: #fff; }
	#footer a:hover { color: #c00000; }
	#footer #bottom a { color: #fff; }
	#footer #bottom a:hover { color: #fb7713; }
	#totop a { color: #333; }
	#totop a:hover { color: #fb7713; }
	
h1, h2, h3, h4 { color: #888; }
a { color: #fb7713; }
a:hover { color: #000; }

#slogan a { color: #fff; }
#slogan a:hover { color: #fb7713; }

figcaption { color: #888; }
.notice { color: #888; }

div.error { color: #c00000; }
form > div.error { background: #ffeeee; border: 1px solid #fb7713; padding: 16px; margin-bottom: 16px; }


input, select, textarea { color: #222222; outline: none; }
input { border: 1px solid #aaaaaa; }
textarea { border: 1px solid #aaaaaa; }
select { border: 1px solid #aaaaaa; }
::-webkit-input-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999999; } /* ie */
input:-moz-placeholder { color:#999999; }

button { border: 0; background: none; }
button span { background: #499fc4; background: #444; border: 1px solid #aaaaaa; color: #fff; font-weight: bold; }
button span:hover { background: #666; color: #fb7713; }

.light { background: #ffcc76; }
.colored { background: #fb7713; background: #c7e481; }
.dark { background: #888; }
	.dark > * { color: #ffffff; }
.gloomy { background: #444; }
	.gloomy > * { color: #ffffff; }
.highlight { color: #a99; }

#wrapper div.lightfont { color: #ffffff; }
#wrapper div.darkfont { color: #555555; }

.pager .current a { background: #888888; color: #ffffff; }
.pager a:hover { background: #444444; color: #ffffff; }

#breadcrumbs a { color: #aaaaaa; }
#breadcrumbs a:hover { color: #c00000; }

.slideshow .controls .disabled { color: #aaaaaa; }
.ce_video .starter span { color: #ffffff; }
.slideshow .controls .active { color: #555555; }



/* -------------------------------------- */
/* Lists */
/* -------------------------------------- */
ul { margin-top: 12px; margin-bottom: 12px;  }
li { margin-left: 24px; }
ul ul { margin-top: 8px; margin-bottom: 8px; list-style: disc; }

#header ul { list-style-type: none; margin: 0; padding: 0; }
#header ul:after { content: ''; display: block; clear: both; position: relative; height: 0px; font-size: 0px; line-height: 0px; }
#header li { float: left; margin: 0; padding: 0; }

#footer ul { overflow: hidden; list-style-type: none; margin: 0; padding: 0;  }
#footer ul:after { content: ''; display: block; clear: both; position: relative; height: 0px; font-size: 0px; line-height: 0px; }
#footer li { display: inline-block; margin: 0; padding: 0; }

#breadcrumbs { text-align: right; margin-bottom: 12px;  }
#breadcrumbs ol { overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
#breadcrumbs li { display: inline-block; margin: 0; padding: 0; }
#breadcrumbs a { display: block; padding: 0 8px 0 0; font-size: 13px; }
#breadcrumbs span:before { content: '/'; display: inline-block; padding-right: 8px; }
#breadcrumbs li:first-child span:before { content: ''; display: inline-block; padding-right: 0; }

#top #wrapper #breadcrumbs { display: none; }

body.pg_index #wrapper #breadcrumbs { display: none; }

.pager { clear: both; padding: 12px 0 24px 0; text-align: center; }
.pager ul { overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
.pager li { display: inline-block; margin: 0; padding: 0; }
.pager a { display: block; padding: 8px 12px 8px 12px; }


/* -------------------------------------- */
/* Forms */
/* -------------------------------------- */

form {  display: block; }
input { border: 1px solid #aaaaaa; padding: 4px 8px 4px 8px; box-sizing: border-box; max-width: 100%; display: inline-block; }
textarea { border: 1px solid #aaaaaa; padding: 4px 8px 4px 8px; width: 100%; box-sizing: border-box; max-width: 100%; display: inline-block; }
select { border: 1px solid #aaaaaa; padding: 4px; max-width: 100%; display: inline-block; }

button { outline: 0; padding: 0; margin: 0; border: 0; display: inline-block; }
button span { cursor: pointer;  padding: 4px 36px 4px 36px; display: block;  }
button span:hover {  }

form > fieldset { margin: 0; padding: 0; }
form > fieldset > .field { margin: 0; padding: 0; padding-bottom: 24px; }
form > fieldset > .field:after { content:''; display: block; position: relative; clear: both; }

form > fieldset > .field  { padding-left: 160px; }
form > fieldset div.label { margin-left: -160px; width: 160px; padding-right: 16px; box-sizing: border-box; display: block; position: relative; float: left; font-weight: bold; }
label p { display: inline-block; margin: 0; padding: 0; }

form .field label input { margin-right: 8px; }
form .field label i { display: none; }

form > fieldset.submit { text-align: right; }
form > fieldset.submit div.label { display: none; }
form > fieldset.submit > .field { padding-left: 0; }
form > fieldset.submit > .field { display: inline-block; }

.wide input { width: 100%; }
.wide textarea { width: 100%; }

form div.options > span { display: block; }
form div.options  span.option input { vertical-align: baseline; }
form div.options  span.option label { display: inline-block; margin-top: -1px; }

/* -------------------------------------- */
/* Icons */
/* -------------------------------------- */

/* ×  ∨ ∧ */
.toggle:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; }
.toggle.open:after { content: "\f077"; display: inline-block; padding-left: 4px; margin-left: 4px; }


#mainmenu .level_1 > li.submenu > a > span:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; line-height: 21px; }
#mainmenu .level_1 > li.submenu.open > a > span:after { content: "\f077"; display: inline-block; padding-left: 4px; margin-left: 4px; }

#mainmenu li.close { text-align: center; }
#mainmenu li.close span:after { content: "\f077"; display: inline-block; }

#c_momenu li.submenu > a:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; }
#c_momenu li.submenu.open > a:after { content: "\f077"; display: inline-block; padding-left: 4px; margin-left: 4px; }

.back a:before { content: "\f053"; display: inline-block; padding-right: 4px;  }

div.more a { padding-left: 24px; }
div.more a:before { content: '\f04b'; content: "\f061"; display: block; float: left; margin-left: -24px;  }

/* -------------------------------------- */
/* Misc CEs */
/* -------------------------------------- */

/* Styling */
#wrapper .padded { padding: 32px; }
#wrapper .ptop { padding-top: 32px; }
#wrapper .pbottom { padding-bottom: 32px; }
#wrapper .pleft { padding-left : 32px; }
#wrapper .pright { padding-right: 32px; }
#wrapper .mtop { margin-top: 32px; }
#wrapper .mbottom { margin-bottom: 32px; }
#wrapper .margin { margin-top: 32px; margin-bottom: 32px; }
#wrapper .centered { text-align: center; }
#wrapper .indent { padding-left: 10%; padding-right: 10%;  }
#wrapper .text_right { text-align: right; }
#wrapper .text_left { text-align: left; }
#wrapper .underline { /* see colors */ }

.pg_links li { padding-bottom: 16px; }

/* back */
.back { padding-top: 24px; padding-bottom: 24px; } /* text-align: right;  */



/* sitemap  f15b */
#sitemap ul { list-style: none; }
#sitemap li { margin-left: 0; padding-left: 24px; }


/* search */
ul.search_result { }
ul.search_result li { padding-bottom: 24px; }
ul.search_result a { display: block; }
ul.search_result span.url { display: block; color: #999; }
.ce_search p.title { font-weight: 700; }
.ce_search li.rel_poor { opacity: 0.7; }
.ce_search .matches { color: #999999; display: none; }
.ce_search .relevance { display: none; }
.ce_search .url { display: block; color: #999999; font-weight: normal; }



/* slideshow */
.slideshow { overflow: hidden; height: 0px; }
.slideshow .slide { background: #ffffff; width: 100%; }
.slideshow .slide img { width: 100%; display: block; }
#wrapper .slideshow .slide:after { height: 0; }
.slideshow.sl_type_carousel .col2 { width: 50%; }
.slideshow.sl_type_carousel .col3 { width: 33.333%; }
.slideshow.sl_type_carousel .col4 { width: 25%; }

.slideshow .controls { text-align: center; font-size: 48px; line-height: 48px; margin-bottom: 12px; }
.slideshow .controls a, .slideshow .controls span, .slideshow .controls b { display: inline-block; vertical-align: top; }
.slideshow .controls a { padding: 0 4px 0 4px; }
.slideshow .controls .pagi b {   }
.slideshow .controls a.navi { margin-top: -1px; }
.slideshow .controls .disabled { }
.slideshow .controls .active { }
.slideshow .controls .slide { width: 20%; }
.slideshow .controls .slideshow { display: inline-block;  }

.slideshow .controls .slideshow { width: 80%;  }
.slideshow.sl_pagination_slideshow a.navi { position: absolute; top: 0; }
.slideshow.sl_pagination_slideshow a.prev { left: 0; }
.slideshow.sl_pagination_slideshow a.next { right: 0; }

/* video, audio */
audio { width: 100%; height: auto; min-height: 48px; outline: none; }
video { width: 100%; height: auto; background: transparent; outline: none; }
video[poster] { width: 100%; height: auto; }

.ce_video { overflow: hidden; }
.ce_video .player { width: 100%; height: 0; padding-bottom: 56.1%; }
.ce_video .starter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
.ce_video .starter span { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; font-size: 100px; line-height: 100px; text-align: center; }
.ce_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* parallax */
.parallax { min-height: 250px; }

/* googlemap gmap */
.ce_googlemap > .inside { padding-top: 50%; min-height: 200px; }
.ce_googlemap > .inside > .gmap { position: absolute; top: 0; left; 0; width: 100%; height: 100%; }


/* gallery */
.gallery img { display: none; }
.gallery a { display: block; box-sizing: border-box; position: relative; width: 100%; padding-bottom: 100%; }
.gallery a { background-repeat: no-repeat; background-size: contain; background-size: cover;  background-position: center center; }

span.download { display: block; overflow: hidden; }
span.download > span { display: block; position: relative; box-sizing: border-box; float: left; width: 50%; }
span.download span.title { font-weight: bold; }
span.download span.title a { color: inherit; }
span.download span.buttons { text-align: right; }
span.download span.buttons a { display: inline-block; border: 1px solid #aaaaaa; background: #c2d69b; padding: 4px 8px; margin-right: 8px; font-weight: bold; }
span.download span.buttons a:hover { background: #c00000; color: #fff; }


ul.letters { list-style: none; text-align: center; }
ul.letters li { padding: 0; margin: 0; display: inline-block; }
ul.letters li a { display: inline-block; box-sizing: border-box; margin: 0 8px 8px 8px; padding: 1px 2px 3px 2px; width: 26px; background: #c2d69b; }

.colored ul.letters li a { background: #fff; }

#startpix { margin-top: -24px; overflow: hidden; margin-bottom: 32px; }
#startpix img { margin-top: -20%; margin-bottom: -20%; }



#top #wrapper .flag > .inside { width: 150px; float: right; margin: 0 0 12px 12px; }
#top #wrapper .flag img { border: 1px solid #ddd; }

.selected ul { list-style: none; }
.selected ul li { display: inline-block; box-sizing: border-box; margin: 0; padding: 0; padding: 0 8px 8px 0; font-size: 12px; line-height: 14px; width: 60px; text-align: center; vertical-align: top; }
.selected ul li a { display: block; }
.selected ul li a img { width: 40px; display: inline-block; }
.selected ul li strong { display: block; font-weight: normal; }
.selected ul li em { display: block; font-weight: normal; }

.quick { text-align: center; }
.quick select { display: inline-block; }

/* -------------------------------------- */
/* Media queries */
/* -------------------------------------- */

@media screen and (max-width: 840px) {
	.w, #container > .inside, .fullsize #main > .inside > *
		{ max-width: 600px; }
		
		
	/* breakpoint menu */
	#o_menu { display: block; }
	#c_momenu { display: block; }
	#mainmenu { display: none; }
	#head_top { display: none; }
	#logo { width: 80px; margin-top: 0; }
	#buttons { padding-top: 16px;  }
	
	#head { }
	#cs .c > .inside { border-bottom: 0; }
	
	/*
	#head { border-bottom: 3px solid #499fc4; }
	*/
	
	#head.sticky #head_top { display: none; }
	#head.sticky #head_logo { display: block; }
	#head.sticky #buttons {  }
	#head.sticky #head_menu { display: none; }
	
}

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

}


@media screen and (max-width: 640px) {
	/* breakpoint aside */
	.w, #container > .inside, .fullsize #main > .inside > *
		{ max-width: 400px; }

	#container > .inside { padding-right: 0; }
	#main { float: none; }
	#aside { width: 300px; margin-right: 0; padding-left: 0; float: none; }
	

	#wrapper .mobile { display: block; }
	#wrapper .nomobile { display: none; }
	
	#wrapper .indent { padding-left: 5%; padding-right: 5%;  }
	
	
	span.download > span { float: none; width: 100%; padding-top: 8px; }
	
}

@media screen and (max-width: 440px) {
	.w, #container > .inside, .fullsize #main > .inside > *
		{ max-width: 300px; }
	body { min-width: 320px; }
	
	#footer li { float: none; }
	/*
	#slogan { display: none; }
	*/
	form > fieldset > .field { padding-left: 0; }
	form > fieldset  div.label { margin-left: 0; width: 100%; padding-right: 0; padding-bottom: 8px; float: none; }

	
	figure.align_left { width: auto; float: none; margin-right: 0;  }
	figure.align_right { width: auto;  display: block; float: none; margin-left: 0;  }

	img.align_left { max-width: 100%; display: block; float: none; margin-right: 0;  }
	img.align_right { max-width: 100%; display: block; float: none; margin-left: 0;  }
}



@media print {
	#o_search, #c_momenu, #c_search, #o_menu, #mainmenu, #share, #footermenu, #wrapper .back, #totop { display: none; }
	video { display: none; }
	.ce_video.local.hasimage { min-height: 200px; }
	body #wrapper .printblock { display: block; }
	body #wrapper .printinline { display: inline-block; }
	body #wrapper .screenblock { display: none; }
	body #wrapper .screeninline { display: none; }
	
	#header, #footer, #header a, #footer a { color: #000; }
	
	#wrapper #container div.quick { display: none; }

	#wrapper #container .block div.az { display: none; }

	.pg_index #wrapper #container .block div.selected { display: none; }
	
	#wrapper .padded { padding: 12px; }
	#wrapper div.cols > .inside > div { margin-bottom: 12px; }
	
	body { font-size: 12px; line-height: 16px; }
	footer { font-size: 12px; }
	
	#body { padding-top: 0; }
	#head { margin-top: 0; transform: translatey(0); }
	#head-placeholder { display: none; }
	#head.sticky { transform: translatey(0);  }

	#head.sticky #head_top { display: block; }
	#head.sticky #head_logo { display: block; }

}