@charset "utf-8";
/* CSS Document */

html { margin: 0px; padding: 0px; } 
body { width: 100%; background:#ffffff; background-image: url(../images/rapport.jpg); background-repeat: repeat; text-align: center; font-size:12px; line-height:16px; font-weight: normal; color:#333333; font-family:Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; }

a { color: #336699; text-decoration: none; }
a:hover { color: #cc3300; }

h1 { color: #cc3300; font-size: 20px; line-height: 26px; font-weight: normal; text-align: left; font-family: Georgia, Times, serif; }
h2 { color: #cc3300; font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: normal; }
h3 { color: #cc3300; font-size: 14px; line-height: 18px; font-weight: normal; text-align: left; font-family: Georgia, Times, serif; }
* + html h2 { padding: 0px; margin: 0px; }
p { margin: 0px; padding: 0px; }
img { border: 0px solid white;}
ul { margin:0; padding:0px; }
label { text-transform: uppercase; font-size:11px; }
input { border: 1px solid #999999; font-size: 11px; margin: 0px; margin-bottom: 2px; width: 40px; }
textarea { border: 1px solid #999999; font-size: 11px; margin: 0px; margin-bottom: 2px; width: 240px; font-family:Helvetica, Arial, sans-serif; }
.submit { border: 0px solid #999999; margin: 0px; margin-bottom: 2px; width: 91px; }
.address { width: 240px; }
.unit { width: 80px; border: 1px solid #999999; font-size: 11px; }

.panel { margin: 0px auto; padding: 0px; width: 940px; }

.header { width: 900px; height: 91px; margin-top: 80px; z-index: 1; }
.header ul { margin: 0px; padding: 0px; }
.header .mainnav { width: 900px; height: 91px; }
.header .mainnav li { list-style: none; margin: 0px; padding: 0px; float:left; }
.header .mainnav li a { display: block; height: 0px; padding-top: 91px; }

.header .mainnav li.logo a, .header .mainnav li.wir a, .header .mainnav li.unser a, .header .mainnav li.live a,
.header .mainnav li.farbe a, .header .mainnav li.lesen a, .header .mainnav li.runter a, .header .mainnav li.weiter a,
.header .mainnav li.rein a, .header .mainnav li.direkt a { background-image: url(../images/navigation.png); background-repeat: no-repeat; overflow: hidden; }

.header .mainnav li.logo a { width: 100px; background-position: 0px 0px; }
.header .mainnav li.wir a { width: 85px; background-position: -100px 0px; }
.header .mainnav li.unser a { width: 85px; background-position: -185px 0px; }
.header .mainnav li.live a { width: 85px; background-position: -270px 0px; }
.header .mainnav li.farbe a { width: 85px; background-position: -355px 0px; }
.header .mainnav li.lesen a { width: 80px; background-position: -440px 0px; }
.header .mainnav li.runter a { width: 80px; background-position: -520px 0px; }
.header .mainnav li.weiter a { width: 80px; background-position: -600px 0px; }
.header .mainnav li.rein a { width: 80px; background-position: -680px 0px; }
.header .mainnav li.direkt a { width: 100px; background-position: -760px 0px; }

.header .mainnav li.wir.active a { width: 85px; background-position: -100px -90px; }
.header .mainnav li.unser.active a { width: 85px; background-position: -185px -90px; }
.header .mainnav li.live.active a { width: 85px; background-position: -270px -90px; }
.header .mainnav li.farbe.active a { width: 85px; background-position: -355px -90px; }
.header .mainnav li.lesen.active a { width: 80px; background-position: -440px -90px; }
.header .mainnav li.runter.active a { width: 80px; background-position: -520px -90px; }
.header .mainnav li.weiter.active a { width: 80px; background-position: -600px -90px; }
.header .mainnav li.rein.active a { width: 80px; background-position: -680px -90px; }
.header .mainnav li.direkt.active a { width: 100px; background-position: -760px -90px; }

.content { width: 940px; margin-top: 30px; }
.content .text { width: 350px; height: 470px; line-height: 18px; float: left; margin-right: 20px; margin-bottom: 20px; padding: 16px 35px; text-align: justify; background-image: url(../images/papier.png); background-repeat: no-repeat; }
.content .image { width: 290px; height: 220px; float: left; margin-right: 5px; margin-bottom: 5px; padding: 30px 35px 30px 35px; text-align: center; background-image: url(../images/galerie_quer.png); background-repeat: no-repeat; }
.content .imagehigh { width: 220px; height: 290px; float: left; margin-right: 5px; margin-bottom: 5px; padding: 35px 30px 35px 30px; text-align: center; background-image: url(../images/galerie_hoch.png); background-repeat: no-repeat; }
.content .calender { width: 740px; height: 1050px; float: left; margin-right: 10px; margin-bottom: 20px; padding: 40px 60px 30px 100px; text-align: left; background-image: url(../images/papier_gross.png); background-repeat: no-repeat; }
.content .guestbook { width: 680px; height: 320px; float: left; margin-left: 50px; margin-right: 10px; padding: 32px 60px 20px 60px; text-align: left; background-image: url(../images/papier_quer.png); background-repeat: no-repeat; }
.content .businesscard { width: 240px; height: 100px; float: left; margin-right: 10px; padding: 35px 40px 70px 10px; text-align: center; background-image: url(../images/visitenkarte.png); background-repeat: no-repeat; }
.content .businesscard h1 { text-align: center; }
.content .award { width: 170px; height: 50px; float: left; margin-right: 10px; padding: 25px 10px 70px 14px; text-align: center; background-image: url(../images/preis.png); background-repeat: no-repeat; }
.content .award img { margin-bottom: 6px; }
.content .newspaper { width: 250px; height: 220px; float: left; text-align: left; margin: 0px; padding: 16px 30px 35px 30px; background-image: url(../images/zeitungsausschnitt.png); background-repeat: no-repeat; }
.content .download { width: 250px; height: 220px; float: left; text-align: center; margin: 0px; padding: 30px 30px 35px 30px; background-image: url(../images/zeitungsausschnitt.png); background-repeat: no-repeat; }
.content .download img { margin-bottom: 10px; }
.content .infonote { width: 160px; height: 140px; float: left; text-align: center; margin: 0px; padding: 24px 30px 20px 22px; background-image: url(../images/zettel.png); background-repeat: no-repeat; }
.content .infonote h1 { text-align: center; }
.content .note { width: 210px; height: 160px; float: left; margin-right: 10px; margin-bottom: 20px; }
.content .video { float: left; margin: 10px 20px 10px 20px; }

.content .footer { font-size: 11px; margin-top: 60px; height: 30px; text-align: left; }
.content .footer a { color: #333333; }