body {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal;
	font-size: 17px;
	margin: 0;
	padding: 0;
	text-align: center;
}

html {
	height: 100.1%;
}
/* 'kuenstliche' scrollbar */

div.cntframe {
	text-align: left;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	box-sizing: border-box;
}

p {
	font-size: 0.7em;
}

ul li {
	font-size: 0.7em;
}
		
.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}


.image-caption, .video-caption {
	font-size: 0.7em;
	font-style: italic; 
	font-weight: normal;
	text-align: left;
	margin-top: 4px;
}

h1 {
	font-size: 1.2em; 
	font-style: normal;
	font-weight: normal;
}

h2 {
	font-size: 1.1em; 
	font-style: normal;
	font-weight: normal;
}


.csc-linkToTop {
	text-align: right;
}

.csc-linkToTop a {
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
}

.internal-link, .internal-link-new-window, .external-link-new-window, .download, .mail {
	color: #003366;
	text-decoration: none;
}

.ce-bodytext a, .ce-uploads a, .content-row a {
	color: #003366;
	text-decoration: none;
}
	
.langlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	margin-right: 1em;
}


.nxtlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #003366; text-decoration: none }
.videolink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none ; line-height: normal}

.left-row {
	width: 280px;
	padding: 20px 0 20px 20px;
	float: left;
	box-sizing: border-box;
}

.left-row .open-close {
    position: fixed;
    top: 8px;
    left: 0;
    display: none;
	text-decoration: none;
	cursor: pointer;
	transition: 1.0s;
	z-index: 1;
	background-image: url("../fine/images/angle-right-solid.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
}


.left-menu {
	text-align: right;
	margin-top: 10px;
}

.content-row {
	display: block;
	border: 10px solid #EEEEEE;
	width: calc(100% - 490px);
	min-height: 600px; height: auto; _height: 600px; 
	float: left;
	background-color: #EEEEEE; 
	box-sizing: border-box;
}

/* Bild 100% */

.ce-gallery {
	margin-right: -10px;
}

.ce-below .ce-gallery {
    margin-bottom: 10px;
}

.ce-center .ce-outer, .ce-center .ce-inner {
	position: relative;
	width: 100%;
}

.ce-column {
	width: 100%;
}

.wg-cols-2 .ce-column {
	width: 50%;
	margin-right: 0;
	box-sizing: border-box;
	border-right: 10px solid #EEEEEE;
}

/*
.wg-cols-2 .ce-row {
	margin-bottom: 0;
}
*/

.wg-cols-3 .ce-column {
	width: 33.3%;
	margin-right: 0;
	box-sizing: border-box;
	border-right: 10px solid #EEEEEE;
}

.wg-cols-4 .ce-column {
	width: 25%;
	margin-right: 0;
	box-sizing: border-box;
	border-right: 10px solid #EEEEEE;
}

/*
.wg-cols-3 .ce-row {
	margin-bottom: 0;
}
*/

.ce-gallery figure {
	width: 100%;
}

.ce-gallery img {
	width: 100% !important;
	height: auto !important;
}

.right-row {
	width: 188px;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}

.right-row img {
	position: sticky;
	top: 20px;
}

.contenttable td {
	font-size: 0.7em;
	vertical-align: top;
	padding: 0.5em 0.5em 0.5em 0;
}
.topnavi {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.1em;
	font-style: normal; 
	font-weight: normal; 
	color: #333333; 
	text-decoration: none;
	padding-right: 28px;
	padding-top: 20px;
}

.topnavi-active { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.3em;
	font-style: normal; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
	text-align: left;
	padding-top: 20px;
}

.subnavi {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em;
	font-style: normal; 
	font-weight: normal; 
	color: #333333; 
	text-decoration: none;
	padding-right: 28px;
	padding-top: 8px;
	text-align: left;
}

.subnavi-active { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em;
	font-style: normal; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
	padding-left: 0px;
	text-align: left;
	padding-top: 4px;
}

.sububnavi {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	font-style: normal; 
	font-weight: normal; 
	color: #333333; 
	text-decoration: none;
	padding-right: 28px;
	padding-top: 2px;
	text-align: left;
}

.sububnavi-active { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em;
	font-style: normal; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
	padding-right: 28px;
	padding-top: 2px;
	text-align: left;
}

.subububnavi {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	font-style: normal; 
	font-weight: normal; 
	color: #333333; 
	text-decoration: none;
	padding-right: 28px;
	padding-top: 2px;
	text-align: left;
	margin-left: 1em;
}

.subububnavi-active { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	font-style: normal; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
	padding-right: 28px;
	padding-top: 2px;
	text-align: left;
	margin-left: 1em;
}

.topnavi a, .subnavi a, .sububnavi a, .subububnavi a {
	text-decoration: none;
	color: #333333; 
}

.topnavi a:hover, .subnavi a:hover, .sububnavi a:hover, .subububnavi a:hover {
	text-decoration: none;
	color: #999999; 
}


.topnavi-active a, .subnavi-active a, .sububnavi-active a, .subububnavi-active a {
	text-decoration: none;
	color: #003366; /* #999999; */

}

.ce-bodytext {
	padding-top: 10px;
}

.csc-textpic-caption, .csc-video-caption {
	font-size: 0.7em;
	font-style: italic; 
	font-weight: normal; 
}

.csc-frame-rulerAfter {
	border-top: 1px solid #bbbbbb;
	margin-top: 10px;
}

.csc-uploads-fileName a {
	font-style: normal;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
}

.csc-uploads-fileSize, .csc-uploads-fileName {
	vertical-align: bottom;
}

.videoframe {
	width: 100%;
	padding-top: 60%;
	position: relative;
}

.videoframe43 {
	width: 100%;
	padding-top: 75%;
	position: relative;
}

.videoframe iframe, .videoframe video, .videoframe43 iframe, videoframe43 video {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.video-embed-item {
	width: 100%;
}

/* Mail Formular */

.csc-mailform {
	border: 0 solid #FFFFFF;
}

div.form-group {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

label {
	font-size: 0.7em;
	text-align: right;
	width: 25%;
	display: inline-block;
	padding: 5px;
	vertical-align: middle;
	height: auto;
	box-sizing: border-box;
	float: left;
}

.form-check label {
	width: auto;
	margin: 0 0 10px 0;
	text-align: left;	
	padding: 5px 0;
}

.form-group .input {
	width: 75%;
	display: inline-block;
}

.form-group .input.checkbox {
	width: 75%;
	margin-left: 25%;
}

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	width: 100%;
	height: auto;
	vertical-align: middle;
	margin: 0;
	padding: 4px;
	box-sizing: border-box;
}

input[type="checkbox"] {
	width: auto;
	margin: 0px 5px 5px 0;
}

.csc-mailform-label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

.help-block {
	font-size: 0.7em;
	color: #FF0000;
	font-style: italic;
	margin-top: 4px;

}

.form-group .table-responsive {
	font-size: 0.7em;
}

.btn {
	font-size: 0.7em;
}

.csc-mailform-submit {
	font-size: 0.7em;
	width: 120px;
	height: auto;
	margin: 0px 0px 0px 150px;
	border: 1px outset;
}

.easycaptcha label {
	width: 100%;
	text-align: left;
}

.form-group > .easycaptcha {
	width: 75%;
	float: left;
}

.frame-type-form_formframework .clearfix {
	margin-left: 25%;
}

.frame-type-form_formframework .actions {
	float: right;
}

.tx-wgxmediaplayer-pi1 {
	width: 100%;
	text-align: left;
	padding: 12px 0px 12px 1px;
	margin:0pt;
}

/* mittlere Screens - Unterschrift ausblenden */
@media only screen and (max-width:930px) {
	.right-row {
		display: none;
	}
	
	.content-row {
		width: calc(100% - 280px);
	}
	
	
}

@media only screen and (max-width:680px) {
	.left-row {
		/* display: none; */
		position: absolute;
		left: -300px;
		z-index: 1;
		background: #ffffff;
		transition: 0.5s;
		box-shadow: 5px 5px 5px #999999;
	}
	
	.left-row .open-close {
		display: block;
		opacity: 0.7;
	}
	
	.left-row .open-close:hover {
		opacity: 0.9;
	}
	
	.visible-sidenav .left-row {
		left: 0;
	}
	
	.visible-sidenav .left-row .open-close {
		left: 250px;
		transition: 1.0s;
		background-image: url("../fine/images/angle-left-solid.svg");
	}	
	
	.left-menu {
		/* width: 300px; */
	}
	
	.content-row {
		width: 100%;
	}
	
	div.cntframe {
		width: 100%;
	}
	body {
		background-color: #EEEEEE;
	}
}