html, body {margin: 0; padding: 0; color: #fff; height: 100%; font-size:100%; font-family: sans-serif; background: none repeat scroll 0% 0% #0c0e64; }

a:link { text-decoration: none; color: #c7d3ef;	}
a:visited { font-weight: bold; text-decoration: none; color: #8ea8ca;	}
a:hover, a:focus, a:active { text-decoration: underline; }

#page {
	margin: 0px auto;
	color: #fff;
	background: transparent url("../images2/stripes.png") repeat 0 center;
	overflow:hidden;
}

#header {   
	background-color: #373f46; 
	height: 200px; 
	border-bottom: 5px solid #070f16;
}
#header2 {   
	background-color: #272f36; 
	width: 75%; 
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right:25px;
	overflow: hidden;
	border: 0px solid yellow;	
	position:relative;
	min-width: 500px;
}

#footer {   
	background-color: #373f46; 
	height: 2em; 
	border-top: 5px solid #070f16;
}
#footer2 {   
	background-color: #272f36; 
	width: 75%; 
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	border: 0px solid yellow;	
	position:relative;
	min-width: 500px;
	padding-left: 25px;
	padding-right:25px;	
}

#logo {
	border: 0px solid red;
	font-family: 'Lato', sans-serif;
	font-style: italic;
	font-size: 4em;
	color: white;
	margin-top:40px;
	text-align: center;
	height:110px;
	width: 100%;
	position:absolute;
	top:0px;
	left:0px;
	-moz-text-shadow: 3px 3px 0 #000000;
	-webkit-text-shadow: 3px 3px 0 #000000;
	text-shadow: 3px 3px 0 #000000;
}

@media all and (max-width: 900px) {
#logo {
	font-size: 2em;
}
}
@media all and (max-width: 1200px) and (min-width: 901px) {
#logo {
	font-size: 3em;
}
}

#logo img {
	height:85%;
	vertical-align: middle;
}

#nav {
	margin:0;
	padding:0;
	/*background:#808259 url(nav_bg.jpg) 0 0 repeat-x;*/
	width:100%;
	/*border:1px solid #42432d;*/
	border-width:1px 0;
	position:absolute;
	bottom:0px;
	left:0em;
	text-align:center;
}
#nav li {
	display:inline;
	padding:0;
	margin:0;	
	text-align:left;
}
#nav a:link,
#nav a:visited {
	color:#000;
	background:#C7D3EF;
	padding:15px 40px 4px 10px;
	/*float:left;*/
	width:auto;
	border-right:1px solid #42432d;
	text-decoration:none;
	/*font:bold 0.75em/0.75em Arial, Helvetica, sans-serif;*/
	font:bold 0.9em/0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	/*text-shadow: 2px 2px 2px #555;*/
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;	
}


#nav a.navitem-active {
	/*background:#D9C71D;*/
	/*background:#C7D3EF; blau in navheader*/
	background:#ffeaa7;
	color:#000;
	/*padding-top:20px;*/
}
#nav a:hover.navitem-active,
#nav a:focus.navitem-active {
	background:#fff9e5;
	color:#000;
}
@media all and (max-width: 980px) {
#nav a:link,
#nav a:visited {
	font:bold 0.7em/0.7em Arial, Helvetica, sans-serif;
	padding:20px 5px 4px 5px;
}
}
@media all and (max-width: 1250px) and (min-width: 981px) {
#nav a:link,
#nav a:visited {
	font:bold 0.85em/0.85em Arial, Helvetica, sans-serif;
	padding:15px 20px 4px 5px;
}
}
#nav a:hover,
#nav a:focus {
	background:#E7f3FF;
}

.navitem a {
	background:#e35a00;
	color:#fff;
	text-shadow:none;
	display: inline-block;
}
.navitem a:hover {
	background:#e35a00;
}

.navitem p {
	color:red;
	font-size: 0.6em;
	display: contents;
}

#tfnewsearch{
	position:absolute;
	right:10px;
	top:10px;
	
}
.tftextinput2{
	margin: 0;
	padding: 3px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	border:1px solid #666; border-right:0px;
	border-top-left-radius: 3px 3px;
	border-bottom-left-radius: 3px 3px;
}
.tfbutton2 {
	margin: 0;
	padding: 3px 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	border: solid 1px #666; border-right:0px;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#777));
	background: -moz-linear-gradient(top,  #777,  #777);
	border-top-right-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
}
.tfbutton2:hover {
	text-decoration: none;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#999));
	background: -moz-linear-gradient(top,  #999,  #999);
}
/* Fixes submit button height problem in Firefox */
.tfbutton2::-moz-focus-inner {
	border: 0;
}
.tfclear{
	clear:both;
}

#psearch {
	position:absolute;
	right:10px;
	top:10px;
}

#searchbox {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#suggestDiv {
	display: none;
	overflow: auto;
	width: 225px; max-height: 80px;
	margin-bottom: 3px;
	background-color: #ffffff;
	/*opacity: .9; filter: alpha(opacity = 90);*/
	color: #000000;
	font-size: 12px;
	font-family: sans-serif;
	text-align: left;
	white-space: nowrap;
	position:absolute;
	overflow:hidden;	
}

#suggestDiv a {
	display: block;
	margin: 0px;
	padding: 1px 2px;
	color: #000000;
	text-decoration: none;
}
#suggestDiv a:hover {
	background-color: #c7d3ef;
}	


#header-lang {
	position:absolute;
	top:13px;
	left: 10px;
	text-decoration:none; 
	color:#999;
}

#header-lang #header-lang-sel {
	color: white;
}

#header-lang a {
	color:#999;
}

/* =========================== BREADCRUMB =========================== */
/* ================================================================== */
#breadcrumb {
	width: 75%;  
	padding: 7px 25px;	
	margin-left: auto;
	margin-right: auto;  
	min-width: 500px;	
	/*background: none repeat scroll 0% 0% #C7D3EF; */
	background: none repeat scroll 0% 0% #0c0e64;
		/*background: none repeat scroll 0% 0% #200348; 
		font-family: 'Lato', sans-serif;*/
	border: 0px solid red;	
	color:silver;
	text-align:center;
	/*font-family: 'Lato', sans-serif;	*/
	font-size: small;
	text-align: left;
}

.breadcrumb-nav {
	margin-left: 0em;
	font-style: italic;
	white-space:nowrap;
}

.breadcrumb-nav a,
.breadcrumb-nav a:link,
.breadcrumb-nav a:visited,
.breadcrumb-nav a:focus, 
.breadcrumb-nav a:active {
	text-decoration: underline; color: silver;  
}

/* ========================= SITE STRUCTURE ========================= */
/* ================================================================== */
#content-area {
	width: 75%;  
	margin-left: auto;
	margin-right: auto;
	background: none repeat scroll 0% 0% #0c0e64; 
	border: 0px solid red;	
	min-width: 500px;
	padding: 25px;
	/*text-align:center;*/
	overflow:hidden;
}

#headline {
	width:100%;
	text-align:center;
	font-size: x-large;
	font-family: 'Lato', sans-serif;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	border-bottom: 2px solid #AF9F09;	
}

@media all and (max-width: 1200px) {
#headline {
	width:100%;
}
}

/* selection for navigation in subpage, or direct jumps */
.optionfield {
	text-align:center;
	margin: 0 auto 1em;
}