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

/* --------------general -------------------------------------------------------------------- */
.general {
background: #FFFFFF url(images/background.jpg) no-repeat fixed 0px 0px;
font-variant: normal;
font-weight: 300;
font-size: 12px;
font-family:  Helvetica, Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
color: #4c5057;
margin: 0 auto;
padding: 0px;
text-align:justify;
-webkit-text-size-adjust: none;
}
div.backGround {
position: absolute;top:0px;left:0px;
padding: 0px;
}
p {margin: 0px; padding:0px;}
table {border: 0px; font-size: 12px; width: 595px;}
td {border: 0px;}
td.right {
border-left: 1px dotted white;
padding-left:10px;
padding-right: 0px;
}

/* --------------link box ------------------------------------------------------------------ */
div.linkBox {
position: fixed;
top:50px;
left:70px;
width: 270px;
color: red;
text-align: right;
padding: 0px;
font-weight: 600;
font-size: 14px;
line-height: 26px;
letter-spacing:5pt;
}
#linkBox {
visibility: hidden;
}

/* --------------panels --------------------------------------------------------------------- */
div.panelBack {
position: absolute;top:50px;left:370px;
padding: 0px;
display: none;
//visibility: hidden;
width: 595px;
}
div.videoBack {
position: fixed;top:60px;left:380px;
padding: 0px;
display: block;
visibility: hidden;
width: 595px;
}
div.galleryBack {
position: absolute;top:80px;left:300px;
padding: 0px;
display: block;
visibility: hidden;
width: 640px;
height: 480px;
}
#soundFrame {
border: 0px solid #FFFFFF;
position: fixed;top:580px;left:31px;
width:254px;
height:146px;
visibility: hidden;
}
#videoFrame {
border: 2px solid white;
width:640px;
height:480px;
}
#galleryFrame {
margin-top: 0px;
margin-left: 0px;
width:640px;
height:480px; 
border: 2px solid #FFFFFF;
}
div.closeBox {
margin-top: 5px;	
}
span.panelTitle {
color: black;
font-weight: 300;
font-size: 0px;
line-height: 0px;
letter-spacing:20pt;
margin-bottom:0px;
}
div.panelText {
position: absolute;top:0px;left:0px;
background: #FFFFFF url(images/panel.jpg) no-repeat fixed 0px 0px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 50px;
}
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;
font-size: 15px;
line-height: 22px;
margin: 0px;
margin-bottom: 5px;
padding: 0px;
}
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.userFont4 {
font-weight: 600;
color: red;
font-size:14px;
line-height: 15px;
padding-top: 7px;
}
.regularFont {
font-weight: 300;
line-height: 1.6em;
}
.loading {
font-variant: normal;
font-weight: 300;
font-size: 12px;
font-family:  Helvetica, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
color: #000000;
}
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;
}


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

/* --------------link styles ---------------------------------------------------------------- */
a.panelLinks:visited {font-weight: 600; text-decoration:none; color:red;}
a.panelLinks:link {font-weight: 500; text-decoration:none; color:red;}
a.panelLinks:hover {font-weight: 700; color:red;}
a.localLinks:visited {background: transparent url(images/pfeil.gif) no-repeat 0px 3px; padding-left: 15px; color:#000000; font-weight: 300;}
a.localLinks:link {background: transparent url(images/pfeil.gif) no-repeat 0px 3px; padding-left: 15px; color:#000000; font-weight: 300;}
a.localLinks:hover {background: transparent url(images/pfeil.gif) no-repeat 0px 3px; padding-left: 15px; color:#000000; font-weight: 300;}
a.targetLinks:visited {font-weight: 300; color:#000000;}
a.targetLinks:link {font-weight: 300; color:#000000;}
a.targetLinks:hover {font-weight: 300; color:#000000;}
a.mediaLinks:visited {background: transparent url(images/play.gif) no-repeat 2px 0px; padding-left: 20px; font-weight: 300; color:#000000;}
a.mediaLinks:link {background: transparent url(images/play.gif) no-repeat 2px 0px; padding-left: 20px; font-weight: 300; color:#000000;}
a.mediaLinks:hover {background: transparent url(images/play.gif) no-repeat 2px 0px; padding-left: 20px; font-weight: 300; color:#000000;}
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:black;}
a:link {text-decoration:none; font-weight: 700; color:black;}
a:hover {text-decoration:none; font-weight: 700; color:black;}