/***
	www responsive template css
	w3.css extension
	for screens
	v3.47
***/

body{
	font-family: "Open Sans", Roboto, Lato, system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Open Sans", Roboto, Lato, system-ui, sans-serif;
}

table{
	font-family: "Open Sans", Roboto, Lato, system-ui, sans-serif;
}

code, pre, td.code{
	font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

body{
	font-size: 14px;
	background-color: #f1f1f1;
	background-image: url('images/body-background-13.gif');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

main{
	padding: 0 5px;
}

ul, ol, li{
	font-size: 14px;
}

ul, ol{
	margin-left: -20px;
}

.noscreen{
	display: none;
}

.noprint{
	display: inline-block;
	vertical-align: top;
}

.nounderline a{
	text-decoration: none;
}

.header-gradient{
	padding-left: 3px;
	border-radius: 3px;
	background: #ffff19; /* Old browsers */
	background: -moz-linear-gradient(left, #ffff19 0%, #feffd1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ffff19 0%,#feffd1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffff19 0%,#feffd1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff19', endColorstr='#feffd1',GradientType=1 ); /* IE6-9 */
}

.header2-gradient{
	padding-left: 3px;
	border-radius: 3px;
	background: rgb(243,243,243); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.col2-item{
	display: inline-block;
	width: 48%;
	min-width: 285px;
	vertical-align: top;
	margin: 15px 5px 0 0;
}

input[type=text],
input[type=password],
input[type=date],
select{
	height: 30px;
	line-height: 28px;
}

input[type=text],
input[type=password],
input[type=date],
select,
textarea{
	border-radius: 4px;
	border: 1px solid #e8e8e8;
	padding: 0 0 0 5px;
	font-size: 90%;
}

input[type=text]:hover,
input[type=password]:hover,
input[type=date]:hover,
select:hover,
textarea:hover{
	border-color: #dbdbdb;
	transition: border-color 0.2s ease-in-out;
}

input[type=text]:active,
input[type=text]:focus,
input[type=password]:active,
input[type=password]:focus,
input[type=date]:active,
input[type=date]:hover,
select:active,
select:focus,
textarea:active,
textarea:focus{
	border-color: #999;
	outline: none;
	box-shadow: 0 0 3px rgba(153, 153, 153, 0.5);
}

input[type=submit],
input[type=reset]{
	background-color: #ff4a52;
	border-radius: 5px;
	border: 0;
	cursor: pointer;
	padding: 8px 18px;
	text-decoration: none;
}

input[type=submit]:hover,
input[type=reset]:hover{
	background-color: #e84f38;
}

.button,
.smallbutton,
body input[type=submit],
body input[type=reset]{
	background-color: #4caf50;
	border: none;
	color: white;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	border-radius: 4px;
	transition: background-color 0.2s ease-in-out;
}

.button,
body input[type=submit],
body input[type=reset]{
	margin: 5px 0 2px 0;
	padding: 5px 8px;
}

.smallbutton{
	margin: 5px 4px 2px 0;
	padding: 1px 8px;
}

.button:hover,
.smallbutton:hover,
body input[type=submit]:hover,
body input[type=reset]:hover{
	background-color: #4b9e40;
}

#searchForm{
	margin-top: 5px;
}

#searchInput{
	background-image: url('images/search.png');
	background-position: 3px 3px;
	background-repeat: no-repeat;
	margin: 1px 2px 2px 0;
	padding: 2px 2px 2px 28px;
	width: 28px;
	cursor: pointer;
}

#searchInput:focus{
	width: 175px;
	cursor: default;
}

.searchstart{
	float: right;
}

.search_title a{
	font-weight: bold;
	text-decoration: none;
}

.search_extract{
	font-size: 80%;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #efeeee;
}

.evoSearch_highlight{
	background-color: rgba(255, 255, 0, 0.2);
}

#pageContentContainer{
	background-color: transparent;
	display: table;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

#pageContentContainer .content-main{
	margin-top: 40px;
}

#pageContent{
	display: block;
	padding: 0 5px;
}

#pageContent strong{
	font-size: 15px;
	font-variant: small-caps;
}

#pageContentText h1{
	margin-top: 30px;
	font-size: 25px;
	line-height: 110%;
}

#pageContentText h2{
	line-height: 120%;
	padding: 5px 0 5px 0;
}


#pageContentText p a:link{
	color: #2196F3;
}

#pageContentText p a:hover{
	color: #f44336;
}

#pageContentText p a:active{
	color: #f44336;
}

#pageContentText p a:visited{
	color: #9c27b0;
}

#pageContentTextPadding{
	padding:0 8px;
}

#pageContentTextPadding:after{
	content: "";
	display: table;
	clear: both
}

#pageContentTextContainer{
	margin-top: 16px!important;
	padding: 0.01em 16px;
	background-color: #fff!important;
	color: #000!important;
	border-radius: 4px!important;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}

#pageContentTextContainer:after{
	content: "";
	display: table;
	clear:both
}

.toc{
	list-style-type: numbering;
	margin: 0 0 1.5rem 0;
	padding: 1rem;
	padding-left: 2rem;
	border: 1px solid #ddd;
	background-color: #f9f9f9;
	border-radius: 4px;
}

.toc li{
	margin-bottom: 0.2rem;
}

.toc a{
	text-decoration: none;
	color: #2196F3;
	transition: text-decoration 0.2s ease-in-out;
}

.toc a:hover{
	text-decoration: underline;
}

.toc{
	counter-reset: item;
}

.toc-anchor{
	visibility: hidden;
	height: 0px !important;
	position: absolute;
	margin: -40px;
}

.overlaySidebarMenu{
	cursor: pointer;
}

#footerContainer{
	margin-top: 5px;
	font-size: 12px;
	text-align: center;
	border-top: 2px solid #fff;
	opacity: 0.9;
}

#footerContainer:hover{
	opacity: 1;
}

#footerContainer ul{
	list-style-type: none;
	padding: 0;
	margin: 1px 2px 5px 2px;
}

#footerContainer li:hover{
	cursor: pointer;
	color: #000;
	background-color: #fff;
	-webkit-transition: background-color .3s, color .15s,box-shadow .3s,opacity 0.3s;
	transition: background-color .3s,color .15s, box-shadow .3s,opacity 0.3s;
}

#footerContainer a{
	text-decoration: none;
	font-size: 0.9rem;
}

#iconBar{
	width: 60px;
	float: right;
	border-left: 3px solid #f1f1f1;
	margin: 0 0 15px 5px;
}

#breadcrumbs{
	margin: 10px 5px 0 0;
	font-size: 85%;
}

#login_overlay{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 3000;
	cursor: pointer;
}

#login_overlay_content{
	margin: 50px auto;
	width: 37.5%;
	min-width: 280px;
	height: 370px;200px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	background-color: #fff;
	border-radius: 5px;	
}

.login_close{
	float: right;
	font-size: 18px;
	padding: 0 10px 0;
}

.login_header{
	width: 90%;
	padding: 3px 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: rgba(0,0,0,0.1);
	border-radius: 0 0 30px 0;
}

.login_content{
	padding: 10px;
}

#WebLoginLayer0 a{
	background-color: #efefef;
	border: none;
	color: #000;
	padding: 4px 5px;
	margin: 5px 3px 0 0;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 1px solid #5f5f5f;
	border-radius: 4px;
}

.ad-bottom{
	display: inline-table;
	min-width: 99%;
	margin: 15px auto;
}

#print-header{
	padding: 10px 0 10px 0;
	border-bottom: 1px dashed #9e9e9e;
	display: none;
}

.print-title{
	float: right;
	color: #9e9e9e;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-shadow: 0 0 1px #000000;
}

.print-sub-title{
	font-size: 80%;
}

#logo, .logo{
	float: left;
	margin: 5px 5px -200px 5px;
	width: 155px;  /* maximum logo width  is 187px */
	height: 139px; /* maximum logo height is 139px */
	background: url('images/logo-8.gif') no-repeat;
	background-size: 100% auto;
}

.website-title{
	margin: 0px;
	padding: 2px 3px 0 0;
	font-size: 85%;
	text-shadow: 1px 1px 1px #000000;
	float: right;
}

.triangle-right-white{
	margin-right: 3px;
	position: relative;
	top: -1px;
	float: left;
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
	border-left: 10px solid #fff;
	border-bottom: 10px solid transparent;
}

.banner-h2 span, .banner-h4 span, #banner h2 span, #banner h4 span{
	padding: 0 2px;
	background-color: rgba(33,150,243,0.5);
	text-shadow: 1px 1px 1px #000000;
	border-radius: 5px;
}

.page-iconbar{
	float: right;
}

.page-iconbar-btn-container{
	display: inline-block;"
}

.pageinfo{
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	padding: 2px 0 5px 0;
	border-top: 1px solid #f1f1f1;
}

.shariff{
	margin: 20px 16px 0 15px;
}

.noscript, .nocookies, .oldbrowser{
	padding: 5px;
	background-color: #ffeb3b;
	min-height: 40px;
	width: 100%;
	border-bottom: 2px solid #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 95%;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
}


/*** SCROLL TO TOP ***/
#scrollToTopBtn{
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 100;
	display: none;
	background-color: #1e1e1e;
	opacity: 0.875;
	color: white;
	border: none;
	padding: 14px;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

#scrollToTopBtn:hover{
	background-color: #444;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.35);
}

#scrollToTopBtn svg{
	width: 24px;
	height: 24px;
	stroke: white;
}


/*** ICONS ***/
.fa{
	min-width: 15px;
}

/*** SITEMAP ***/
.sitemap{
	width: 90%;300px;
}

.sitemap ul{
	list-style: none;
	padding: 0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px;
	margin-left: 20px;
}

.sitemap li{
	margin: 0 0 0 20px;
	font-size: 16px;
}

.sitemap ul li{
	margin-top: 15px;
	font-weight: bold;
}

.sitemap ul li ul li{
	margin-top: 0;
	font-weight: normal;
}

.sitemap a{
	padding: 5px;
	text-decoration: none;
	display: block;
}

.sitemap a:hover{
	background-color: #2196F3;
	color: #fff;
	-webkit-transition: background-color .3s, color .15s,box-shadow .3s,opacity 0.3s;
	transition: background-color .3s,color .15s, box-shadow .3s,opacity 0.3s;
}


/*** BLOGS ***/
.recentlyBlogEntry{
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 1px;
	width: 31%;
	overflow: hidden;
}

.recentlyBlogEntry a{
	display: block;
	padding: 4px;
	text-decoration: none;
}

.recentlyBlogEntry a:hover{
	background-color: #fff;
	color: #000;
	-webkit-transition: background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
	transition: background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
}

.faq{
	border: 1px solid #000;	
}

.faq a:link{
	color: #2196F3;
}

.faq a:hover{
	color: #f44336;
}

.faq a:active{
	color: #f44336;
}

.faq a:visited{
	color: #9c27b0;
}

.faqcontent{
	font-size: 50%;
	line-height: 130%;
}


/*** TOP NAVIGATION BAR ***/
.navtop{
	z-index: 4;
	border-bottom: 2px solid #fff;
	opacity: 0.9;
}

.navtop:hover{
	opacity: 1;
}

.navtoplogo{
	height: 25px;
	margin: 6px -10px 0 0;
	position: relative;
	left: -10px;
	float: left;
}


/*** LEFT NAVIGATION MENU ***/
.navmenu a{
	text-decoration: none;
	padding: 6px 4px 6px 16px;
	display: block;
	-webkit-transition: background-color .3s, color .15s,box-shadow .3s,opacity 0.3s;
	transition: background-color .3s,color .15s, box-shadow .3s,opacity 0.3s;
}

.navmenu a:hover{
	background-color: #ccc;
}

.navmenu .w3-dropdown-hover:hover, .navmenu .w3-dropdown-hover:first-child, .navmenu .w3-dropdown-click:hover,.w3-dropnav a:hover{
	background-color: #ccc;
	color: #000;
}

.navmenu .w3-dropdown-hover, .navmenu .w3-dropdown-click{
	width: 100%;
}

.navmenu .w3-dropdown-hover .w3-dropdown-content,.navmenu .w3-dropdown-click .w3-dropdown-content{
	min-width: 100%;
}

.navmenu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.navmenu ul li ul li{
	padding: 0 0 0 20px;
}

.navmenu ul li ul li ul{
	border-left: 1px solid #f1f1f1;
}

.video{
	position: relative;
	max-width: 100%;
	margin: auto;
}

.video:before{
	content: "";
	display: block;
	padding-top: 56%;
}

.video iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

@media screen and (min-width:992px){
	.navmenu ul li ul li{
		line-height: 100%;
		font-size: 97%;
	}
}

.navmenu .active{
	background-color: #2196F3;
	color: #fff;
	margin-top: 1px;
	border-radius: 0 0 0 3px;
}

.navmenu .active a:hover{
	background-color: inherit;
	color: inherit;
}

.navmenu ul li ul{
	margin: 15px 0;
}

.navmenu .caret{
	float: right;
	width: 0px;
	height: 0px;
	border-top: 4px solid; /*caret size is 4px now*/
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	position: relative;
	top: 6px;
	margin-right: 3px;
}


/*** MAIN MENU ON TOP ***/
#main-menu-container{
	margin: 10px 13px 0 7px;
	height: 27px;
}

#main-menu{
	display: block;
	font-size: 13px;
	text-align: left;
	text-shadow: 1px 1px 2px #999;
	z-index: 100;
}

#main-menu ul li a, #main-menu ul li a:visited{
	display: block;
	margin: 0 1px;
	padding: 3px 10px;
	width: 186px;
	height: 23px;
	text-decoration: none;
	text-align: center;
	overflow: hidden;	
	line-height: 135%;
}

#main-menu ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#main-menu ul li{
	float: left;
	position: relative;
}

#main-menu ul li ul{
	display: none;
}

#main-menu .active{
	color: #fff;
	background-color: #2196F3;
	display: inline-block;
}

#main-menu ul li .active{
	border-top: 0px;
	display: inline-block;
	position: relative;	
}

#main-menu .caret{
	float: right;
	width: 0px;
	height: 0px;
	border-top: 4px solid; /*caret size is 4px now*/
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	position: relative;
	top: 6px;
}

#main-menu ul li ul li .caret{
	float: right;
	width: 0px;
	height: 0px;
	border-top: 4px solid transparent; /*caret size is 4px now*/
	border-left: 4px solid;
	border-bottom: 4px solid transparent;
	position: relative;
	top: 6px;
}

/* more menu levels */
/* display menu level 3 */
#main-menu ul li:hover ul li:hover ul li ul li{
	display: none;
}

#main-menu ul li:hover ul li:hover ul li:hover ul li{
	display: block;
}

/* display menu level 4 */
#main-menu ul li:hover ul li:hover ul li:hover ul li ul li{
	display: none;
}

#main-menu ul li:hover ul li:hover ul li:hover ul li:hover ul li{
	display: block;
}

/* display menu level 5 */
#main-menu ul li:hover ul li:hover ul li:hover ul li:hover ul li ul li{
	display: none;
}

#main-menu ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li{
	display: block;
}

/* 
	no more than five menu levels are supported
	if you have more than five levels, you should consider your site structure
*/


/* specific menu styles to non IE browsers */
#main-menu ul li:hover a{
	color: #fff;
	background: #bfbfbf;
	-webkit-transition: background-color .3s, color .15s, box-shadow .3s, opacity 0.3s;
	transition: background-color .3s,color .15s, box-shadow .3s,opacity 0.3s;
}

#main-menu ul li:hover ul{
	width: 187px;
	display: block;
	position: absolute;
	top: 23px;
	left: 0px;
	z-index: 100;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

#main-menu ul li:hover ul li a.hide{
	color: #fff;
}

#main-menu ul li:hover ul li:hover a.hide{
	color: #000;
}

#main-menu ul li:hover ul li ul{
	display: none;
}

#main-menu ul li:hover ul li a{
	display: block;
	background: rgba(255, 255, 255, 0.9);
	min-height: 28px;
	padding: 5px 0 5px 5px;
	color: #000;
	font-size: 90%;
	text-align: left;
	z-index: 100;
}

#main-menu ul li:hover ul li a:hover {
	background: #2196F3;
	color: #fff;
	z-index: 100;
}

#main-menu ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: 185px;
	border-left: 1px solid transparent;
	top:0;
	z-index: 100;
}

#main-menu ul li:hover ul li:hover ul.left {
	left: -105px;
}

/**** Counter ****/
/* This font may only be used for private purposes! */
@font-face{
	font-family: 'EuroPlate';
	src: url('font-europlate/europlate.ttf');
}

#counter{
	margin: 0 0 25px 15px;
}

.counter_content{
	font-family: 'EuroPlate', sans-serif;
	width: 120px;
	height: 29px;
	font-size: 24px;
	color: #575757;
	line-height: 100%;
	text-align: center;
	text-shadow: 1px 1px 0 #cfcfcf;	
	background: #efeeee url('images/counter-bg_h27.jpg') no-repeat left top;
	border: 2px solid #635e5c;
	border-radius: 3px;	
}

.counter_popular_item,
.counter_statistic_item{
	border-bottom: 1px dotted #cfcfcf;
}

.counter_popular_item_col1,
.counter_statistic_item_col1{
	display: inline-block;
	width: 25px;
}

.counter_popular_item_col2,
.counter_statistic_item_col2{
	display: inline-block;
	word-break: break-all;
}

.counter_popular_item_col3,
.counter_statistic_item_col3{
	float: right;
	display: inline-block;
	width: 40px;
	text-align: right;
}


/**** Signatures ****/
/*** signatures: general ***/
.signatures_table{
	width: 100%;
}

.signatures_table_w75{
	width: 75px;
}


/*** signatures: page ***/
.signatures_page{
}


/*** signatures: overview ***/
.signatures_overview_item{
	width: 30%;
	min-width: 240px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	border-left: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
}

.signatures_overview_item_plate_bg{
	background: transparent url('images/fullplate.gif') no-repeat scroll center center;
	height: 150px;
}

.signatures_overview_item_plate_font{
	font-size: 30px;
	font-weight: bold;
	color: white;
	text-align: center;
	text-shadow: 1px 1px 2px #fdfdfd;
	position: relative;
	top: 50px;
}

.signatures_list_title{
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 5px 0 5px;
}

.signatures_list_desc{
	font-size: 87.5%;
	padding: 0 10px 35px 10px;
}

.signatures_overview_list_item{	
}

.signatures_left_list_col{
	width: 137px;
	display: inline-block;
}

.signaturs_right_list_col{
	width: 40px;
	display: inline-block;
	text-align: right;
}

/*** signatures: print ***/
.signatures_print_item{
	display: inline-block;
	width: 30%;
	min-width: 225px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #cfcfcf;
	vertical-align: top;
	border-radius: 5px;
}

.signatures_edit_controls{	
	float: right;
}


/*** signatures: forms ***/
#signatures_delete_form{
}

.signatures_delete_form_info{
	color: red;
	font-weight: bold;
	letter-spacing: 1px;
}

.signatures_form{
	width: 50%;
	min-width: 280px;
	background-color: #fcfcfc;
	padding: 5px;
	border-radius: 5px;
}

.signatures_form table{
	background-color: #fff;
	border-radius: 5px;
}

.signatures_input_w55{
	width: 75px;
}

.signatures_input_w125{
	width: 179px;
}

.signatures_input_zip{
	width: 55px;
}

.signatures_input_town{
	width: 120px;
}

.signatures_button{	
}


/**** NEWS EXTENDED ****/
/*** show news: general ***/
#newsex_newspage{
	margin-top: 30px;
}

#newsex_newspage h3{
	font-size: 13px;
	color: #6f6f6f;
}

.newsex_accinfo_div{
	max-height: 145px;
	overflow: auto;
	margin: 0 0 10px 0;
	background: #f1f1f1;
}

.newsex_accinfo{
	display: inline-table;
	margin: 0 5px 1px 0;
	padding: 0 5px;
	font-size: 12px;
}

.newsex_editcontrols{
	float: right;
}

.newsex_editcontrols img{
	border: 0px;
	margin: 10px 2px 0 2px;
	width: 23px;
	height: 23px;
}

.newsex_source_link{
}

.newsex_tags{
	display: inline-table;
}

.newsex_short_item_img{
}

.newsex_short_item_img_div{
}

.newsex_page_img{
	max-width: 100%;
	max-height: 600px;
}

.newsex_page_img_div{
	margin: 0 0 15px 0;
	float: right;
}

.newsex_highlight_text{
	background: #ffeb3b; /* Old browsers */
	background: -moz-linear-gradient(left, #ffeb3b 0%, #fefcea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ffeb3b 0%,#fefcea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffeb3b 0%,#fefcea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:     progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb3b', endColorstr='#fefcea',GradientType=1 ); /* IE6-9 */
}

.newsex_archiv_item_img{
	width: 33%;
	display: inline-block;
}

.newsex_archiv_item_text_div{
	vertical-align: top;
	display: inline-block;
	width: 66%;
	padding: 0 0 0 10px;
	margin-top: -10px;
}

.newsex_archive_nav_input_text{
	width: 35px;
	text-align: center;
}

.newsex_write_comment_cont,
.newsex_no_tplpage_cont{
	min-height: 405px;
	background: #fff;
}

.newsex_no_tplpage_cont{
	text-align: center;
	padding: 75px 0 0 0;
}

.newsex_rss_feed{
	float: right;
	font-size: 28px;
	margin: 0 15px 0 5px;
	color: #e4712d;
}

.newsex_overview,
.ti_overview{
	padding: 5px 5px 15px 5px;
	border-left: 1px solid #f1f1f1;
	width: 50%;
	min-width: 280px;
	display: inline-block;
	vertical-align: top;
}

.newsex_overview_header,
.ti_overview_header{
	margin: 0 0 10px 0;
	font-weight: bold;
	border-bottom: 1px solid #f1f1f1;
}

.newsex_overview_content,
.ti_overview_content{
}

.newsex_overview_buttons{
	float: right;
}

/*** show news: singleview-mode  ***/
.newsex_backlinktext{
	margin-top: 30px;
	padding-top: 5px;
	text-align: right;
	border-top: 1px solid #f1f1f1;
}

/*** show news: archivepage (none-mode - default) ***/
#newsex_archivepage{
}

.newsex_navigation{
	margin-bottom: 25px;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	font-size: 13px;
}

.newsex_item{
	margin: 0 0 35px 0;
	cursor: pointer;
}

/*** show news: shortview-mode ***/
#newsex_shortitempanel{
}

.newsex_shortitem{
	border-bottom: 1px solid #f1f1f1;
	margin: 0 0 15px 0;
	text-align: justify;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	cursor: pointer;
}

.newsex_shortitem img{
	width: 100%;
}

.newsex_headline h3{
	margin: 5px 0 0 0;
}

.newsex_shortitem
.newsex_headline h2,
.newsex_shortitem
.newsex_headline a{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

.newsex_shortitem
.newsex_content{
	font-size: 100%;
	margin-bottom: 25px;
}

.newsex_toalllinktext{
	margin-top: 0px;
	padding-top: 0px;
	text-align: right;
}

#newsex_shortitem_news .newsex_shortitem{
	min-height: 225px;
}

/*** show news: related items ***/
.newsex_relateditem{
	display: inline-block;
	vertical-align: top;
	width: 30.5%;
	margin: 0.5%;
	padding: 0 0 10px 0;
	min-width: 200px;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	cursor: pointer;
}

/*** traffic information: cricial items ***/
.ti_table_item_critical{
	display: inline-block;
	vertical-align: top;
	width: 32.5%;
	margin: 0.25%;
	min-width: 200px;
	min-height: 400px;
	padding: 10px;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.newsex_relateditem:hover{
	border: 1px solid #ff9800;
}

.newsex_relateditem img{
	width: 100%;
}

.ti_table_item_critical img{
	width: 100%;
	max-width: 100px;
}

.newsex_relateditem_headline,
.newsex_relateditem_content{
	padding: 0 10px;
}

/*** show news: news-items ***/
.newsex_headline{
}

.newsex_headline h2{
	font-size: 16px;
}

.newsex_headline h2 a{
	text-decoration: none;
	font-weight: bold;
}

.newsex_headline h3{
	font-size: 10px;
}

.newsex_headline h3 small{
	padding: 0px;
	letter-spacing: 1px;
	font-style: italic;
}

.newsex_info_block{
	display: inline-block;
	margin: 0 30px 0 0;
}

.newsex_content{
}

/*** show news: forms ***/
#newsex_form{
}

#newsex_form td{
	vertical-align: top;
}

.newsex_editeventdate{
	width: 85px;
	margin: 0 0 15px 0;
}

.newsex_editsubject{
	width: 100%;
	margin: 0 0 15px 0;
}

.newsex_editmessage{
	width: 100%;
	height: 200px;
}

.newsex_editsource{
	width: 100%;
}

.newsex_editrightholder{
	width: 100%;
}

.newsex_button{
	margin: 15px 0px;
} 

.newsex_warning{
	padding: 5px;
	text-align: center;
}

/*** show news: statistics  ***/
#newsex_statistic{
}

#newsex_statistic h2{
	font-size: 26px;
	margin-bottom: 25px;
}

.newsex_statistic_download{
	font-size: 26px;
	float: right;
}

.newsex_statistic_form{
	border: 1px solid #d1d1d1;
	background: #f1f1f1;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 25px 0 25px 0;	
	text-align: center;
}

.newsex_statistic_form_section{
	display: inline-block;
}

.newsex_statistic_section{
	margin-bottom: 50px;
}

.newsex_statistic_section h3{
	font-size: 24px;
}
	
.newsex_statistic_th{
	background: #f1f1f1;
	opacity: 0.75;
	width: 99%;
	min-width: 280px;
}

.newsex_statistic_col1,
.newsex_statistic_col2,
.newsex_statistic_col3,
.newsex_statistic_col4,
.newsex_statistic_col5,
.newsex_statistic_col6,
.newsex_statistic_col_mobile1,
.newsex_statistic_col_mobile2{
	display: inline-table;
	border: 1px solid #f1f1f1;
}

.newsex_statistic_col1,
.newsex_statistic_col_mobile1{
	width: 16.5%;
	min-width: 120px;
}

.newsex_statistic_col2,
.newsex_statistic_col3,
.newsex_statistic_col4,
.newsex_statistic_col5,
.newsex_statistic_col6{
	width: 16.5%;
	min-width: 40px;
	text-align: center;
}

.newsex_statistic_col_mobile1{
	background: #f1f1f1;
	opacity: 0.75;
	font-weight: bold;
}

.newsex_statistic_col_mobile2{
	width: 50%;
	min-width: 160px;
	margin-bottom: 15px;
}

.newsex_statistic_td{	
}

.newsex_statistic_row_mobile{
	display: inline-block;
	width: 100%;	
}
.newsex_statistic_row_mobile_lbl{
	display: inline-table;
	width: 120px;
}


/*** accidents ***/
#newsex_acc{
	font-size: 12px;
}

#newsex_acc label{
	font-weight: bold;
	font-size: 10px;
}

.newsex_acc_cause_sel,
.newsex_acc_type_sel{
	width: 150px;
	height: 126px;
}

.newsex_acc_entry{
	border-bottom: 1px solid #e1e1e1;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 12px;
}

.newsex_acc_entry_buttons{
	float: right;
}

.newsex_acc_entry_buttons img{
	width: 15px;
}

.newsex_acc_btndel{
	display: inline-table;
}

.newsex_acc_btnadd{
	display: inline-table;
}

.newsex_acc_date,
.newsex_acc_loc_sel,
.newsex_acc_coord{
	width: 90px;
}

.newsex_acc_loc_sel{
}

.newsex_acc_vehicles,
.newsex_acc_pd_slightly_injured,
.newsex_acc_pd_seriously_injured,
.newsex_acc_pd_dead,
.newsex_acc_material_damage{
	width: 90px;
}

.newsex_acc_col1,
.newsex_acc_col2,
.newsex_acc_col3,
.newsex_acc_col4,
.newsex_acc_col5,
.newsex_acc_col6{
	display: inline-table;
	width: 95px;
}


/*** comments ***/
#newsex_comment_section{
}

#newsex_comment_section h2{
	font-size: 24px;
}

#newsex_comment_section h3{
	font-size: 11px;
}

#newsex_comment_iframe{	
	width: 100%;
	height: 405px;
}

#newsex_comment_form_cont{	
}

#newsex_comment_form{
}

#newsex_comment_form textarea{
	width: 100%;
	height: 100px;
}

#newsex_comment_del_form{
}

.newsex_comment_section_controls{
	text-align: right;
}

.newsex_comment_textarea{
}

.newsex_comment_r_edit{
}

.newsex_comment_r_cont{
}

.newsex_comment_report a{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	float: right;
	color: #607d8b;
}

.newsex_comment_entry_leftcol{
	width: 5%;
	min-width: 20px;
	display: inline-table;
	font-size: 18px;
	padding-top: 8px;
	color: #6f6f6f;
	text-align: center;
	vertical-align: top;
}

.newsex_comment_entry_rightcol{
	width: 94%;
	display: inline-table;
}

.newsex_comment_edit_controls{
	float: right;
}

.newsex_comment_edit_controls img{
	width: 12px;
	margin-left: 3px;
}

.newsex_comment{
	margin-bottom: 35px;
}


/*** rating ***/
.newsex_rating{
	float: right;
	width: 132px;
	font-size: 10px;
	line-height: 100%;
	margin: 4px 10px 10px 10px;
}

.newsex_rating span{
	display: block;
	text-align: right;
}

.newsex_rating_foreground_img{
	background: url('../../snippets/newsex/images/stars.gif') no-repeat;
	width: 88px;
	height: 16px;
}

.newsex_rating_background_ratingbar{
	background: #ffc107;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 5px 0;
}

.newsex_rating_buttons,
.newsex_rating_nobuttons{
	display: inline-block;
	vertical-align: top;
	margin: 0;
	font-size: 15px;
	color: #6f6f6f;
}

.newsex_rating_nobuttons{
	width: 34px;
}

.newsex_rating_buttons a:hover{
	color: #2196F3;
}


/*** search ***/
#newsex_search_form{
	border: 1px solid #d1d1d1;
	background: #f1f1f1;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 0 0 20px 0;
}

#newsex_search_form input[type=text]{
	background-image: url('images/search.png');
	background-position: 4px 4px;
	background-repeat: no-repeat;
	padding: 6px 6px 6px 35px;
	border: 1px solid #ddd;
	width: 62.5%;
	min-width: 130px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}

#newsex_search_form input[type=submit],
#newsex_search_form button{
	width: 35px;
	padding: 4px 10px;
	background: #2196F3;
	color: white;
	border: 1px solid grey;
	border-left: none; /* Prevent double borders */
	cursor: pointer;
}

#newsex_search_form input[type=submit]:hover,
#newsex_search_form button:hover{
	background: #0b7dda;
}


.newsex_search_form_ctrlsect{
	display: inline-block;
}

.newsex_search_select{
	width: 150px;
}

.newsex_search_checkbox{	
}

.newsex_search_result_info{
	text-align: right;
	padding-bottom: 20px;
}

/**** TRAFFIC INFORMATION ****/
/* common */
#maploadstart{
	display: none;
	padding: 5px;
	margin: 5px 0;
	min-height: 50px;
	border: 1px solid #cfcfcf;
	border-radius: 3px;
}

#maploadstart button{
	float: right;
}

.ti_font_small{
	font-size: 11px;
}

.ti_font_medium{
	font-size: 12px;
}

.ti_font_italic{
	font-style: italic;
}

.ti_font_highlight{
	background-color: white;
	font-weight: bold;
}

.ti_font_cornflowerblue{
	color: cornflowerblue;
}

.ti_inline_block{
	display: inline-block;
}

.ti_float_right{
	float: right;
}

.ti_text_right{
	text-align: right;
}

.ti_infobox{
	background-color: lightyellow;
	padding: 5px;
	border: 1px solid green;
	color: green;
	border-radius: 5px;
}

.ti_image{
	width: 229px;
	margin: 2px;
	float: right;
}

.ti_image_edit{
	margin: 0;
	float: right;
}

.ti_prenotification{
	background: #fff;
	margin: 10px 0 10px 0;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.25em;
	text-align: center;
}

.ti_message{
	text-align: center;
}

#ti_refresh_counter{
}

/* overlay */
#ti_edit_overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2000;
	cursor: pointer;
}

#ti_edit_overlay_content{
	background-color: #fff;
	margin: 10px;
	padding: 5px;
	border-radius: 5px;
	cursor: default;
}


/* layer */
#ti_refreshlayer{
	font-family: arial;
	font-size: 11px;
	text-align: center;
	vertical-align: middle; 
	padding: 3px;
	background-color: #ffeb3b;
}

#ti_debuglayer{
	background-color: red;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-align: center;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}


/* map */
#google_map{
	width: 100%;
	height: 550px;
}

.ti_map_error{
	width: 100%;
	margin: 0 0 10px 0;
	background-color: white;
	font-weight: bold;
}

#ti_route{
	font-size: 10px;
	width: 100%;
	height: 100px;
	background-color: white;
}

.ti_map_error_button_section{
	text-align: center;
	width: 100%;
	margin-top: 10px;
}

.ti_map_error_button_section input[type=submit]{
	font-weight: bold;
}

.ti_map_buttons{
	margin: 10px 0;
	text-align: right;
}

.ti_map_buttons a{
	background-color: #4CAF50;
	border: none;
	color: white;
	padding: 5px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 2px;
}

.ti_btnPromptTrafficInfo{
}

#ti_promptTitle{
	background-color: #2196F3;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 2px 2px 5px;
}

#ti_promptIFrame{
}

.ti_promptIFrame{
	width: 100%;
	height: 450px;
	border: 0px;
}


/* map tools */
#ti_sendroute{
	display: none;
	border: 1px dashed silver;
	font-family: arial;
	font-size: 12px;
	color: black;
	padding: 5px;
	margin: 10px 0 10px 0;
	border-radius: 3px;
}


/* prompt traffic information */
#ti_userPromptForm{
	border: 1px solid #2196F3;
	margin: 15px 0;
	border-radius: 3px;
}

.ti_promptTrafficCloseIcon{
	border: 0px;
	margin: 3px 5px 0px 0px;
	float: right;
	cursor: pointer;
}

#ti_prompt_page{
	font-size: 13px;
	margin: 5px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #efefef;
	border-radius: 5px;
}

#ti_prompt_form{
}

#ti_prompt_form_dates{
}

.ti_err{
	background-color: lightyellow;
	border: 1px solid red;
	margin: 10px 0 15px 0px;
	padding: 3px;
	color: red;
	border-radius: 5px;
}

.ti_row{
	vertical-align: top;
	margin: 0 0 10px 0;
}

.ti_col1{
	vertical-align: top;
	width: 105px;
	display: inline-block;
	font-weight: bold;
}

.ti_col2{
	vertical-align: top;
	width: 67%;
	min-width: 275px;
	display: inline-block;
}

.ti_prompt_form_modesec,
.ti_prompt_form_from,
.ti_prompt_form_to{
	width: 165px;
	margin: 5px 0 0 0;
}

.ti_prompt_form_road{
	width: 65px;
}

.ti_prompt_form_direction{
	width: 165px;
}

.ti_prompt_form_details{
	width: 100%;
	height: 100px;
}

.ti_prompt_form_startdate,
.ti_prompt_form_enddate{
	width: 105px;
	margin: 5px 0 0 0;
}


/* result items */
.ti_resultsTopic{
	background-color: #2196F3;
	font-size: 13px;
	font-weight: bold;
	color: white;
	border-radius: 5px;
	margin-top: 15px;
	padding: 2px 5px 2px 5px;
}

.ti_resultsTopic_short{
	font-weight: bold;
	font-variant: small-caps;
	border-radius: 5px;
	margin-top: 15px;
	padding: 2px 5px 2px 5px;
}

.ti_resultsTopicLeft{
	float: left;
}

.ti_resultsTopicRight{
	float: right;
}

.ti_resultItem{
	border: 1px solid #f1f1f1;
	border-radius: 3px;
	margin: 10px 0;
}

.ti_resultItem_short{
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	margin: -1px 0;
}

.ti_resultItemLeft{
	padding: 5px 0 0 0;
	width: 90px;
	text-align: center;
	vertical-align: top;
	float: left;
}

.ti_resultItemLeft img{
	width: 70px;
}

.ti_resultItemRight{
	padding: 5px;
	margin-left: 90px;
	border-radius: 5px;
}

.ti_resultItemSpan{
}

.ti_resultItemSpan hr{
	margin: 0;
	padding: 0;
}

.ti_resultItemSpanLrg{
}

.ti_nothing_found{
	border: 1px solid #2196F3;
	margin: 15px 0;
	border-radius: 3px;
}

.ti_nothing_found_title{
	background-color: #2196F3;
	color: #fff;
	font-weight: bold;
	padding: 2px;
}

.ti_special_title{
	background-color: #ffeb3b;
	text-align: center;
	font-weight: bold;
	width: 99.5%;
	border-radius: 15px;
}
.ti_nothing_found_message{
	padding: 2px;
}


/* info window */	
#ti_infoWindowContent{
	min-width: 375px;
	max-width: 500px;
}
	
#ti_infoWindowIcon{
	float: left;
	margin: 0px;
	height: 100%;
	width: 44px;
}

#ti_infoWindowIcon img{
	width: 32px;
}

#ti_infoWindowTxt{
	margin-left: 44px;
}

#ti_infoWindowTopic{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}

#ti_infoWindowInnerTxt{
	font-family: arial;
	font-size: 12px;
}


/* statistic */
.ti_chart_header{
	font-size: 12px;
	font-weight: bold;
	color: white;
}

.ti_chart_breadcrumbs{
	font-size: 12px;
	margin-top: 5px;
	background-color: #efefef;
	padding: 5px 0;
}

.ti_chart_navigation{
	font-size: 12px;
	border-right: 1px solid #efefef;
	margin-top: 10px;
}

.ti_chart_stattype{
	font-size: 12px;
	border-bottom: 1px solid #efefef;
	border-right: 1px solid #efefef;
	padding: 5px 0;
}

.ti_chart_left_nav{
	display: inline-block;
	vertical-align: top;
	width: 5%;
	min-width: 65px;
}

.ti_chart_right_nav{
	display: inline-block;
	vertical-align: top;
	width: 89%;
}

.ti_chart_img{
	width: 100%;
	max-width: 605px;
}

.ti_chart_download_btns{
	float: right;
	padding: 0 5px;
	font-size: 16px;
}

/* debug */
#ti_debug_container{
	height: 150px;
	overflow: auto;
}

.ti_debugRule{
	font-family: arial;
	font-size: 10px;
	color: gray;
	background-color: ghostwhite;
	border-top: 1px dotted silver;
}

.ti_debugRuleAlt{
	font-family: arial;
	font-size: 10px;
	font-style: italic;
	color: gray;
}

.ti_debugPass{
	font-family: arial;
	font-size: 10px;
	color: green;
}

.ti_debugMessage{
	font-family: arial;
	font-size: 10px;
	color: red;
	border-bottom: 1px solid silver;
}


/*** SCREEN DEPENDING STYLES ***/
@media screen and (max-width:992px){
	.navmenu.w3-collapse{
		display: none;
	}

	.navmenu{
		width: 20%;
		min-width: 300px;
		max-width: 300px;
		max-height: 100%;
		background-color: #fff;
		overflow: auto;
		float: left;
		z-index: 3;
		display: inline-block;
		position: fixed;
		top: 43px;
		left: 10px;
		overflow: auto;
	}

	.w3-main{
		margin-left: 0;
		margin-right: 0;
	}

	header h1{
		font-size: 28px;
	}

	#pageContentText{
		width: 100%;
		max-width: 962px;
		display: inline-block;
	}

	#footerContainer li{
		display: block;
		width: 50%;
		padding: 2px;
		margin: 0 20px 0 0;
	}

	#footerContainer a{
		line-height: 200%;
	}

	.footer-online{
		margin: 5px 5px 0 3px;
		line-height: 120%;
		float: right;
		font-size: 0.9rem;
	}
}

/* for square smartphones */
@media screen and (min-width:500px){
	#footerContainer li{
		display: inline;
		padding: 2px;
		margin: 0 20px 0 0;
	}

	#footerContainer a{
		line-height: 100%;
	}

	.footer-online{
		margin: 3px 3px 0 3px;
		line-height: 120%;
		float: right;
		font-size: 0.9rem;
	}
}

/* for highend smartphones, medium notebooks and small desktop pc screens */
@media screen and (min-width:993px){
	.navmenu.w3-collapse{
		display: block;
	}

	.navmenu{
		width: 20%;
		max-width: 200px;
		background-color: #fff;
		overflow: auto;
		position: absolute;
		display: inline-block;
		float: left;
		z-index: 3;
	}

	#pageContentText{
		width: 79%;
		max-width: 962px;
		display: inline-block;
		float: right;
	}
}

/* for large notebooks and desktop pc screens */
@media screen and (min-width:1280px){
	.navmenu{
		width: 200px;
	}

	#pageContentText{
		width: 862px;
	}

	.content-main{
		width: 100%;
		max-width: 1080px;
		width: 1100px;
		display: inline-block;
		float: left;
	}

	.ad-top{
		display: none;
	}

	.ad-right{
		width: 170px;
		margin-top: 55px;
		padding: 0 5px;
		display: inline-block;
		float: left;
		text-align: center;
	}

	.ad-bottom{
	}

	#banner-preload{
		display: none;
	}

	#banner-dummy{
		border: 1px solid #fff;
		margin: 0 12px -200px 6px;
		height: 200px;
		position: relative;
		top: -200px;
		z-index: 1;
		background: url('images/ban-hl-n_gsb_2016-06-22.jpg') no-repeat center;
		display: none;
	}

	#banner{
		border: 1px solid #fff;
		margin: 12px 12px 0 6px;
		height: 200px;
		background: url('images/ban-hl-n_gsb_2016-06-22.jpg') no-repeat center;
	}

	.banner-h2, #banner h2{
		margin: 138px 7px 0 10px;
		line-height: 100%;
		font-size: 211.25%;
	}

	.banner-h4, #banner h4{
		margin: 5px 7px 0 10px;
		line-height: 100%;
		font-size: 85.3125%;
	}
}

/* for tables, small notebooks and small desktop pc screens */
@media screen and (max-width:1279px){
	.content-main{
		width: 100%;
	}

	.ad-top{
		margin: 55px 13px 10px 6px;
		text-align: center;
	}

	.ad-right{
		display: none;
	}

	.ad-bottom{
	}

	#banner-preload{
		display: none;
	}

	#banner-dummy{
		border: 1px solid #fff;
		margin: 0 12px -175px 6px;
		height: 175px;
		position: relative;
		top: -175px;
		z-index: 1;
		background: url('images/ban-hl-n_gsb_2016-06-22.jpg') no-repeat center;
		display: none;
	}

	#banner{
		border: 1px solid #fff;
		margin: 50px 12px 0 6px;
		height: 175px;
		background: url('images/ban-hl-n_gsb_2016-06-22.jpg') no-repeat center;
	}

	.banner-h2, #banner h2{
		margin: 117px 5px 0 10px;
		line-height: 100%;
		font-size: 195%;
	}

	.banner-h4, #banner h4{
		margin: 5px 5px 0 10px;
		line-height: 100%;
		font-size: 78.75%;
	}
}

/* smoother style for smaller displays */
@media screen and (max-width: 992px){
	#banner{
		margin: 0;
	}

	#banner-dummy,
	#banner-preload{
		margin-left: 0;
		margin-right: 0;
	}

	#pageContentContainer{
		background-color: #fff;
		border: 0;
	}

	#pageContentTextPadding{
		padding: 0 5px;
	}

	#pageContentTextContainer{
		margin-top: 0;!important;
		padding: 0;
		background-color: transparent!important;
		border-radius: 0!important;
		box-shadow: none!important;
	}
}

/* for square smartphones */
@media screen and (max-width:640px){
	h1{
		font-weight: bold;
	}

	.website-title{
		padding: 2px 25px 0 0;
	}

	#time, #date{
		padding-right: 18px;
	}

	.recentlyBlogEntry{
		min-height: 80px;
	}

	.newsex_overview,
	.ti_overview{
		width: 100% !important;
		display: block;
		margin: 0;
		padding: 0;
		border-left: none;
	}

	.newsex_archiv_item_img{
		width: 100%;
	}

	.newsex_archiv_item_text_div{
		width: 100%;
		padding: 0;
		margin-top: 0;
	}

	.newsex_item{
		padding-bottom: 45px;
		margin-bottom: 15px;
		border-bottom: 1px solid #9e9e9e;
	}

	.newsex_relateditem,
	.ti_table_item_critical{
		min-width: 48%;
		min-height: auto;
		margin-bottom: 10px;
	}

	.newsex_content p, ul, ol{
	}

	#pageContent main strong{
		font-size: 100%;
		font-variant: normal;
	}

	#pageContentTextContainer{
		margin-top: 0;
		padding: 0;
		background-color: transparent!important;
		border-radius: 0!important;
		box-shadow: none!important;
		font-size: 115%;
	}

	#pageContentTextContainer li{
		font-size: 16px;
	}

	.navmenu li{
		font-size: 16px;
	}
}

/* for default smartphones */
@media screen and (max-width:320px){
	.banner-h2, #banner h2{
		margin: 100px 3px 0 10px;
		line-height: 100%;
		font-size: 150%;
	}

	.banner-h4, #banner h4{
		margin: 5px 3px 0 10px;
	}

	.newsex_relateditem,
	.ti_table_item_critical{
		width: 100%;
		margin-bottom: 10px;
	}
}