/* TYPOGRAPHIE */

p, form {
font-size: 0.8em;
}

h1, h2, h3, h4 {
font-size: 0.9em
}

.repertoire {
margin: 15px;
width: 280px;
}

.audio {
margin-left: 420px;
line-height: 130%;
}

.termine {
margin-left: 40px;
line-height: 130%;
width: 200px;
}

.galerie {
margin-left: 20px;
line-height: 130%;
width: 200px;}

.kontakt, form {
margin: 10px;
color: #000;
}

.kontakt a {
color: #000;
}

a {
text-decoration: none;
color: #FFF;
}

a:hover {
color: #CB364C;
}

#navigo p, #indexnavigo p {
margin-top: 70px;
}

#navigo a, #indexnavigo a {
margin-right: 15px;
}

/* FORMULAR */

input {
width: 260px; 
border: 1px solid #000;
margin-bottom: 5px;
}

.button {
background-color: #FFF;
width: 100px;
margin: 10px 3px 0 3px;
border: 1px solid #FFF;
-moz-border-radius:20px;
background-color: #EEB96F;
}

/* LAYOUT */

body {
background-color: #f6eee4;
margin: 3% 0 0 0;
text-align: center;
font-size: 100.1%;
font-family: Arial, helvetica, verdana, sans-serif; 
color: #FFF;
}

#rahmen {
position: relative;
width: 880px;
margin: auto;
text-align: left;
height: 560px;
z-index: 1;
}


#header {
position: absolute;
width: 880px;
height: 160px;
left: 0px;
top: 0px;
z-index: 10;
}

#navigo {
position: absolute;
width: 560px;
height: 160px;
left: 320px;
top: 00px;
z-index: 20;
text-align: right;
background: #5E321C url(img/logo.jpg) no-repeat;
}


#indexnavigo {
position: absolute;
width: 560px;
height: 160px;
left: 320px;
top: 00px;
z-index: 20;
text-align: right;
background: #5E321C url(img/bg_index_01.jpg) no-repeat;
}

#content {
position: absolute;
width: 880px;
height: 400px;
left: 0px;
top: 160px;
z-index: 10;
}


#contentfoto {
position: absolute;
z-index: 20;
}

#impressum, #galerie {
position: absolute;
overflow: auto; 
}

#galerie {
white-space: nowrap;
width: 640px; 
height: 270px; 
left: 240px; 
top: 50px; 
}

#impressum {
width: 320px; 
height: 400px; 
left: 560px; 
top: 160px; 
background: #EEB96F;
z-index: 50;
}

#galerie img {
margin-left: 10px;
border: 1px solid white;
height: 240px;
}

#hbox1, #hbox2, #hbox3 {
position: absolute;
z-index: 20;
}

#hbox1 {
width: 240px;
height: 160px;
left: 0px;
top: 0px;
}

#hbox2 {
width: 80px;
height: 80px;
left: 240px;
top: 0px;
background: #552D22;
}

#hbox3 {
width: 80px;
height: 80px;
left: 240px;
top: 80px;
background: #895237;
}


#cbox1, #cbox2, #cbox3, #cbox4, #cbox5 {
position: absolute;
z-index: 20;
}