/* css by Urban Lienert */

/* --------------general -------------------------------------------------------------------- */
.general {
	background: #CCCCCC;
	font-variant: normal;
	font-weight: 300;
	font-size: 13px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	margin: 0 auto;
	padding: 0px;
	text-align:justify;
	-webkit-user-select:none;
	-moz-user-select:none;
}
p {
	margin: 0px; padding:0px;
}

/* --------------background panel----------------------------------------------------------- */
.backGround {
	position: absolute;top:0px;left:0px;
	background: #CCCCCC url(images/grey.jpg) no-repeat fixed 0px 0px;
	width: 480px;
	height: 700px;
	padding: 0px;
}
.headerBack {
	position: fixed;top:0px;left:50%;
	margin-left: -60px;
	background: #CCCCCC;
	width: 450px;
	height: 50px;
	padding: 0px;
}
.footerBack {
	position: fixed;bottom:0px;left:50%;
	margin-left: -60px;
	background: #CCCCCC;
	width: 450px;
	height: 50px;
	padding: 0px;
}
.topBlende {
	position: fixed;top:50px;left:50%;
	margin-left: -60px;
	background: transparent url(images/blendup.png) no-repeat;
	width: 450px;
	height: 50px;
	padding: 0px;
	visibility: hidden;
}
.bottomBlende {
	position: fixed;bottom:20px;left:50%;
	margin-left: -60px;
	background: transparent url(images/blenddown.png) no-repeat;
	width: 450px;
	height: 50px;
	padding: 0px;
	visibility: hidden;
}
/* --------------link box ------------------------------------------------------------------ */
div.linkBox {
	position: relative;top:500px;left:30px;
	background: #000000 url(images/color.jpg) fixed 0px 0px;
	border: 1px solid black;
	padding: 0px;
	display: block;
	width: 390px;
	height: 100px;
	overflow: hidden;
}
#linkBox {
	visibility: hidden;
}
/* --------------mp3 player ------------------------------------------------------------------- */
div.videocontainer {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
}
div.playerpanel {
    position: fixed;
    top:620px;
    left:40px;
    height:40px;
    width: 390px;
    visibility: hidden;
}
div.songinfo {
	position: absolute;
	top: 0px;
	left: 3px;
	font-size: 11px;
	text-align: center;
	width: 345px;
}
div.time {
    position: absolute;
    top: 21px;
    right: 3px;
	font-size: 10px;
}
div.closebox {
	position: absolute;
	top: 0px;
	right: 3px;
	font-size: 11px;
}
div.mousepanel {
    position: absolute;
    top:18px;
    left:0px;
    height:20px;
    width:350px;
    cursor:pointer;
}
div.loader {
    position: absolute;
    top:23px;
    left:0px;
    background: url(images/loader_middle.jpg) repeat-x;
    height:20px;
    width:20px;
}
.loader_left {
    float: left;
    position:relative;
    width:10px;
    height:10px;
    background:url(images/loader_left.jpg) no-repeat right top;
}
.loader_right {
    float: right;
    position:relative;
    width:10px;
    height:10px;
    background:url(images/loader_right.jpg) no-repeat right top;
}
div.playbar {
    position: absolute;
    top:18px;
    left:10px;
    height:20px;
    width:10px;
}
.playbar_right {
    float: right;
    position:relative;
    width:10px;
    height:20px;
    background:url(images/play.jpg) no-repeat right top;
}


/* -------------- text panels --------------------------------------------------------------------- */
div.panelBack {
	position: fixed;top:0px;left:50%;
	margin-left:-90px;
	background: #CCCCCC;
	visibility: hidden;
	width: 480px;
	height: 100%;
	overflow:hidden;
}
div.panelText {
	position: absolute;top:0px;left:0px;
	background-color:#DDDDDD;
	width: 398px;
	border: 1px dotted black;
	border-bottom: 0px;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 20px;
	padding-right: 30px;
	margin-left: 30px;
	margin-top: 0px;
	-webkit-user-select:text;
	-moz-user-select:text;
}
span.panelTitle {
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	letter-spacing:20pt;
	margin-bottom:10px;
}
img.panelImage {
	position: relative;top:0px;left:0px;
	float:left;
	clear:left;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	border:solid #000000 1px;
}

/* --------------scrolls----------------------------------------------------------------- */

img.upImage {
	position: absolute;top:50px;left:0px;
	border:none;
	visibility: hidden;
}
img.downImage {
	position: absolute;bottom:51px;left:0px;
	border:none;
	visibility: hidden;
}

/* --------------user fonts ----------------------------------------------------------------- */
.regularFont {
	font-size:12px;
	font-weight: 300;
	line-height: 1.3em;
}
p.userFont1 {
	font-variant: small-caps;
	font-weight: 300;
	font-size: 20px;
	line-height: 22px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
p.userFont2 {
	font-weight: 300;
	font-size:80%;
	line-height: 1.3em;
}
p.userFont3 {
	font-weight: 300;
	font-size:12px;
	line-height: 1.3em;
	padding-top: 12px;
}
p.userFont4 {
	font-variant: small-caps;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
}
p.userFont5 {
	font-weight: 300;
	font-size:90%;
	line-height: 1.4em;
}
p.userFont6 {
	margin-left: 25px;
	font-style: italic;
	font-weight: 300;
	font-size:80%;
	line-height: 1.3em;
}
.tab {
	margin-left: 25px;
	font-size:90%;
}
hr {
	background-color:black;
	color: black;
	height: 3px;
	padding: 0px;
	border: 1px solid white;
	margin: 0px;
}
hr.Safari {
	height: 1px;
	margin-top: 7px;
	margin-bottom: 7px;
}
hr.Opera {
	height: 1px;
	margin-top: 7px;
	margin-bottom: 7px;
}
hr.Gecko {
	margin-top: 7px;
	margin-bottom: 7px;
}

/* --------------link styles ---------------------------------------------------------------- */
a:visited {text-decoration:none; font-weight: 700; color:#000066;}
a:link {text-decoration:none; font-weight: 700; color:#000066;}
a:hover {text-decoration:none; font-weight: 700; color:#0000FF;}
a.panelLinks:visited {text-decoration:none; color:#FFFFFF;}
a.panelLinks:link {text-decoration:none; color:#FFFFFF;}
a.panelLinks:hover {color:#FFFFFF;}
a.localLinks:visited {background: transparent url(images/pfeil.gif) no-repeat 0px 3px; padding-left: 15px; color:#0000AA; font-weight: 700;}
a.localLinks:link {background: transparent url(images/pfeil.gif) no-repeat 0px 3px; padding-left: 15px; color:#0000AA; font-weight: 700;}
a.localLinks:hover {background: transparent url(images/pfeil.gif) no-repeat 0px 3px; padding-left: 15px; color:#FF0000; font-weight: 700;}
a.targetLinks:visited {font-weight: 300; color:#000066;}
a.targetLinks:link {font-weight: 300; color:#000033;}
a.targetLinks:hover {font-weight: 300; color:#000033;}
a.mediaLinks:visited {background: transparent url(images/play.gif) no-repeat 0px -2px; text-decoration:none; padding-left: 20px; color:black; font-weight: 300;}
a.mediaLinks:link {background: transparent url(images/play.gif) no-repeat 0px -2px; text-decoration:none; padding-left: 20px; color:black; font-weight: 300;}
a.mediaLinks:hover {background: transparent url(images/play_over.gif) no-repeat 0px -2px; text-decoration:underline; padding-left: 20px; color:black; font-weight: 300;}
a.mp3Panel:visited {color:#000033;font-size:11px;border: 0px;padding:0px}
a.mp3Panel:link {color:#000066;font-size:11px;border: 0px;padding:0px}
a.mp3Panel:hover {color:#000066;font-size:11px;border: 0px;padding:0px}