/* Layout
 */
#headerbox {
 background:#7f112e;
 background:white;
}

#logobox {
 width:130px;
 padding:0 0 0 18px;
}

#projectname {
 font-family:verdana, arial, hevetica, sans-serif;
 font-size:13pt;
 font-weight:bold;
 color:#7f112e;
 padding:0 0 0 3px;
}

#headline {
 border:none;
 border-bottom:solid #7f112e 4.5pt;
 padding:0;
}

#content {
 margin:0px;
 padding:0px;
 position:absolute;
 top:78px;
 left:160px;
}

/* Menü
 */
#anwNavSub {
 float:left;
 height:auto;
 margin:15px 0 0 5px;
 width:137px;
}

#anwNavSub div div {
 padding:30px 0 20px 15px;
}

#anwNavSub div div div {
 padding:0;
}

#anwNavSub ul {
 list-style:none;
 margin:0;
}

#anwNavSub li {
 display:block;
}

/* !Mac IE \*/
#anwNavSub li img {
 position:absolute;
 top:3px;
}
/* */

#anwNavSub a, #anwNavSub span {
 display:block;
 text-decoration:none;
}

#anwNavSub .l1 li {
 background:url(/img/anw/logoquads-11x7.gif) 3px 3px no-repeat;
 text-align:right;
}

#anwNavSub .l1 li a, #anwNavSub .l1 li span {
 color:#7f112e;
 font-size:9pt;
 font-weight:bold;
 padding:3px 5px 3px 0;
 text-transform:uppercase;
}

#anwNavSub .l1 .product {
 border-top:1px solid #7f112e;
 border-left:1px solid #7f112e;
 border-right:1px solid #7f112e;
 background-color:#e7e7e7;
}

#anwNavSub .l1 div.end {
 border-bottom:1px solid #7f112e;
}

#anwNavSub .l2 li {
 background:#fff none;
 border-top:1px solid #7f112e;
 border-left:1px solid #7f112e;
 border-right:1px solid #7f112e;
 position:relative;
 text-align:left;
}

#anwNavSub .l2 li a {
 color:#7f112e;
 font-size:11px;
 font-weight:400;
 height:14px;
 padding:4px 0 3px 5px;
 text-transform:none;
}

#anwNavSub .l2 li a:hover {
 background:#c5c5c5 !important;
}

#anwNavSub .l2 li strong {
 font-weight:400;
}

#anwNavSub .l2 li#focus a {
 background:#f3f3f3 url(/static/images/common/nav/sub/arrow.gif) 117px 6px no-repeat;
}

#anwNavSub .l2 li#focus li a {
 background:transparent none;
}

#anwNavSub .l3 li a {
 padding-left:10px;
}

#anwNavSub .l4 li a {
 padding-left:15px;
}

#anwNavSub .extra img {
 position:static;
}


/* misc styles a.k.a. main styles
 */
a {
 color:#900;
 text-decoration:underline;
 font-weight:bold;
}

a:hover {
 color:#000;
 text-decoration:none;
}

.icon {
 float: left;
 margin: 0px 10px 0px 0px;
}

img {
 border:solid 0;
}

#analysisChoice {
 margin:20px 0 20px 20px;
 border:solid 0;
 width:80%;
}

#analysisChoice td.bullet {
 text-align:left;
 width:25%;
 padding:3px 5px 3px 3px;
}

#analysisChoice td.url {
 padding:10px 0 0 8px;
}

.dunkel {
 padding:5px;
 font-family:Verdana,Arial,Helvetica,Sans-Serif;
 color:#0a328c;
 background-color:#99a6c8;
 font-size:13px; 
 font-weight:bold
}

.linkok {
 padding:5px;
 font-family:Verdana,Arial,Helvetica,Sans-Serif;
 color:#0a328c;
 background-color:#8FFFBE;
 font-size:13px;
 font-weight:bold
}

.linkbroken {
 padding:5px;
 font-family:Verdana,Arial,Helvetica,Sans-Serif;
 color:#0a328c;
 background-color:#FF9090;
 font-size:13px;
 font-weight:bold
}

.linkunchecked {
 padding:5px;
 font-family:Verdana,Arial,Helvetica,Sans-Serif;
 color:#0a328c;
 background-color:#EEEEEE;
 font-size:13px;
 font-weight:bold
}


.hell {
 padding:5px; 
 font-family:Verdana,Arial,Helvetica,Sans-Serif;
 color:#0c2574;
 background-color:#e9f0fa;
 font-size:13px;
 font-weight:normal
}

.highlight { 
 color:#d41d41;
 font-size:13px;
 font-weight:bold;
}

.headline {
 font-family:arial,sans-serif;
 font-size:15px;
 font-weight:bold;
 color:#900;
}

#footspacer {
/**
 * Klasse für das div-Element zwischen Content und Footer, eigentlich drei Zeilen aus
 * der CSS-Klasse Footer in mod-main.css. Auf diese Weise konnte ich das Problem des
 * in der Mitte hängenden Footers in Bilder komprimieren lösen. (S.Schneider)
 *
 */
 clear:both;
 height:50px;
 width:100%;
}

/* "Bitte warten..."-Anzeige */
#waiter {
 position:absolute;
 top:150px;
 left:290px;
 width:220px;
 height:50px;
 visibility:hidden;
 text-align:center;
}

.verlauf {
 border:solid 1px black;
 margin:5px 1px 5px 1px;
 padding:0;
 font-size:14px;
}