/**
 * 
 * @package		Livesite
 * @version		1.3.5-beta
 * @author		Bogdan Vojska 
 * @copyright	2011-2020 Bogdan Vojska. All rights reserved.
 * @homepage	www.bogdan-vojska.de
 * @email		mail@bogdan-vojska.de
 *
 */
 
@CHARSET "UTF-8";

/** TEMPLATE - Basic Template Frames and Tags **/

html.noflow,
html.noflow > * {
	overflow : hidden;
}

body {
	font-family : Arial,Helvetica,sans-serif;
	font-size : 10pt;
	font-weight : normal;
	text-align : left;
	height : inherit;
	margin : 0;
	overflow-y : auto;
	overflow-x : hidden;
	color : #000;
	background-color : #fff;
}

body, p, ul {
	margin : 0;
	padding : 0;
}

.dc-pageframe-header {
	position : static;
	border-bottom: 2px solid #999;
	background-color : inherit;
	z-index : 30;
}

.dc-pageframe-header-image {
	position: absolute;
	width : 100%;
	height : auto;
	top: 5px;
	left: 0;
}

.dc-pageframe-main {
	display : block;
	z-index : 10;
}

.dc-pageframe-footer {
	font-size : 10pt;
	text-align : center;
	border-top: 2px solid #999;
	background-color : inherit;
	width : 100vw;
	z-index : 30;
}
.dc-pageframe-footer * {
	background-color : inherit;
}
.dc-pageframe-footer .frame {
	padding : 2px;
}
.dc-pageframe-footer .dc-link.default {
	color : #999;
}
.dc-pageframe-footer #pagefooterutils {
	margin-bottom : 10px;
}

* {
	box-sizing : border-box;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	
}

ul {
    list-style : none outside none;
}

/* TITLES IN TEMPLATE - Means: Beyond of content section container */

.title {
	font-size : 18pt;
	line-height : 160%;
}
.subtitle {
	font-size : 12pt;
	line-height : 120%;
	font-weight : normal;
}

#dc-pageframe {
	font-size : 12pt;
	display : block;
	background-color: #fff;
}

.dc-toolpanel-favicon {
	width : 26px;
	padding : 0 5px;
}

.helpmark {
	font-weight : bold;
	font-size : 8pt;
	background-color : #f66;
	text-align : center;
	margin-left : 5px;
	padding : 0 2px;
	color : #fff;
	
}

/* RIGHTAREA - If 'rightarea.php' exists, it gets inserted to 'loadrightarea' of template.php. This should be an optional block right to the contentarea.*/

.rightarea {
	position : absolute;
	top : 0px;
	width : 120px;
	height : 600px;
}
.rightarea img {
	margin-left : -122px;
}

/* HEADERBLOCK */

/* Banner Loadposition Frame */

#topiceload {
	text-align : center;
	margin : 0 auto;
	background-color : #c9c89e;
	z-index : 10;
}
#topiceload > .frame.ice {
	display : inline-block;
}
#topiceload img {
	margin : 5px;
	border : 0 none;
}
#topiceload a {
	border : medium none;
	background : none;
}

/** Document Tools **/

.dc-toolpanel {
	position : relative;
	top : 0;
	z-index : 20;
	padding : 2px;
}
.dc-toolpanel > .frame {
	display : grid;
	vertical-align : middle;
	grid-gap : 10px;
	grid-template-columns : 30px auto 30px;
	grid-template-rows : 30px;
}
.dc-toolpanel > .frame > * {
	display : flex;
}
.dc-toolpanel-favicon {
	align-items : center;
	justify-content : center;
	text-align : left;
}
.dc-toolpanel-multiblock {
	align-items : center;
	justify-content : center;
	text-align : left;
}
.dc-toolpanel-multiblock > .frame img {
	display : block;
}
.dc-toolpanel-headertools {
	align-items : center;
	justify-content : center;
	text-align : left;
}

#headertoolsbox {
	width : 180px;
	position : fixed;
	top : 0;
	right : 5px;
	text-align : left;
	border : 2px solid #9080b0;
	background-color: #fff;
	box-shadow : -5px 0px 2px 5px #9080b0;
	border-top : medium none;
	border-radius: 0 0 10px 10px;
	padding : 5px 0;
	z-index : 10;
}
#headertoolsbox > * {
	display : block;
	font-size : 10pt;
	font-weight : normal;
	color : #666;
	margin : 2px;
	padding : 2px;
	white-space : nowrap;
}
#headertoolsbox > *:hover {
	background-color: #aaa;
}
#headertoolsbox .text {
	color: #666;
}
#headertoolsbox .text:hover {
	color: #fff;
}
#headertoolsbox a {
	text-decoration : none;
}
#headertoolsbox .languageSelector .divider {
	color : #666;
}

#dc-contentarea {
	background-color: inherit;
	padding : 10px;
	min-height : 100%;
	width : 100%;
	position : static;
}

/* modalbox */

#dc-modalbox {
	position : fixed;
	width : 100vw;
	height : 100vh;
	top : 0;
	left : 0;
	background-color : rgba( 0,0,0,0.5 );
	z-index : 100;
	overflow : auto;
	overflow : auto;
	text-align : center;  
	display: flex;
}

#dc-modalbox > .closebutton {
	position : absolute;
	cursor : pointer;
	top : 20px;
	right : 40px;
	z-index : 102;
}

#dc-modalbox > .closebutton > img {
	line-height : 0;
	display : block;
}

#dc-modalbox > .superscalebutton {
	position : absolute;
	cursor : pointer;
	top : 10px;
	left : 40px;
	z-index : 102;
}

#dc-modalbox > .superscalebutton > img {
	width : 20px;
	height : 20px;
	line-height : 0;
	margin : 10px;
}

#dc-modalbox > .contentarea {
	margin : auto;
	display : inline-block;
	z-index : 101;
}
#dc-modalbox > .contentarea > img {
	max-width : 80vw;
	max-height: 80vh;
	display : block;
}


/* LINKS */
	
.dc-link {
	cursor : pointer;
	text-decoration : underline;
}
	
.dc-link.default {
	color : #33c;
	font-size : 10pt;
	cursor : pointer;
	text-decoration : underline;
}
.dc-link.default:hover {
	color : #33c;
	font-size : 10pt;
	text-decoration : underline;
}

.dc-link.more {
	font-size : 9pt;
	border : none;
	text-decoration : none;
}
.dc-link.more:hover {
	font-size : 9pt;
	border : none;
	text-decoration : underline;
}
.dc-link.back {
	color : #33c;
	font-size : 9pt;
	cursor : pointer;
	text-decoration : none;
}
.dc-link.back:hover {
	color : #33c;
	text-decoration : underline;
}

.dc-link.list {
	text-decoration : underline;
}
.dc-link.list:hover {
	text-decoration : underline;
}

.dc-link.contentmenu {
	text-decoration : underline;
}
.dc-link.contentmenu:hover {
	text-decoration : underline;
}

/* PATHWAY */

.pathway > * {
	display : inline;
	white-space : nowrap;
}

/* BACKLINK SCROLLTOP */
	
.dc-backlink-contentmenu {
	position : fixed;
	z-index : 10;
	top : 10px;
	right : 40px;
}

/* COOKIEALERT */

#cookiealert {
	display : grid;
	align-content : center;
	justify-items: center;
	width : 100%;
	height : 100%;
	background-color : rgba(0, 0, 0, 0.64);
	opacity : unset;
	bottom : 0;
	position : fixed;
	padding : 10px 0;
	z-index : 500;
}

#cookiealert > .sliderbox {
	display : grid;
	grid-template-columns: 100% 100%;
	background-color : rgba( 255, 255, 255, 1 );
	opacity : unset;
	width : 30%;
	height : 260pt;
	border : 5px solid rgb(163, 163, 225);
	border-radius : 20px;
	overflow : hidden;
}

#cookiealert .sliderbox > .frame {
	position : relative;
	background-color : rgba( 255, 255, 255, 1 );
	opacity : unset;
	color : rgb( 8, 8, 160 );
	padding : 14pt;
}

#cookiealert .sliderbox > .frame.lpos {
	left : 0;
}
#cookiealert .sliderbox > .frame.rpos {
	left : -100%;
}

#cookiealert .sliderbox > .frame.slpos {
	animation : slider_toright 1s 1;
	left : 0;
}
#cookiealert .sliderbox > .frame.srpos {
	animation : slider_toleft 1s 1;
	left : -100%;
}

#cookiealert .sliderbox > .frame > * {
	width : 100%;
	margin-bottom : 6pt;
}

#cookiealert .sliderbox > .frame > .text {
	overflow-y : auto;
}

#cookiealert .sliderbox .frame .text > .bodytext {
	margin-bottom : 12pt;
	color : #777;
}

#cookiealert .sliderbox .frame > .paginator {
	height : 24pt;
	display : flex;
	flex-direction : row;
	align-items : center;
	cursor : pointer;
}
#cookiealert .sliderbox .frame > .paginator img {
	height : 14pt;
	margin : 0 14pt;
}

#cookiealert .frame.cookiealert {
	grid-column : 1;
	left : 0;
    height : 240pt;
}

#cookiealert .frame.cookiealert > .text {
	height : 150pt;
	color : unset;
	text-align : center;
	line-height : 120%;
	font-size : 10pt;
	margin-bottom : 6pt;
	padding-right : 10pt;
}

#cookiealert .frame.cookiealert .text > .title {
	font-size : 12pt;
	font-weight : bold;
}
#cookiealert .frame.cookiealert .text > .subtitle {
	font-size : 12pt;
	font-weight : normal;
}
#cookiealert .frame.cookiealert .closebutton {
	display : flex;
	align-items : center;
	justify-content : center;
	height : 36pt;
	overflow : hidden;
	border : 2px solid #aaa;
	border-radius : 50px;
	background-color : rgb(163, 163, 225);
	border-color : rgb(100, 100, 140);
	color : #fff;
	cursor : pointer;
}
#cookiealert .frame.cookiealert .closebutton:hover {
	background-color : rgb(100, 100, 140);
}
#cookiealert .frame.cookiealert .closebutton > .text {
	font-size : 14pt;
}
#cookiealert .sliderbox .frame.cookiealert > .paginator {
	justify-content : right; 
}
#cookiealert .sliderbox .frame.cookiealert .text > .bodytitle {
	margin-bottom : 12pt;
	font-weight : bold;
}

#cookiealert .frame.privatepolicy {
	grid-column : 2;    
	position : relative;
    left : 0;
    height : 240pt;
}

#cookiealert .frame.privatepolicy > .text {
	color : unset;
	text-align : left;
	overflow-x : hidden;
	overflow-y : scroll;
	height : 85%;
	margin-bottom : 12pt;
	padding-right : 10pt;
}

#cookiealert .frame.privatepolicy .text > .title {
	font-size : 14pt;
	font-weight : bold;
}
#cookiealert .frame.privatepolicy .text > .subtitle {
	font-size : 14pt;
	font-weight : normal;
}
#cookiealert .sliderbox .frame.privatepolicy > .paginator {
	justify-content : left; 
}
#cookiealert .sliderbox .frame.privatepolicy .text > .bodytitle {
	color : #777;
	margin-bottom : 12pt;
	font-weight : bold;
}
#cookiealert .sliderbox .frame.privatepolicy .text > .bodytext {
	margin-bottom : 12pt;
	padding-left : 24pt;
}

#cookiealert .sliderbox .frame.privatepolicy .text > .bodylist {
	color : #777;
	margin-bottom : 12pt;
	padding-left : 24pt;
}

#cookiealert .sliderbox .frame.privatepolicy .text > .bodylist > li {
	margin-bottom : 12pt;
}

@media screen and (max-width: 560px) {
	#cookiealert > .sliderbox {
		width : 90%;
	}
}

@media screen and (min-width: 560px) {
	#cookiealert > .sliderbox {
		width : 50%;
	}
}

@media screen and (min-width: 1200px) {
	#cookiealert > .sliderbox {
		width : 30%;
	}
}