/* css by Urban Lienert */

/* --------------general -------------------------------------------------------------------- */
.general {
	background: #000000;
	font-variant: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	color: #000000	;
	/*margin: 0 auto;*/
	margin: 0px;
	padding: 0px;
	text-align:justify;
	height: 640px;
}
div.backGround {
	background: #000000 url(images/background.jpg) no-repeat top left;
	position:absolute;
	left:50%;
	width:1000px;
	height:640px;
	margin-top:0px;
	margin-left:-500px;
	padding:0px;
	border:0px;
}
p {margin: 0px; padding:0px;}
table {border: 0px; font-size: 12px;}
td {border: 0px;}
td.right {
	border-left: 1px dotted white;
	padding-left:10px;
	padding-right: 0px;
}

/* --------------menu ------------------------------------------------------------------ */
div.linkBox {
position: absolute;
top:125px;
left:31px;
width: 550px;
padding: 0px;
}
#linkBox {
visibility: hidden;
}


/* --------------panels --------------------------------------------------------------------- */
div.panelBack {
position: absolute;top:43px;left:382px;
border: 2px solid #FFFFFF;
padding: 0px;
display: block;
visibility: hidden;
width: 564px;
height: 552px;
overflow: hidden;
}
div.galleryBack {
position: absolute;top:80px;left:300px;
padding: 0px;
display: block;
visibility: hidden;
width: 640px;
height: 480px;
}
div.panelText {
position: absolute;top:0px;left:0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 0px;
border: 0px;
width: 490px;
}
img.upImage {
position: absolute;top:6px;right:3px;
border:none;
/*visibility: hidden;*/
}
img.downImage {
position: absolute;bottom:4px;right:3px;
border:none;
/*visibility: hidden;*/
}
#soundFrame {
border: 0px solid #FF0033;
position: absolute;top:456px;left:31px;
width:254px;
height:146px;
visibility: hidden;
}
#videoFrame {
margin-top: 15px;
border: 0px solid #FFFFFF;
width:320px;
height:255px;
}
#galleryFrame {
margin-top: 0px;
margin-left: 0px;
width:640px;
height:480px; 
border: 2px solid #FFFFFF;
}
/* --------------title, images ----------------------------------------------------------------- */
span.panelTitle {
color: white;
font-weight: 300;
font-size: 25px;
line-height: 50px;
letter-spacing:5pt;
margin-bottom:20px;
padding-bottom:20px;
}
img.panelImage {
position: relative;top:0px;left:0px;
margin-top: 2px;
margin-bottom: 2px;
border:solid #FFFFFF 1px;
}
/* --------------user fonts ----------------------------------------------------------------- */
p.userFont1 {
font-weight: 600;
color: #000000;
}
p.userFont2 {
font-weight: 300;
font-size:80%;
}
p.userFont3 {
font-weight: 300;
font-size:12px;
line-height: 15px;
padding-top: 7px;
}
/*p.userFont3:first-letter {
text-transform: uppercase;
font-weight: 300;
font-size: 200%;
visibility: visible;*/
}
p.userFont4 {
font-weight: 300;
font-size:12px;
line-height: 14px;
margin-bottom: 10px;
font-style: italic;
}
p.userFont5 {
font-weight: 300;
font-size: 18px;
line-height: 16px;
margin-bottom: 10px;
}
.regularFont {
font-weight: 300;
font-size: 12px;
line-height: 16px;
margin-bottom: 10px;
}
/* --------------lines ------------------------------------------------------------------- */
hr {
background-color:#FFFFFF;
color: #FFFFFF;
height: 1px;
padding: 0px;
border: 0px solid black;
margin: 0px;
}
hr.Safari {
height: 1px;
margin-top: 4px;
margin-bottom: 4px;
}
hr.Opera {
height: 2px;
margin-top: 7px;
margin-bottom: 7px;
}
hr.Gecko {
margin-top: 7px;
margin-bottom: 7px;
}

/* --------------mp3 panel ------------------------------------------------------------------- */
.mp3Panel {
background: transparent url(images/spbackground.jpg) no-repeat fixed top left;
font-variant: normal;
font-weight: 300;
font-size: 12px;
font-family:  Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
color: #FFFFFF;
text-align:center;
padding-bottom: 5px;
}

/* --------------link styles ---------------------------------------------------------------- */
a.panelLinks:visited {font-weight: 300; text-decoration:none; color:white;}
a.panelLinks:link {font-weight: 300; text-decoration:none; color:white;}
a.panelLinks:hover {font-weight: 300; text-decoration:none; color:white;}
a.localLinks:visited {background: transparent url(images/pfeil.gif) no-repeat 0px 3px; padding-left: 15px; color:white; font-weight: 300;}
a.localLinks:link {background: transparent url(images/pfeil.gif) no-repeat 0px 3px; padding-left: 15px; color:white; font-weight: 300;}
a.localLinks:hover {background: transparent url(images/pfeil.gif) no-repeat 0px 3px; padding-left: 15px; color:white; font-weight: 300;}
a.targetLinks:visited {font-weight: 300; color:#FFFFFF;}
a.targetLinks:link {font-weight: 300; color:#FFFFFF;}
a.targetLinks:hover {font-weight: 300; color:#FFFFFF;}
a.mediaLinks:visited {background: transparent url(images/play.gif) no-repeat 0px -3px; padding-left: 20px; font-weight: 600; color:#000000;}
a.mediaLinks:link {background: transparent url(images/play.gif) no-repeat 0px -3px; padding-left: 20px; font-weight: 600; color:#000000;}
a.mediaLinks:hover {background: transparent url(images/play_over.gif) no-repeat 0px -3px; padding-left: 20px; font-weight: 600; color:#000000;}
a.videoLinks:visited {background: transparent url(images/video.gif) no-repeat 0px 2px; padding-left: 20px; font-weight: 600; color:#000000;}
a.videoLinks:link {background: transparent url(images/video.gif) no-repeat 0px 2px; padding-left: 20px; font-weight: 600; color:#000000;}
a.videoLinks:hover {background: transparent url(images/video.gif) no-repeat 0px 2px; padding-left: 20px; font-weight: 600; color:#000000;}
a.slideshowLinks:visited {background: transparent url(images/slide.gif) no-repeat 0px -3px; padding-left: 20px; font-weight: 600; color:#000000;}
a.slideshowLinks:link {background: transparent url(images/slide.gif) no-repeat 0px -3px; padding-left: 20px; font-weight: 600; color:#000000;}
a.slideshowLinks:hover {background: transparent url(images/slide.gif) no-repeat 0px -3px; padding-left: 20px; font-weight: 600; color:#000000;}
a.mp3Panel:visited {font-size:80%;border: 0px;padding:0px; font-weight: 600; color:#000000;}
a.mp3Panel:link {font-size:80%;border: 0px;padding:0px; font-weight: 600; color:#000000;}
a.mp3Panel:hover {font-size:80%;border: 0px;padding:0px; font-weight: 600; color:#000000;}
a:visited {text-decoration:none; font-weight: 600; color:black;}
a:link {text-decoration:none; font-weight: 600; color:black;}
a:hover {text-decoration:none; font-weight: 600; color:black;}