@charset "utf-8";

/* WEBFONTS */
/* Open Sans, Open Sans Condensed */ @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:400,400i,600,600i,700,700i&display=swap&subset=latin-ext');

@-ms-viewport{
	width: device-width;
}



/* BODY */
body {
	margin: 0px;
	padding: 0px 10% 0px 10%;
}

@media screen and (max-device-width: 800px), screen and (max-width: 800px) {

body {
	padding: 0px 5% 0px 5%;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	margin: 0px;
}

}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {

body {
	padding: 0px 5px 0px 5px;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	margin: 0px;
}

}



/* TEXT ITEMS */
/* - Main titles */	
h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

h1.artickle {
	font-size: 40px;
	margin: 0px 0px 20px 0px;
}

h1.preview {
	font-size: 20px;
	margin: 0px 0px 10px 0px;
}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {

h1.artickle {
	font-size: 30px;
	margin: 0px 0px 20px 0px;
}

h1.preview {
	font-size: 18px;
	margin: 0px 0px 10px 0px;
}

}
/* - Chapter and highlight titles */
h2 {
	font-family: 'Open Sans';
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {

h2 {
	font-family: 'Open Sans';
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

}

/* - Image captions */
h3 {
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/* - Section titles */
h4 {
	font-family: 'Open Sans Condensed';
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {

h4 {
	font-family: 'Open Sans Condensed';
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

}

/* - Header / footer text */
h5 {
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/* - Button and menu item labels */
h6 {
	font-family: 'Open Sans';
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

p {
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: justify;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	text-transform: none;
}

form {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-family: 'Open Sans';
	font-size: 16px;
}

fieldset {
	background-color: rgba(255,255,255,0.1);
	width: auto;
	border: thin;
	margin: 0px;
	padding: 5px;
}

fieldset.fieldset-inner {
	margin: 5px 0px 5px 0px;
}

legend {
}

input[type=text] {
	margin: 1px;
	padding: 2px;
	vertical-align: bottom;
}

input[type=email] {
	margin: 1px;
	padding: 2px;
	vertical-align: bottom;
}

input[type=password] {
	margin: 1px;
	padding: 2px;
	vertical-align: bottom;
}

input[type=date], input[type=datetime], input[type=datetime-local] {
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	margin: 1px;
	vertical-align: bottom;
}

input[type=checkbox] {
	vertical-align: bottom;
}

input[type=radio] {
	vertical-align: central;
}

input[type=button] {
	margin: 5px;
	padding: 5px 7px 5px 7px;
	cursor: pointer;
}

input[type=button]:active {
	background-color: rgba(22,93,100,0.9);
	color: rgba(255,255,255,1);
	border: none;
	cursor: pointer;
}

input[type=submit] {
	margin: 5px;
	padding: 5px 7px 5px 7px;
	cursor: pointer;

}

input[type=submit]:active {
	cursor: pointer;
}

textarea {
	-webkit-width: calc(100.00% - 5px);
	-moz-width: calc(100.00% - 5px);
	width: calc(100.00% - 5px);
	margin: 1px;
	padding: 2px;
}

span.icon_theme {
}

span.icon_16px {
	font-size: 16px;
}

span.icon_24px {
	font-size: 24px;
}

span.icon_32px {
	font-size: 32px;
}

span.icon_48px {
	font-size: 48px;
}

/* PAGE HEADER */
#HEADER {
	height: 34px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	display: none;
}

@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
#HEADER {
	display: none;
}

}

#HEADER-m {
	display: none;
}

@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
#HEADER-m {
	height: 34px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	display: inline-block;
}

}

	.Header-Content {
		width: calc(80.00% - 10px);
		-webkit-width: calc(80.00% - 10px);
		-moz-width: calc(80.00% - 10px);
		height: 34px;
		margin-right: calc(10% + 5px);
		-webkit-margin-right: calc(10% + 5px);
		-moz-margin-right: calc(10% + 5px);
		margin-left: calc(10% + 5px);
		-webkit-margin-left: calc(10% + 5px);
		-moz-margin-left: calc(10% + 5px);
		padding: 0px;
		float: left;
	}
	
@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
	.Header-Content {
		-webkit-width: calc(90.00% - 10px);
		-moz-width: calc(90.00% - 10px);
		width: calc(90.00% - 10px);
		height: 34px;
		-webkit-margin-right: calc(5% + 5px);
		-moz-margin-right: calc(5% + 5px);
		margin-right: calc(5% + 5px);
		-webkit-margin-left: calc(5% + 5px);
		-moz-margin-left: calc(5% + 5px);
		margin-left: calc(5% + 5px);
		padding: 0px;
		float: left;
	}
	
}
	
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	
	.Header-Content {
		height: 34px;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	
}
	
/* 		SITE LOGO - small */
		#LOGO-small {
			background-position: center;
			background-size: cover;
			float: left;
			cursor: pointer;
		}



/* PAGE CONTENT */
#CONTENT {
	/* Top and bottom margin = HEADER hight + 20px */
	margin: 20px 0px 44px 0px;	
	width: 100%;
	height: auto;
	z-index: 0;
}

@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
#CONTENT {
	/* Top and bottom margin = HEADER hight + 20px */
	margin: 54px 0px 44px 0px;	
	width: 100%;
	height: auto;
	z-index: 0;
}

}

/* 	SITE LOGO - large (width > 800px) */
	#LOGO-large {
		background-position: center;
		background-size: cover;
		clear: both;
	}
	
@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
	#LOGO-large {
		display: none;
	}
	
}

/* 	MAIN MENU - large (width > 800px) */
	#MAIN_MENU-large {
		-webkit-width: calc(100.00% - 10px);
		-moz-width: calc(100.00% - 10px);
		width: calc(100.00% - 10px);
		height: auto;
		margin: 0px 5px 20px 5px;
		float: left;
		clear: both;
	}
	
@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
	#MAIN_MENU-large {
		display: none;
	}
	
}

		.MAIN_MENU-Button {
			min-width: 46px;
			padding: 0px 15px 0px 15px;
			width: auto;

		}
		
			.MAIN_MENU-Button-Icon {
				width: 32px;
				height: 32px;
				margin: 5px auto 5px auto;
			}
			
			.MAIN_MENU-Button h6 {
				margin: 0px auto 5px auto;
				text-align: center;
				text-transform: uppercase;
			}
			
/*	CONTENT SECTION */
	.Section {
		width: 100%;
	}
	
/*      NOTIFICATIONS */
		#NOTIFICATION-Message {
			display: none;
		}
		
		#NOTIFICATION-Success {
			display: none;
		}
		
		#NOTIFICATION-Error {
			display: none;
		}

		.Notification {
			height: 27px;
			-webkit-width: calc(100.00% - 10px);
			-moz-width: calc(100.00% - 10px);
			width: calc(100.00% - 10px);
			margin: 0px 5px 10px 5px;
			float: left;
		}
		
			.Notification-Icon {
				margin: 5px;
				float: left;
			}
			
			.Notification-Label {
				-webkit-width: calc(100.00% - 52px);
				-moz-width: calc(100.00% - 52px);
				width: calc(100.00% - 52px);
				float: left;
			}
			
			.Notification-Label h6 {
				margin: 5px;
				font-weight: bold;
			}
			
			.Notification-Button {
				margin: 5px;
				float: right;
				cursor: pointer;
			}
			
/*		COLUMNS*/
		.Column {
			margin: 0px 5px 10px 5px;
			padding: 0px;
			float: left;
		}
		
		.Column-Section_Header {
			-webkit-width: calc(100.00% - 10px);
			-moz-width: calc(100.00% - 10px);
			width: calc(100.00% - 10px);
		}
		
		.Column-Preview {
			margin: 0px 0px 10px 0px;
			display: -webkit-box; 
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-align: auto;
			-moz-box-align: auto;
			-ms-flex-align: auto;
			-webkit-align-items: auto;
			align-items: stretch;
			-webkit-align-content: flex-start;
			align-content: flex-start;
			width: 100%;

		}
		
		.Column-Submenu {
			-webkit-width: calc(22.00% - 10px);
			-moz-width: calc(22.00% - 10px);
			width: calc(22.00% - 10px);
			margin: 0px 5px 0px 5px;
			display: inline-block;
		}
		
@media screen and (max-device-width: 1280px), screen and (max-width: 1280px) {
	
		.Column-Submenu {
			-webkit-width: calc(33.33% - 10px);
			-moz-width: calc(33.33% - 10px);
			width: calc(33.33% - 10px);
			display: inline-block;
		}
		
}

@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
		.Column-Submenu {
			display: none;
		}
		
}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	
		.Column-Submenu {
			display: none;
		}
		
}

		.Column-Submenu-m {
			-webkit-width: calc(22.00% - 10px);
			-moz-width: calc(22.00% - 10px);
			width: calc(22.00% - 10px);
			top: 34px;
			position: fixed;
			z-index: 1;
			display: none;
		}
		
@media screen and (max-device-width: 1280px), screen and (max-width: 1280px) {
	
		.Column-Submenu-m {
			-webkit-width: calc(33.33% - 10px);
			-moz-width: calc(33.33% - 10px);
			width: calc(33.33% - 10px);
			top: 34px;
			position: fixed;
			z-index: 1;
			display: none;
		}
		
}

@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
		.Column-Submenu-m {
			-webkit-width: calc(90.00% - 10px);
			-moz-width: calc(90.00% - 10px);
			width: calc(90.00% - 10px);
			top: 34px;
			position: fixed;
			z-index: 1;

			display: none;
		}
		
}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	
		.Column-Submenu-m {
			top: 34px;
			width: 100%;
			margin: 0px;
			position: fixed;
			right: 0px;
			left: 0px;
			z-index: 1;
			display: none;
		}
		
}

		.Column-Side {
			-webkit-width: calc(22.00% - 10px);
			-moz-width: calc(22.00% - 10px);
			width: calc(22.00% - 10px);
		}
		
@media screen and (max-device-width: 1280px), screen and (max-width: 1280px) {
	
		.Column-Side {
			-webkit-width: calc(33.33% - 10px);
			-moz-width: calc(33.33% - 10px);
			width: calc(33.33% - 10px);
		}
		
}

@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
		.Column-Side {
			-webkit-width: calc(100.00% - 10px);
			-moz-width: calc(100.00% - 10px);
			width: calc(100.00% - 10px);
		}
		
}

		.Column-Side p {
			font-size: 16px;
		}

		.Column-Main {
			-webkit-width: calc(78.00% - 10px);
			-moz-width: calc(78.00% - 10px);
			width: calc(78.00% - 10px);
		}
		
@media screen and (max-device-width: 1280px), screen and (max-width: 1280px) {
	
		.Column-Main {
			-webkit-width: calc(66.66% - 10px);
			-moz-width: calc(66.66% - 10px);
			width: calc(66.66% - 10px);
		}
		
}

@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
		.Column-Main {
			-webkit-width: calc(100.00% - 10px);
			-moz-width: calc(100.00% - 10px);
			width: calc(100.00% - 10px);
		}
		
}

		.Column-Content {
			-webkit-width: calc(100.00% - 10px);
			-moz-width: calc(100.00% - 10px);
			width: calc(100.00% - 10px);
		}
		
			.Entry {
				margin: 0px 0px 10px 0px;
				padding: 0px;
			}
			
			.Entry-Flex {
				-webkit-flex-shrink: 1;
				-moz-flex-shrink: 1;
				flex-shrink: 1;
				-webkit-flex-basis: calc(33.33% - 10px);
				-moz-flex-basis: calc(33.33% - 10px);
				flex-basis: calc(33.33% - 10px);
				margin: 5px;
			}
			
			.Entry-Flex_2 {
				-webkit-flex-shrink: 1;
				-moz-flex-shrink: 1;
				flex-shrink: 1;
				-webkit-flex-basis: calc(66.66% - 10px);
				-moz-flex-basis: calc(66.66% - 10px);
				flex-basis: calc(66.66% - 10px);
				margin: 5px;
			}
			
@media screen and (max-device-width: 1280px), screen and (max-width: 1280px) {

			.Entry-Flex {
				-webkit-flex-shrink: 1;
				-moz-flex-shrink: 1;
				flex-shrink: 1;
				-webkit-flex-basis: calc(50.00% - 10px);
				-moz-flex-basis: calc(50.00% - 10px);
				flex-basis: calc(50.00% - 10px);
				margin: 5px;
			}
			
			.Entry-Flex_2 {
				-webkit-flex-shrink: 1;
				-moz-flex-shrink: 1;
				flex-shrink: 1;
				-webkit-flex-basis: calc(50.00% - 10px);
				-moz-flex-basis: calc(50.00% - 10px);
				flex-basis: calc(50.00% - 10px);
				margin: 5px;
			}
			
}
			
@media screen and (max-device-width: 800px), screen and (max-width: 800px) {

			.Entry-Flex {
				-webkit-flex-shrink: 1;
				-moz-flex-shrink: 1;
				flex-shrink: 1;
				-webkit-flex-basis: calc(100% - 10px);
				-moz-flex-basis: calc(100% - 10px);
				flex-basis: calc(100% - 10px);
				margin: 5px;
			}
			
			.Entry-Flex_2 {
				-webkit-flex-shrink: 1;
				-moz-flex-shrink: 1;
				flex-shrink: 1;
				-webkit-flex-basis: calc(100% - 10px);
				-moz-flex-basis: calc(100% - 10px);
				flex-basis: calc(100% - 10px);
				margin: 5px;
			}
			
}

				.Entry-Header {
					width: inherit;
					clear: both;
				}
				
				.Entry-Header-small {
					height: 1px;
				}
				
				.Entry-Header-large {
					min-height: 10px;
				}
				
				.Entry-Header-large h5 {
					padding: 3px 5px 3px 5px;
				}
				
				.Entry-Content {
					width: inherit;
					height: auto;
					overflow: auto;
					clear: both;
				}
				
					.Entry-Content-Background {
					}
					
					.Entry-Content-Background-Button {
					}
					
					.Entry-Content-Preview_Image {
						background-position: center;
						background-size: cover;
						width: inherit;
						margin: 0px;
						padding-bottom: 56.25%;
					}
				
						.Entry-Content-Preview_Image img {
						}
						
					.Entry-Content-Header_Image {
						background-position: center;
						background-size: cover;
						width: 100%;
						margin: 0px;
						padding-bottom: 25%;
					}
				
						.Entry-Content-Header_Image img {
						}
						
					.Entry-Content-Text_padding_5px {
						padding: 5px;
					}
					
					.Entry-Content-Text_padding_5-10px {
						padding: 5px 10px 5px 10px;
					}
					
					.Entry-Content-Text_padding_5-10px h2 {
					}
					
					.Entry-Content-Text_padding_10px {
						padding: 10px;
					}
					
					.Entry-Content-Text_padding_5px h1, .Entry-Content-Text_padding_10px h1 {
					}
						
					.Entry-Content-Text_padding_5px h2, .Entry-Content-Text_padding_10px h2 {
						margin: 0px 0px 5px 0px;
					}
						
					.Entry-Content-Text_padding_5px p.epilogue, .Entry-Content-Text_padding_10px p.epilogue {
						font-size: 16px;
						font-weight:  bold;
						padding-bottom: 10px;
					}
						
					.Entry-Content-Text_padding_5px p, .Entry-Content-Text_padding_10px p {
					}
						
					.Entry-Content-Text_padding_5px a, .Entry-Content-Text_padding_10px a {
					}
					
					.Highlight_Box {
						-webkit-width: calc(40.00% - 15px);
						-moz-width: calc(40.00% - 15px);
						width: calc(40.00% - 15px);
						margin: 5px 0px 5px 10px;
						padding: 5px;
						float: right;
						clear: right;
					}
					
@media screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
	
					.Highlight_Box {
						-webkit-width: calc(50.00% - 15px);
						-moz-width: calc(50.00% - 15px);
						width: calc(50.00% - 15px);
						padding: 5px;
						float: right;
						clear: right;
					}
					
}

@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
					.Highlight_Box {
						-webkit-width: calc(100.00% - 10px);
						-moz-width: calc(100.00% - 10px);
						width: calc(100.00% - 10px);
						padding: 5px;
					}
					
}

					.Highlight_Box h2 {
					}
					
					.Highlight_Box p {
					}
					
					.Highlight_Box a {
					}
					
					.Image_Box {
						background-color: rgba(255,255,255,0.6);
					}
					
						.Image_Box-half {
							-webkit-width: calc(50.00% - 5px);
							-moz-width: calc(50.00% - 5px);
							width: calc(50.00% - 5px);
						}
						
@media screen and (max-device-width: 800px), screen and (max-width: 800px) {

						.Image_Box-half {
							width: 100%;
						}
						
}

						.Image_Box-half-left {
							margin: 5px 10px 5px 0px;
							clear: left;
						}
						
						.Image_Box-half-right {
							margin: 5px 0px 5px 10px;
							clear: right;
						}
						
@media screen and (max-device-width: 800px), screen and (max-width: 800px) {

						.Image_Box-half-left, .image_box-half-right {
							margin: 5px 0px 5px 0px;
							clear: both;
						}
						
}

						.Image_Box-full {
							width: 100%;
							margin: 5px 0px 5px 0px;
							float: left;
							clear: both;
						}
						
						.Image_Box img {
							width: 100%;
							margin: 0px auto  -5px auto;
							padding: 0px;
							clear: both;
						}
						
							.Image_Box-Text {
								margin: 5px 5px 5px 5px;
							}
							
							.Image_Box-Text h3 {
							}
							
							.Image_Box-Text p {
								font-size: 13px;
							}
							
					.Entry-Content-Button {
						height: auto;
						float: left;
						cursor: pointer;
					}
					
					.Entry-Content-Button-full {
						width: 100%;
					}
					
					.Entry-Content-Button-half {
						width: 50%;
					}
					
					.Entry-Content-Button-third {
						width: 33.33%;
					}
					
					.Entry-Content-Button-quarter {
						width: 25%;
					}
					
@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
					.Entry-Content-Button-quarter {
						width: 33.33%;
					}
					
}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	
					.Entry-Content-Button-third, .Entry-Content-Button-quarter {
						width: 50%;
					}
					
}

						.Entry-Content-Button-Icon {
							margin: 5px;
							float: left;
						}
						
						.Entry-Content-Button h6 {
							position: relative;
							padding: 0px;
							width: auto;
							height: auto;
							float: left;
							margin: 5px 5px 3px 0px;
						}
						
				.Entry-Footer {
					width: inherit;
					clear: both;
				}
				
				.Entry-Footer-small {
					height: 1px;
				}
				
				.Entry-Footer-large {
					min-height: 10px;
				}
				
				.Entry-Footer-large h5 {
					padding: 3px 5px 3px 5px;
				}
				
		#SMALL_PRINT {
			-webkit-width: calc(100% - 10px);
			-moz-width: calc(100% - 10px);
			width: calc(100% - 10px);
			margin: 0px 5px 10px 5px;
			float: left;
		}
		
		#SMALL_PRINT p {
			font-size: 11px;
			font-style: normal;
			font-weight: bold;
			text-align: center;
		}
		
	.CONTENT-Null {
		height: 0px;
		position: relative;
		clear: both;
	}
	
/* PAGE FOOTER */
#FOOTER {
	width: 100%;
	height: 34px;
	margin: 0px;
	padding: 0px;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

	#FOOTER-Content {
		-webkit-width: calc(80% - 10px);
		-moz-width: calc(80% - 10px);
		width: calc(80% - 10px);
		height: 34px;
		-webkit-margin-right: calc(10.00% + 5px);
		-moz-margin-right: calc(10.00% + 5px);
		margin-right: calc(10.00% + 5px);
		-webkit-margin-left: calc(10.00% + 5px);
		-moz-margin-left: calc(10.00% + 5px);
		margin-left: calc(10.00% + 5px);
		padding: 0px;
		float: left;
	}
	
@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
	#FOOTER-Content {
		-webkit-width: calc(90.00% - 10px);
		-moz-width: calc(90.00% - 10px);
		width: calc(90.00% - 10px);
		height: 34px;
		-webkit-margin-right: calc(5.00% + 5px);
		-moz-margin-right: calc(5.00% + 5px);
		margin-right: calc(5.00% + 5px);
		-webkit-margin-left: calc(5.00% + 5px);
		-moz-margin-left: calc(5.00% + 5px);
		margin-left: calc(5.00% + 5px);
		padding: 0px;
		float: left;
	}
	
}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	
	#FOOTER-Content {
		width: 100%;
		height: 34px;
		margin: 0px;
		padding: 0px;
	}
	
}



/* BUTTONS */
/*		PAGE HEADER/FOOTER Buttons */
		.HEADER-Content-Button, .FOOTER-Content-Button {
			height: 34px;
			cursor: pointer;
		}
		
		.HEADER-Content-Button-Icon, .FOOTER-Content-Button-Icon {
			margin: 5px;
			float: left;
		}

		.HEADER-Content-Button h6, .FOOTER-Content-Button h6 {
			color: rgba(255,255,255,1.00);
			margin: 9px 5px 0px 0px;
			text-transform: uppercase;
			float: left;
		}
		
@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
		.HEADER-Content-Button h6, .FOOTER-Content-Button h6 {
			display: none;
		}
	
}


		.HEADER-Content-Button-Submenu_toggle {
			display: none;
		}
		
@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
		.HEADER-Content-Button-Submenu_toggle {
			display: block;
		}
		
}


/* THEME */

/* - BACKGROUND */
body {
	background-image: url(/css/base/images/background.jpg);
	background-color: #06F;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

/* - TEXT ELEMENTS */
form {
	color: #FFFFFF;
}

fieldset {
	border-color: #000000;
}

legend {
}

input[type=text] {
	background-color: rgba(255,255,255,0.75);
	color: #000000;
	border: none;
}

input[type=email] {
	background-color: rgba(255,255,255,0.75);
	color: #000000;
	border: none;
}

input[type=password] {
	background-color: rgba(255,255,255,0.75);
	color: #000000;
	border: none;
}

input[type=date], input[type=datetime], input[type=datetime-local] {
	background-color: rgba(255,255,255,0.75);
	color: #000000;
	border: none;
}

input[type=button] {
	background-color: rgba(22,93,100,0.6);
	color: rgba(255,255,255,0.7);
	border: none;
}

input[type=submit] {
	background-color: rgba(22,93,100,0.6);
	color: rgba(255,255,255,0.7);
	border: none;
}

input[type=submit]:active {
	background-color: rgba(22,93,100,0.9);
	color: rgba(255,255,255,1);
	border: none;
}

textarea {
	background-color: rgba(255,255,255,0.75);
	color: #000000;
	border: none;
}

span.icon_theme {
	color: #FFFFFF;
}

/* - HEADER BACKGROUND */
.Header-Content {
	background-color: rgba(70,130,180,0.90);
}

/* - SITE LOGO - small */
#LOGO-small {
	background-image: url(/css/base/images/logo-small.png);
	width: 139px;
	/* ! Max. height with margin 0 is 34px. */
	height: 24px;
	margin: 5px 5px 5px 5px;
}

/* - SITE LOGO - large */
#LOGO-large {
	background-image: url(/css/base/images/logo-uj.png);
/*	width: 423px;
	height: 79px;*/
	width: 750px;
	height: 66px;
	margin: 0px 0px 20px 50px;
}

/* - MAIN MENU - large */
#MAIN_MENU-large {
	background-color: rgba(70,130,180,0.8);
}

	.MAIN_MENU-Button h6 {
		color: rgba(255,255,255,1.00);
	}

/* - NOTIFICATIONS */
#NOTIFICATION-Message {
	background: rgba(22,93,100,0.75);
}

#NOTIFICATION-Success {
	background: rgba(50,150,0,0.75);
}

#NOTIFICATION-Error {
	background: rgba(200,0,0,0.75);
}

	.Notification-Label h6 {
		color: rgba(255,255,255,1.00);
	}

/* - ENTRYS */
.Entry-Header-small {
	background-color: rgba(70,130,180,1);
}

.Entry-Header-large {
	background-color: rgba(70,130,180,1);
}

	.Entry-Header-large h5 {
		color: #FFFFFF;
	}

.Entry-Content-Background {
		background-color: rgba(70,130,180,0.75);
}

.Entry-Content-Background-Button {
		background-color: rgba(45,100,145,0.75);
}

	.Entry-Content-Text_padding_5-10px h2 {
		color: rgba(255,255,255,1.00);
	}
	
	.Entry-Content-Text_padding_5px h1, .Entry-Content-Text_padding_10px h1 {
		color: rgba(255,255,255,1.00);
	}
	
	.Entry-Content-Text_padding_5px h2, .Entry-Content-Text_padding_10px h2 {
		color: rgba(255,255,255,1.00);
	}
	
	.Entry-Content-Text_padding_5px p.epilogue, .Entry-Content-Text_padding_10px p.epilogue {
		color: rgba(255,255,255,1.00);
	}
	
	.Entry-Content-Text_padding_5px p, .Entry-Content-Text_padding_10px p {
		color: rgba(255,255,255,1.00);
	}
	
	.Entry-Content-Text_padding_5px a, .Entry-Content-Text_padding_10px a {
	}

		.Highlight_Box {
			background-color: rgba(255,255,255,0.6);
		}

			.Highlight_Box h2 {
				color: rgba(0,0,0,1.00);
			}
			
			.Highlight_Box p {
				color: rgba(0,0,0,1.00);
			}
			
			.Highlight_Box a {
			}
			
		.Image_Box {
			background-color: rgba(255,255,255,0.6);
		}

			.Image_Box-Text h3 {
				color: #000000;
			}
			
			.Image_Box-Text p {
				color: #000000;
			}

	.Entry-Content-Button h6 {
		color: rgba(255,255,255,1.00);
	}

	.Entry-Footer-small {
		background-color: rgba(70,130,180,1);
	}
	
	.Entry-Footer-large {
		background-color: rgba(70,130,180,1);
	}
	
		.Entry-Footer-large h5 {
			color: #FFFFFF;
		}

/* - SMALL PRINT */
#SMALL_PRINT p {
	color: #FFFFFF;
}

/* - FOOTER BACKGROUND */
	#FOOTER-Content {
		background-color: rgba(70,130,180,0.9);
}

/* - BUTTON COLORS */
.BUTTON_COLOR-Theme {
}

.BUTTON_COLOR-Theme:hover {
	background: rgba(255,255,255,0.15);
}

.BUTTON_COLOR-Theme:active {
	background: rgba(255,255,255,0.3);
}

.BUTTON_COLOR-Share {
}

.BUTTON_COLOR-Share:hover {
	background: rgba(255,255,255,0.15);
}

.BUTTON_COLOR-Share:active {
	background: rgba(255,255,255,0.3);
}



.FLOAT-left {
	float: left;
}

.FLOAT-right {
	float: right;
}