html, body {
    margin:0px;
    padding:0px;
    background-color:#660000;
    height:100%;
}

#container {
    margin:auto;
    width:1000px;
    min-height:100%;
    text-align:left;
    position:relative;
    background:#9C0000;
}

#logo {
    width:200px;
    height:70px;
    position:absolute;
    top:80px;
    right:180px;
}

#header {
    position:absolute;;
    top:150px;
    left:30px;
}

#header h1 {
    color:#FFF;
    font-size:1em;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    margin:0px;
    padding:0px;
}

#title {
    position:absolute;
    top:190px;
    left:300px;
    width:120px;
    height:40px;
    text-align:center;
}

#title h2 {
    color:#9C0000;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    font-size:1.2em;
    margin:auto;
    padding:0px;
}

#content {
    width:513px;
    min-height:391px;
    position:absolute;
    top:170px;
    left:456px;
    background:#FFF;
    color:#000;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    font-size:1em;
    line-height:1.5em;
    padding:15px;
    border:0px solid #660000;
}

#content h1 {
    color:#9C0000;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    font-size:1.4em;
}

#content h2 {
    color:#9C0000;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    font-size:1em;
    margin:0px;
    padding:0px;
}

#image {
    position:absolute;
    top:170px;
    left:0px;
    height:421px;
    width:600px;
    background:url(klingeln.jpg) no-repeat #FFFFFF;
}

a {
    color:#9C0000;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    font-size:1em;
    text-decoration:underline;
}

a:visited {
    color:#9C0000;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    font-size:1em;
    text-decoration:underline;
}

a:active {
    color:#0000AA;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    font-size:1em;
}

a:hover {
    color:#0000AA;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    font-size:1em;
}

a.nav {
    color:#9C0000;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    font-weight:bold;
    font-size:0.75em;
    text-decoration:none;
    width:114px;
    height:15px;
    padding:4px;
    text-align:left;
    display:block;
}

a.nav:visited {
    color:#9C0000;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    font-weight:bold;
    font-size:0.75em;
    text-decoration:none;
}

a.nav:active {
    color:#0000AA;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    font-weight:bold;
    font-size:0.75em;
}

a.nav:hover {
    color:#0000AA;
    font-family:'Verdana','Arial','Helvetica',sans-serif;
    font-weight:bold;
    font-size:0.75em;
}
#ulnav {
    list-style:none;
    position:absolute;
    top:267px;
    left:310px;
    margin:auto;
}

#ulnav li {
    position:absolute;
    width:80px;
    height:25px;
    text-align:center;
}

#ulnav #li1 {
    top:0px;
    left:0px;
}

#ulnav #li2 {
    top:45px;
    left:0px;
}

#ulnav #li3 {
    top:119px;
    left:0px;
}

#ulnav #li4 {
    top:163px;
    left:0px;
}

#ulnav #li5 {
    top:237px;
    left:0px;
}

#ulnav #li6 {
    top:281px;
    left:0px;
}

/*

#ulnav {
    list-style:none;
    position:absolute;
    top:267px;
    left:00px;
    margin:auto;
}

#ulnav li {
    position:absolute;
    width:80px;
    height:25px;
}*/
/*variante: verteilte schilderbelegung*/
/*
#ulnav #li1 {
    top:0px;
    left:310px;
}

#ulnav #li2 {
    top:43px;
    left:16px;
}

#ulnav #li3 {
    top:119px;
    left:164px;
}

#ulnav #li4 {
    top:163px;
    left:310px;
}

#ulnav #li5 {
    top:237px;
    left:16px;
}

#ulnav #li6 {
    top:281px;
    left:310px;
}
*/
/*variante: rechte Spalte Schilderbelegung*/
/*
#ulnav #li1 {
    top:0px;
    left:0px;
}

#ulnav #li2 {
    top:45px;
    left:0px;
}

#ulnav #li3 {
    top:119px;
    left:0px;
}

#ulnav #li4 {
    top:163px;
    left:0px;
}

#ulnav #li5 {
    top:237px;
    left:0px;
}

#ulnav #li6 {
    top:281px;
    left:0px;
}
*/

.italic {
    font-style:italic;
}

.bold {
    font-weight:bold;
}

.underline {
    font-style:underline;
}

.bolditalic {
    font-style:underline;
    font-weight:bold;
}