/* rittiner & gomez 08 */

html, body {
margin : 0;
background-color: #eee;
font-family:Helvetica, Arial, sans-serif;
font-size : 14px;
color : #444;
height:101%;
}

table{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #444;
}

/* mozilla focus */

a:focus, :visited:focus { -moz-outline: 0px dotted; }

/* Inhalt */

#inhalt {
position : static;
width : 580px;
margin : 80px 0 10px 25%;
padding : 0 0 30px 0;
height : 100%;
}



/* Menu */

#menu {
position : fixed;
z-index : 1;
top : 0;
left : 0;
width : 19%;
height : 100%;
border-right:1px solid #ccc;
letter-spacing : 0.1em;
padding : 40px 20px 0 0;
text-align : right;
background-color : #eee;
}
#menu a {
line-height : 30px;
color : #444;

text-decoration : none;
padding:0 10px;
}
#menu a:hover {
color : #aaa;
}
#menu a.active{
color : #aaa;
}
#menu h1 {
font-size : 20px;
padding: 45px 0 60px;
}


/* HTML tags */

h1 {
font-size : 20px;
padding: 30px 0 10px;
}
h2 {
font-size : 14px;
letter-spacing : 1pt;
margin : 20px 0 10px 0;
text-align : left;
}
h3 {
font-size : 10px;
padding-top : 40px;
padding-bottom : 130px;
font-weight : lighter;
}
h4 {
font-size : 9px;
font-weight : lighter;
}
a {
color : #444;
}
a:hover {
color : #aaa;
}

@media print
{
#menu {display:none}
}
/* design */

#design {
position : absolute;
left : 0;
bottom : 48px;
width : 20px;
font-size : 9px;
font-weight : lighter;
}
#design a {
font-size : 9px;
text-decoration : none;
border : 0px;
color:#999;
}