/* Fürs CSS-Menue vielen Dank:
   http://positioniseverything.net/css-dropdowns.html */

/*XXXXXXXXXX Generic page styling rules XXXXXXXXXX*/

html, body, ul, li {padding:0; margin:0;}
html      {overflow-y:scroll;}
body      {margin:0 20px; text-align: center; font-family: Verdana, sans-serif; font-size: 100.01%;}

#wrapper  {margin: 0 auto; max-width: 150ex; min-width: 100ex; text-align: left; background: #BFCDE1;
           border-left: 1px solid #333369; border-right: 1px solid #333369;}

h1        {margin:2px 0 0 20px; padding:0; font-size:10px; color:#000870; font-weight:normal;}
h2        {margin:0 0 10px 0; font-size:130%; color:#172757;}
h2 ~ h2   {margin-top:30px;}
h3        {margin:15px 0 4px 0; font-size:100%; letter-spacing:1px; color:#235;}
h4        {margin:10px 0 2px 0; font-size:100%; color:#000473;}

table     {border-collapse:collapse;}
td, th    {vertical-align:top; text-align:left; border:0;}

td h3     {margin-top:0;}
a         {color:#DF4A00;}
a:link    {color:#006;}
a:visited {color:#2F2F2F;}
.service a:hover {background:#8F8FA6;}
#cont a:hover, #news a:hover, .hov a:hover {background:#BFCDE1;}
#cont a:hover img {background:#FFF;}

a img     {border:0;}
big       {font-size:200%; font-weight:bold; color:#FF007F;}

table.impr     {margin:10px;}
table.impr th  {color:#003; padding:0.5em 0.5em 0.5em 2em; text-align:right; font-size:90%;
                border-bottom: 1px solid #B2B2E0;}
table.impr td  {color:#003; padding:0.5em 2em 0.5em 0.5em; font-size:90%;
                border-bottom: 1px solid #B2B2E0;}

table.style1 td   {border-bottom: 1px solid #B2B2E0; padding-bottom:6px; padding-left:0.5em; font-size:90%;}
table.blind td    {padding:0.5em 1em;}
table.blind th    {padding:0.1em 1em;}

table.info {margin-bottom:1em;}
table.info th, table.info td {border:1px solid #888; font-size:90%; padding:1px 5px;}
table.info th {background:#BFCDE1;}

.vc         {vertical-align:middle;}

#cont table.style1 td p {margin-bottom:0.2em; line-height:1.1em;}

#cont h3 ~ h3 {padding-top:20px; background:url(bg3.gif) top left repeat-x;}
dl        {margin:4px 0 30px 10px; position:relative; font-size:95%;}
dt        {float:left; width:16ex; color:#235; margin-top:0;}
dd        {margin:0 0 4px 17ex;}

/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

#nav {
    position: relative;
    border: 1px solid #888; /* borders the bottom of the top nav */
    border-width: 1px 0;
    width: 100%;
    background:#55618B;
}
.nav {
    width:75ex;
    margin:0 auto;
    background: #0052E6;
}

#nav ul, #subnav ul {
    list-style-type:none;
}

.button {
    width: 15ex;
    float: left;
}

.parent {position: relative;}

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/
#nav li {text-align: center;}

.dropdown { /* rules for dropdown div */
    width: 20ex;
    position: absolute;
    left: -3000px;
    top: auto; /* puts dropdowns directly under top nav */
    text-align: left; /* needed because IE misapplies text centering to boxes */
    background: url(img/bgfix.gif);
    opacity:0.95;
}

.dropdown ul {
    width: 20ex; /* tweaked so that dropdowns appear to "line up" with top links */
    margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
    border: 1px solid #888;
    border-width: 1px 1px 0;
}

.dropdown div ul  {margin: 30px 30px 30px 0;}  /* creates "sticky hovering" zones for flyouts */
#nav li li        {text-align:left;}

.parent:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */
/* extra pixel makes dropdowns "line up" with top links */

.dropdown li:hover div { /* hover rule for flyouts */
    left: 180px; /* this value controls the amount of flyout "overlap" */
    top: -26px; /* this value controls the amount of flyout vertical offset */
}

.kontakt li:hover div { /* reversed flyout rules for rightmost drop flyouts */
    left: -210px;
    top: -26px;
}

.dropdown a:hover     {background: #235;} /* hover color effect on dropdown links */

/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/

.parent ul         {background:#55618B;}
.dropdown div ul   {background: #eda;} /* colors BG of flyouts */
.dropdown div ul a {color: #400;}      /* colors text of  flyouts */

/* Link-Farben */
#nav a {
    display: block;
    color:#fff;
    font-size:95%;
    text-decoration: none;
    padding: 2px 0;
    border-right: 1px solid #888;  /* makes the dividers between the top nav links */
}
#coda  {border-left: 1px solid #888;}

#nav ul ul a {
  color: #fff; padding-left:5px;
  border-right: 0; /* negates right border for dropdowns and flyouts */
  border-bottom: 1px solid #888;  /* borders the bottoms of the dropdown and flyout links */
}
#coda, #produkte, #leistung, #aktuell, #kontakt {
    background:#55618B; font-weight:bold;
}
#coda:hover, #coda.current  {
    background:#235;
}
#produkte:hover, #produkte.current {
    background:#235;
}
#leistung:hover, #leistung.current  {
    background:#235;
}
#aktuell:hover, #aktuell.current  {
    background:#235;
}
#kontakt:hover, #kontakt.current  {
    background:#235;
}

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/
/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* */

* html #nav a
 {height: 1%;}

/* weitere Bereiche */
#titel     {background: url(titelo.jpg) top right no-repeat #FFF; height:150px;}
#titel img {margin:30px 0 16px 20px;}

/* Sidebar links */
#subnav         {float:left; width:28ex;}
#subnav ul      {margin:10px; border:1px solid #888; border-width:1px 1px 0 1px; font-size:95%; background:#235;}
#subnav li.sub a{padding-left:30px; font-size:90%;}
#subnav p       {margin:0 10px 0.3em 10px; font-size:85%; color:#000066;}
#subnav h3      {margin:10px; font-size:100%; color:#000066}
#subnav a       {text-decoration:none;}
#subnav li a    {display:block; padding:2px 6px 2px 10px; border-bottom:1px solid #888; color:#fff;}
#subnav li a:link    {background:#55618B; color:#fff;}
#subnav li a:visited {background:#55618B; color:#ddd;}
#subnav li a:hover   {background:#235; color:#fff;}

.service   {margin:10px 0; padding:6px 10px; border:1px solid #888; border-width:1px 0; letter-spacing:1px;}
#subnav .service p {margin-bottom:2px;}

/* Aktuelles rechts */
#news     {float:right; width:28ex; min-width:200px;}
#news div {margin:10px; background:#fff; font-size:85%; border:1px solid #888;}
#news h3  {margin:0 0 6px 0; padding:1px 4px; text-align:center; background:#FFAE5F; font-size:105%; border-bottom: 1px solid #888;}
#news h4  {margin:0 20px; padding:0; font-size:100%;}
#news p   {margin:0 10px 0.5em 10px; line-height:1.3em;}

/* Inhalt - Hauptfenster */
#cont     {margin:0 28ex; padding:10px 20px; background:#fff; border: 1px solid #888; border-width: 0 1px; }
#cont p   {margin: 0 0 0.8em 0; line-height:1.4em; font-size:0.95em; max-width:90ex;}
#cont ul  {margin-left:30px;}
#cont li  {font-size:0.95em; margin-bottom:0.2em;}

/* Fußleiste */
#footer   {background:#55618B; padding:2px; text-align:center; font-size:90%; color:#FFF;
           border: 1px solid #888; border-width: 1px 0;}

/* sonstige Formatierungen */
.mini, #cont p.mini     {font-size:75%;}
.r        {text-align:right;}
.c        {text-align:center;}
.b        {font-weight:bold;}
.b0       {vertical-align: bottom;}
.fl       {float:left; margin-right:10px;}
.fr, .fr_h  {float:right; margin-left:10px;}  /* fr_h  nicht für IE6 wegen bug*/
.cb       {clear: both; height:0; margin:0; font-size:1px; line-height: 0;}
.neu      {font-size:135%; font-weight:bold; color:#A42C1B;}
.red      {color:#C93229;}
.logo     {margin:5px 10px; font-size: 0.8em;}
.logo dt  {width:65px; min-height:30px; }
.logo dd  {margin-left:65px; min-height:30px;}
.imgblock {display: block;}
#subnav h4  {text-align:center; font-size:90%;  border-top:1px solid #888; margin:0; padding:5px;}

.web p    {min-height:152px;}
.web img  {float:left; margin-right:10px;}

.mark     {padding:4px 6px; border: 1px solid #B0C0D8; background-color:#F4D6B2;}
.reihe    {background-color:#E8EDF6;}

input {width:40ex; font-size:1em;}