/* rittiner & gomez 05 */

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

/* Inhalt */

#inhalt {
position : static;
width : 530px;
margin : 0 0 10px 27%;
padding : 40px 0 20px;
height : 100%;
text-align : justify;
}
div#inhalt a {
font-size : 13px;
padding : 1px 4px 1px;
border : 1px solid #555;
background-color : #fff;
}
div#inhalt a:hover {
background-color : #eee;
background-color : #f9f9f9;
}
/* Menu */

#menu {
position : fixed;
z-index : 1;
top : 0;
width : 21%;
height : 100%;
line-height : 18px;
}
#menuganz {
float : right;
width : 120px;
padding : 50px 0 0 0;
}

#menutitel {
font-size : 14px;
text-align : center;
font-weight : bold;
padding : 10px 0 10px;
}
#menulinks {
background-color : #fff;
width : 120px;
border-top : 1px solid #555;
}
#menulinks a {
border-right : 1px solid #555;
border-bottom : 1px solid #555;
border-left : 1px solid #555;
padding : 2px 0 2px 10px;
display : block;
width : 108px;
color: #555;
background-color : #fff;
}
#menulinks a:hover {
color: #000;
background-color : #eee;
}


/* HTML tags */

h1 {
font-size : 15px;
letter-spacing : 5pt;
text-align : right;
margin : 20px 0 20px 0;
}
h2 {
font-size : 14px;
letter-spacing : 2pt;
margin : 20px 0 10px 0;
}
h3 {
font-size : 13px;
letter-spacing : 2pt;
font-weight : lighter;
margin : 10px 0 10px 0;
}
h4 {
font-size : 13px;
margin: 8px 0 0 0;
font-weight : bold;
}
h5 {
font-size : 11px;
font-weight : lighter;
margin : 0;
padding : 0 0 20px 0;
}
h6 {
font-size : 10px;
text-align : right;
margin : 0;
padding : 0;
}
a {
outline: none;
}
a {
color : #555;
text-decoration : none;
background-color : #f9f9f9;
}
a:hover {
color : #000;
background-color : #f9f9f9;
}

/* bilder div + link  */

.gruppe {
text-align : center;
margin : 0 0 10px;
padding : 0;
width : 530px;
height : 170px;
}
.gruppe a  {
display : block;
margin : 10px 0;
}

/* bilder div's */

.tablo {
float : left;
padding : 0;
margin : 0 0 0 43px;
text-align : center;
width : 100px;
height : 160px;
}
.tabloas {
float : left;
padding : 0;
margin : 0;
text-align : center;
width : 100px;
height : 160px;
}

img {
border : 0px none;
}
.tablotre {
float : left;
padding : 0;
margin : 10px 0 20px 38px;
text-align : left;
width : 150px;
height : 155px;
}
.tabloastre {
float : left;
padding : 0;
margin : 10px 0 20px;
text-align : left;
width : 150px;
height : 155px;
}
.bild2 {
float : left;
text-align : right;
padding : 0;
margin : 5px 0 20px;
width : 265px;
}
.bild1 {
float : left;
text-align : left;
padding : 0;
margin : 5px 0 20px;
width : 265px;
}
#bild {
text-align : right;
width : 530px;
padding : 0 0 20px 2px;
}
#bild img {
margin : 0 0 18px 18px;
}

/* zweispalter links */

.gruppelink {
width : 530px;
}

.linkrr {
float : left;
text-align : left;
padding : 5px 0 24px 0;
width : 264px;
}



/* design */

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