@media (min-width: 769px) {
	html {
		font-family: Nunito, Verdana, Arial, sans-serif;
		font-size: 17px;
		font-weight: normal;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #000000;
		height: 100%;
		min-width: 1400px;
	}

	.vi_no_mobile {
		color: #000000;
	}

	.vi_only_mobile {
		display: none;
	}

	body {
		margin: 0px; height: 100%; padding: 0px;
		height: 100%;
		background-color: #a3714b;
	}
}

@media (max-width: 768px) {
	html {
		font-family: Nunito, Verdana, Arial, sans-serif;
		font-size: 12px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #000000;
		height: 100%;
	}

	.vi_no_mobile {
		display: none;
	}

	.vi_only_mobile {
	}

	body {
		margin: 0px; height: 100%; padding: 0px;
		height: 100%;
	}
}

body.edit {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #62AEDD;
	font-size: 20px;
	text-align: left;
}

div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

caption,th {
	text-align: left;
}

abbr,acronym {
	border: 0;
}

p 	{
		margin-bottom: 10px;
	}

p:last-of-type {
		margin-bottom: 0px;
	}

P.button {
	background: #fafafa;
	font-size: 20px;
	padding: 5px;
	padding-left: 10px;
}

P.button A {
	text-decoration: none;
}

A.clear {
	background: transparent;
	text-decoration: none;
}

ul 	{
	font-size: 17px;
	}

/* ========== HEADERS =========== */

@media (min-width: 769px) {
	
	h1 {
		color: #000000;
		font-size: 40px;
		font-weight: 500;
		text-decoration: none;
	}
	
	h2 {
		color: #000000;
		font-size: 30px;
		font-weight: 500;
		text-decoration: none;
	}
	
	h3 {
		color: #000000;
		font-size: 25px;
		font-weight: 500;
		text-decoration: none;
	}
	
	h4 {
		color: #be1522;
		font-size: 30px;
		font-weight: 500;
		text-decoration: none;
	}
	
	h5 {
		color: #be1522;
		font-size: 26px;
		font-weight: 500;
		text-decoration: none;
	}
	
	h6 {
		color: #be1522;
		font-size: 22px;
		font-weight: 500;
		text-decoration: none;
	}
}

@media (max-width: 768px) {
	
	h1 {
		color: #000000;
		font-size: 40px;
		font-weight: 500;
		text-decoration: none;
	}
	
	h2 {
		color: #000000;
		font-size: 30px;
		font-weight: 500;
		text-decoration: none;
	}
	
	h3 {
		color: #000000;
		font-size: 25px;
		font-weight: 500;
		text-decoration: none;
	}
	
	h4 {
		color: #be1522;
		font-size: 60px;
		font-weight: 500;
		text-decoration: none;
	}
	
	h5 {
		color: #be1522;
		font-size: 52px;
		font-weight: 500;
		text-decoration: none;
	}
	
	h6 {
		color: #be1522;
		font-size: 44px;
		font-weight: 500;
		text-decoration: none;
	}
}

select,input,textarea {
	font: 99%;
	border: 1px solid rgba(0,0,0,0.5);
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #8f6a4e;
}


a.invert {
	text-decoration: none;
	cursor: pointer;
	color: #62AEDD;
}

a.invert:hover {
	text-decoration: underline;
	color: #62AEDD;
}

a.infobar {
	text-decoration: none;
	cursor: pointer;
	color: #ffffff;
}

a.infobar:hover {
	text-decoration: none;
	color: #FFE268;
}

a.fn_dark {
	text-decoration: none;
	cursor: pointer;
	color: #2e4350;
}

a.fn_dark:hover {
	text-decoration: none;
	color: #e4dfcb;
	text-shadow: 0px 0px 0px #e4dfcb ;
}


.blur_me {
	filter: blur(5px);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	filter: url('/bilder/blur.svg#blur5'); /* for Firefox */
}

/* ========== SLIDER =========== */

.slider_slogan {
	width: 1200px;
	position: absolute;
	text-align: right;
}

.slider_piclayer {
	height: 100%; 
	width: 100%;
	position: absolute;
	color: #ffffff;
	font-size: 22px;
	text-shadow: #000000 0px 0px 8px;
	text-align: left;
}

.slider_piclayer H1 {
	color: #ffffff;
	font-size: 26px;
}


.slider_piclayer A {
	color: #be1522;
	text-decoration: none;
	cursor: pointer;
}

.slider_piclayer A:hover {
	color: #be1522;
	text-decoration: none;
	cursor: pointer;
}

.slider_text {
	position: relative;
	background-color: rgba(45,67,80,0.9);
	font-size: 23px;
	height: 158px;
	width: 300px;
	text-align: right;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	left: +810px;
	top: +205px;
	overflow:hidden;
}

.slider_inactive {
}

.slider_inactive A {
	color: #2d4350;
	text-decoration: none;
}

.slider_active A {
	color: #75838c;
	text-decoration: none;
}

.slider_direct {
	font-size: 14px;
	padding-left: 1px;
	text-shadow: #000000 0px 0px 1px, #000000 0px 0px 1px ;
}

/* ============================================ */
/* ========== CONTAINER-DEFINITIONS =========== */
/* ============================================ */

/* ========== TOPMENU =========== */

/* ========== MENU =========== */


@media (min-width: 769px) {
	#topmenu_container {
		z-index: 60000;
	}
	
	#topmenu_container #topmenu {
		text-align: left;
	}
	
	#topmenu_container #topmenu a {
		color: #000000;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#topmenu_container #topmenu a:hover {
		color: #7a5236;
		text-decoration: none;
	}
	
	#topmenu_container #topmenu a.active {
		color: #7a5236;
		text-decoration: none;
	}
	
	#topmenu_container #topmenu a.active:hover {
		color: #7a5236;
		text-decoration: none;
	}
	
	#topmenu_container #topmenu .mainmenus {
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin: 0px;
		padding: 0px;
		margin-right: 20px;
		margin-top: 20px;
		height: 40px;
		font-size: 0px;
		cursor: pointer;
	}
	
	.menumark {
		position: relative; 
		background: #ffffff;
		width: 7px;
		height: 7px;
		float: left;
		top: -6px;
		left: +20px;
		transform: rotate(45deg);
		border-top: 1px solid #9d9d9d;
		border-left: 1px solid #9d9d9d;
		z-index: 78900;
	}
	
	
	#topmenu_container #topmenu .mainmenus li{
		display: inline-block;
		height: 40px;
		padding-left: 10px;
		padding-right: 50px;
		position: relative;
	}
	
	#topmenu_container #topmenu .mainmenus li .submenu {
		margin: 0px;
		margin-top: 0px;
		padding: 0px;
		position: absolute;
		display: none;
		top: +28px;
		width: 260px;
	}
	
	#topmenu_container #topmenu .mainmenus li:hover .submenu {
		display: block;
		padding: 0px;
		text-align: left;
	}
	
	#topmenu_container #topmenu .mainmenus li:hover .submenu ul {
		display: block;
		position: relative;
		padding: 0px;
		margin: 0px;
		width: 208px;
		top: -2px;
		border: 1px solid #62AEDD;
		background-color: #ffffff;
	}
	
	#topmenu_container #topmenu .mainmenus li:hover .submenu ul li {
		margin: 0px;
		padding: 0px;
		padding-top: 4px;
		padding-left: 4px;
		padding-right: 4px;
		padding-bottom: 4px;
		height: 18px;
		width: 200px;
		border: 0px;
		border-radius: 0px;
		background-color: #ffffff;
		border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
		cursor: pointer;
		text-align: left;
	}
	
	#topmenu_container #topmenu .mainmenus li:hover .submenu ul li a{
		font-size: 14px;
		color: #62AEDD;
	}
	
	#topmenu_container #topmenu .mainmenus li:hover .submenu ul li:hover {
		color: #62AEDD;
		background-color: #FFE268;
		border-top: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
		text-shadow: 0px 0px #ffffff;
	}
	
	#topmenu_container #topmenu .mainmenus li:hover .submenu ul li:hover a {
		color: #62AEDD;
		
	}
	
	#submenu_container {
		position: absolute;
		z-index: 60000;
	}

	#submenu_container .submenu {
		display: none;
		min-height: 280px;
		text-align: right;
		border: 1px solid #9d9d9d;
		box-shadow: 0px 0px 4px #888888;
		background-color: #ffffff;
		position: relative;
	}

	#submenu_container A {
		color: #000000;
	}

	#submenu_container A:hover {
		color: #8a6246;
	}

	#submenu_container A .arrow {
		color: #bcbcbc;
	}

	#submenu_container A:hover .arrow {
		color: #8f6a4f;
	}

	#submenu_container .submenu .subcontent{
		float: right;
		padding: 15px;
		min-height: 180px;
		text-align: left;
		background: #ffffff;
	}

	#header {
		width: 100%; font-size: 0px; background-color: #ffffff;
		position:fixed;
		z-index: 20;
//		box-shadow: 0px 0px 5px #888888;
 	}
	
	#header #statusbar {
		height: 25px; padding-top: 8px; background-color: #B18363;
	}

	#header #statusbar .margin_right {
		margin-right: 50px; 
	}
}


@media (max-width: 768px) {

	#topmenu_container {
		z-index: 60000;
	}
	
	#topmenu_container #topmenu {
		text-align: right;
	}
	
	#topmenu_container #topmenu a {
		color: #003a79;
		font-size: 36px;
		text-decoration: none;
	}
	
	#topmenu_container #topmenu a:hover {
		color: #FCD63A;
		text-decoration: none;
	}
	
	#topmenu_container #topmenu a.active {
		color: #FCD63A;
		text-decoration: none;
	}
	
	#topmenu_container #topmenu a.active:hover {
		color: #FCD63A;
		text-decoration: none;
	}
	
	#topmenu_container #topmenu .mainmenus {
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin: 0px;
		padding: 0px;
		margin-right: 20px;
		margin-top: 20px;
		position: relative;
		height: 10px;
		font-size: 0px;
		cursor: pointer;
		top: -60px;
	}
	
	#topmenu_container #topmenu .mainmenus li{
		display: inline-block;
		height: 40px;
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
	}
	
	#topmenu_container #topmenu .mainmenus li .submenu {
		margin: 0px;
		margin-top: 0px;
		padding: 0px;
		position: absolute;
		display: none;
		top: +40px; 
		left: -380px;
 		width: 460px;
	}

/*	
	#topmenu_container #topmenu .mainmenus li:hover .submenu {
		display: block;
		padding: 0px;
		text-align: left;
	}
*/	
	#topmenu_container #topmenu .mainmenus li .submenu ul {
		display: block;
		position: relative;
		padding: 10px;
		margin: 0px;
		width: 408px;
		top: -2px;
		background: #ffffff;
		border: 3px solid #62AEDD;
	}
	
	#topmenu_container #topmenu .mainmenus li .submenu ul li {
		margin: 0px;
		padding: 0px;
		padding-top: 4px;
		padding-left: 4px;
		padding-right: 4px;
		padding-bottom: 4px;
		height: 26px;
		width: 400px;
		border: 0px;
		border-radius: 0px;
		background-color: #ffffff;
		border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
		cursor: pointer;
		text-align: left;
	}
	
	#topmenu_container #topmenu .mainmenus li .submenu ul li a{
		font-size: 28px;
		color: #62AEDD;
	}
	
	#topmenu_container #topmenu .mainmenus li .submenu ul li:hover {
		color: #e00000;
		background-color: #ffffff;
		border-top: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
		text-shadow: 0px 0px #ffffff;
	}
	
	#topmenu_container #topmenu .mainmenus li .submenu ul li:hover a {
		color: #e00000;
	}


	#header {
		width: 100%; font-size: 0px; background-color: #ffffff;
		position:fixed;
		z-index: 20;
	}
	
	#header #statusbar {
		height: 18px; padding-top: 8px; background-color: #B18363;
	}

	#header #statusbar .margin_right {
		margin-right: 50px; 
	}
}


@media (max-width: 768px) {
	#header {
		width: 100%; font-size: 0px; background-color: #ffffff;
		position:fixed;
		height: 320px;
		z-index: 20;
	}
	
	#header #statusbar {
		height: 28px; padding-top: 6px; background-color: #B18363;
	}

	#header #statusbar .margin_right {
		margin-right: 10px; 
	}
}

/* ========== CONTENT =========== */
#header #statusbar A {
	color: #ffffff;
}

#header #statusbar A:hover {
	color: #000000;
}

@media (min-width: 769px) {

	#mainframe {
		padding-top: 112px;
		min-height: 700px;
		font-size: 17px;
	}

	.content_block {
		width: 100%;
		text-align: center;
	}

	.content_block .content{
		width: 1200px;
		margin: auto;
		text-align: left;
	}

	.content_block .content .col_left {
			vertical-align: top;
			display: inline-block;
			width: 960px;
	}
	
	.content_block .content .col_right {
			display: inline-block;
			width: 190px;
			margin-right: 30px;
	}
	
	.content_block .content .col_half {
		width: 600px;
	}
	
	.content_block .content .col_third {
		width: 400px;
	}
	
	.content_block .content .col_quarter {
		width: 300px;
	}
}

@media (max-width: 768px) {

	#mainframe {
		padding-top: 192px;
		min-height: 700px;
		font-size: 17px;
	}

	.content_block {
		width: 720px;
		text-align: center;
	}

	.content_block .content{
		margin-left: 10px;
		width: 710px;
		text-align: left;
	}
	
	.content_block .content .col_half {
		width: 100%;
		margin: auto;
		text-align: left;
	}
	
	.content_block .content .col_third {
		width: 100%;
		margin: auto;
		text-align: left;
	}
	
	.content_block .content .col_quarter {
		width: 100%;
		margin: auto;
		text-align: left;
	}
}

/* ========== INFOWINDOW =========== */


@media (max-width: 768px) {
	#fadeout
	{
			display: none;
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: #000000;
			width: 740px;
			height: 100%;
			z-index: 60001;
			opacity: 0.4;
	}

	#infowindow
	{
			display: none;
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: #ffffff;
			border: 1px solid #000000;
			width: 600px;
			height: 600px;
			z-index: 60001;
			box-shadow: 0px 0px 100px #555555;
	}

	#infowindow #infocontent
	{
			position: relative;;
			width: 600px;
			height: 600px;
			text-align: center;
			color: #62AEDD;
			overflow: auto;
			top: -32px;
	}
}

@media (min-width: 769px) {
	#fadeout
	{
			display: none;
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: #000000;
			width: 100%;
			height: 100%;
			z-index: 60001;
			opacity: 0.4;
	}
	#infowindow
	{
			display: none;
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: #ffffff;
			border: 1px solid #000000;
			width: 789px;
			height: 600px;
			z-index: 60001;
			box-shadow: 0px 0px 100px #555555;
	}

	#infowindow #infocontent
	{
			position: relative;;
			width: 789px;
			height: 600px;
			text-align: center;
			color: #62AEDD;
			overflow: auto;
			top: -32px;
	}
}

#infowindowclose
{
        position: relative;
        float: right;
        left: +10px;
        top: -10px;
        cursor: pointer;
		z-index: 60002;
}

.animate {
    animation: fadein 3s ease-in;
}

@keyframes fadein {
    0%   { opacity: 0; }
    20%  { opacity: 1; }
    80%  { opacity: 1; }
        100% { opacity: 0; }
}


/* ========== PANELS =========== */

.info_panel {
	background: #fcf7e6;
	border: 1px solid #69140d;
	padding: 2px;
	color: #62AEDD;
	width: 100%;
	margin-bottom: 20px;
	width: 214px;
}

.light_panel {
	border: 1px solid #69140d;
	padding: 2px;
	color: #62AEDD;
	width: 100%;
	width: 214px;
}

@media (min-width: 769px) {
	INPUT {
		background: #ffffff;
		font-size: 17px;
		border: 1px solid rgba(0,0,0,0.5);
		border-radius: 0px;
		font-weight: normal;
	}

	SELECT {
		background: #ffffff;
		font-size: 17px;
		border: 1px solid rgba(0,0,0,0.5);
		font-weight: normal;
		  display: inline-block;	
	}
}

@media (max-width: 768px) {
	INPUT {
		background: #ffffff;
		font-size: 32px;
		border: 1px solid rgba(0,0,0,0.5);
		border-radius: 0px;
		font-weight: normal;
	}
	
	SELECT {
		background: #ffffff;
		font-size: 34px;
		border: 1px solid rgba(0,0,0,0.5);
		font-weight: normal;
		  display: inline-block;	
	}
}

INPUT.button {
	background: #60605f;
	color: #ffffff;
	font-size: 14px;
	cursor: pointer;
	border: 0px solid #ffffff;
	padding: 4px;
	font-weight: normal;
}

INPUT.button:hover {
	background: #93c03a;
	color: #60605f;
	font-size: 14px;
	font-weight: normal;
}

select.light {
	background: transparent;
	border: 0px solid #dddddd;
	color: #7A7A7A;
}

TEXTAREA {
	padding: 4px;
	background: #ffffff;
	font-size: 17px;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 0px;
	padding-left: 6px;
	font-weight: normal;
	font-family: Nunito, Verdana, Arial, sans-serif;
}

.filedrag
{
	text-align: center;
	color: #62AEDD;
	background-color: #ebebe5;
	padding: 10px;
}

.filedraghover
{
	text-align: center;
	color: #ffffff;
	background-color: #3b4c55;
	padding: 10px;
}

/* ========== CONTENT =========== */

#login_logo_top {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 14px;
}

#login_logo_bottom {
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 14px;
}

#login {
	width: 280px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	padding: 20px;
	padding-top: 5px;
	box-shadow: #f8f8f8 0px 0px 7px;
	margin: auto;
	text-align: left;
}

@media (max-width: 768px) {

	#breadcrumbs {
		font-size: 32px;
	}
	
}

@media (min-width: 769px) {

	.moveup {
		position: relative; top: -60px;
	}
	
	#breadcrumbs {
		font-size: 14px;
	}
	
}

.error_panel {
	width: 300px;
	border: 1px solid #e38d4e;
	border-radius: 5px;
	padding: 10px;
	box-shadow: #e9c1a4 0px 0px 7px;
	margin: auto;
}

/* ========== Datenlisten =========== */
.datablock_container {
	position: relative;
	width: 100%;
}

.datablock {
	position: relative;
	width: 1200px;
	min-height: 10px;
	height: 800px;
	border: 1px solid #bbbbbb;
	background: #f7f7f7;
	margin: auto;
	padding: 0px;
	overflow: hidden;
	border-radius: 5px;
}

.datablock .datalist {
	vertical-align: top;
	position: relative;
	display: inline-block;
	width: 306px;
	min-height: 10px;
	height: 800px;
	border-right: 1px solid #bbbbbb;
	overflow: auto;
	background: transparent url('/bilder/webspace/background_fade.png') repeat-y;
}

.datablock .datalist A{
	text-decoration: none;
	color: #62AEDD;
}

.datablock .datalist A:hover{
	text-decoration: none;
	color: #62AEDD;
}

/* Suchfeld bei Listeneintrag */

.datablock .datalist .searchline{
	position: relative;
	background: #e3e3e3 url('/bilder/webspace/background_fade.png') repeat-x;
	border-bottom: 1px solid #bbbbbb;
	min-height: 12px;
	width: 100%;
	font-size: 12px;
	padding-top: 2px;
}

/* nicht aktiver Listeneintrag */

.datablock .datalist .line{
	position: relative;
	background: #ffffff;
	border-bottom: 1px solid #bbbbbb;
	min-height: 18px;
	width: 100%;
}

.datablock .datalist .line:hover{
	background: #dddddd url('/bilder/webspace/background_fade.png') repeat-x;
	cursor: pointer;
}

.datablock .datalist .line .field{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}

.datablock .datalist .line .field b {
	padding-left: 3px;
}

.datablock .datalist .line .field .small{
	font-size: 12px;
	padding-left: 3px;
}

.datablock .datalist .line .field_small{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	font-size: 12px;
	height: 18px;
}


.datablock .datalist .noline{
	position: relative;
	background: #ffffff;
	border-bottom: 1px solid #bbbbbb;
	min-height: 18px;
	width: 100%;
}

.datablock .datalist .noline:hover{
	cursor: pointer;
}


/* aktiver Listeneintrag */

.datablock .datalist .line_act {
	position: relative;
	background: #8b0312 url('/bilder/webspace/background_fade.png') repeat-x;
	color: #ffffff;
	border-bottom: 1px solid #bbbbbb;
	min-height: 18px;
	width: 100%;
}

.datablock .datalist .line_act:hover{
	background: #c61d2f url('/bilder/webspace/background_fade.png') repeat-x;
	cursor: pointer;
}

.datablock .datalist .line_act .field{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}

.datablock .datalist .line_act .field b {
	padding-left: 3px;
}

.datablock .datalist .line_act .field .small{
	font-size: 12px;
	padding-left: 3px;
}

.datablock .datalist .line_act .field_small{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	font-size: 12px;
	height: 18px;
}

.datablock .datalist .shade{
	background: transparent url('/bilder/webspace/background_shade_horiz.png') repeat-x;
	height: 10px;
	width: 100%;
}

/* Editier-Bereich */

.datablock .dataedit {
	position: relative;
	display: inline-block;
	left: -4px;
	padding-left: 6px;
	text-align: center;
	background: transparent url('/bilder/webspace/background_shade.png') repeat-y;
	vertical-align: top;
	min-height: 10px;
	width: 667px;
	height: 800px;
	overflow: hidden;
}

.datablock .dataedit .dataframe {
	visibility: hidden;
	width: 200px; 
	height: 97%;
	margin-top: 10px;
	border:1px solid #cccccc;
	background: #ffffff;
  	box-shadow: 0px 0px 10px  #bbbbbb;	
}

.datablock .dataedit .dataline {
	border-bottom: 1px solid #888888;
}

.datablock .dataedit .dataline:hover {
	background: #ffffff;
}

.datablock .dataedit_scroll {
	overflow: auto;
	min-height: 200px;
	height: 400px;
	border-top: 1px #888888 solid;
}

.datablock .dataedit .headerline .name {
	position: relative;
	display: inline-block;
	width: 120px;
	color: #000000;
	text-align: left;
	font-size: 13px;
	margin-right: 4px;
	line-height: 13px;
}

.datablock .dataedit .headerline .field {
	position: relative;
	display: inline-block;
	width: 120px;
	color: #000000;
	text-align: left;
	font-size: 13px;
	margin-right: 4px;
	line-height: 13px;
	border-left: 1px solid #888888;
	padding-left: 3px;
	padding-right: 3px;
}
.datablock .dataedit .dataline .name {
	position: relative;
	display: inline-block;
	width: 120px;
	color: #000000;
	text-align: left;
	font-size: 13px;
	margin-right: 4px;
	line-height: 13px;
}

.datablock .dataedit .dataline .field {
	position: relative;
	display: inline-block;
	width: 120px;
	color: #999999;
	text-align: left;
	font-size: 13px;
	margin-right: 4px;
	line-height: 13px;
	padding-left: 4px;
	padding-right: 3px;
}

.addlist {
	padding: 0px;
}

.addlist LI {
	list-style-type:none;
}

/* ========== REPORT =========== */

.rep_col_center {
	font-size: 16px;
	display: inline-block;
	text-align: center;
}

.rep_col_right {
	font-size: 16px;
	display: inline-block;
	text-align: center;
}

.rep_col {
	font-size: 16px;
	display: inline-block;
	text-align: left;
}

.box_red
{
	border-left: 3px solid #ff0000;
}

.box_green
{
	border-left: 3px solid #00bb00;
}

/* ========== FOOTER =========== */



@media (min-width: 769px) {
	#footer {
		background: #B18363;
		color: #ffffff;
	}
	
	#footer .content{
		width: 1200px;
		margin: auto;
		text-align: center;
		border-top: 1px solid #dddddd;
		padding-top: 2px;
	}

	#footer #share img {
		cursor: pointer;
	}

	#footer #share {
		float: right;
		margin-right: 30px;
	}
}

@media (max-width: 768px) {
	#footer {
		background: #B18363;
		color: #ffffff;
		padding-top: 20px;
		padding-bottom: 20px;
		font-weight: bold;
		font-size: 28px;
		width: 720px;
	}
	
	#footer .content{
		width: 100%;
		text-align: center;
		border-top: 1px solid #dddddd;
		padding-top: 2px;
	}

	#footer #share img {
		cursor: pointer;
		width: 50px;
	}

	#footer #share {
		float: right;
		margin-bottom: 20px;
	}
}

#footer a {
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
}

#footer a:hover {
	color: #000000;
}

#footer ul a {
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	font-weight: 600;
}

#footer ul a:hover {
	color: #ffffff;
}

#footer ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#footer ul li {
}

#footer ul li.category {
	margin-bottom: 2px;
}


#cookiebar
{
        padding: 30px;
        color: #ffffff;
        background-color: #000000;
        position: fixed;
        bottom: 0px;
        width: 100%;
}

/* ========== DATA-EDIT =========== */

#edit_header {
	height: 30px;
	padding: 10px;
	border-bottom: 1px solid #dddddd;
}

#tabs
{
	height: 24px;
	border-bottom: 1px solid #000000;
	background: #f3f3f3 url('/bilder/webspace/background_fade.png') repeat-x;
}

#tabs #status
{
	margin-right: 10px;
	float: right;
}

/* ========== COLORS, BACKGROUNDS & FONTS =========== */

.bg_white 			{ background-color: #ffffff;  color: #000000; }
.bg_lightblue		{ background-color: #009de0; }
.bg_orange 			{ background-color: #d57816; }
.bg_lightgray		{ background-color: #e6e7e8; }
.bg_middlegray		{ background-color: #c6c7c8; }
.bg_darkgray		{ background-color: #3c3c3c; }
.bg_black			{ background-color: #000000; }
.bg_green			{ background-color: #008800; }
.bg_nearwhite		{ background-color: #fafafa; }
.bg_brown			{ background-color: #B18363; }

.bg_white_opaque	{ background-color: rgba(255,255,255,0.7);}
.bg_white_halfopaque	{ background-color: rgba(255,255,255,0.4);}
.bg_white_almostopaque	{ background-color: rgba(255,255,255,0.2);}
.bg_gray_opaque		 	{ background-color: rgba(163,113,75,0.5); }
.bg_darkgray_opaque		{ background-color: rgba(177,131,99,0.3);}
.bg_black_opaque		{ background-color: rgba(0,0,0,0.5); text-shadow: #000000 2px 2px 2px;}
.bg_black_light_opaque	{ background-color: rgba(0,0,0,0.3); text-shadow: #000000 2px 2px 2px;}
.bg_orange_opaque		{ background-color: rgba(215,102,7,0.1); }
.bg_green_opaque		{ background-color: rgba(31,125,24,0.1); }
.bg_darkgreen_opaque	{ background-color: rgba(89,108,79,0.7); }
.bg_brown_opaque		{ background-color: rgba(81,69,59,0.3);color: #e4decc; }
.bg_middlegray_halfopaque	{ background-color: rgba(128,128,128,0.4);color: #000000;}
.bg_lightgray_halfopaque	{ background-color: rgba(240,240,240,0.4);color: #000000;}
.bg_blue_opaque	{ background-color: rgba(45,66,80,0.4);color: #e4decc;}

.bg_blue_opaque	h1 { color: #f5f1e5; font-weight: normal;}
.bg_blue_opaque	h2 { color: #f5f1e5; font-weight: normal;}
.bg_blue_opaque	h3 { color: #f5f1e5; font-weight: normal;}
.bg_brown_opaque	h1 { color: #f5f1e5; font-weight: normal;}
.bg_brown_opaque	h2 { color: #f5f1e5; font-weight: normal;}
.bg_brown_opaque	h3 { color: #f5f1e5; font-weight: normal;}



.div_shade			{ box-shadow: #444444 0px 0px 8px;}

.fn_cabin			{ font-family: "Cabin Sketch"; }
.fn_quicksand		{ font-family: "Quicksand"; }

.fn_white 			{ color: #ffffff; }
.fn_nearwhite		{ color: #e4decc; }
.fn_sand			{ color: #e4decc; }
.fn_blue			{ color: #000000; }
.fn_blue_bold		{ color: #5d6167; }
.fn_lightblue		{ color: #009de0; }
.fn_orange 			{ color: #d57816; }
.fn_middlegrey		{ color: #8c8c8c; }
.fn_darkgrey		{ color: #3c3c3c; }
.fn_black			{ color: #000000; }
.fn_green			{ color: #a1bf35; }
.fn_green_dark		{ color: #718f05; }
.fn_green_superdark	{ color: #197314; }
.fn_red				{ color: #bb0000; }
.fn_red_dark		{ color: #670810; }
.fn_light			{ color: #9c8c94; }
.fn_superlight		{ color: #bcbcb4; }
.fn_medium			{ color: #6c6c64; }
.fn_shade_black_1px	{ text-shadow: 0px 0px 1px #000000 ;}
.fn_shade_white_1px	{ text-shadow: 0px 0px 1px #ffffff ;}
.fn_shade_black_2px { text-shadow: 0px 0px 2px #000000 ;}
.fn_shade_white_2px { text-shadow: 0px 0px 2px #ffffff ;}
.fn_shade_none 		{ text-shadow: 0px 0px 0px transparent ;}

.fn_corporate		{ color: #8b0312; }
.fn_corporate_light	{ color: #c61d2f; }

.bg_corporate		{ background: #8b0312 url('/bilder/webspace/background_fade.png') repeat-x; }
.bg_corporate_light	{ background-color: #c61d2f; }

.fn_alert_0			{ color: #008800; }
.fn_alert_1			{ color: #008800; }
.fn_alert_2			{ color: #008800; }
.fn_alert_3			{ color: #c1a800; }
.fn_alert_4			{ color: #d67901; }
.fn_alert_5			{ color: #ff0000; }

.error				{ color: #880000; }
.noerror			{ color: #007700; }

.fn_size0			{ font-size: 0px; }

.fn_bold_highlight	{ color: #ffffff; }

.li_none			{ text-decoration: none;}
.li_none:hover		{ text-decoration: none;}
.li_black			{ }
.li_black:hover		{ color: #000000;}

.bo_normal_top		{ border-top: 1px solid #666666;}
.bo_normal_bottom	{ border-bottom: 1px solid #666666;}

.bo_light_top		{ border-top: 1px solid #bbbbbb;}
.bo_light_bottom	{ border-bottom: 1px solid #bbbbbb;}
.bo_light_left		{ border-left: 1px solid #bbbbbb;}
.bo_light_right		{ border-right: 1px solid #bbbbbb;}

.bo_lightdark			{ border: 1px solid #5d6167;}
.bo_lightdark_top		{ border-top: 1px solid #5d6167;}
.bo_lightdark_bottom	{ border-bottom: 1px solid #5d6167;}
.bo_lightdark_left		{ border-left: 1px solid #5d6167;}
.bo_lightdark_right		{ border-right: 1px solid #5d6167;}

.bo_rounded			{ border-radius: 3px; }
.bo_light			{ border-style: solid; border-color: #b4b3ab; }
.bo_dark			{ border-style: solid; border-color: #7A7A7A; }
.bo_dark_top_2px	{ border-top: 2px solid #615947; }
.bo_dark_bottom_2px	{ border-bottom: 2px solid #7A7A7A; }
.bo_dark_left_2px	{ border-left: 2px solid #615947; }
.bo_dark_right_2px	{ border-right: 2px solid #615947; }

.bo_sand			{ border-style: solid; border-color: #c8c6b0; }
.bo_sand_top_2px	{ border-top: 2px solid #c8c6b0; }
.bo_sand_bottom_2px	{ border-bottom: 2px solid #c8c6b0; }
.bo_sand_left_2px	{ border-left: 2px solid #c8c6b0; }
.bo_sand_right_2px	{ border-right: 2px solid #c8c6b0; }

.bo_1px				{ border-width: 1px; }
.bo_2px				{ border-width: 2px; }
.bo_shadow_white			{ box-shadow: 0px 0px 5px #ffffff; }
.bo_shadow_light			{ box-shadow: 0px 0px 10px #999999; }
.bo_shadow_black			{ box-shadow: 0px 0px 2px #000000; }

/* ========== CONTENT =========== */

#infobar_container {
	z-index: 41000;
	height: 20px;
	width: 600px;
	text-align: center;
	position: fixed;
	color: #466e46;
    opacity: 0;
}

#infobar {
	width: 600px;
	margin-left: 20px;
	text-align: left;
	font-size: 14px;
	padding-top: 4px;
}

.animate {
    animation: fadein 4s ease-in;
}

@keyframes fadein {
    0%   { opacity: 0; }
    10%  { opacity: 1; }
    90%  { opacity: 1; }
	100% { opacity: 0; }
}

/* ========== TAB-LIST =============== */

@media (min-width: 769px) {
	
	.tabentry {
	
	}
	
	.tabentry .tabheader {
		font-size: 20px;
		font-weight: normal;
		color: #62AEDD;
	}
	
	.tabentry .tabheader .tabmark {
		position: relative; 
		background: #ffffff;
		width: 5px;
		height: 5px;
		float: left;
		top: +22px;
		left: +20px;
		transform: rotate(45deg);
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000
	}
	
	.tabentry .tabheader .tabtext {
		position: relative; 
		left: -5px;
	}
}

@media (max-width: 768px) {
	
	.tabentry {
	
	}
	
	.tabentry .tabheader {
		font-size: 40px;
		font-weight: normal;
		color: #62AEDD;
		border-bottom: 1px solid #000000;
	}
	
	.tabentry .tabheader .tabmark {
	}
	
	.tabentry .tabheader .tabtext {
		position: relative; 
		left: -5px;
	}
}

.tablist {
	background-color: rgba(0,0,0,0.3);	
}

.tablist ul.subnav{
	padding: 0px;
	margin: 0px;
	list-style: none;
	border-bottom: 1px solid #dcdcdb;
}

.tablist ul.subnav li{
	display: inline-block;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 10px;
	list-style: none;
	padding-bottom: 2px;
	cursor: pointer;
}

.tablist ul.subnav li.active{
	border-bottom: 2px solid #a81015;
}

.tablist ul.subnav li.active{
	border-bottom: 2px solid #a81015;
}

.tablist ul.subnav li A {
	text-decoration: none;
	color: #281f49;
}

.tablist ul.subnav li A:hover {
	text-decoration: none;
	color: #a81015;
}

.tablist .header{
	background-color: rgba(0,0,0,0.08);	
	height: 32px;
}

.tablist .header ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.tablist .header li{
	display: inline-block;
	font-size: 18px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 10px;
	list-style: none;
	padding-bottom: 4px;
	cursor: pointer;
	text-shadow: 0px 0px 1px #dddddd;
}

.tablist .header li.active{
	background-color: rgba(255,255,255,0.4);	
	text-shadow: 0px 0px 1px #ffffff;
	color: #2e4351;

}

.tablist .header li A {
	text-decoration: none;
	color: #281f49;
}

.tablist .header li A:hover {
	text-decoration: none;
	color: #a81015;
}

/* ========== LIST-DEFINTIONS  =========== */

.list_header	{
	border-top: 1px solid #7a7a69;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0px;
}

.list_header	.list_element {
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	vertical-align: bottom;
	height: 19px;
	overflow: hidden;
}


.list_line:nth-child(even)	{
	background-color: #e9f1f4;
	color: #000000;
	border-bottom: 1px solid #56564f;
	cursor: pointer;
	font-size: 0px;
}

.list_line:nth-child(odd)	{
	background-color: #dae6eb;
	color: #000000;
	border-bottom: 1px solid #56564f;
	cursor: pointer;
	font-size: 0px;
}

.list_line:hover	{
	background-color: #009ce2;
	color: #ffffff;
}

.list_line:hover .fn_medium {
	color: #ffffff;
}

.list_line A {
	color: #000000;
	text-decoration: none;
}

.list_line:hover A {
	color: #ffffff;
	text-decoration: none;
}

.list_line	.list_element {
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	vertical-align: bottom;
	height: 19px;
	overflow: hidden;
}

.shade{
	background: transparent url('/bilder/webspace/background_shade_horiz.png') repeat-x;
	height: 10px;
	width: 100%;
}


/* ========== SPECIAL EDIT-STYLES  =========== */

.edit_datalist {
	text-align: left;
	width: 100%;
	height: 200px;
	overflow: auto;
}

/* nicht aktiver Listeneintrag */

.edit_datalist .line{
	position: relative;
	border-bottom: 1px solid #bbbbbb;
	min-height: 26px;
	width: 100%;
	background: #ffffff;
	font-size: 16px;
}

.edit_datalist .line:hover{
	background: #dddddd url('/bilder/webspace/background_fade.png') repeat-x;
	cursor: pointer;
}

.edit_datalist .line .field{
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.edit_datalist .line .field b {
	padding-left: 3px;
}

.edit_datalist .line .field .small{
	font-size: 12px;
	padding-left: 3px;
}

.edit_datalist .line .field_small{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	font-size: 12px;
	height: 18px;
}




/* ========== SPECIAL MOBILE-STYLES  =========== */

.mobile_datalist {
	text-align: left;
}

/* nicht aktiver Listeneintrag */

.mobile_datalist .line{
	position: relative;
	border-bottom: 1px solid #888888;
	min-height: 38px;
	width: 100%;
	background: #eeeeee url('/bilder/webspace/background_fade.png') repeat-x;
	padding-top: 12px;
}

.mobile_datalist .line:hover{
	background: #dddddd url('/bilder/webspace/background_fade.png') repeat-x;
	cursor: pointer;
}

.mobile_datalist .line .field{
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.mobile_datalist .line .field b {
	padding-left: 3px;
}

.mobile_datalist .line .field .small{
	font-size: 12px;
	padding-left: 3px;
}

.mobile_datalist .line .field_small{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	font-size: 12px;
	height: 18px;
}

/* aktiver Listeneintrag */

.mobile_datalist .line_act {
	position: relative;
	background: #8b0312 url('/bilder/webspace/background_fade.png') repeat-x;
	color: #ffffff;
	border-bottom: 1px solid #bbbbbb;
	min-height: 18px;
	width: 100%;
}

.mobile_datalist .line_act:hover{
	background: #c61d2f url('/bilder/webspace/background_fade.png') repeat-x;
	cursor: pointer;
}

.mobile_datalist .line_act .field{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}

.mobile_datalist .line_act .field b {
	padding-left: 3px;
}

.mobile_datalist .line_act .field .small{
	font-size: 12px;
	padding-left: 3px;
}

.mobile_datalist .line_act .field_small{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	font-size: 12px;
	height: 18px;
}

.mobile_datalist .shade{
	background: transparent url('/bilder/webspace/background_shade_horiz.png') repeat-x;
	height: 10px;
	width: 100%;
}


.mobile_select {
	font-size: 0px;
	width: 100%;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.mobile_select div {
	display: inline-block;
	font-size: 24px;
	background: #dddddd url('/bilder/webspace/background_fade.png') repeat-x;
}

.mobile_select div.active {
	display: inline-block;
	font-size: 24px;
	color: #ffffff;
	background: #402291 url('/bilder/webspace/background_fade.png') repeat-x;
}

/* ========== FORMS & BUTTONS  =========== */

.bg_block			{ background-color: #56564f; }

div .bu_small {
	background-color: #A3714B;
	color: #ffffff;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

@media (min-width: 769px) {
	div .bu_small {
		font-size: 30px;
		font-weight: 600;
	}

	div .bu_default_small {
		background-color: #a3714b;
		color: #ffffff;
		text-decoration: none;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 16px;
	}

	div .bu_default_small A {
		color: #000000;
		text-decoration: none;
	}

	div .bu_default_small A:hover {
		color: #000000;
		text-decoration: none;
	}

	div .bu_default_small:hover {
		background-color: #b18363;
		color: #000000;
		text-decoration: none;
	}

}

@media (max-width: 768px) {
	div .bu_small {
		font-size: 60px;
	}
	div .bu_default_small {
		background-color: #a3714b;
		color: #ffffff;
		text-decoration: none;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 32px;
	}

	div .bu_default_small A {
		color: #000000;
		text-decoration: none;
	}

	div .bu_default_small A:hover {
		color: #000000;
		text-decoration: none;
	}

	div .bu_default_small:hover {
		background-color: #b18363;
		color: #000000;
		text-decoration: none;
	}
}

div .bu_small A {
	color: #000000;
	text-decoration: none;
}

div .bu_small A:hover {
	color: #000000;
	text-decoration: none;
}

div .bu_small:hover {
	color: #000000;
	text-decoration: none;
}

div .bu_red_small {
	background-color: #8b0312;
	border: 1px solid #5e7381;
	color: #ffffff;
	text-decoration: none;
	padding: 3px;
	border-radius: 5px;
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
}

div .bu_red_small A {
	color: #ffffff;
	text-decoration: none;
}

div .bu_red_small A:hover {
	color: #ffffff;
	text-decoration: none;
}
div .bu_red_small:hover {
	background-color: #dddddd;
	color: #000000;
	text-decoration: none;
}

div .bu_minor {
	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 20px;
	font-size: 16px;
	cursor: pointer;
}

div .bu_minor A {
	color: #ffffff;
	text-decoration: none;
}

div .bu_minor A:hover {
	color: #ffffff;
	text-decoration: none;
}

div .bu_minor:hover {
	background-color: #62AEDD;
	color: #ffffff;
	text-decoration: none;
}

div .bu_default {
	background: #a3714b;
	color: #ffffff;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

div .bu_default:hover {
	background: #b18363;
	color: #000000;
	text-decoration: none;
}

div .bu_default A {
	color: #000000;
	text-decoration: none;
}

div .bu_default A:hover {
	color: #000000;
	text-decoration: none;
}

div .bu_green {
	background-color: #008800;
	color: #ffffff;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;
	font-size: 16px;
}

div .bu_green A {
	color: #ffffff;
	text-decoration: none;
}

div .bu_green A:hover {
	color: #ffffff;
	text-decoration: none;
}

div .bu_green:hover {
	background-color: #a1bf35;
	color: #ffffff;
	text-decoration: none;
	padding: 10px;
}


div .bu_normal_small {
	background-color: #797970;
	color: #ffffff;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 4px;
}

div .bu_normal_small A {
	color: #ffffff;
	text-decoration: none;
}

div .bu_normal_small A:hover {
	color: #ffffff;
	text-decoration: none;
}

div .bu_normal_small:hover {
	background-color: #FCD63A;
	color: #ffffff;
	text-decoration: none;
}

.fo_line {
	display: position: relative;
	font-size: 0px;
	margin-bottom: 6px;
}

.fo_line .fo_title {
	display: inline-block;
	font-size: 20px;
}

.fo_line .fo_title_small {
	display: inline-block;
	font-size: 14px;
}

.fo_line .fo_title_micro {
	display: inline-block;
	font-size: 12px;
}

.fo_line .fo_field {
	display: inline-block;
	font-size: 18px;
}

.fo_line .fo_field_info {
	display: inline-block;
	font-size: 16px;
}

.fo_subheader {
	color: #aaaaaa;
	border-top: 1px solid #dddddd;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size:14px;
}

/* ========== INFOBAR =========== */
@media (min-width: 769px) {
	#infobar_container {
		height: 44px;
		width: 100%;
		text-align: left;
		position: fixed;
		opacity: 0;
	}
	
	#infobar {
		width: 1200px;
		margin-left: 20px;
		text-align: left;
		color: #048c04;
		font-size: 14px;
		padding-top: 4px;
	}
}

@media (max-width: 768px) {
	#infobar_container {
		height: 88px;
		width: 100%;
		text-align: left;
		position: fixed;
		opacity: 0;
	}
	
	#infobar {
		width: 720px;
		margin-left: 20px;
		text-align: left;
		color: #048c04;
		font-size: 14px;
		padding-top: 4px;
	}
}

.animate {
    animation: fadein 4s ease-in;
}

@keyframes fadein {
    0%		{ opacity: 0; }
    5%		{ opacity: 1; }
    95%		{ opacity: 1; }
	100%	{ opacity: 0; }
}

/* ========== SPECIALS =========== */

IMG.avatar {
	width: 68px;
	height: 68px;
	border: 1px solid #3d4751;
	border-radius: 4px;
	margin: 0px;
	padding: 0px;
}

IMG.avatar_big {
	width: 88px;
	height: 88px;
	border: 1px solid #3d4751;
	border-radius: 4px;
	margin: 0px;
	padding: 0px;
}

IMG.avatar_small {
	width: 38px;
	height: 38px;
	border: 1px solid #3d4751;
	border-radius: 4px;
	margin: 0px;
	padding: 0px;
}

IMG.avatar_micro {
	width: 23px;
	height: 23px;
	border: 1px solid #3d4751;
	border-radius: 4px;
	margin: 0px;
	padding: 0px;
}

/* ========== FEEDBACK-BUTTON =========== */

#feedback {
	display: none;
	position: fixed;
	right: 0;
	top: 75%;
	z-index: 65000;
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

#feedback_button {
	position: relative;
	background: #2e4350;
	color: #ffffff;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	top: +33px;
	box-shadow: 0px 0px 10px #444444;
	border-radius: 6px;
	cursor: pointer;
}

#feedback_button:hover {
	background: #4e6371;
}

/* ========== CONTENT-LIBRARY =========== */

@media (min-width: 769px) {

	#cb_1 {
	font-size: 20px;
	font-weight: 600;
	}

	.cl_header TD{
		font-size: 14px;
	}

	.cl_select{
		margin: 0px;
		padding: 0px;
	}

	.cl_input{
		margin: 0px;
		padding: 2px;
	}

	.cl_block {
		position: relative;
		text-align: center;
		width: 1200px;
		font-size: 0px;
		margin: auto;
	}

	.cl_breaker {
		vertical-align: top;
		position: relative;
		display: table-cell;
		width: 20px;
		padding: 0px;
		margin: 0px;
	}

	.cl_breaker_block {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 20px;
		padding: 0px;
		margin: 0px;
	}
	
	.cl_pic_square {
		position: relative;
		display: inline-block;
		width: 300px;
		min-height: 300px;
		vertical-align: top;
	}
	
	.cl_pic_square img {
		height: 300px;
		width: 300px;
		font-size: 20px;
	}

	.cl_pic_square_mobile {
		display: none;
	}
	
	.cl_pic_no_square {
		position: relative;
		display: table-cell;
		width: 285px;
		min-height: 285px;
		vertical-align: top;
	}
	
	.cl_pic_no_square img {
		width: 285px;
		font-size: 20px;
	}

	.cl_text_square {
		vertical-align: top;
		position: relative;
		display: inline-block;
		min-height: 300px;
		width: 900px;
		text-align: justify;
		font-size: 20px;
	}

	.cl_text_square p {
		margin-bottom: 10px;
	}
	
	.cl_text_no_square {
		vertical-align: top;
		position: relative;
		display: table-cell;
		min-height: 285px;
		width: 885px;
		text-align: left;
	}

	.cl_text_no_square p {
		margin-bottom: 10px;
	}

	.cl_singlecol_html {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 1200px;
		text-align: left;
		font-size: 20px;
	}

	.cl_singlecol_html p {
		margin-bottom: 10px;
	}

	.cl_triple_pic {
		position: relative;
		display: inline-block; 
		width: 386px;
		height: 180px;
	}

	.cl_triple_text {
		position: relative;
		display: table-cell; 
		text-align: left;
		font-size: 19px;
		width: 386px;
	}

	.cl_quad_text {
		position: relative;
		display: table-cell; 
		text-align: left;
		font-size: 19px;
	}

	.cl_triple_text P {
		margin-bottom: 10px;
	}

}

@media (max-width: 768px) {

	#cb_1 {
	font-size: 20px;
	font-weight: 600;
	}

	.cl_header TD{
		font-size: 14px;
	}

	.cl_select{
		margin: 0px;
		padding: 0px;
	}

	.cl_input{
		margin: 0px;
		padding: 2px;
	}

	.cl_block {
		position: relative;
		text-align: center;
		width: 720px;
		font-size: 0px;
	}

	.cl_breaker {
		vertical-align: top;
		position: relative;
		display: table-cell;
		width: 20px;
		padding: 0px;
		margin: 0px;
	}

	.cl_breaker_block {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 20px;
		padding: 0px;
		margin: 0px;
	}
	
	.cl_pic_square {
		position: relative;
		display: inline-block;
		width: 300px;
		min-height: 300px;
		vertical-align: top;
	}
	
	.cl_pic_square img {
		height: 300px;
		width: 300px;
		font-size: 20px;
	}

	.cl_pic_square_mobile {
		display: none;
	}
	
	.cl_pic_no_square {
		position: relative;
		display: table-cell;
		width: 285px;
		min-height: 285px;
		vertical-align: top;
	}
	
	.cl_pic_no_square img {
		width: 285px;
		font-size: 20px;
	}

	.cl_text_square {
		vertical-align: top;
		position: relative;
		display: inline-block;
		min-height: 300px;
		width: 720px;
		text-align: justify;
		font-size: 20px;
	}

	.cl_text_square p {
		margin-bottom: 10px;
	}
	
	.cl_text_no_square {
		vertical-align: top;
		position: relative;
		display: table-cell;
		min-height: 285px;
		width: 720px;
		text-align: left;
	}

	.cl_text_no_square p {
		margin-bottom: 10px;
	}

	.cl_singlecol_html {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 720px;
		text-align: left;
		font-size: 20px;
	}

	.cl_singlecol_html p {
		margin-bottom: 10px;
	}

	.cl_triple_pic {
		position: relative;
		display: inline-block; 
		width: 386px;
		height: 180px;
	}

	.cl_triple_text {
		position: relative;
		text-align: left;
		font-size: 19px;
		width: 720px;
	}

	.cl_quad_text {
		position: relative;
		text-align: left;
		font-size: 720px;
	}

	.cl_triple_text P {
		margin-bottom: 10px;
	}

}

input[placeholder], [placeholder], *[placeholder] {
    color: #7A7A7A !important;
}