/* CSS for URL: www.hamburger-oratorienchor.de */

body {
background : #ffffff;
background-image : url('http://www.hamburger-oratorienchor.de/-content/-chor/-images/background.gif');
color : #000000;
font-family : Verdana, Arial;
margin : 0;
padding : 0;
text-align : justify;
}
div, table { 
margin-left : auto; 
margin-right :auto; 
}
                         
 /* Schrift */

h1 {
color : #000000;
font-family : Verdana, Arial;
font-size : 0.6em;
font-weight : normal;
margin-bottom : 0;
margin-top : 0;
text-decoration : none;
}
h2 {
color : #000000;
font-family : Verdana, Arial;
font-size : 0.8em;
font-weight : normal;
margin-bottom : 0;
margin-top : 0;
text-decoration : none;
}
h3 {
color : #000000;
font-family : Verdana, Arial;
font-size : 1em;
font-weight : normal;
margin-bottom : 0;
margin-top : 0;
text-decoration : none;
}
h4 {
color : #000000;
font-family : Verdana, Arial;
font-size : 1.5em;
font-weight : normal;
margin-bottom : 0;
margin-top : 0;
text-align : center;
}
h5 {
color : #000000;
font-family : Verdana, Arial;
font-size : 0.8em;
font-weight : normal;
margin-bottom : 0;
margin-top : 0;
text-align : center;
}
h6 {
color : #000000;
font-family : Verdana, Arial;
font-size : 1.5em;
font-weight : normal;
margin-bottom : 0;
margin-top : 0;
text-align : center;
}

ul {
font-size : 0.8em;
}
fieldset {
border : 1px solid #5f5f5f;
font-size : 0.8em;
padding : 5px 10px 5px 10px;
}

/* Hyperlink */

a:link {
color : #000000;
text-decoration : none;
}
a:visited {
color : #000000;
text-decoration : none;
}
a:hover {
color : #808080;
text-decoration : none;
}
a:active {
color : #808080;
text-decoration : none;
}

/* Hyperlink concert */

a.concert:link {
color : #000011;
text-decoration : none;
}
a.concert:visited {
color : #000011;
text-decoration : none;
}
a.concert:hover {
color : #808080;
text-decoration : none;
}
a.concert:active {
color : #808080;
text-decoration : none;
}

/* images, no border */

img {
border : 0px none;
}

/* Banner */

.banner {
background : transparent;
background-image : url('http://www.hamburger-oratorienchor.de/-banner/-images/linie.gif');
height : 70px;
left : 57px;
position : absolute;
right : 38px;
top : 20px;
}
.blockleft {
background-image : url('http://www.hamburger-oratorienchor.de/-banner/-images/blockleft.gif');
border : 0px none;
height : 70px;
left : -37px;
padding-top : 0;
position : absolute;
text-align : center;
top : 0px;
width : 37px
}
.blockhoc {
border : 0px none;
height : 70px;
left : 190px;
right : 190px;
padding-top : 0px;
position : absolute;
text-align : center;
top : 0px;
width : 700px
}
.blockright {
background-image : url('http://www.hamburger-oratorienchor.de/-banner/-images/blockright.gif');
border : 0px none;
height : 70px;
padding-top : 0;
position : absolute;
right : -18px;
text-align : center;
top : 0px;
width : 18px
}

/* Flaggen */

.blockflag-htm {
border : 0px none;
height : 33px;
letter-spacing : 10px;
position : absolute;
left : -30px;
text-align : left;
top : 90px
}
.blockflag-php {
height : 33px;
left : 13px;
letter-spacing : 11px;
position : absolute;
right : 100px;
top : 55px
}

/* Menue */

.menue {
border : 0px;
background : transparent;
height : 60%;
left : 25px;
padding : 20px
padding-left : 0px;
position : absolute;
top : 132px;
width : 195px;
}
.arrowlistmenu {
width : 195px;
}
.arrowlistmenu .menuheader {
color : #000000;
margin-bottom : 0px;
cursor : pointer;
font-style : normal;
font-variant : normal;
padding-left : 0px;
padding-right : 0;
padding-top : 2px;
padding-bottom : 5px;
}
.arrowlistmenu .openheader {
background : transparent;
padding-left : 0px;
}

.arrowlistmenu ul {
font-family : Verdana, Arial;
font-size : 0.8em;
margin : 0;
padding-left : 15px;
margin-bottom : 5px;
}
.arrowlistmenu ul li {
padding-bottom : 5px;
}
.arrowlistmenu ul li .opensubheader {
background : #000000;
}
.arrowlistmenu ul li .closedsubheader {
background : #000000;
}
.arrowlistmenu ul li a {
color : #000000;
padding-left : 20px;
font-weight : normal;
border-bottom : 0px none;
font-size : 90%;
padding-right : 0;
padding-top : 5px;
padding-bottom : 5px
}
.arrowlistmenu ul li a:visited {
color : #000000;
}
.arrowlistmenu ul li a:hover {
color : #808080;
}

/* Willkommen, Index */

div.center {
height : 500px;
left : 0;
overflow : hidden;
position : absolute;
right : 0;
text-align : center;
top : 20%;
width : 100%;
margin-bottom : 0;
margin-top : 0;
}
                            
/* Content */
                             
#contentdiv {
bottom : 20px;
left : 220px;
margin : 2px auto;
overflow : auto;
padding : 20px;
position : absolute;
right : 180px;
top : 110px
}
#textdiv {
bottom : 20px;
left : 220px;
margin : 2px auto;
overflow : auto;
padding : 20px;
position : absolute;
right : 180px;
top : 120px
}
#centerdiv {
border : 0px;
left : 10px;
margin : 2px auto;
padding : 20px;
position : relative;
right : 0px;
text-align : center;
width : 650px;
}

#centerdiveintrag {
border : 0px;
left : 10px;
margin : 2px auto;
padding : 20px;
position : relative;
right : 0px;
text-align : center;
width : 350px;
}

/* Concert */

#concert-1div {
background-image: url('http://www.hamburger-oratorienchor.de/-content/-concert/background-1.jpg');
border : 0px;
height : 560px;
position : relative;
text-align : center;
width : 517px;
}

/* Tabelle Thekla-Wormsbaecher */

.table {
border : 0px none;
margin : 0;
width : 100%;
}
.zelle-1 {
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 120px;
}
.zelle-2 {
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
}

/* Tabelle Chor Altona Barmbek Bergedorf */

.table {
border : 0px none;
margin : 0;
width : 100%;
}
.zelle-3 {
height : 20px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 230px;
}
.zelle-7 {
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
}

/* Tabelle Konzertkalender */

.table {
border : 0px none;
margin : 0;
width : 100%;
}
.zelle-10 {
height : 40px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 80px;
}
.zelle-11 {
height : 40px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 40px;
}
.zelle-12 {
height : 40px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
}

/* Tabelle Konzertpreisliste */

.table {
border : 0px none;
margin : 0;
width : 100%;
}
.zelle-20 {
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 120px;
}
.zelle-21 {
height : 20px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 230px;
}
.zelle-22 {
height : 20px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 300px;
}

/* Tabelle Terminkalender */

.table {
border : 1px solid;
border-collapse: collapse;
margin : 0;
width : 100%;
}
.zelle-30 {
border : 1px solid;
padding-left: 8px;
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : center;
width : 100px;
}
.zelle-31 {
border : 1px solid;
padding-left: 8px;
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : center;
width : 120px;
}
.zelle-32 {
border : 1px solid;
padding-left: 8px;
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : center;
}
.zelle-33 {
border : 1px solid;
padding-left: 8px;
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : center;
background-color:#E7E6E6;
}
.zelle-34 {
border : 1px solid;
padding-left: 8px;
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : center;
width : 120px;
background-color:#E7E6E6;
}
.zelle-35 {
border : 1px solid;
padding-left: 8px;
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : center;
width : 100px;
background-color:#E7E6E6;
}

/* Tabelle Audiodateien */

.table {
border : 0px none;
margin : 0;
width : 100%;
}
.zelle-40 {
height : 15px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 60px;
}
.zelle-41 {
height : 15px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : justify;
}

/* Tabelle Bevensen */

.table {
border : 0px none;
margin : 0;
width : 100%;
}
.zelle-50 {
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 90px;
}
.zelle-51 {
height : 20px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 120px;
}
.zelle-52 {
height : 20px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 300px;
}

/* Sitemap Öffentlicher Bereich */

#sitemapdiv {
bottom : 20px;
left : 200px;
margin : 2px auto;
overflow : auto;
padding : 20px;
position : relative;
right : 200px;
top : 110px;
font-size : 0.8em;
text-align : left;
line-height: 22px;
}

#sitemapdiv P {
   padding: 0;
   border: none;
   margin: 0;
   }
#sitemapdiv P.hier1 {
   padding: 0 0 0 0px;
   }
#sitemapdiv P.hier2 {
   padding: 0 0 0 25px;
   }

/* Sitemap Mitgliederbereich */

#sitemapdivmp {
bottom : 20px;
left : 200px;
margin : 2px auto;
overflow : auto;
padding : 20px;
position : relative;
right : 200px;
top : -40px;
font-size : 0.8em;
text-align : left;
line-height: 22px;
}

#sitemapdivmp P {
   padding: 0;
   border: none;
   margin: 0;
   }
#sitemapdivmp P.hier1 {
   padding: 0 0 0 0px;
   }
#sitemapdivmp P.hier2 {
   padding: 0 0 0 25px;
   }

/* Impressum */

.impressum {
height : 200px;
padding : 10px;
position : absolute;
left : 0;
top : 50px;
right : 0;
}

/* Galerie */

#rightdiv {
border : 0px;
bottom : 120px;
margin : 2px auto;
padding : 20px;
position : absolute;
right : 0px;
top : 90px;
text-align : center;
width : 120px;
}
#galeriediv {
border : 0px;
bottom : 120px;
margin : 2px auto;
padding : 20px;
position : absolute;
right : 0px;
top : 45px;
text-align : center;
width : 120px;
}

/* Pinnwand, Konzertwünsche */

fieldset {
border : 1px solid #5f5f5f;
font-size : 0.8em;
padding : 5px 10px 10px 10px;
max-width : 304px;
}
legend {
color : #000000;
font-family : Verdana, Aria;
}
em {
color : #000000;
font-family : Verdana, Arial;
font-size : 0.8em;
}
.gboben {
border : 0px solid;
color : #000000;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : justify; 
margin-left:0; margin-right:0; 
margin-top:10px; 
margin-bottom:1px; 
padding-left:20px; 
padding-right:0; 
padding-top:3px; 
padding-bottom:3px
}
.gbrechts {
float : right;
margin : -10px 20px 0 0;
}
.gbrechts {
float : right;
margin : -1px 20px 0 0;
}
.gbkopf {
color : #808080;
font-family : Verdana, Arial;
font-size : 0.8em;
padding : 2px 10px 2px 20px;
text-align : justify;
}
.eintrag {
color : #000000;
font-family : Verdana, Arial;
font-size : 0.8em;
margin : 0 0 0 0;
padding : 5px 10px 5px 20px;
text-align : justify;
}
.rot {
color : #808080;
font-weight : normal;
margin : 5px 0 0 0;
}
.komment {
color : #808080;
margin : 0 0 0 20px;
}
.red {
color : #000000;
font-weight : normal;
}
.kopf {
color : #000000;
font-size : 0.8em;
font-weight : normal;
text-align : justify;
}
.links {
float : left;
padding : 5px 0 5px 0;
text-align : justify;
}
.rechts {
float : right;
padding : 5px 20px 5px 0;
text-align : justify;
}
.text {
color : #000000;
}
.table-1 {
border : 0px none;
height : 600px;
margin : 0;
text-align : center;
width : 520px
}
.zelle-60 {
height : 20px;
text-align : justify;
}

/* Tabelle Bildergalerie Mitgliederbereich */

.zelle-70 {
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 120px;
}

.zelle-71 {
height : 20px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 520px;
}

/* Buttom */

.buttom {
background : transparent;
border : 0px solid;
bottom : 0;
height : 0px;
left : 0;
position : absolute;
right : 0;
text-align : center;
text-decoration : none
}
.buttomleft {
border : 0px solid;
bottom : 0;
height : 50px;
left : 20px;
position : absolute;
text-align : center;
text-decoration : none;
width : 180px
}
.buttomcenter {
border : 0px solid;
bottom : 0;
height : 80px;
left : 250px;
position : absolute;
right : 250px;
text-align : center
}
.buttomright {
border : 0px solid;
bottom : 0;
height : 80px;
position : absolute;
right : 20px;
text-align : center;
text-decoration : none;
width : 180px
}