/* DATEI: mue-style.css */

* {margin:0; padding:0}
/* Schriftarten */
h1,h2,h3,h4,h5,h6 {font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Trebuchet MS", Trebuchet, Arial; color:black; text-align:center;}
h1 {font-size:20pt;}
h2 {font-size:16pt;}
h3 {font-size:14pt; font-variant: small-caps;}
h4 {font-size:12pt; font-weight: bold;}
p, ul, ol {font-family:Georgia, "Bookman Old Style", "Times New Roman"; text-align:justify; color:black; font-size:12pt; }
ul, ol {padding-left:20px;}
table {font-family:Georgia, "Bookman Old Style", "Times New Roman"; color:black; font-size:12pt; text-align:center;}
a {color:black;}
.poem {font-family:"Times New Roman";}
img {border:none;}

.invisible {visibility: hidden;}
/* Basic Styling */

body {margin-top:10px; background-color:#000000;}

.main, .vmain{
	position:absolute;
	width:100%;
	height:auto;
	min-width:700px;}

.vmain {min-width:950px;}

/* Navigations-Styling */

a.kategorie { text-decoration:none; display:block; background:url(mue-design/kat-backdroppers.png) no-repeat; background-position:right top; padding-right:4px; height:18px; }
a.kategorie:hover {background-position:right -18px; height:18px; display:block;}
a.kategorie:active {background-position:right bottom; height:18px; display:block;}

.kat{
		position:absolute;
		width:38%;
		max-width:474px;
		min-width:275px;
		height:790px;
		text-align:right;
		background-color:rgb(180, 238, 180);
		background-image:url(mue-design/mue-navi.png);
		background-position:right 0;
		background-repeat:no-repeat;}

.linklist{
			margin-right:160px;
			margin-top:150px;
			font-size:10pt;
			font-family:Tahoma;}

.sub-kat {margin-top:20px; font-size:9pt; font-family:Tahoma; text-align:right; margin-right:140px;}


.sub-kat img {text-decoration:none; border:2px outset; border-color:#FFFFFF;}
.sub-kat img:hover {border:2px outset; border-color:#FFCCCC;}
.sub-kat img:active {border:2px inset; border-color:#6699CC;}

.sub-kat-text {margin-top:20px; font-size:9pt; font-family:Tahoma; text-align:right; margin-right:140px;}

.sub-kat-text a {text-decoration:none; padding-right:4px; background:url(mue-design/unterkat.png) no-repeat; height: 17px; background-position:right top; display:block;}
.sub-kat-text a:hover {background-position: right -17px; height:17px; display:block;}
.sub-kat-text a:active {background-position: right bottom; height:17px; display:block;}


/* Content Styling */

.below, .vbelow {background-color:rgb(92, 172, 238);
			background-image: url(mue-design/topleiste.jpg);
			background-repeat: no-repeat;
			position:absolute;
			max-width:750px;
			height:100px;
			padding-left:20px;
			padding-right:30px;}

.readroom, .viewroom {background-color:rgb(92, 172, 238);
		background-image: url(mue-design/content.jpg);
		background-repeat:repeat-y;
		position:absolute;
		top:100px;
		max-width:750px;
		height:690px;
		padding-left:20px;
		padding-right:30px;
		overflow:auto;}

.below {min-width:300px; right:125px; width:59%;}
.vbelow {min-width:700px; right:5px; width:62%;}

.fotoleiste {float:left; width:250px; margin-left:-5px; margin-right:5px;}
.galerie {float:left; background-color:transparent; width:100px; height:596px; margin-top:4px; margin-left:-30px;}
.showroom {float:right; background-color:transparent; width:100%; height: 500px; margin-top:4px; margin-right:-20px; overflow:auto;}
.readroom {min-width:300px; right:125px; width:59%;}
.viewroom {min-width:700px; right:5px; width:62%;}

a.tooltip {background-color:transparent;}
.tooltip span.info {display:none; text-decoration:none; font-size:9pt; background-color:white; border:1px dotted gray; text-align:justify;}
.tooltip:hover span.info {display:block; text-decoration:none; position:absolute; left:100px; top:460px; width:200px; height:110px; padding:3px;}

.tooltip span.biginfo {display:none; text-decoration:none; font-size:9pt; background-color:white; border:1px dotted gray; text-align:justify;}
.tooltip:hover span.biginfo {display:block; text-decoration:none; position:absolute; left:100px; top:400px; width:200px; height:175px; padding:3px;}


.copy {
 font-size:10px;
 position:relative;top:30px;}

/* Plattenblick */

.musikrichtung {width:500px; height:9px; border:2px solid black;}
.musikrichtung ul {padding-left:0;}
.melancholie {height:9px; background-color:blue; display:block; float:left;}
.romantik {height:9px; background-color:red; display:block; float:left;}
.autobio {height:9px; background-color:green; display:block; float:left;}
.storytelling {height:9px; background-color:maroon; display:block; float:left;}
.gesellschaft {height:9px; background-color:gray; display:block; float:left;}
.aggro {height:9px; background-color:black; display:block; float:left;}
.party {height:9px; background-color:yellow; display:block; float:left;}
.chillout {height:9px; background-color:orange; display:block; float:left;}

.facts {width:190px; margin-left:10px; float:left;}
.smalltext {font-size:11px; text-align:left;}