@charset "utf-8";
/* CSS Document */
/* ===============================================




    <div id="panelTischInfo"></div>
    <div id="panelSpiel"></div>
=============================================== */


/* ===============================================
allgemeine Styles
=============================================== */

/*


html, body {
	height: 100%;
}

body {
	background-color: #ffffff;
	padding-left:10px;
	padding-right:10px;
}
* {
	font-family: Arial,Helvetica,sans-serif;
	text-shadow:none;
}
*/
.suchSeite *,
#impressum {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Arial,Helvetica,sans-serif;
	text-shadow:none;
}

#impressum {
	margin-top:5px;
	margin-bottom:10px;
	background-color:#D9E9F9;
	padding: 3px;
	
	color:#777;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}

#impressum * {
	color:#777;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

/* ===============================================
suche + logo
=============================================== */
#sucheBG {
	/*height:137px;*/
	max-width:calc(100% - 20px);
	width:500px;
	margin:auto;
	background:url(images/owl.png) no-repeat left top;
    background-size:auto 117px;
	background-position:15px 17px;
	/*margin-bottom:20px;*/
	overflow:hidden;
}
#l_content #sucheBG {
	background-size:auto 50px;
	background-position:5px 0;
}
#suchMenue {
	/*
	width:500px; -65 links - 55 rechts
	
	margin:auto;
	width:320px;
	max-width:100%;
	*/
	
	padding-left:55px;
	
	
}
#logoHilfe {
	height:40px;
	background:url(images/logo_icon.png) no-repeat center 10px;
	background-size:auto 32px;
	text-align:center;
	padding-top:50px;
}
#logoHilfe * {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;
}
#l_content #logoHilfe {
	display:none;
}
#sucheEingabe {
	background-color:#FFFFFF;
	margin:5px;
	margin-left:55px;
	margin-right:45px;
	position:relative;
}
#sucheWrapper {
	margin-right:60px;
}
.sucheRahmen {
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.30);
}
.sucheSpace {
	margin-left:10px;
	margin-right:10px;
}
#sucheWrapper input {
	width:100%;
	line-height:30px;
	height:40px;
	font-size:12px;
	font-weight:bold;
}
#sucheBtnWrapper {
	height:40px;
	width:50px;
	line-height:40px;
	color:#777;
	font-weight:bold;
	
	text-align:center;
	position:absolute;
	top:0;
	right:2px;
	border-radius: 8px;
}
#suchen {
	border-radius: 8px;
	cursor:pointer;
	font-size:12px;
}
#suchen:hover {
	background-color:#E0E0E0;
}

::-webkit-input-placeholder { 
	/* WebKit, Blink, Edge */
    color:    #bbb;
}
:-moz-placeholder { 
	/* Mozilla Firefox 4 to 18 */
   color:    #bbb;
   opacity:  1;
}
::-moz-placeholder { 
	/* Mozilla Firefox 19+ */
   color:    #bbb;
   opacity:  1;
}
:-ms-input-placeholder { 
	/* Internet Explorer 10-11 */
   color:    #bbb;
}

/* ===============================================
suchMenue
=============================================== */
#suchMenue {
	overflow:hidden;
	margin-bottom:10px;
}
#suchMenue .suchMenueElem {
	float:left;
	margin-right:3px;
	padding:2px;
	font-size:12px;
	min-width:40px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	line-height:20px;
	padding-top:12px;
	padding-bottom:5px;
	
	font-weight:bold;
	
	border-bottom: 3px solid #FFF;
	
	cursor:pointer;
}
#suchMenue .suchMenueElem.aktiv {
	/*background-color:#E0E0E0;
	,
	#suchMenue .suchMenueElem:hover
	text-decoration:underline;
	*/
	
	  
	border-bottom: 3px solid rgba(204,0,0,1);
	color:#cc0000;
}
#suchMenue a {
	text-decoration:none;
	color:#777;
	display:block;
}







.suchSeite h2 {
	font-size:20px;
	padding-bottom:10px;
	clear:both;
}

/* ===============================================
menue
=============================================== */
.suchSeite #menue {
	overflow:hidden;
	margin-bottom:10px;
	padding:3px;
	background-color:#D9E9F9;
}
.suchSeite #menue .menueElem {
	float:left;
	margin:3px;
	padding:2px;
	font-size:12px;
	min-width:40px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	line-height:30px;
	cursor:pointer;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.30);
	border-radius: 5px;
	background-color:#FFF;
	
	color:#777;
	font-weight:bold;
}
.suchSeite #menue .menueElem.aktiv {
	background-color:#E0E0E0;
}
.suchSeite #menue a {
	text-decoration:none;
	color:#777;
	display:block;
}

/* ===============================================
ul
=============================================== */
ul.fragenUndAntworten {
	margin: 0;
	padding: 0;
}
ul.fragenUndAntworten > li {
    list-style: none;
    display:block;
	
	padding: 0;
	margin:0;
    
	
	border-bottom: 1px solid rgba(150,150,150,1);
	
	font-size:15px;
	
	clear:both;
	overflow:hidden;
}
/*
ul.fragenUndAntworten > li:first-child {
	border-top: 1px solid rgba(150,150,150,1);
}
*/
ul.fragenUndAntworten > li.offen {
	padding-bottom:30px;
}
ul.fragenUndAntworten > li > div {
	padding-left:5px;
	padding-right:5px;
}
ul.fragenUndAntworten > li > div.frage {
	cursor:pointer;
	line-height:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:15px;
}
ul.fragenUndAntworten > li > div.frage:hover,
ul.fragenUndAntworten > li.offen > div.frage {
	background-color:#E0E0E0;
}
ul.fragenUndAntworten > li.offen > div.frage {
	/*
	font-weight:normal;
	font-style:italic;
	*/
}

ul.fragenUndAntworten > li > div.antwort {
	display:none;
	/*height:20px;
	overflow:hidden;*/
}
ul.fragenUndAntworten > li.offen > div.antwort {
	display:block;
	margin-top:10px;
	height:auto;
}
ul.fragenUndAntworten > li.offen > div.antwort {
	/*
	border-left: 5px solid rgba(150,150,150,0.5);
	*/
	padding-left:10px;
}


/* ===============================================
allgemeine breite
=============================================== */
#impressum,
.suchSeite #menue,
.suchSeite h2,
ul.fragenUndAntworten {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}

ul.fragenUndAntworten img {
	max-width:100%;
}
ul.fragenUndAntworten img.mitte {
	margin-left:auto;
	margin-right:auto;
	display: block;
}
ul.fragenUndAntworten img.links {
	margin-left:2px;
	margin-right:10px;
	float:left;
}
ul.fragenUndAntworten img.rechts {
	margin-left:10px;
	margin-right:2px;
	float:right;
}
@media screen and (max-width: 700px) {
	ul.fragenUndAntworten img.rechts:not(.klein),
	ul.fragenUndAntworten img.links:not(.klein) {
		float:none;
		margin-left:auto;
		margin-right:auto;
		display: block;
	}
	
}

#dyn .antwort ol,
#dyn .antwort ul {
	margin-left: 15px;
	padding-right:15px;
	max-width:100%;
}
#dyn .antwort ol > li,
#dyn .antwort ul > li {
	position: relative;
    left: 15px;
    padding-right: 15px;
	padding-top:5px;
}

#dyn.suchSeite {
	margin-bottom:20px;
}
br.clear {
	clear:both;
}

div.tabWrapper {
	overflow-x:auto;
}
.zentriert {
	text-align:center;
}
.suchSeite table.tabelle {
	margin:auto;
	margin-top:5px;
	border-collapse:collapse;
	max-width:100%;
	/*
	display:block;
	overflow-x:auto;
	*/
}
.suchSeite table.tabelle td {
	padding:5px;
	border: 1px solid rgba(150,150,150,0.5);
}
.suchSeite table.smallText td {
	text-align:center;
	font-size:12px;
}
.suchSeite table.smallText td.text {
	text-align:left;
}
.suchSeite td.colorHover {
	background-color:#CCCCCC;
}
#l_content .hilfeWebButton {
	display:none;
}


a.hilfeLink:after {
	display:inline-block;
	padding-left: 2px;
	width: 20px;
    height: 14px;
	content: url('images/intern_grau.gif');
	content:' ';
	background:url('images/intern_grau.gif') 5px 1px no-repeat;
	background-size:14px 14px;
}