@charset "utf-8";
body {
	background-color: #5D310E;
	font-size: 101%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 10px 0 10px;
	padding: 0 5px 0 5px;
}

li {
	line-height: 2.0em;
}

li.caseinfo {
	line-height: normal;
	margin-bottom: 20px;
}

img {
	width: 100%;
	height: auto;
}

a.textfelddunkel:link {
	font-size: 1.0em;
	color: #FFCB84;
	font-weight: bold;
	display: inline-block;
	padding: 0 6px 0 6px;
}

a.textfelddunkel:visited {
	color: #FFCB84;
	font-weight: bold;
}

a.textfelddunkel:hover {
	color: #7C5801;
	font-weight: bold;
	background-color: #FFB502;
	text-decoration: none;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

a.textfeldhell:link {
	font-size: 1.0em;
	color: #FD5300;
	font-weight: bold;
	display: inline-block;
	padding: 0 6px 0 6px;
}

a.textfeldhell:visited {
	color: #FD5300;
	font-weight: bold;
}

a.textfeldhell:hover {
	color: #7C5801;
	font-weight: bold;
	background-color: #FFB502;
	text-decoration: none;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

a.infosubmenuelink:link {
font-size: 1.2em;
color: #5D310E;
display: inline-block;
padding: 0 6px 0 6px;
}

a.infosubmenuelink:visited {
font-size: 1.2em;
color: #5D310E;
}

a.infosubmenuelink:hover {
background-color: #FFCB84;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-decoration: none;
}

a.infosubmenuelink:active {
color: #FFFFFF;
}

a.menue:link {
font-size: 1.2em;
color: #5D310E;
display: inline-block;
padding: 0 6px 0 6px;
}

a.menue:visited {
font-size: 1.2em;
color: #5D310E;
}

a.menue:hover {
background-color: #FFCB84;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-decoration: none;
}

a.menue:active {
color: #FFFFFF;
}

a.commentlink:link {
font-size: 1.0em;
color: #FF9300;
display: inline-block;
padding: 0 6px 0 6px;
font-weight: bold;
text-shadow: none;
}

a.commentlink:visited {
font-size: 1.2em;
color: #FF9300;
}

a.commentlink:hover {
background-color: #FFCB84;
color: #AA5A1A;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-decoration: none;
}

a.commentlink:active {
color: #FFFFFF;
}


a.uppfeil:link {
	color: #FD5300;
	font-weight: bold;
	padding: 0 5px 0 5px;
	display: inline-block;
}

a.uppfeil:visited {
	color: #FD5300;
	font-weight: bold;
}

a.uppfeil:hover {
	font-weight: bold;
	background-color: #5D310E;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
}

.uppfeilcont {
	display: inline-block;
	float: right;
	margin-top: 4px;
}

.dreieck {
	width: 0;
	height: 0;
	margin: 5px 2px 0 0;
	border-style: solid;
	/*border-style: inset;*/
	border-width: 0 8px 10px 8px;
	border-color: transparent transparent #FD5300 transparent;
	-webkit-transform:rotate(360deg);
	float: left;
}

.videocont {
	width: 100%;
	max-width: 640px;
	height: auto;
	padding: 0px;
	margin: 0 auto;
}

.menuecont {
	background-color: #D68F2F;
	padding: 5px;
	display: inline-block;
	margin: 0 auto;
	border: solid 2px #F6A436;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.menueactive {
	font-size: 1.2em;
	color: #5D310E;
	display: inline-block;
	padding: 0 6px 0 6px;
	background-color: #FFCB84;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.songhead {
	color: #5D310E;
	font-weight: bold;
	font-size: 1.3em;
}

/*Aufklapptext Selektor*/
*[id^='abinfo']{
    display: none;
}

.songtextcont {
	display: inline-block;
	width: auto;
	height: auto;
	background-color: #FEF2B3;
	padding: 30px;
	margin: 0 auto;
	font-size: 1.2em;
	text-align: left;
	border: solid 4px #D68F2F;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.fliesstextcont {
	display: inline-block;
	max-width: 800px;
	width: auto;
	height: auto;
	background-color: #FEF2B3;
	padding: 10px 20px 10px 20px;
	margin: 0 auto;
	font-size: 1.2em;
	text-align: left;
	border: solid 4px #D68F2F;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.infotext {
	background-color: #D68F2F;
	padding: 10px;
	border: solid 4px #D68F2F;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.infoheadline {
	font-weight: bold;
	font-size: 1.2em;
	text-shadow: 1px 1px 1px #3D3116;
	color: #D68F2F;
}

.infosubmenue {
	background-color: #D68F2F;
	padding: 5px;
	display: inline-block;
	margin: 0 auto;
	border: solid 2px #F6A436;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.infosubmenueactive {
	font-size: 1.2em;
	color: #5D310E;
	display: inline-block;
	padding: 0 6px 0 6px;
	background-color: #FFCB84;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.infokasten {
	color: #5D310E;
	padding: 10px;
	background-color: #FED500;
	border: outset 4px #D68F2F;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.comment {
	display: inline-block;
	color: #F6A436;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000000;
	max-width: 600px;
	width: auto;
	height: auto;
	background-color: #AA5A1A;
	padding: 10px 20px 10px 20px;
	margin: 0 auto;
	font-size: 1.0em;
	text-align: left;
	border: dotted 4px #CC6B1F;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.commenthead {
	color: #5D310E;
	font-size: 1.1em;
	text-shadow: 1px 1px 1px #E37823;
	margin-bottom: 5px;
}

.commentid {
	color: #5D310E;
	font-size: 1.0em;
	text-shadow: none;
	margin-bottom: 5px;
}

.commentabstand {
width: auto;
height: 10px;
}

.commentstern {
	float: left;
	max-width: 42px;
	vertical-align: middle;
}