.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
/* RESPONSIV */
@media (max-width:768px) {

#adunit {    /* Werbemittel Fuss */
display:none;
}

#banner {    /* Werbemittel rechts */
display: none;
}

#superbanner /* Superbanner */{
        display:none!important;
}

.nx-container-inread {  /* Video Einblendung */
        display:none!important;
}


/*
#counter {
width: 50%;
margin-bottom:20px;
margin-left: auto;
margin-right:auto;
}
*/
#counter {
width: 20%;
margin-bottom:20px;
float:left;
}
.counterfont {
font-size:30px!important;
}

#eweb {
        display:none;
}
.caroufredsel_wrapper {
        display:none;
}
#pager {
        display:none!important;
}

#footer {
	max-width:100%!important;
	width:100%!important;
}
#left{
        display:none;
        /*background-color: red!important;*/
}

#content {
float:left!important;
max-width: 100%;
}

.teaser {
	width:100%;
}
.navcat {
	width: 288px;
	margin: 0 auto;
	border-left: 1px solid #DBE1E6 !important;
}
.teaserbox {
margin: 0 auto;
}

#inner {
width: 100%!important;
}
#logo {
width: 60%!important;
}

#header {
width: 100%!important;
padding-left:10px;
padding-right:10px;
}

#innerwrapper {

width: 100%!important;
height: 100%!important;

padding-left:10px;
padding-right:10px;
}

#top {
width: 100%!important;
}

#footer {
width: 100%!important;
}

.abstandleftm {
	margin-left:0px!important;
	margin-top: 5px;
}



.quiz ul li a {
width: 100%!important;
}

.respmenu {
display: block!important;
text-align:center;
margin-top:10px;
}
.respmenu button {
float:right;
}
.inresponsiv {
display: block!important;
}
.respmenu .nav-item {
margin: auto;
	border-left: 1px solid #DBE1E6 !important;
}

.respmenu .navcat {
/*
	font-size: 14px;
	font-weight: bold;
	border-color: #DBE1E6;
	border-style: solid;
    border-width: 1px 1px 1px 0;
    padding: 5px 10px;
    background-image: url("/img/sprite-css.png");
    background-repeat: repeat-x;
*/
width: 189px;
}

#navibox {
	border-left: none!important;
	padding:25px 0;
}

.notresponsiv {
	display:none;
}

#doleft {
	width: 90%!important;
	padding-left:10px;
	padding-right:10px;
}



} /* media (max-width:768px) */

.respmenu {
display: none;
}

.inresponsiv {
display: none;
}

/* ENDE:  RESPONSIV */




html,body {
	margin: 0 auto;
	padding: 0;
	background-color: #E8EDF0;
	background-position: 0 -110px;
        background-repeat: repeat-x;
	background-image: url("/img/sprite-css.png");
}

body {
	color: #000000;
	font-family: "Helvetcia","Arial","Verdana",sans-serif;
	font-size: 13px;
}


#nab_top{
top: 50%;
transform: translate(0%, -50%);
}

.naMediaAd_SUPERBANNER {
	position: relative;
	margin: 0 auto;
	width: 728px;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}

form, ul, li {
	margin: 0;
	padding: 0;
}

a, a:link, a:visited, a:active {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
	color: #2561A3;
	outline: none;
}

a.dark {
	color: #000000;
}

a.teaser {
	color: #000000;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	color: #F95415;
}

a.teaser:hover {
	color: #000000;
	font-weight: normal;
}

h1 {
	margin: 0;
	padding: 0;
	/*font-size: 22px;*/
	font-size: 1.8em;
	margin-bottom: 15px;
	font-weight: bold;
	color: #000000;
}

h2 {
	margin: 0px 0 15px 0;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
}

h2.hquiz {
	/*margin: 35px 0 15px 0;*/
	margin: 10px 0 10px 0;
}

h3 {
	margin: 10px 0 3px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

h4 {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0 3px 0;
	padding: 0;
}

h5 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

ul.nav li, ul.subnav li, ul.subsubnav li, .quiz ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.nav li, ul.subnav li, ul.subsubnav li {
	line-height: 1.3;
	margin: 1px 0;
}

ul.nav li a {
	display: block;
	text-decoration: none;
	/*width: 168px;*/
	width: 189px;
	font-size: 13px;
	color: #000000;
	border: #DBE1E6;
	border-style: solid;
    border-width: 0 1px 1px 0;
	padding: 5px 10px;
}

ul.subnav li a {
	display: block;
	text-decoration: none;
	/*width: 163px;*/
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	border: #DBE1E6;
	border-style: solid;
    border-width: 0 1px 1px 0;
	padding: 3px 10px 3px 15px;
}

ul.subsubnav li a {
	display: block;
	text-decoration: none;
	/*width: 153px;*/
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	border: #DBE1E6;
	border-style: solid;
    border-width: 0 1px 1px 0;
	padding: 3px 10px 3px 25px;
}

ul.nav li a:hover, ul.nav li a.high, ul.subnav li a:hover, ul.subnav li a.high, ul.subsubnav li a:hover, ul.subsubnav li a.high {
	background-color: #EFF3F5;
}

ul.nav li a.high, ul.subnav li a.high, ul.subsubnav li a.high {
	font-weight: bold;
}

ul.nav li a:hover, ul.subnav li a:hover, ul.subsubnav li a:hover {
	text-decoration: underline;
}

p {
	margin: 0;
}

#header {
	margin: auto;
	width: 971px;
}

#logo {
	float: left;
/*	width: 230px; */
	width: 500px;
	padding: 15px 0;
}

#eweb {
        padding-top:25px;
        text-align: right;
        width: 82%;
}

#fb {
	padding-top:25px;
}

#top {
	/*border-top: 2px solid #2561A3;*/
	border: 0!important;
	background-color: #FFFFFF;
	margin: auto;
	width: 971px;
}

#inner {
	margin: auto;
	width: 970px;
	background-color: #FFFFFF;
	border-color: #DBE1E6;
	border-style: solid;
    border-width: 0 1px 1px 0;
}

#innerwrapper {
	float: left;
	/*max-width: 600px;*/
	width: 100%;
	/*height:840px;*/
	background-color: #FFFFFF;
}

#content {
	float: right;
	width: 590px;
	margin-top: 15px;
	margin-bottom: 15px;
	/*min-height: 610px;*/
	background-color: #FFFFFF;
}

#navibox {
	border-left: 1px solid #DBE1E6;
	padding:25px 0;
}

#right {
	float: right;
	width: 160px;
	margin-top: 15px;
	background-color: #FFFFFF;
}

#left {
	float: left;
	width: 190px;
	background-color: #FFFFFF;
}

#counter {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #2561A3;
	padding: 10px;
	text-align: center;
}

#logoqa {
    float: right;
    padding: 15px 0;
    position: relative;
}

#footer {
	font-size: 11px;
	margin: auto;
	width: 971px;
	margin-top: 5px;
	padding-bottom: 10px;
}

#footer a {
	text-decoration: none;
}

#profil {
	float: right;
	width: 395px;
}

.counterfont {
	font-size: 100px;
	color: #FFFFFF;
	padding-top: 5px;
}

.quizbutton {
	background: url("/img/sprite.png") no-repeat scroll 0 0 transparent;
	background-position: left 0;
	width: 140px;
	height: 140px;
	display: block;
	margin: auto;
}

a.quizbutton:hover {
	background: url("/img/sprite.png") no-repeat scroll 0 -143px transparent;
}

.testbutton {
	background: url("/img/sprite.png") no-repeat scroll 0 0 transparent;
	background-position: -150px 0;
	width: 140px;
	height: 140px;
	display: block;
	margin: auto;
}

a.testbutton:hover {
	background: url("/img/sprite.png") no-repeat scroll -150px -143px transparent;
}

.navcat {
	font-size: 14px;
	font-weight: bold;
	border-color: #DBE1E6;
	border-style: solid;
    border-width: 1px 1px 1px 0;
    padding: 5px 10px;
    background-image: url("/img/sprite-css.png");
    background-repeat: repeat-x;
}

.userimg {
	position:relative;
	float:left;
	width:95px;
	text-align:center;
}

.convideo {
	position:relative;
	width:524px;
	margin:auto;
}

.inneruser {
	padding:2px;
	border:1px solid #EDECED;
}

.inneruser {
	margin:0 1px;
}

.inneruser {
	text-align:center;
	height:90px;
	width:120px;
}

.innerusersmall {
	text-align:center;
	width:80px;
	padding:2px;
	border:1px solid #EDECED;
}

.inneruseron {
	border:1px solid #27AC13;
}

.inneruser:hover, .innerusersmall:hover {
	border:1px solid #2561A3;
}

.collapse {
	border-collapse:collapse;
}

.tab1 {
	background-color:#EDECED;
}

.pn {
	padding:3px;
	border-top:1px solid #EDECED;
	border-bottom:1px solid #EDECED;
}

.headerbottom {
	margin:auto;
	width:913px;
	background-color:#2865A6;
}

.innervideo {
	position:relative;
	float:left;
	width:131px;
	text-align:center;
}

.profilvideo {
	position:relative;
	float:left;
	width:116px;;
	text-align:center;
}

.dooverflow {
	overflow:auto;
	width:100%;
	overflow:hidden;
}

.quiz {
	background-color:#FFFFFF;
}

.quiz ul li {
	color:#FFFFFF;
}

.quiz ul li a, .quiz ul li a.sel:hover, .quiz ul li a.aq, .quiz ul li a.sel {
	display:block;
	color:#FFFFFF;
	background-color:#2561A3;
	padding:7px 10px;
	margin-top:15px;
	font-size:16px;
	text-decoration:none;
	width:570px;
}

.quiz ul li a:hover, .quiz ul li a.aq:hover, .quiz ul li a.high {
	display:block;
	color:#FFFFFF;
	background-color:#F95415;
	padding:7px 10px;
	margin-top:15px;
	font-size:16px;
	text-decoration:none;
	width:570px;
}

.navmenu {
	width:180px;
	list-style-type:none;
	margin:15px 0 0 0;
	padding:0px;
}

.navonline, .navfreund {
	width:170px;
	list-style-type:none;
	background-color:#2561A3;
	font-weight:bold;
	color:#FFFFFF;
	padding:3px 5px;
}

.navonline {
	background-color:#27AC13;
}

.navfreund {
	background-color:#2561A3;
}

.navmenu a, .navmenu a.nli {
	text-decoration:underline;
	font-weight:bold;
	text-align:left;
	display:block;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	margin:5px 0;
	width:158px;
	height:16px;
	
}

.navmenu a:hover {
	text-decoration:none;
	color:#156EB0;
}

hr, .spacer {
	color:#EDECED;
	background-color:#EDECED;
	height:1px;
	border:0px;
	margin:7px 0;
	padding:0;
}

.navspacer {
	color:#2561A3;
	background-color:#2561A3;
	height:1px;
	border:0px;
	margin:7px 0;
	padding:0;
}

.tooltip {
	background: url("/img/question.png") no-repeat scroll 0 0 transparent;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: -3px;
	cursor: help;
	text-decoration: none;
}

a.tooltip span {
	display: none;
	text-decoration: none;
}

a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
	width: 500px;
	z-index: 100;
	color: #FFFFFF;
	padding: 15px;
	background: #2561A3;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	border-radius: 5px;
}

.box {
	padding:10px;
}

.numberCircle {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    width: 36px;
    height: 36px;
    padding: 8px;    
    background: #2561A3;
    color: #ffffff;
    text-align: center;    
    font-size: 30px;
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
}

.videonav {
	background-image: url("/img/video.png");
    background-repeat: no-repeat;
	padding-left:20px;
	padding-top:1px;
	vertical-align:-3px;
}

.startbox {
	width:269px;
	float:left;
	text-align:justify;
}

.teaserbox {
	width:588px;
	text-align:justify;
	border: 1px solid #DBE1E6;
}

.teaserimg {
	float:left;
	width:150px;
}

.hteaser {
	margin-bottom:5px;
}

.adrec {
	margin:auto;
	margin-top:15px;
	width:300px;
}

.hinweis, .erfolg, .fal {
	margin:0 0 15px 0;
	font-weight:bold;
}

.hinweis {
	color:#F95415;
}

.erfolg {
	color:#27AC13;
}

.fal {
	color:#EF3B0B;
}

.vertimg {
	vertical-align:-3px;
}

.vertimg24 {
	vertical-align:-7px;
}

.abstandtops {
	margin-top:3px;
}

.abstandtopm {
	margin-top:10px;
}

.abstandtop {
	margin-top:15px;
}

.abstandtopb {
	margin-top:5px;
	/*margin-top:25px;*/
}

.abstandbot {
	margin-bottom:15px;
}

.abstandbotm {
	margin-bottom:10px;
}

.teaser {
float: left; 
overflow: hidden; 
text-overflow: ellipsis;"
}

.abstandleftm {
	margin-left:10px;
}

.hinweis {
	font-weight:bold;
	color:#F95415;
}

.doright {
	position:relative;
	float:right;
}

.doleft {
	position:relative;
	float:left;
}

.doclear {
	clear:both;
}

.big {
	font-size: 16px;
}

.bigxl {
	font-size: 22px;
}

.klein {
	font-size: 10px;
}

.none {
	display: none;
}

#pager {
	text-align: center;
	padding: 10px 10px 0 0;
}
#pager a {
	border-radius: 5px;
	background: #DBE1E6;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 3px;
	float: left;
}
#pager a:hover {
	background: #F95415;
}
#pager a.selected {
	background: #2561A3;
}
#pager span {
	display: none;
}

.input {
	color:#000000;
	font-family:"Verdana",sans-serif;
	font-size:12px;
	border:1px solid #2561A3;
	background-color:#FFFFFF;
	width:150px;
	padding:1px 1px 2px 1px;
}

.button {
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	background-color:#F95415;
	border:0;
	padding:5px 10px;
	width:auto;
	overflow:visible;
	cursor:pointer;
}


.button:hover {
	color:#FFFFFF;
	background-color:#2561A3;
}

.textarea {
	color:#000000;
	font-size:12px;
	background-color:#FFFFFF;
	border:1px solid #2561A3;
	padding:1px;
	margin:0px;
	font-family:"Verdana",sans-serif;
}

select, .select {
	background-color:#FFFFFF;
	color:#000000;
	font-size:12px;
	border:1px solid #2561A3;
	padding:0px;
	font-family:"Verdana",sans-serif;
}

#cookie-bar {background:#f4f8f9; color:#000; height:auto; line-height:24px; text-align:center; padding:3px 0; z-index:105;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar .cb-enable {margin-left:10px;}


#pagination {
background: #fff;
margin-top: -5px;
margin-bottom: 5px;
text-align: right;
font-size: 10pt;
width: 100%;
}


/*               VIDEO            */
/*++++++++++++++++++++++++++++++++*/
#page-content {
  position: relative;
  /* this element's width controls the effective height */
  /* of the video container's padding-bottom */
/*
  max-width: 640px;
  height:200px;
  margin: 10px auto;
*/
  /*display:none;*/
}

#video-container {
  position: relative;
  margin: 0 auto;
 /*background:red;*/
  /* forces the container to match a 16x9 aspect ratio */
  /* replace with 75% for a 4:3 aspect ratio, if needed */
/*
  padding-bottom: 56.25%;
  background:blue;
 height:400px;
 width:100%;
 margin-top:40px;
  display: none;
*/
}

#video-element {
  /* forces the contents to fill the container */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#ad-container {
 position: relative;
 margin: 0 auto;
/*
  top: 0;
  left: 0;
  width: 100%;
 /* display:none;*/

}

/*
.iframe { width: 100%; height: 1750px; background: blue;}
*/
