@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	border: 0;
}

html {
	height: 100%;
}
body {
	background-color:#fff;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
* {
	font-size:13px;
}



.small {font-size: 11px;color: #000000;}
.small > a {font-size: 11px;color: #000000;}
.vsmall,.serror {font-size : 10px;} 
.smallMini {font-size: 8px;color: #555555; font-weight:normal;}
div.smallMini {padding-right:5px;padding-left:5px;}
.center {text-align:center;}
.right {text-align:right;}
cite {font-style : normal;font-size : 13px;}
h1 {
	font-size: 16px;
	margin-top:10px;
	margin-bottom:15px;
}
a {color: #0000FF;}
a.smalltop {text-decoration: none;color: #000000;}
a.smalltop:hover {background-color: #CCCCCC;}
.msmall {font-size: 10px;color: #000000;}
.headline {font-size: 16px;}
/*.wichtig {font-weight: bold;color: black;background-color: #FF9900;}*/
.wichtig {font-weight: bold;color: black;background-color:#FC3;padding:2px;padding-left:5px;padding-right:5px;}
.red {color:red;}
.regSub {font-size: 11px;color: #000;background-color:#F4F4F4;}
.error {
	color:red;
	padding:5px;
	padding-left:10px;
}









/*
mobile first
*/

#headerWrapper,
#contentWrapper,
#footerWrapper {
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}
#headerWrapper{
	padding-bottom:0;
	padding-top:0;
}

#contentWrapper {
	background:url(images/layout/bg_kompakt.jpg) #E5E5E5;
	background-repeat:repeat;
}

#header, 
#headerSub, 
#contentBody, 
#footer {
	width:calc(100% - 20px);
	max-width:750px;
	margin:auto;
	clear:both;
}
#header, 
#contentBody, 
#footer {
	overflow:hidden;
}
#contentBody > div {
	/*margin:10px;*/
}
#footer {
	max-width:none;
}

#header {
	height:60px;
	background-image:url(images/layout/logo_doskv_kompakt_230x35.png);
	background-repeat:no-repeat;
	background-position: 10px 10px;
}

#menOpen {
	width:40px;
	height:40px;
	margin-top:10px;
	margin-right:10px;
	float:right;
	cursor:pointer;
	background-image:url(images/layout/men_open.png);
	background-repeat:no-repeat;
	background-position: 10px 10px;
}
#menOpen:hover {
	background-color:#35347F;
	color:#fff;
}

#headerSub,
.header1v2,
.header2v2 {
	display:none;
}



ul#menueMain {
	margin: 0;
	padding: 0;
	font-size:12px;
	list-style: none outside none;
	overflow:visible;
}
ul#menueMain > li {
	list-style: none;
	margin:0px;
	margin-bottom:3px;
	
	border-left:none;
	background-color:#EDEFF1;
	height:40px;
	position:relative;
}
ul#menueMain > li > a {
	font-size:12px;
	text-decoration:none;
	color:#35347F;
	height:40px;
	line-height:40px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	display:block;
}
ul#menueMain > li > a:hover {
	background-color:#35347F;
	color:#CCC;
}

.headerSub2v2 {
	display:none;
}


#footercontent {
	padding:10px;
}

div.buttonSpielStarten.kompakt {
	margin-top:15px;
	margin-right:10px;
	line-height:28px;
	text-align:left;
	float:right;
}
div.buttonHome.kompakt {
	float:left;
	margin-top:10px;
	line-height:40px;
	
	width:calc(100% - 60px - 87px - 10px);
}
@media (max-width: 445px) {
	div.buttonSpielStarten.kompakt {
		width:35px;
		padding-right:0;
	}
	
	div.buttonHome.kompakt {
		width:calc(100% - 60px - 37px - 10px);
	}
}
@media (max-width: 370px) {
	#header {
		background-size: 115px auto;
		background-position:center left;
	}
}
@media (max-width: 250px) {
	div.buttonSpielStarten.kompakt {
		display:none;
	}
	
	div.buttonHome.kompakt {
		width:calc(100% - 60px - 10px);
	}
}
div.buttonSpielStarten a {
	font-size:11px;
	text-decoration:none;
	color:#35347F;
	height:28px;
	line-height:13px;
	padding-top:1px;
	padding-left:45px;
	padding-right:5px;
	font-weight:bold;
	display:block;
	background:url(images/layout/faecher.gif) left no-repeat;
}
div.buttonSpielStarten a:hover {
	background-color:#35347F;
	color:#fff;
	background-image: url(images/layout/faecher_hover.gif);
}






.footerFst {
	clear:both;
	padding-bottom:5px;
}
.footerLast {
	clear:both;
	padding:3px;
	overflow:hidden;
	background-color:#E5E5E5;
}
.footer1v3,
.footer2v3,
.footer3v3 {
	text-align:center;
	padding:2px;
}

.footer1u2v4,
.footer3v4,
.footer4v4 {
	display:none;
}
.footer1u2v4.kompakt {
	display:block;
	text-align:center;
}
.footer1u2v4.kompakt a {
	line-height:30px;
	display:inline-block;
}
.footerFst,.footerFst a,.footerFst td,.footerFst div {
	font-size:12px !important;
	text-decoration:none;
}



#contentLinks,
#contentRechts {
	display:block;
	margin-bottom:20px;
	padding:1px;
}



/*
PC, etc.
*/
@media (min-width: 972px) {
	
	
	#headerWrapper,
	#contentWrapper,
	#footerWrapper,
	#headerSub {
		min-width:960px;
	}
	#contentWrapper {
		background:inherit;
		background-color:inherit;
	}

	#header, 
	#headerSub, 
	#contentBody, 
	#footer {
		width:100%;
		max-width:960px;
		margin: 0px auto;
		margin-bottom:10px;
		clear:both;
	}

	#menOpen {
		display:none;
	}
	
	#header {
		margin-top:5px;
		
		height:100px;
		
		border:0;
		background:url(images/layout/header_bg.gif);
		background-color:#FFFFFF;
			
		-moz-border-radius:6px; /* Firefox */
		-webkit-border-radius:6px; /* Safari, Chrome */
		-khtml-border-radius:6px; /* Konqueror */
		border-radius:6px; /* CSS3 */
		
		 -webkit-box-shadow: 0px 5px 4px -4px rgba(0, 0, 0, 0.45);
			-moz-box-shadow: 0px 5px 4px -4px rgba(0, 0, 0, 0.45);
				 box-shadow: 0px 5px 4px -4px rgba(0, 0, 0, 0.45);
	}
	
	#headerSub {
		display:block;
		background:url(images/layout/menue_bg.gif);
		height:32px;
		
		-moz-border-radius:6px; /* Firefox */
		-webkit-border-radius:6px; /* Safari, Chrome */
		-khtml-border-radius:6px; /* Konqueror */
		border-radius:6px; /* CSS3 */
	}

	.header1v2 {
		display:block;
	}
	
	.header1v2 {
		float:left;
		width:300px;
		padding-left:10px;
	}
	
	.header2v2 {
		display:block;
		float:right;
		padding-top:40px;
	}
	.headerSub1v2,
	.headerSub2v2 {
		height:32px;
		padding-left:10px;
		padding-right:10px;
		padding-top:2px;
		padding-bottom:2px;
		overflow:visible;
	}
	.headerSub1v2 {
		float:left;
		width:calc(100% - 130px);
	}
	.headerSub2v2 {
		display:block;
		width:90px;
		float:right;
	}
	
	ul.menueHeader {
		margin: 0;
		padding: 0;
		float:right;
		margin-right:8px;
		background-image:url(images/layout/header_menue_bg.gif);
		background-repeat:repeat-x;
		background-position: 0 0;
		
		-moz-border-radius-bottomright:4px; /* Firefox */
		-webkit-border-radius-bottomright:4px; /* Safari, Chrome */
		-khtml-border-radius-bottomright:4px; /* Konqueror */
		border-bottom-right-radius:4px; /* CSS3 */
		
		-moz-border-radius-bottomleft:4px; /* Firefox */
		-webkit-border-radius-bottomleft:4px; /* Safari, Chrome */
		-khtml-border-radius-bottomleft:4px; /* Konqueror */
		border-bottom-left-radius:4px; /* CSS3 */
		
		
		padding-left:5px;
		padding-right:5px;
		padding-top:4px;
		padding-bottom:2px;
	}
	ul.menueHeader > li {
		list-style: none;
		margin:0px;
		margin-bottom:3px;
		float:left;
	}
	ul.menueHeader > li > a {
		color:#FFFFFF;
		font-size:12px;
		text-decoration:none;
		display:block;
		padding:2px;
		margin-left:3px;
		margin-right:3px;
	}
	ul.menueHeader > li > a:hover {
		background-color:#EDEFF1;
		color:#333333;
	}
	
	
	div.buttonHome.kompakt {
		display:none;
	}
	div.buttonSpielStarten.kompakt {
		display:none;
	}
	
	
	div.buttonSpielStarten {
		margin-bottom:3px;
		line-height:28px;
		text-align:left;
		float:right;
	}
	div.buttonSpielStarten a {
		color:#C00;
	}
	
	
	
	
	ul#menueMain {
		margin: 0;
		padding: 0;
		font-size:12px;
		height:28px;
		list-style: none outside none;
	}
	ul#menueMain > li {
		list-style: none;
		margin:0px;
		margin-bottom:3px;
		float:left;
		border-left:1px solid #cccccc;
		height:28px;
		position:relative;
	}
	ul#menueMain > li > a {
		font-size:12px;
		text-decoration:none;
		color:#35347F;
		height:28px;
		line-height:28px;
		padding-left:10px;
		padding-right:10px;
		font-weight:bold;
		display:block;
	}
	ul#menueMain > li > a:hover {
		background-color:#35347F;
		color:#CCC;
	}
	
	
	
	ul#menueMain > li.menueSel {
		background-color: #fff;
	}
	ul#menueMain > li.menueNeu > a {
		font-style:italic;
	}
	ul#menueMain > li > a.mainMenueDrop {
		padding-right:20px;
		background-image: url(images/layout/menue_pfeil.gif);
		background-repeat: no-repeat;
		background-position: right 10px;
	}
	ul#menueMain > li > a:hover.mainMenueDrop {
		padding-right:20px;
		background-image: url(images/layout/menue_pfeil_hover.gif);
	}
	
	div.mainPullDown {
		position:absolute;
		z-index:100;
		top:30px; 
		left:0px;
		display: none;
		
		border:1px solid #cccccc;
	
		
		-moz-border-radius-bottomright:6px; /* Firefox */
		-webkit-border-radius-bottomright:6px; /* Safari, Chrome */
		-khtml-border-radius-bottomright:6px; /* Konqueror */
		border-bottom-right-radius:6px; /* CSS3 */
	
		-moz-border-radius-bottomleft:6px; /* Firefox */
		-webkit-border-radius-bottomleft:6px; /* Safari, Chrome */
		-khtml-border-radius-bottomleft:6px; /* Konqueror */
		border-bottom-left-radius:6px; /* CSS3 */
		
		 -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.45);
			-moz-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.45);
				 box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.45);
				 
		background-color:#FFFFFF;
		
		padding:15px;
		width:auto;
		float:left;
	}
	div.mainPullDown table td {
		padding:15px;
	}
	div.mainPullDown table td.trenner {
		border-left:1px solid #cccccc;
	}
	div.mainPullDown ul {
		position:relative;
		float:left;
	}
	div.mainPullDown ul {
		margin: 0;
		padding: 0;
	}
	div.mainPullDown ul > li {
		clear:both;	
		list-style: none;
		text-align:left;
		margin:0px;
	}
	div.mainPullDown ul > li >  a,div.mainPullDown ul > li >  span {
		font-weight:normal;
		text-decoration:none;
		color:#35347F;
		display:block;
		padding:3px;
		padding-left:5px;
		padding-right:5px;
	}
	div.mainPullDown ul > li >  a:hover {
		background-color:#27855E;
		color:#FFFFFF;
	}
	div.mainPullDown > div.spalten1 {
		width:100px;
	}
	div.mainPullDown > div.spalten2 {
		width:200px;
	}
	div.mainPullDown > div.spalten3 {
		width:300px;
	}
	div.mainPullDown > div.spalten4 {
		width:400px;
	}
	div.mainPullDown > div.spalten5 {
		width:750px;
	}


	#footercontent {
		border:10px solid #EDEFF1;
		background-color:#27855E;
		padding:10px;
		
		
		 -webkit-box-shadow: 0px 0px 1px 1px rgba(204, 204, 204, 1);
			-moz-box-shadow: 0px 0px 1px 1px rgba(204, 204, 204, 1);
				 box-shadow: 0px 0px 1px 1px rgba(204, 204, 204, 1);
				 
		-moz-border-radius-topright:8px; /* Firefox */
		-webkit-border-radius-topright:8px; /* Safari, Chrome */
		-khtml-border-radius-topright:8px; /* Konqueror */
		border-top-right-radius:8px; /* CSS3 */
		
		-moz-border-radius-topleft:8px; /* Firefox */
		-webkit-border-radius-topleft:8px; /* Safari, Chrome */
		-khtml-border-radius-topleft:8px; /* Konqueror */
		border-top-left-radius:8px; /* CSS3 */
	}
	
	
	.footer1u2v4.kompakt {
		display:none;
	}
	
	.footer1u2v4,
	.footer3v4,
	.footer4v4 {
		display:block;
	}
	
	
	.footerFst {
		clear:both;
		padding-bottom:5px;
	}
	.footer1v4,.footer2v4,.footer3v4,.footer4v4,.footer1u2v4 {
		float:left;
		padding:20px;
	}
	.footerFst,.footerFst a,.footerFst td,.footerFst div {
		color:#FFFFFF;
		font-size:12px !important;
		text-decoration:none;
	}
	.footer1v4 {
		width:155px;
		border-right:1px solid #cccccc;
		padding-left:10px;
	}
	.footer1u2v4 {
		width:365px;
		border-right:1px solid #cccccc;
		padding-left:10px;
	}
	.footer2v4 {
		width:160px;
		border-right:1px solid #cccccc;
	}
	.footer3v4 {
		width:220px;
		border-right:1px solid #cccccc;
	}
	.footer4v4 {
		float:right;
		width:220px;
	}



	
	.footerLast {
		clear:both;
		padding:3px;
		overflow:hidden;
		background-color:#CFDB79;
	}
	.footer1v3 {
		float:left;
	}
	.footer2v3 {
		float:left;
		width:572px;
	}
	.footer3v3 {
		float:right;
	}
	
	
	#contentLinks {
		float:left;
		width:688px;
		margin-right:10px;
		margin-bottom:20px;
		padding:1px;
	}
	#contentRechts {
		float:right;
		width:260px;
		margin-left:0px;
		padding:0;
		/* [disabled]margin-bottom:20px; */
	}


	
}







/*
folgende Elemente sind immer identisch
*/


ul#pageMenue {
	margin: 0;
	padding: 0;
	font-size:12px;
	list-style: none outside none;
}
ul#pageMenue > li {
	padding-right:1px;
}
ul#pageMenue > li > a {
	border:1px solid #EDEFF1;
	display:block;
	text-decoration:none;
	padding:2px;
	padding-left:5px;
}
ul#pageMenue > li > a:hover {
	background-color:#35347F;
	color:#CCC;
}
ul#pageMenue > li > a > img {
	float:left;
	margin-right:2px;
	padding:1px;
}
ul#pageMenue > li.menueSel {
	border:1px solid #AFAFAF;
	/*background-color: #CCCCCC;*/
}
li.menueSubHead > a, li.menueSubHead > span {
	font-weight:bold !important;
}
li.menueNeu > a > img {
	background-color: #FF9933;
}
li.menueSpace {
	font-size:2px;
	padding:4px;
	padding-left:34px;
}
















.box,.boxR,.boxC {
	border:1px solid #cccccc;
	
	-moz-border-radius:6px; /* Firefox */
	-webkit-border-radius:6px; /* Safari, Chrome */
	-khtml-border-radius:6px; /* Konqueror */
	border-radius:6px; /* CSS3 */
	
	background-color:#FFFFFF;
	
	margin-bottom:15px;
	
	padding:8px;
	padding-bottom:10px;
}
.box,.boxR {
	font-size: 11px;
}
.boxC {
	padding:11px;
	
	border:8px solid #EDEFF1;
	
	/* kleiner schatten um den rand dunkler scheinen zu lassen 204, 204, 204 */
	 -webkit-box-shadow: 0px 0px 1px 1px rgba(204, 204, 204, 1);
		-moz-box-shadow: 0px 0px 1px 1px rgba(204, 204, 204, 1);
 			 box-shadow: 0px 0px 1px 1px rgba(204, 204, 204, 1);
			
}
.boxC img {
	max-width:100%;
	height:auto;
}
.boxR {
	background-color:#EDEFF1;
	 
	background-image: url(images/tabelstyle/sitebg_r2_c2.gif);
	background-repeat:repeat-x;
	background-position: 0 0;
}
.boxTitel {
	font-size: 12px;
	font-weight:bold;
	margin-bottom:8px;
	height:15px;
	
	background-color:#27855E;
	
	color:#FFFFFF;
	padding:3px;
}
.boxFTitel {
	font-weight:bold;
	font-size:12px;
}
.boxTitel > a {
	color:#FFFFFF;
	padding:3px;
	text-decoration:none;
}
.boxTitel > a:before {
	content:"► ";
}
.box > a {
	font-size: 11px;
}


td.accLink {
	padding-top:4px;
}
td.accLink > a {
	font-size:11px;
	text-decoration:none;
	color:#000000;
}
td.accLink > a:hover {
	text-decoration:underline;
}
.accTitel {
	margin-top:10px;
	color:#27855E;
	font-weight:bold;
}
li.space {
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:3px;
	margin-left:5px;
	margin-right:150px;
	background-color:#CCCCCC;
}


/*
Content-Style
*/

table {
	border-collapse:collapse;
	max-width:100%;
}
table > tbody > tr > td {
	padding:1px;	
}
table.tabelleSmall td {
	font-size:12px;
}
table.tabelle2 > tbody > tr > td {
	padding:2px;	
}
table.tabelle3 > tbody > tr > td {
	padding:3px;	
}
table.tabelle4 > tbody > tr > td {
	padding:4px;	
}
table.tabelle5 > tbody > tr > td {
	padding:5px;	
}
table.tabelle5Y > tbody > tr > td {
	padding-bottom:5px;	
}
table.tabelle10 > tbody > tr > td {
	padding:10px;	
}
table.tabelle15 > tbody > tr > td {
	padding:15px;	
}
table.tabelle20 > tbody > tr > td {
	padding:20px;	
}
table.tabelleRahmen {
	border: 1px solid #ACACC7;
}
table.tabelleRahmenTD > tbody > tr > td {
	border: 1px solid #ACACC7;
}
table.tabelleRahmenTR > tbody > tr > td {
	border-top: 1px solid #ACACC7;
	padding-top:10px;
	padding-bottom:10px;
}
table.tabelleRahmenTR > tbody > tr > td.fst {
	border-top: 0;
	padding-top:0;
}

td {
	text-align:left;	
}
td[align="center"] {
	text-align:center;	
}
td[align="right"] {
	text-align:right;	
}
table.center {
	margin-left: auto;
    margin-right: auto;
}

.tdTopBorder td {
	border-top:1px solid #EDEFF1;
	padding-top:10px !important;
}

.border1 {
	border: 1px solid #ACACC7;
}
.border2 {
	border: 1px solid #111111;
}
.border3 {
}

.block1 {
	padding:3px;
	background-color:#CFDB79;
	color:#E84200;
	font-size:12px;
	font-weight:bold;
	clear:both;
}
.block1 a {
	font-size:12px;
}
.block2_2 {
	margin-left:50px;
}
.contentSpaltenTrenner {
	width:20px;
}
ul.punkte {
	margin: 0;
	padding: 0;
	margin-top:15px;
	font-size:12px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
ul.punkte > li {
	margin-left:30px;
	margin-bottom:10px;
}
ul.punkte > li > span.punkteHead {
	font-weight:bold;
	margin-left:-30px;
}
ol.sub {
	margin: 0;
	padding: 0;
	margin-left:20px;
	font-size:12px;
}
ol.sub > li {
	margin-bottom:10px;
}

/*
FORM
*/
input, select, textarea {
	border:1px solid #CCC;
	padding:3px;
	
	   -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
            box-shadow: 0 0 3px #ccc;
}
input[type="submit"] {
	cursor:pointer;	
}
input[type="checkbox"] {
	margin-top:5px;
	margin-right:5px;
}
input[type="radio"] {
	margin-top:5px;
}
input[type="submit"].buttonMini {
	font-size : 10px; 
	width : 20px;
}
#footer input[type="checkbox"], #footer input[type="radio"] {
	border:1px solid #27855E;
}
input.b100 {
	width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.buttonSmall {
	font-size : 9px; 
	width : 100%;
} 

/* BL */
.blMInfo {
	text-align:center;
}
div.blMfloat {
	float:left;
}
.blMInfo a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

.blMInfo img {
	padding:3px;
	margin:3px;
	border:1px solid #FFF;
}
.blMInfo a:hover img {
	border:1px solid #999999;
}
div.blMTitel {
	clear:both;
	border-bottom:1px solid #CFDB79;
	padding-bottom:3px;
	margin-bottom:3px;
	margin-right:30px;
}

div.browserTabs {
	overflow:hidden;
	min-height:73px;
	margin-top:5px;
}
div.browserTabs > div {
	height:40px;
	width:80px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:33px; /* 2 Zeilen Text (14px) plus 5 px */
	background: url(images/icons/browser_sym.png) no-repeat top center;
	text-align:center;
	float:left;
}
div.browserTabs > div a {
	padding-top:45px;
	display:block;
	font-size:11px;
	line-height:14px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
div.browserTabs > div.browserIE {
	background-position:center -70px ;
}
div.browserTabs > div.browserFox {
	background-position:center -190px ;
}
div.browserTabs > div.browserFoxA {
	background-position:center -250px ;
}
div.browserTabs > div.browserChrome {
	background-position:center -130px ;
}
div.browserTabs > div.browserSafari {
	background-position:center -10px ;
}

div.dmPodest {
	width:420px;
	height:170px;
	background: url(images/dm/podestBG.gif) no-repeat top center;
	margin:auto;
	position:relative;
}
div.dmPodest > div {
	position:absolute;
}
div.dmPodest > div.treppe {
	text-align:center;
	width:170px;
	font-size:12px;
	font-weight:bolder;
	line-height:15px;
	font-family: Verdana, Geneva, sans-serif;
}
div.dmPodest > div.treppeNormal {
	font-weight:normal;
}
div.dmPodest > div.podestInfo {
	font-size:11px;
	text-align:left;
	left:20px;
	bottom:6px;
}
div.dmPodest > div.treppe1 {
	top:37px;
	left:135px;
}
div.dmPodest > div.treppe2 {
	top:68px;
	left:16px;
}
div.dmPodest > div.treppe3 {
	top:76px;
	left:235px;
}



.flex2SWrapper {
	clear:both;
	display:flex;
	justify-content: space-around;
	
	flex-flow: row wrap;
	align-content:flex-start;
}
.flex2S {
	margin:10px;
}
.flex2S > img {
	max-width:100%;
	height:auto;
}
.flex1SWrapper {
	clear:both;
	display:flex;
	justify-content: center;
}
.flex1SWrapper > * > img {
	max-width:100%;
	height:auto;
}
.flex3SWrapper {
	clear:both;
	display:flex;
	justify-content: space-around;
	flex-flow: row wrap;
	align-content:flex-start;
}
.flex3S {
	margin:10px;
	min-width:30%;
	max-width:190px;
}
@media (min-width: 972px) {
}
	

table.flexMe {
	display: block;
	overflow-x: auto;
	overflow-y: hidden;
	/*white-space: nowrap;*/
}
div.flexWrapper {
	clear:both;
	display:flex;
	justify-content: space-around;
	flex-flow: row wrap;
	align-content:flex-start;
}
div.flexWrapper img {
	max-width:100%;
}

.flexMeTable,
#contentInner {
	display: block;
	overflow-x: auto;
	overflow-y: hidden;
   
  	background-image: 
	/* Shadows */ 
    linear-gradient(to right, white, white),
    linear-gradient(to right, white, white),
  
	/* Shadow covers */ 
    linear-gradient(to right, rgba(0,0,0,.15), rgba(255,255,255,0)),
    linear-gradient(to left, rgba(0,0,0,.15), rgba(255,255,255,0));   


	background-position: left center, right center, left center, right center;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
	
	/* Opera doesn't support this in the shorthand */
	background-attachment: local, local, scroll, scroll;
}


ol > li {
	padding:inherit;
	margin:inherit;
}


.einzugHaengend > div {
	margin-left:20px;
	margin-top:5px;
	text-align:left;
}
@media (max-width: 320px) {
	.einzugHaengend > div {
		margin-left:5px;
	}
}

.kartenauswahl {
	clear:both;
	max-width:250px;
	height:130px;
	position:relative;
	overflow:hidden;
	margin:auto;
}
.kartenauswahl div {
	width:100%;
	margin-left:30px;
	position:absolute;
}
.kartenauswahl div img {
	border: 1px solid #ccc;
	border-radius:8px;
	padding:5px;
	background-color:#FFF;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.3) ;
}
.kartenauswahl div {
	text-align:left;
}
.kartenauswahl a div:nth-child(1){
    margin-left:0px;
}
.kartenauswahl a div:nth-child(2){
    margin-left:50px;
}
.kartenauswahl a div:nth-child(3){
    margin-left:100px;
}
.kartenauswahl a div:nth-child(4){
    margin-left:150px;
}