/* www.marcant.ch */
/* css by Urban Lienert */

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

/* --------------mp3 panel ------------------------------------------------------------------- */
.mp3Panel {
background-color:#000000;
font-variant: normal;
font-weight: 300;
font-size: 12px;
font-family:  Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
color: #FFFFFF;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
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: absolute;
top:50px;
left:60px;
width: 200px;
color: white;
text-align: right;
padding: 0px;
font-weight: 300;
font-size: 16px;
line-height: 26px;
letter-spacing:5pt;
/*border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;*/
}
#linkBox {
visibility: hidden;
}

/* --------------panels --------------------------------------------------------------------- */
div.panelBack {
position: absolute;top:50px;left:310px;
padding: 0px;
display: block;
visibility: hidden;
width: 595px;
}
span.panelTitle {
color: white;
font-weight: 300;
font-size: 25px;
line-height: 50px;
letter-spacing:20pt;
margin-bottom:20px;
padding-bottom:20px;
}
div.panelText {
position: absolute;top:0px;left:0px;
background-image: url(images/panel.jpg);
background-repeat: no-repeat;
background-position: bottom left;
background-attachment: fixed;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}
img.panelImage {
position: relative;top:0px;left:0px;
margin-top: 2px;
margin-bottom: 2px;
border:solid #555555 1px;
}
div.panelSlidshow {
position: absolute;top:0px;left:0px;
background-image: url(images/panel.jpg);
background-repeat: no-repeat;
background-position: bottom left;
background-attachment: fixed;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}
#iFrame {
border: 0px solid #FF0033;
position: fixed;bottom:0px;right:50px;
width:250px;
height:130px;
visibility: hidden;
}

/* --------------user fonts ----------------------------------------------------------------- */
p.userFont1 {
/*Title*/
font-weight: 300;
font-size: 17px;
line-height: 22px;
margin: 0px;
margin-top: 20px;
margin-bottom: 10px;
padding: 0px;
letter-spacing:7pt;
}
p.userFont2 {
font-weight: 300;
font-size:80%;
line-height: 1.2em;
}
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;
}
.regularFont {
font-weight: 300;
line-height: 14px;
margin-bottom: 10px;
}
hr {
background-color:#496246;
color: #496246;
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.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: 700; 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 2px 0px; padding-left: 20px; font-weight: 300; color:#FFFFFF;}
a.mediaLinks:link {background: transparent url(images/play.gif) no-repeat 2px 0px; padding-left: 20px; font-weight: 300; color:#FFFFFF;}
a.mediaLinks:hover {background: transparent url(images/play.gif) no-repeat 2px 0px; padding-left: 20px; font-weight: 300; color:#FFFFFF;}
a.mp3Panel:visited {color:#0000AA;font-size:80%;border: 0px;padding:0px; font-weight: 300; color:red;}
a.mp3Panel:link {color:#0000AA;font-size:80%;border: 0px;padding:0px; font-weight: 300; color:red;}
a.mp3Panel:hover {color:#AA0000;font-size:80%;border: 0px;padding:0px; font-weight: 300; color:red;}
a:visited {text-decoration:none; font-weight: 700; color:white;}
a:link {text-decoration:none; font-weight: 700; color:white;}
a:hover {text-decoration:none; font-weight: 700; color:white;}