/* rittiner & gomez 05 */

html, body {
margin : 0;
height : 101%;
background-color : #fd4;
font-family : Comic Sans MS, Arial, Helvetica, sans-serif;
font-size : 15px;
color : #000;
}

/* mozilla focus */

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

/* Inhalt */

#inhalt {
position : static;
width : 500px;
margin : 0 24% 0;
padding : 0 0 30px 0;
text-align : justify;
}
#inhalt a {
color : #000;
text-decoration : underline;
}
#inhalt a:hover {
color : #f00;
text-decoration : underline;
}

/* Menu */

#menu {
position : fixed;
z-index : 1;
top : 0;
left : 0;
width : 20%;
height : 100%;
padding : 0 20px 0 0;
font-size : 12pt;
text-align : right;
border-right :1px dashed #f60;
background-color : #cdc;
}

/* HTML tags */

h1 {
font-size : 28px;
font-weight : lighter;
letter-spacing : 3pt;
padding: 30px 0 10px;
}
h2 {
font-size : 17px;
letter-spacing : 3pt;
margin : 0 0 10px 0;
font-weight : lighter;
text-align : left;
}
h3 {
font-size : 11px;
font-weight : lighter;
}
h4 {
font-size : 10px;
font-weight : lighter;
padding-top : 40px;
}
a {
color : #000;
text-decoration : none;
}
a:hover {
color : #f00;
text-decoration : none;
}
img {
border : 0px none;
}


/* bilder  */


/* zweispalter links */

.gruppe {
margin : 0;
padding : 0;
width : 500px;
height : 320px;
text-align : justify;
}

.bild {
float : left;
padding : 10px 0 10px 10px;
width : 220px;
height : 320px;
}
.text {
float : left;
text-align : left;
padding : 50px 10px 0 0;
width : 250px;

}
.link {
float : left;
text-align : right;
padding : 5px 20px 10px 0;
width : 220px;
line-height : 34px;
}

/* design */

#design {
position : absolute;
left : 9px;
bottom : 9px;
width : 20px;
font-size : 9px;
}

@media print
{
#menu {display:none}
}