*                       /* standarts auf Null stellen */
{
    margin: 0;      /* abstand inhalt */
    padding: 0;     /* bstand außen (oben unten links rechts)  */
    font-family: 'Paprika', cursive;
} 
/*
#wrapper
{
    width: 960px;
    margin: auto;
}

#header
{
    height: 200px;
    background-color: #1240AB;
}

#nav
{
    padding: 10px 0;
    background-color: #6c8cd5;
}

#content
{
    min-height: 300px;
    background-color: #c0c0c0;
}

#content.left
{
    width: 372px;
    float: left;
    background-color: #00B84A;
}

#content.right
{
    width: 588px;
    float: left; /* muss left sein sonst rutscht es unter dem anderen*//*
    background-color: #1240AB;
}

#footer
{
    height: 60px;
    background-color: #FF5900; /* oder rgb(255,234,126);*//*
}

.clearfix 
{
    clear: both;
} */

#wrapper {
    width: 960px;
    margin: auto;
}

#header {
    height: 200px;
    background-color: #f0f;
}

#nav {
    
    padding: 10px 15px;
    background-color: #333;
}

#nav ul {
    list-style: none; 
}

#nav li {
    margin-right: 5px;
    display: inline; 
}
#nav a {
    text-decoration: none;
    font-family: 'Paprika', cursive;
    color: #fff;
    outline: none;
}

#content {
    min-height: 300px;
    background-color: #bbb;padding: 20px;
}

#content .left {
    width: 352px;
    float: left;
}

#content .right {
    width: 568px;
    float: left;
}

#footer {
    height: 60px;
    background-color: #0f0;
}

.clearfix {
    clear: both;
}