body {
 font-family: verdana, lucida, arial, helvetica, sans-serif;
 font-size: 11px;
 padding: 5px 0 0 5px;
 margin: 0;
}


/* Kopfzeile (Logo, Firmenbezeichnung) */

#header {
 padding: 0px;

}

#header a {
 display: block;
 float: left;
 margin: 0 10px 0 0;
}


/* allgemeine Layoutformatierungen */

#content {
 width: 626px;
 margin: 30px 0 0 74px;
}

#content ul {
 margin: 0;
 padding: 0 0 0 15px;
}

img {
 border: 0;
}

a:hover {
 text-decoration: underline;
}

h1 {
 text-align: right;
 font-family: 'Trebuchet MS', verdana, helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 1px;
 text-transform: uppercase;
 margin: 0 0 -20px 0;
}

h2 {
 font-size: 13px;
 font-weight: bold;
 text-transform: uppercase;
 border: 1px solid #888d93;
 border-width: 0 0 1px 0;
 margin: 20px 0 4px 0;
}


/* Navigation oben (in der grauen abgerundeten Box) */

#topnavi {
 background: url(/we_images/layout/top_navi_bg.gif) no-repeat;
 color: #686a68;
 padding: 7px;
 margin: 0;
 width: 776px;

 font-family: arial, helvetica, serif;
 font-size: 11px;
}

#topnavi a {
 color: #686a68;
 text-decoration: none;
}

#topnavi li {
 float: left;
}

#topnavi li#first {
 width: 676px;
}


/* Hauptmenü (Dropdown) */

#topnavi ul {
 list-style: none;
 padding: 0px;
 margin: 0;
}

#nav {
 list-style: none;
 margin: 0;
 padding: 10px 0px 0px 0px;
 height: 22px;
 font-family: verdana, lucida helvetica, sans-serif;
 font-weight:bold;
 font-size:10px;
 color:#999;
 background-color:none;
}

#nav a {
 font-weight: bold;
 text-decoration: none;
 text-align: left;
}

#nav li {
 float: left;
 position: relative;
 width: 193px;
 text-align: left;
 color: #000;
 border: 1px solid #dddddd;
 border-width: 0px 1px 0px 0px;
}

#nav li.active ul {
 border: 0;
}

#nav li a {
 display: block;
}

#nav li li a {
 display: block;
 padding: 1px 7px;

 font-family: arial, helvetica, serif;
 font-weight: normal;
 font-size: 11px;
 color: #000;
}

#nav li>ul li a {
 padding: 3px 7px;
}

#nav li ul {
 display: none;
 position: absolute;
 list-style-type: none;
 padding: 2px 0;

 top: 100%;
 left: 0;

 font-weight: normal;

 border: 0px solid #fff;
 border-width: 1px 0 0 0;

 margin: 1px 0 0 -16px;
 voice-family: "\"}\"";
 voice-family:inherit;
 margin: 1px 0 0 0;
}

#dummy { margin: 0; }

#nav li>ul {
 top: auto;
 left: auto;
 margin: 0;
}

#nav li li {
 display: block;
 float: none;
 border: 0;
}

#nav li:hover ul, #nav li.over ul {
 display: block;
}

#underneath-nav-bg {
 width: 775px;
 height: 20px;
}




/* Clearfix */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix {
 display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */



/* These are standard sIFR styles */

.sIFR-flash {
 visibility: visible !important;
 margin: 0;
}

.sIFR-replaced {
 visibility: visible !important;
}

span.sIFR-alternate {
 position: absolute;
 left: 0;
 top: 0;
 width: 0;
 height: 0;
 display: block;
 overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced */

.sIFR-hasFlash #content h1 {
 visibility: hidden;
 font-size: 14px;
}