* { font-family: Arial,futura,sans-serif;
letter-spacing: 0.1em;
color: #606060;
margin: 0;  padding: 0;
}

h1 {padding-bottom: 20px; font-size: 16px; }

div.index { margin-left: 30px; line-height:140%; font-size: 10pt; }
td.links { min-width: 420px; width: 420px; vertical-align:top; padding-top: 90px; padding-left: 30px; padding-right: 20px; line-height: 140%; padding-bottom: 40px; }

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

/*div.bgdiv
{
position: absolute; 
border-width: 1px;
border-style: solid;
border-color: #D8D8D8;
left: 9%;
top: 7%;
width: 800px; 

z-index: 1;
text-decoration:none;
visibility: visible;
overflow: hidden;
}*/

div.bgdiv
{
position: relative; 
border-width: 1px; 
border-style: solid;
border-color: #D8D8D8;
left: 60px;
top: 40px;
width: 800px; 
min-height: 558px; overflow:hidden; 
text-decoration:none;
z-index: 1;
padding-bottom: 70px;
} 

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

p.insignificant {letter-spacing: 0px; font-size: 8pt;}

textarea {letter-spacing: 0px; font-size: 10pt; width: 250px; border: 1px none #c0c0c0; background-color: #d8d8d8; }
input.field  { letter-spacing: 0px; font-size: 10pt; width: 250px; border: 1px none #c0c0c0; background-color: #d8d8d8; }
input.button { letter-spacing: 0px; font-size: 8pt; border: 1px solid #606060; width: auto; background-color: #ffffff; cursor:pointer; }

td.text { vertical-align:top; padding-top: 70px; line-height: 140%; }
.pageHeader
{
color: #F292A5;
font-weight:100; 
}

img.logo
{
position: absolute; 
top: 18px; 
right: 26px;
z-index: 100;
}

div.content
{
background-color:#FFFFFF; 
font-size: 14px;
overflow: hidden;
position: relative; 
top: 74px; 
text-align: left; white-space: normal;
}

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

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

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

td.pic {width: 353px; vertical-align: top; padding-top: 82px; padding-left: 0px; margin-left: 0px; }

div.links
{
position: absolute;
top: 91.5%;
left: 9%;
width: 82%; 
height: 5%;
min-height: 20px;
font-size: 0.8em;
vertical-align:top;
z-index: 0;
text-decoration:none;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px;
color: #999999;
visibility: visible;
overflow: hidden;
margin-left: 10px;
overflow: visible;
}

div.links p
{
color: #8B8C8E; /*50%K*/ 
}

div.links a
{
color: #8B8C8E; /*50%K*/
text-decoration: none;
}

a:hover
{
color: #F292A5; 
}

p.link a
{
color: #F292A5;
font-weight: bold;
text-decoration: none;
}

#navi
{
display:none;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
vertical-align: middle; 
background-repeat: repeat-x;
}


.menu 
{
position:absolute;
top: 0px;
z-index: 10;
display: block;
width:600px;
}

.menu ul
{
position: absolute; /* damit sich div.submenu nach ul.menu li ausrichtet */

height: 22px;
text-decoration: none;
color: #8B8C8E; /*50%K*/
display:block;
}

.menu li ul
{
visibility:hidden;
top: 26px;
width: 145px;
display: block;
}

.menu li ul li
{

width: 135px;
height: 22px;
z-index: 1;
border-top-width: 1px;
border-top-style: solid;
border-top-color: white;	
}

.menu li
{
height: 20px; /* 32 */
display:block;
float:left;
position: relative; list-style-type: circle; list-style-image:url(http://www.dyrox.com/arrow.gif);
}

.menu li div
{
width: 133px;
height: 22px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C4C5C7;	/* 31%K */
}

* html .menu li li
{
display:inline;
}

.menu a:before
{
content: url(http://www.dyrox.com/arrow.gif);
}

.menu a 
{
text-decoration: none;
color: #505153;
vertical-align: middle; 
padding-top: 2px;
padding-left: 10px;
padding-right: 20px;
}

.menu li ul li a
{
padding-left: 10px;
}
.menu a:hover:before
{
/* content: url(arrow_act.gif); */
}

.menu a:hover 
{
color: #F292A5;
font-weight: bold;
}


.menu a:focus 
{
/*background-color: #aaf;*/
}

.menu span 
{
display:none;
}

div[id="navi"]>.menu a 
{
/*
text-align:center;
color:#3A3A3C;*/
/*display:block;*/
/*width:120px;*/
display:block;
text-decoration:none;
}

div[id="navi"]>.menu a:hover 
{
}

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


.menu a.active	/* Tags marked that display current position */
{
font-weight:bold;
color: #F292A5;
}

.menu a.active:before /* Tags marked that display current position */
{
content: url(arrow_act.gif);
}


.menu li li ul
{
position:relative;
top:auto;
left:auto;
padding-left: 1px;
margin-left:110px;
margin-top:-11px;
}