body {
    margin: 0;
    padding: 0;
    background: url(../img/bg-herman.png) no-repeat 0px 310px #001827;
    
    color: #201F21;
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-serif;
}

a:link, a:active, a:visited {
    color: #0A3C51;
    text-decoration: underline;
}

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


/* ########## TEXTFORMATS #################################################### */

/* Hauptueberschrift */
h1 {color: #00A4D0; font-size: 16px; font-weight: normal; margin: 0 0 12px 0;}

/* Zwischenueberschrift */
h2 {color: #00A4D0; font-size: 14px; font-weight: normal; margin: 0 0 6px 0;}

/* Absatz */
p {margin: 0 20px 12px 0;}



/* ########## PAGESTRUCTURE ################################################## */

#container {
    width: 1200px;
    display: inline-block;
}
	
#container:after {
	height: 0;
	clear: both;
	content: ".";
	display: block;
	line-height: 0;
	visibility: hidden;
	}

html[xmlns] #container{
	display: block;
	}

* html #container {
	height: 1%;
	}


    #header {
        float: left;
        width: 1170px;
        height: 225px;
        background: url(../img/header.png) no-repeat;
    }
    
    a.buchlink {
        float: right;
        width: 115px;
        height: 150px;
        margin: 10px 380px 0 0;
    }
    
    
    /* ########## NAVIGATION ########## */
    
    #mainnav {
        float: left;
        width: 160px;
        font-size: 14px;
        display: inline;
        margin: -30px 0 0 43px;
    }
    
        ul.mainnav {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
            li.mainnav a {
                color: #fff;
                display: block;
                margin: 0 0 15px 0;
                padding: 0 0 0 15px;
                text-decoration: none;
                background: url(../img/mainnav-liststyle.gif) no-repeat 0 3px;
            } 
            
            li.mainnav_on a {
                color: #fff;
                display: block;
                margin: 0 0 15px 0;
                padding: 0 0 0 15px;
                text-decoration: none;
                background: url(../img/mainnav-liststyle-on.gif) no-repeat 0 3px;
            }
            
            li.mainnav a:hover,
            li.mainnav a:active,
            li.mainnav_on a:hover,
            li.mainnav_on a:active {
                color: #00B8EE;
            }
            
    /* ########## ENDE NAVIGATION ########## */
    
    
    #content {
        float: left;
        width: 620px;
        height: 430px;
        line-height: 18px;
        margin: -30px 0 0 20px;
        background: url(../img/content.png);
    }