/* www.wernerhasler.com */
/* css by Urban Lienert */

/* --------------general -------------------------------------------------------------------- */
.general {
background: #000000 url(images/background.jpg) repeat fixed 50px 20px;
font-variant: normal;
font-weight: 300;
font-size: 13px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #444444;
margin: 0 auto;
padding: 0px;
text-align:justify;
}
p {margin: 0px; padding:0px;}

/* --------------mp3 panel ------------------------------------------------------------------- */
.mp3Panel {
background-color:#FFFFFF;
font-variant: normal;
font-weight: 300;
font-size: 13px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
border-top: 2px solid #000033;
border-bottom: 2px solid #333366;
border-left: 2px solid #000033;
border-right: 2px solid #000066;
padding:10px;
text-align:center;
}

/* --------------background panel----------------------------------------------------------- */
.backGround {
position: absolute;top:0px;left:0px;
/*background: #000000 url(images/background.jpg) repeat fixed 50px 20px;*/
padding: 0px;
}

/* --------------link box ------------------------------------------------------------------ */
div.linkBox {
position: fixed;
top:200px;
left:25px;
width: 250px;
text-align: right;
padding: 10px;
font-weight: 700;
font-size: 20px;
line-height: 40px;
letter-spacing:5pt;
}
#linkBox {
visibility: hidden;
}

/* --------------panels --------------------------------------------------------------------- */
div.panelBack {
position: absolute;top:35px;left:300px;
padding: 10px;
display: none;
visibility: visible;
width: 660px;
}
span.panelTitle {
color: #3366CC;
font-weight: 300;
font-size: 50px;
line-height: 90px;
letter-spacing:20pt;
margin-bottom:10px;
}
div.panelText {
position: absolute;top:0px;left:0px;
background: transparent url(images/panel.jpg) repeat fixed 50px 20px;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 50px;
border-top: 2px solid #000033;
border-bottom: 2px solid #333366;
border-left: 2px solid #000033;
border-right: 2px solid #000066;
}
img.panelImage {
position: relative;top:0px;left:0px;
/*float:left;
clear:left;*/
margin-top: 2px;
/*margin-right: 10px;
margin-left: 0px;*/
margin-bottom: 2px;
border:solid #000000 1px;
}
#iFrame {
border: 0px solid #FF0033;
position: fixed;bottom:0px;right:0px;
width:250px;
height:130px;
visibility: hidden;
}

/* --------------user fonts ----------------------------------------------------------------- */
p.userFont1 {
color: #333333;
font-weight: 300;
font-size: 20px;
line-height: 22px;
margin: 0px;
margin-top: 20px;
padding: 0px;
}
p.userFont2 {
margin-top: 4px;
color: #333333;
font-weight: 300;
font-size:80%;
line-height: 1.5em;
}
p.userFont3 {
color: #333333;
font-weight: 300;
font-size:12px;
line-height: 15px;
padding-top: 12px;
}
/*
p.userFont3:first-letter {
text-transform: uppercase;
font-weight: 300;
font-size: 200%;
color: #333333;
visibility: visible;
}*/
.regularFont {
color: #333333;
font-weight: 300;
line-height: 16px;
}
hr {
background-color:#6666FF;
color: #6666FF;
height: 4px;
padding: 0px;
border: 1px solid black;
margin: 0px;
}
hr.Safari {
height: 2px;
margin-top: 7px;
margin-bottom: 7px;
}
hr.Opera {
height: 2px;
margin-top: 7px;
margin-bottom: 7px;
}
hr.Gecko {
margin-top: 7px;
margin-bottom: 7px;
}

/* --------------link styles ---------------------------------------------------------------- */
a:visited {text-decoration:underline; font-weight: 300; color:#333333;}
a:link {text-decoration:underline; font-weight: 300; color:#333333;}
a:hover {text-decoration:underline; font-weight: 300; color:#333333;}
a.panelLinks:visited {text-decoration:none; color:#444444;}
a.panelLinks:link {text-decoration:none; color:#444444;}
a.panelLinks:hover {color:#444444;}
a.localLinks:visited {background: transparent url(images/pfeil.gif) no-repeat 0px 3px; padding-left: 15px; color:#333333; font-weight: 300; text-decoration:none;}
a.localLinks:link {background: transparent url(images/pfeil.gif) no-repeat 0px 3px; padding-left: 15px; color:#333333; font-weight: 300; text-decoration:none;}
a.localLinks:hover {background: transparent url(images/pfeil.gif) no-repeat 0px 3px; padding-left: 15px; color:#333333; font-weight: 300; text-decoration:none;}
a.targetLinks:visited {font-weight: 300; color:#333333; text-decoration:none;}
a.targetLinks:link {font-weight: 300; color:#333333; text-decoration:none;}
a.targetLinks:hover {font-weight: 300; color:#333333; text-decoration:none;}
a.mediaLinks:visited {background: transparent url(images/play.gif) no-repeat 0px 0px; padding-left: 20px; color:#333333; font-weight: 300;}
a.mediaLinks:link {background: transparent url(images/play.gif) no-repeat 0px 0px; padding-left: 20px; color:#333333; font-weight: 300;}
a.mediaLinks:hover {background: transparent url(images/play.gif) no-repeat 0px 0px; padding-left: 20px; color:#333333; font-weight: 300;}
a.mp3Panel:visited {color:#333333;font-size:80%;border: 0px;padding:0px;}
a.mp3Panel:link {color:#333333;font-size:80%;border: 0px;padding:0px;}
a.mp3Panel:hover {color:#333333;font-size:80%;border: 0px;padding:0px;}
/*a.localLinks:before {content:url(images/pfeil.gif);}
a.localLinks:before {content:"->";}*/