/* alle scripts (c) roman virdi, traumfoto.ch */

* { font-family: Arial,univers,futura,sans-serif;
letter-spacing: 1.5px;
color: #e0e0e0;
margin: 0;  padding: 0; 
}

body {  background:#424242; color:#444444;}

li { line-height: 160%; margin-left: 30px; margin-top: 0.7em; }
ul { list-style: outside; list-style-image: url(arw.gif)}

.inline { display: inline; }

p { line-height: 20px; padding-top: 0px; padding-bottom: 4px; font-size: 9pt; }
 
h1 { font-size: 16px; }
h2 { font-size: 16px; }
h5 { font-size: 9pt; font-weight:bold; padding-top: 10px; margin-bottom: -6px; }

div.index { margin-left: 30px; line-height:140%; font-size: 11pt; }

div.index a {text-decoration: none; }

img.picborder { border: 1px solid #000000; }

.tst { text-decoration: none; font-size: 12px; }

.music { font-size: 8pt; margin-left: 30px; }
.musicbox { vertical-align:top; padding-top: 6px; }

div.bgdiv
{
position: relative; 
border-width: 1px;
border-style: solid;
border-color: #505050;
top: 21px;
width: 840px; 
height: 680px;
min-height: 680px;
text-decoration:none;
background:#000000; 
}

div.ss { padding-top: 9px; }
table.contentTable { margin: 0px; border: 0px; padding: 0px; text-align:left; width: 770px; margin-left: 60px;  }
td.leftColumn { width: 353px; padding-top: 7px; vertical-align: top; }
td.midColumn { width: 30px; }
td.rightColumn { vertical-align:top; padding-top: 30px; line-height: 20px; }
div.textblock { padding-top: 5px; line-height: 20px; }

.kontakt {margin-left: 5px; padding-top: 1px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; }

.small {letter-spacing: 0px; font-size: 7pt;}

.field  { letter-spacing: 0px; font-size: 10pt; width: 250px; border: 1px solid #505050; background-color: #424242; color: #999999;}
input.button { letter-spacing: 0px; font-size: 7pt; border: 1px solid #505050; width: auto; background-color: #424242; cursor:pointer; }

form.eform { padding-top: 8px; }
div.bannertext
{
   text-align: right; vertical-align: top;
   line-height: 180%;  
   padding: 0px;
   margin-left: 30px; 
   margin-top: 14px;
   margin-right: 30px; 
   font-size: 8.7pt;
   letter-spacing: 1px;   
}

div.menulinks
{
   text-align: left;
   margin-left: 30px; 
   margin-top: 82px; 
}

img.logo { position: absolute; top: 30px; right: 39px; } /* top 48 */

div.content
{
/* background-color:#ffffff; */
font-size: 14px;
position: relative; 
top: 2px; 
text-align: left; white-space: normal;
}

div.content p { margin-top: 0.5em; letter-spacing: 0.06em; }

div.content td { font-size: 12px; }

a {text-decoration: none; border-bottom: 1px dashed #eeeeee; }

.bottom { margin-bottom: 0px; color: #666666; font-size: 7pt; width:750px; position: relative; text-align:center; text-decoration: none; line-height: 120%}
a.bottom:hover {color: #eeeeee; }

p.input_textp { font-size: 10px; }

td.pic { width: 353px; vertical-align: top; padding-top: 74px; padding-left: 0px; margin-left: 0px; }
td.links { min-width: 420px; width: 420px; vertical-align:top; padding-top: 70px; padding-left: 30px; padding-right: 20px; line-height: 140%; padding-bottom: 40px; }

a:hover { color: #f1ff16; border-bottom: 1px dashed #f1ff16;}

#content p a:link, a:visited {}
#content a:hover {}

/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000; }

#popup a, #popup a:visited {
position: relative;
display: block;
line-height: 20px;
text-align: left;
padding: 0px;
margin: 0;
border: 0px solid #666;
text-decoration: underline; 
font-size: 1em;
width: 230px;
}

#popup a span {display: none; }

#popup a:hover { background-color: #000000; }

/* the IE correction rule */
#popup a:hover	{
color: #eeeeee; /* background-color: #333333; */
text-indent: 0; /* added the default value */
color: #f1ff16;
text-decoration: none; 
}

#popup a:hover span{
display: block;
position: absolute;
top: 0px;
left: 180px;
width: 280px;
margin: 0px;
padding: 5px;
color: #222222;
font-weight: normal;
background: #111111;
text-align: left;
border: 1px solid #444444;
line-height: 140%; 
font-size: 7pt;
}