/* 
 * reset browser
 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,select,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}em{font-style:italic}table{border-collapse:separate;border-spacing:0}th{text-align:left}input[type=checkbox],input[type=radio]{margin:0;padding:0;border:medium none;vertical-align:middle}:focus{outline:0}

/*
 * main tags
*/

html, body{
	/*height: 100%;*/
}
body{
	margin: 0;
	padding: 0;
	background: #fff;
}
body, th, td, div, p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	line-height: normal;
}
a:link, a.link{
	color: #002f67; /* #92141a */
	text-decoration: none;
}
a:visited, a.visited{
	color: #002f67; /*#92141a*/
	text-decoration: none;
}

a:hover, a.hover, a:active, a.active{
	color: #92141a;
	text-decoration: underline;
}
a{
	text-decoration:none;
}

h1{ font-size:46px; }
h2{ font-size:42px; }
h3{ font-size:36px; }
h4{ font-size:28px; }
h5{ font-size:20px; }
h6{ font-size:16px; }

ul.playlist {
 list-platten-type:none;
 margin:0px;
 padding:0px;

}
ul.platten li {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 position:relative;
 display:block;
 width:auto;
 font-size:2em;
 color:#666;
 padding:0.25em 0.5em 0.25em 0.5em;
 border:none;
 letter-spacing:-1px; /* ZOMG WEB X.0. ;) */
 background-color:#f9f9f9;
 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.15s ease-in-out;
 -moz-transition: background-color 0.15s linear 0s; /* firefox 4 */
  -o-transition-property: background-color; /* opera 10.5 */
  -o-transition-duration: 0.15s;
	margin:6px 0;
}

ul.platten li a {
 display:block;
 text-decoration:none;
 font-weight:normal;
 color:#000;
 font-size:120%;
 outline:none;
 position:relative;
 z-index:2;
}


ul.playlist li {
	margin:6px 0;
	background-color:#ddd;
}
ul.playlist li a{
	white-space:pre;
	overflow:hidden;
}

.invert{
	background-color:#333; 
	color:#fff;
}

/*
 * general styles
*/

.grau, .grau h1, .grau h2, .grau h3, .grau h4, .grau h5, .grau h6, .grau a { color:#5f6061 !important; }
.rot, .rot h1, .rot h2, .rot h3, .rot h4, .rot h5, .rot h6, .rot a { color:#92141a !important; }
.blau, .blau h1, .blau h2, .blau h3, .blau h4, .blau h5, .blau h6, .blau a { color:#002f67 !important; }

.mb-1{ margin-bottom:12px; }
.24{ margin:24px; }

.left{ float:left; }
.right{ float:right; }
.textcenter{ text-align:center; }
.hide{ display:none; }
.divcenter{ margin:0 auto; }
.bg-white{ background-color:#fff; }
.border{ border:1px solid #f1f1f1; }
.radius{ border-radius: 8px; }
.padding{ padding: 16px; }
.block{ display:block; }
.pre{ white-space:pre; }
.nowrap{ white-space: nowrap; }
.clear{
	clear: both; 
	display: block; 
	height: 0; 
	content: "."; 
	margin:0;
	padding:0;
	line-height:0;
}