@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans);
@import url(http://fonts.googleapis.com/css?family=Muli);  

html {
height: 100%;
width: 100%;
display: table;}

.h1{font-family: "Muli"; sans-serif; font-size: 20px;}
.h2 {font-family: "Quattrocento Sans"; font-weight: 400;font-style: italic;font-size: 20px;}
.h3 {font-family: "Quattrocento Sans"; font-size: 60px; font-weight: 400;font-style: italic; color: #ffffff; margin: 5% 0px 0px 17%;}
.h4 {font-family: "Quattrocento Sans"; font-size: 60px; font-weight: 400;font-style: italic; color: #000000; margin: 5% 0px 0px 17%;}
.h5 {font-family: "Quattrocento Sans"; font-style: italic; font-weight: 400; font-size: 20px;}
.h6 {font-family: "Quattrocento Sans"; font-style: italic; font-size: 15px;}
.h7 {font-family: "Muli"; sans-serif; font-size: 14px;}
.h8 {font-family: "Muli"; sans-serif; font-size: 17px;}
.h9 {font-family: "Muli"; sans-serif; font-style: italic; font-size: 14px;}

#rahmen {
width: 640px;
background-image: url(bilder/pic.png);
box-shadow: #aaa 0 0 12px 6px;
margin: auto;
transform:rotate(2deg);
  -ms-transform:rotate(2deg); /* für ältere IE Versionen */
  -moz-transform:rotate(2deg); /* für ältere FireFox Versionen */
  -webkit-transform:rotate(2deg); /*  für ältere Safari und Chrome Versionen */
  -o-transform:rotate(2deg); /* für ältere Opera Versionen */
padding: 36px;
}

#inhalt {transform:rotate(-2deg);
  -ms-transform:rotate(-2deg); /* für ältere IE Versionen */
  -moz-transform:rotate(-2deg); /* für ältere FireFox Versionen */
  -webkit-transform:rotate(-2deg); /*  für ältere Safari und Chrome Versionen */
  -o-transform:rotate(-2deg); /* für ältere Opera Versionen */ 
background: #fff; padding: 12px; min-height: 400px;}

.bild
{margin: 0px 0px 0px 5px;}

a.h6 {font-family: "Quattrocento Sans"; font-style: italic; font-size: 16px;}
a.alt{float:right; margin: 321px 0px 0px 3px; background-image:url(bilder/button2.png); width:70px; height:70px;}
a.alt:hover {background-image:url(bilder/button2over.png);}
a.alt2{float:right; margin: 346px 0px 0px 0px; background-image:url(bilder/button.png); width:35px; height:35px;}
a.alt2:hover {background-image:url(bilder/button_over.png);}

a.h:link {color:#000000;}
a.h:visited {color:#800000;}
a.h:hover {background-color:#ff0;}
a.h:active {background-color:#cff;}
a.h:focus {background-color:#080;}