*
{
    margin:0;
    padding:0;
}

body 
{
    background-color: #2f4f4f;
    font-size: small;
    font-family: Verdana, Sans-Serif;
}

h1 
{
    font-size: 300%;
    color:White;
    padding: 12px;
}

h2 
{
    font-size: 150%
}

h3
{
    font-size: 120%
}

p
{
    font-size: 90%;
    line-height: 1.4em;
    color: #fffacd;
    letter-spacing: -15%;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 8px;
    height: auto;
    font-family: Verdana, Sans-Serif;
}

#maw
{
    margin: auto;
    width: 800px;
    background: #222222;
    margin-top: 24px;
}

#header
{
    margin-left: 1px;
    color: #2f4f4f;
    border: none;
}

#linkbar
{
    float: left;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    padding-left: 8px;
    padding-top: 16px;
    margin-top: -4px;
    padding-bottom: 8px;
    border: none;
    background-color: #2f4f4f;
    color: #2f4f4f;
    height: 4px;
    width: 100%;
}
    
#linkbar ul
{    
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 4px;
}

#linkbar li
{
    float: left;
    display: inline;
}
#linkbar a:link, #linkbar a:visited
{
    float: left;
    display: block;
    margin: 0 4px 0 0;
    padding: 1px 12px;
    color: #FFFFCC;
    background-color: #999999;
    text-decoration: none;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #711515;
    border-right: 1px solid #711515;
    border-color: #FFFFCC #006666 #006666 #FFFFCC;
}
#linkbar a:hover
{
    color: #FFFFCC;
    background-color: #FF0000;
    border-top: 1px solid #711515;
    border-left: 1px solid #711515;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
#main-body
{
    float: left;
    width: 75%;
    margin-top: 36px;
}

#content
{
    float: right;
    width: 78%;
    
}
#sidebar-l
{
    float: left;
    width: 18%;
    background: #222222;
    padding-left: 8px;
    padding-right: 12px;
}
#sidebar-l ul
{    
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 4px;
}
#sidebar-l li
{
    float: left;
    width: 88px;
    font-size: 80%;
}
#sidebar-l a:link, #sidebar-l a:visited
{
    float: left;
    width: 88px;
    margin: 0 0px 0 0;
    padding: 1px 4px;
    color: #FFFFCC;
    background-color: #999999;
    text-decoration: none;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #711515;
    border-right: 1px solid #711515;
    border-color: #FFFFCC #006666 #006666 #FFFFCC;
}
#sidebar-l a:hover
{
    float: left;
    width: 88px;
    margin: 0 0px 0 0;
    padding: 1px 4px;
    color: #FFFFCC;
    background-color: #FF0000;
    border-top: 1px solid #711515;
    border-left: 1px solid #711515;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
#sidebar-r 
{
    float: right;
    width: 21%;
    background: #006699;
    margin-top: 2px;
    padding-left: 8px;
    padding-right: 8px;
    border-top-color: #FFFFCC;
    border-top-width: 2px;
    border-top-style: solid;
    padding-top: 4px;
    border-bottom-width: 4px;
    border-bottom-color: #FF0000;
    border-bottom-style: solid;
    background-image: url('images/nachgedacht.jpg');
    background-repeat: no-repeat;
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: #000000;
    height: auto;
    margin-bottom: 12px;
}
#footer
{
    clear: both;
    background: #fffacd;
    color: #222222;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    padding-left: 8px;
}
#sidebar-r2 
{
    float: right;
    width: 22%;
    background: #444444;
    margin-top: 36px;
    padding-top: 0px;
    padding-left: 8px;
    height: auto;
}


.mawboxtitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #fffacd;
    background-color: #444444;
    visibility: visible;
    border-bottom-style: solid;
    width: 98px;
    border-bottom-width: 2px;
    border-top-width: 1px;
    border-top-color: #FFFACD;
    border-top-style: solid;
}

.mawboxtitleR
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #fffacd;
    background-color: #444444;
    visibility: visible;
    border-bottom-style: solid;
    border-bottom-color: #FFFACD;
    border-bottom-width: 2px;
    border-top-width: 1px;
    border-top-color: #FFFACD;
    border-top-style: solid;
    border-top-width: 1px;
    text-align: left;
    margin-top: 4px;
    margin-bottom: 8px;
}
.mawboxtitleR2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #fffacd;
    background-color: #444444;
    visibility: visible;
    border-bottom-style: solid;
    border-bottom-color: #FFFACD;
    border-bottom-width: 2px;
    border-top-width: 1px;
    border-top-color: #FFFACD;
    border-top-style: solid;
    border-top-width: 1px;
    text-align: left;
    margin-top: 48px;
    margin-bottom: 8px;
}
.contenttitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #fffacd;
    background-color: #444444;
    visibility: visible;
    border-bottom-style: solid;
    padding-right: 0px;
    margin-right: 8px;
    width: 100%;
    border-bottom-color: #FFFACD;
    border-bottom-width: 2px;
    border-top-width: 1px;
    border-top-color: #FFFACD;
    border-top-style: solid;
}
#sidebar-r2 a:link, #sidebar-r2 a:visited
{
    float: left;
    width: 110px;
    margin: 0 0px 0 0;
    padding: 1px 4px;
    color: #FFFFCC;
    background-color: #999999;
    text-decoration: none;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #711515;
    border-right: 1px solid #711515;
    border-color: #FFFFCC #006666 #006666 #FFFFCC;
}

#sidebar-r2 a:hover
{
    float: left;
    width: 110px;
    margin: 0 0px 0 0;
    padding: 1px 4px;
    color: #FFFFCC;
    background-color: #FF0000;
    border-top: 1px solid #711515;
    border-left: 1px solid #711515;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

#coverlist
{
    list-style-type: none;
}

#coverlist li
{
    float: left;
    margin-right: 8px;
    margin-bottom: 12px;
    width: 109px;
    height: 110px;
    font-family: verdana, sans-serif;
    font-size: 90%;
    line-height: 1.4em;
    color: #fffacd;
    letter-spacing: -15%;
    font-style: normal;
    font-weight: normal;
    }
    
#coverlist img
{
    display: block;
    border: 2px solid #333300;
    margin-bottom: 4px;
}

#werklist
{
    list-style-type: none;
}

#werklist li
{
    float: left;
    margin-right: 8px;
    margin-bottom: 12px;
    width: 215px;
    font-family: verdana, sans-serif;
    font-size: 90%;
    line-height: 1.4em;
    color: #fffacd;
    letter-spacing: -15%;
    font-style: normal;
    font-weight: normal;
    }
    
#werklist img
{
    display: block;
    border: 2px solid #333300;
    margin-bottom: 8px;
}

#mawfoto
{
    float: left;
    width: 100%;
    margin-top: 36px;
    height: auto;
    }
    
#container {
width:520px;
background-color:#2f4f4f;
margin:0 auto 0 auto;
padding:0px 5px 0 0px;
text-align:left;}

#sec1, #sec2 {
float:left;
width:620px;
position:relative;
background: #2f4f4f url(images/bg.jpg) no-repeat 218px 21px;
height: auto;
}

#sec2 {background-image:none;margin-top:40px;width:620px}

.menu {float: left;width: 90px;background-color:#2f4f4f;margin-right:5px;}

.navi {
float: left;
width: 90px;
margin-top: 0px;}

.navi a {
display: block;width:80px;height:60px;
text-decoration: none;
margin: 6px 0;
background: #2f4f4f;
text-align: left;}

.navi a img {
border:1px solid #000;padding:0;margin:0;}

.navi a:link {background-color:#2f4f4f;}
.navi a:visited {background-color: #2f4f4f;}
.navi a:hover {background-color:#2f4f4f;padding:0;margin:6px 0;}
.navi a:active {background-color:#2f4f4f;}

.showcase {display: none;}

.navi a:hover .showcase {
position: absolute;
top: 48px;
left: 222px;
display: block;
width: 397px;
font: 0.92em Verdana, Arial, Helvetica, sans-serif;
padding: 5px;}

.navi a em {
display:block;margin-top:10px;
color:#ffffCC;font-style:normal;}

#contentlist
{
    list-style-type: none;
}
#contentlist li
{
    float: left;
    margin-right: 8px;
    margin-bottom: 12px;
    width: 470px;
    font-family: verdana, sans-serif;
    
    }
    
#contentlist img
{
    display: block;
    margin-bottom: 4px;
}