html, body, div, header, nav, article, section, footer, aside, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, dfn, em, strong, dl, dt, dd, li, fieldset, form, label, legend, input, select, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td {
  padding: 0;
  margin: 0;
	vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.unsichtbar,
#responsive-switcher,
.rssfeed,
.sitemap dfn,
.dir2 .pagination,
.dir2 .startinv,
.hidden,
.newwin {
	display: none !important;
}
.sitemap ol {
	list-style: none;
}
.abscenter {
	position: absolute;
	left: 50%;
}
.fixedcenter {
	position: fixed;
	left: 50%;
}
#mainnav #nav1:after,
.box_out_2:after,
.bswall:after,
.box_out_3:after,
.pagination:after,
.pic_gallery:after,
.dir2 #news:after,
.docgallery:after,
.listdetail.article:after {
	content: " ";
	display: block;
	width: 100%;
	height: 0;
	clear: left;
}
.awesome,
.ico:before,
.sort:before,
.imgrechts:before,
.skip:before,
#searchformbox:after,
#nav3 li a:before,
#nav1:before,
#market-slider .owl-prev:after,
#market-slider .owl-next:after,
.tooltipp strong:after,
h2.togglein:after,
h3.togglein:after,
#web20-quick a:before,
#socwrapper a:before,
a.button:before,
a.button2:before,
.blockwrap a:before,
.blocklink:before,
.fliparchiv:before,
.flipcur:before,
#frame .mehr a:before,
.back a:before,
.back2 a:before,
.ntback:before,
.btn-back:before,
.mehr.togglein:after,
.box_out .marketout h1:before,
section.table-responsive:before,
.tog2:after,
.dir2 .list.news:nth-child(n+4) h2:after,
header.socico:before,
.likes:before,
.kurslegende span:before,
.kursok:before,
.kursout:before,
.kursover:before,
.table-responsive:before  {
  font-family: FontAwesome;	
}
.clear,
.clearleft,
.clearright {
  display: block;
  line-height: 0em;
  font-size: 0em;
  height: 0px;
  margin: 0;
  padding: 0;
  border: 0;
  color: transparent;
}
.clear,
.trenner {
	clear: both;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
.fb-like-box,
.fb-like-box span,
.box_out_3 iframe,
.dir60 iframe {
	max-width: 100% !important;
	margin: 0 auto 0 auto !important;
}
.table-responsive iframe {
	min-width: 700px;
}
table {
	max-width: 100% !important;
}
img {
	max-width: 100%;
	height: auto;
}
#mobile-select-nav {
  display: none;
}
/*---cust spec---*/
html {
	position: relative;
	height: 100.5%;
	font-size: 95%;
}
body {
	font-family: 'Roboto', Arial, sans-serif;
	position: relative;
  height: 100%;
  padding: 0;
  margin: 0;
  color: #003871;
  font-weight: 300;
  line-height: 1.8rem;
}
header,
nav,
article,
section,
footer,
aside {
	display: block;
}
#wrapper {
  position: relative;
  padding: 0;
  margin: 0;
  z-index: 1;
}
#header {
	position: relative;
}
#header h2 {
	text-align: center;
	text-transform: uppercase;
	color: #003871;
	font-size: 4.2rem;
	line-height: 5rem;
	padding: 30px 0 30px 0;
	margin: 0 auto 0 auto;
	width: 92%;
	transform: rotate(-3deg);
	text-shadow: 0px 1px 5px rgba(0,0,0,0.5);
}
#header h2 span:first-child {
	color: #F07B12;
}
#header h2 span:nth-child(2) {
	color: #00EF00;
}
#header h2 span:nth-child(3) {
	color: #2B66FF;
}
#header h2 span:nth-child(4) {
	color: #D89F38;
}
#header h2 span:nth-child(5) {
	color: #01CCF7;
}
#header h2 span:nth-child(6) {
	color: #FE0003;
}
#header h2 span:nth-child(7) {
	color: #92D2FF;
}
#header h2 span:nth-child(8) {
	color: #9ED000;
}
#header h2 span:nth-child(9) {
	color: #0BF6E8;
/*	#F7EE0B*/
}
#picchange {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid black;
	z-index: 7;
}
.olayer {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 8;
}
#home {
	position: absolute;
	bottom: 34px;
	left: 20px;
	margin: 0;
	z-index: 34;
}
#home img {
	display: block;
	max-width: 200px;
	height: auto;
}
.is_stuck #home {
	top: 5px !important;
	bottom: inherit;
}
.is_stuck #home img {
	max-width: auto;
	max-height: 40px;
}
#navcontainer {
	position: relative;
	background-color: rgba(255, 255, 255, 1);
	height: 145px;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 15px solid #003871;
/*	box-shadow: -5px 0 20px -5px #333;*/
	z-index: 11;
}
#frame {
	background-color: rgba(255, 255, 255, .4);
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 auto 0 auto;
	z-index: 2;
}
#content {
	position: relative;
	padding: 0;
	font-size: 1rem;
	line-height: 1.8rem;
}
#contframe {
	position: relative;
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 0;

}
#incontframe {
	margin: 0;
	padding: 0
}
#contin {
	position: relative;
	background: white;
	width: 710px;
	max-width: 100%;
	padding: 10px;
	float: left;
}
.dir2 #contin {
	background: transparent;
}
.incont {
	background: white;
	width: 100%;
	padding: 0px;
}
/*---boxen---*/
#fblock {
	padding: 0 0 0 20px;
}
#fblock:hover {
}
#sblock {
	float: right;
	width: 250px;
	padding: 10px 0 20px 20px;
}
#sblock .box_in {
	padding-bottom: 20px;
	margin: 0 0 20px 0;	
}
.box_in:first-child .contbox {
	background: rgba(0,0,0, 0.2);
	padding: 5px;
}
.box_in:nth-child(2) .contbox {

}
.box_in .table {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.box_in .table p {
	display: table-cell;
}
.box_in .table p:first-child {
	padding-right: 5px;
}
.box_in .table p:last-child {
	padding-left: 5px;
}
#scon .box_in:first-child {
	margin-bottom: 10px;
}
#scon .box_in:first-child p {
	margin: 0;
	text-align: right;
}
/*
.box_out {
	background: white;
}

.newsboxout,
.box_out .marketout,
*/
.box_out .contbox {
	border-style: solid;
	border-color: white;
	border-width: 5px;
	margin-bottom: 10px; 
}
*/
.box_out .contbox:last-child .contlist {
	padding: 20px;
}
.box_out .contbox:nth-child(2) p {
	margin-bottom: 10px;
}

.box_out .contbox .contlist {
	background: white;
}
.box_out .contbox .contlist p:last-child {
	margin-bottom: 0;
}
.box_out_3 .contbox {
	border-width: 0;
}
.box_out_4 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	min-height: 200px;
	margin-top: -100px;
}
#tblock {
	clear:left;
}

#ininwrapp #boxcontainer4 #market-slider{
	padding: 20px;;
}
.box_in h2 {

}
.box_in h2.togglein {
	color: black;
}
.box_in .sec14 .slide,
.box_in .sec15 .slide {
	position: relative;
	width: 25%;
	float: left;	
	padding-top: 30px;
	text-align: center;
}
.box_in .sec14 .slide h2,
.box_in .sec15 .slide h2 {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 0;
	left: 0;
	border-right: 1px solid white;	
}
#boxcontainer4 .artsl h2 {
	display: none;
	position: absolute;
	top: 30px;
	right: 10px;
  background-color: rgba(228, 6, 18, 0.8) !important;
 	padding: 5px;
 	font-size: 1.2rem;
 	line-height: 1.4rem;
	font-weight: 600;
	color: white !important;
	max-width: 90%;
}
.box_out .marketout,
.boxright {
	background-color: white;
	padding: 0;
	margin: 0 0 10px 0;
}
.box_out_2:first-child,
.box_out_2:nth-child(2) {
	background: white;
}
.box_out_2:nth-child(3) {
	background: rgba(0,0,0, 0.4);
}
.box_out_2:nth-child(2),
.box_out_2:nth-child(3) {
	padding: 40px 25px 40px 45px;
	border-bottom: 1px solid white;
}
.box_out_2:last-child {
	padding: 0px;
	color: white;
}
.box_out_2:first-child h1,
.box_out_2:nth-child(2) h1,
.box_in:nth-child(2) h1,
.box_out_2:nth-child(4) h1 {
	text-align: center;
	background: rgba(0,0,0, 0.2);
}
.box_out_2:first-child h1 {
	margin: 0;	
}
.box_out_2:nth-child(3) h1 {
	text-align: center;
	background: white;
}
.box_out_2:nth-child(2) {
	display: table;
	width: 100%;
}
.box_out_2:nth-child(2) > div {
	display: table-cell;
}
.box_out_2:nth-child(2) > div:first-child {
	width: 33%;
	padding-right: 20px;
}
.box_out_3 {
	width: 100%;	
	padding: 20px;
	margin: 0 auto 0 auto;
	clear: both;
}
.box_out_3 > div {
	float: left;
	width: 32%;
	padding: 20px 0px 20px 0px;
	margin-right: 2%;
}
.box_out_3 > div:last-child {
	margin-right: 0%;
}
.box_out_3 > div:nth-child(2) {

}

.videocontainer {
	width: 100%;
	padding: 30px;
	margin: 0 auto 0 auto;
}
#header h2.togglein {
	margin-bottom: 10px !important 	
}
.ocup td {
	vertical-align: middle;
}

/*---footer---*/
#footer {
	background-color: rgba(255, 207, 13, 1);
	position: relative;
	width: 100%;
	min-height: 200px;
	padding: 0;
	border-top: 2px solid rgba(0, 0, 0, 1);
	box-shadow: 1px 2px 20px 0px #999;
}



/*---suche---*/
#searchformbox {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 0;
	margin: 0;
	width: 200px;
	height: 26px;
	z-index: 34;
}
#searchformbox:after {
	position: absolute;
	top: 0px;
	right: 3px;
	content: "\f002";
	color: rgba(0, 0, 0, 0.2);
	font-size: 1.4rem;
	line-height: 26px;
	cursor: pointer !important;
}
#searchfield {
	background-color: rgba(0, 0, 0, 0.05);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 170px;
	height: 26px;
	min-height: 26px;
	line-height: 26px;
	padding: 0 0 0 10px;
	margin: 0;
	color: #666666;
	border: none;
}
#searchfield::-webkit-input-placeholder  { 
	font-family: 'Titillium Web', sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #cccccc;
}
#searchfield:-ms-input-placeholder  { 
	font-family: 'Titillium Web', sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #cccccc;
}
#searchfield::-moz-placeholder  { 
	font-family: 'Titillium Web', sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #cccccc;
}
#searchbutton {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 30px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 0;
	text-indent: 0px;
	color: #DDDDDD;
	font-size: 0rem;
	border: none;
	border-radius: 0px !important;
	cursor: pointer;
	z-index: 35;
}
form #searchbutton:hover {
	box-shadow: none;
}
.searchformbox input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/*---social---*/
#web20-quick {
	position: absolute;
	top: 5px;
	right: 240px;
	display: block;
	width: 200px;
	margin: 0;
	padding: 0;
	z-index: 51;
}
#socwrapper {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	z-index: 51;
}
#web20-quick a {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0;
	float: left;
	text-decoration: none;
	transition: all 0.4s;
	text-align: center;
}
#socwrapper a {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 0;
	text-decoration: none;
	transition: all 0.4s;
	text-align: center;
}
#web20-quick a:before {
	line-height: 40px;
	font-size: 30px;
	color: #003871;
	text-align: center;
	transition: all 0.5s;
}
#socwrapper a:before {
	line-height: 60px;
	font-size: 3.5rem;
	color: rgba(0, 0, 0, 0.8);
	text-align: center;
}
.fazebuk:before {
	content: "\f230";
}
.rss:before {
	content: "\f143";
}
.yout:before {
	content:"\f166";
}
.inst:before {
	content: "\f16d";
}
.twit:before {
	content: "\f099";
}
#web20-quick a:hover {
	background: #003871;
	text-decoration: none;
}
#web20-quick a:hover:before {
	color: rgba(255, 255, 255, 1);
}
#socwrapper a:hover {
	text-decoration: none;
}
#socwrapper a:hover:before {
	color: rgba(255, 35, 0, 1);
}
/*---banner---*/
#banner1 {
	position: absolute;
	top: 1px;
	left: 252px;
	display: block;
	width: 728px;
	height: 90px;
	margin: 0;
	z-index: 12;
}
#banner2 {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	width: 300px;
	height: 600px;
	margin: 0;
	z-index: 11111;
}
#banner2.is_stuck  {
	margin-top: 60px;
}
#banner2.is_stuck + div {
	display: none !important;
}
iframe html body #teaser {
	display: none !important;
}
iframe {
	max-width: 100%;
}
.cont6 iframe {
	filter: grayscale(100%);
	opacity: 0.7;
	transition: all 0.6s;
}
.cont6:hover iframe {
	filter: grayscale(0%);
	opacity: 1;
}
/*---plugins---*/
#plug {
	display: inline-block;
}
#gplus,
#face,
#twitt {
	display: inline-block;
	width: 80px;
	float: left !important;
}
.fb-share-button span {
	vertical-align: top !important;
}