body {
        background:url(../img/bg_body.jpg) #2d2d2c top left repeat-x;
        font-family:"Lucida Grande","Lucida Sans",SegoeUI,Tahoma,Arial,sans-serif;
        font-size:13px;
        color:#fff;
        line-height:28px;
        padding:0;
        margin:0;
}
* {
        padding:0;
        margin:0;
}
a img {
        border:0;
}
a {
        text-decoration:none;
        outline:none;
        color:#fff;
}
h1 {
        font-size:20px;
        font-weight:normal;
        line-height:24px;
        padding-bottom:12px;
        /*text-transform:uppercase;*/
        text-decoration:none;
}
p {
        padding-bottom:10px;
}
p.date {
        font-size:12px;
}
#content ul,
#content ol {
        padding:0 0 12px 20px;
}
.clearer:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

/* LAYOUT
-------------------------------------------- */

.page {
        width:930px;
        margin:0 auto;
        padding-bottom:30px;
}
.header {
        width:930px;
        height:180px;
        float:left;
}
.logo {
        width:270px;
        float:left;
        padding-top:10px;
}
#content {
        width:930px;
        float:left;
}
/*Box Bild Musik*/
.bild  {float:left;
         width:400px;
         height:400px;
         padding:5px;
         margin-right:20px;
         }
/*Box Hörbeispiele*/
.bild1  {float:right;
         width:320px;
         height:400px;
         padding:40px;
         margin-left:30px;
         text-decoration:none;
         }

.bild2  {float:left;
         width:930px;
         height:100px;
         padding:5px;
         margin-top:15px;
         }

.cdtext  {float:right;
         }

/* NAVI
-------------------------------------------- */

#navi {
        width:660px;
        padding-top:42px;
        float:right;
        line-height:60px;
        font-size:28px;  /*Schriftgröße der Navigationbuttons*/
}

#navi ul {
        list-style:none;
        float:right;
}
#navi ul li {
        float:left;
}
#navi ul li a {
        text-decoration:none;
        /*text-transform:uppercase;*/
        display:block;
        padding:0 10px;
        color:#fff;
}
#navi ul li a:hover {
        text-decoration:none;
}
#navi ul li a.act,
#navi ul li a.act:hover {
        text-decoration:none;
        background:#730059;
        color:#fff;
  -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
     -moz-border-radius: 3px; /* FF1-3.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
#navi2 {
        width:660px;
        padding-top:42px;
        float:right;
        line-height:60px;
        font-size:24px;  /*Schriftgröße der Navigationbuttons*/
}
#navi2 ul {
        list-style:none;
        float:right;
}
#navi2 ul li {
        float:left;
}
#navi2 ul li a {
        text-decoration:none;
        /*text-transform:uppercase;*/
        display:block;
        padding:0 10px;
        color:#fff;
}
#navi2 ul li a:hover {
        text-decoration:none;
}
#navi2 ul li a.act,
#navi2 ul li a.act:hover {
        text-decoration:none;
        background:#730059;
        color:#fff;
  -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
     -moz-border-radius: 3px; /* FF1-3.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}


#flagge1{
         position:absolute;
         top:120px;
         left:80%;
         }
#flagge2{
         position:absolute;
         top:120px;
         left:75%;
         }
#flagge3{
         position:absolute;
         top:120px;
         left:70%;
         }

/* CONTENT-ELEMENTS
-------------------------------------------- */

.text {
        background:url(../img/bg_text.jpg) no-repeat;
        width:930px;
        height:626px;
        float:left;
        text-decoration:none;
}
.text .inner {
        margin:50px 430px 0 50px;
}
.image {
        width:930px;
        float:left;
}
.image .inner {
        background:#fff;
        float:left;
        padding:10px;
}
.image img {
        float:left;
}

.gallery {
        width:930px;
        float:left;
        overflow:hidden;
}
.galleryInner {
        width:945px;
        float:left;
}
.galleryItem {
        float:left;
        background:#fff;
        margin:0 15px 15px 0;
}
       .galleryItemLarge {
                float:left;
                background:#fff;  /* Farbe weiß für Bildrand */
                margin:0 15px 15px 0;
                }
        .galleryItemInner {
        margin:10px;  /* Stärke de Bildrandes */
        position:relative;
        z-index:1;
}
.galleryItemImage,
.galleryItemImage img {
        float:left;

}
.galleryItemCaption {
        position:absolute;
        z-index:2;
        left:0;
        /*         bottom:0; */
                top:340px;
        width:100%;
        height:70px;
        background:url(../img/black_opac_50.png);
}
.galleryItemCaption h2 {
        font-size:20px;
        font-weight:normal;
        text-transform:uppercase;
        padding:8px 0 0 15px;
}
.galleryItemCaption p {
        padding:0 0 0 15px;
}
.galleryItemText {
        clear:both;
        width:280px;
        height:153px;
        background:#000;
        font-size:11px;
        line-height:19px;
}
.galleryItemTextInner {
        margin:0 15px;
        padding-top:9px;
        border-top:1px dotted #fff;
}
.galleryItemText p {
        padding:0;
}
body#pid-6 #content,
body#pid-7 #content {
        line-height:18px;
}
body#pid-6 #content p,
body#pid-7 #content p {
        padding-bottom:18px;
}

/* Footer */
footer {
  width:930px;
  height: 63px;
        margin:0 auto;
}

footer ul {
  list-style:none;
}

footer ul li {
  float: right;
  display: inline-block;
  margin: 0 5px 0 12px;
}

footer ul li a {
  color: #ccc;
  font-size: 11px;
  line-height: 1.4;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
}

footer ul li a.active,
footer ul li a:hover {
  border-bottom: 1px solid #ccc;
}

/* Impressum und Datenschutz */

body#pid-9 #content .text,
body#pid-10 #content .text {
  background: #111;
  border: 10px solid #fff;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body#pid-9 #content .text .inner,
body#pid-10 #content .text .inner {
  margin: 50px;
}

body#pid-9 #content h1,
body#pid-10 #content h1 {
  padding: 0 0 20px;
}

body#pid-9 #content h2,
body#pid-10 #content h2 {
  font-size: 15px;
  padding: 20px 0 10px;
}