/* Die Seite, CSS for URL: www.hamburger-oratorienchor.de/-gastbuch/-admin*/

body {
background : #000011;
color : #ffffff;
font-family : Verdana, Arial;
margin : 0;
padding : 0;
text-align : justify;
}
div, table { 
margin-left : auto; 
margin-right :auto; 
}
                         
 /* Schrift */

h1 {
color : #ffffff;
font-family : Verdana, Arial;
font-size : 0.6em;
font-weight : normal;
margin-bottom : 0;
margin-top : 0;
text-decoration : none;
}
h2 {
color : #ffffff;
font-family : Verdana, Arial;
font-size : 0.8em;
font-weight : normal;
margin-bottom : 0;
margin-top : 0;
text-decoration : none;
}
h3 {
color : #ffffff;
font-family : Verdana, Arial;
font-size : 1em;
font-weight : normal;
margin-bottom : 0;
margin-top : 0;
text-decoration : none;
}
h4 {
color : #ffffff;
font-family : Verdana, Arial;
font-size : 1.5em;
font-weight : normal;
margin-bottom : 0;
margin-top : 0;
text-align : center;
}
h5 {
color : #ffffff;
font-family : Verdana, Arial;
font-size : 0.8em;
font-weight : normal;
margin-bottom : 0;
margin-top : 0;
text-align : center;
}
h6 {
color : #7BB1FB;
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 : #ffffff;
text-decoration : none;
}
a:visited {
color : #ffffff;
text-decoration : none;
}
a:hover {
color : #006dff;
text-decoration : none;
}
a:active {
color : #006dff;
text-decoration : none;
}

/* Hyperlink hoc */

a.hoc:link {
color : #ffffff;
text-decoration : none;
}
a.hoc:visited {
color : #ffffff;
text-decoration : none;
}
a.hoc:hover {
color : #ffffff;
text-decoration : none;
}
a.hoc:active {
color : #ffffff;
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 : #006dff;
text-decoration : none;
}
a.concert:active {
color : #006dff;
text-decoration : none;
}

/* images, no border */

img {
border : 0px none;
}

/* Banner */

.banner {
background-image : url('http://www.hamburger-oratorienchor.de/-banner/-images/linie.jpg');
height : 70px;
left : 20px;
position : absolute;
right : 20px;
top : 20px;
}
.blockleft {
background-image : url('http://www.hamburger-oratorienchor.de/-banner/-images/blockleft.jpg');
border : 0px none;
height : 70px;
left : 0;
padding-top : 0;
position : absolute;
text-align : center;
top : 0;
width : 30px
}
.blockhoc {
background-image : url('http://www.hamburger-oratorienchor.de/-banner/-images/bannertext.gif');
border : 0px none;
height : 26px;
left : 50px;
padding-top : 7px;
position : absolute;
text-align : center;
top : 18px;
width : 240px
}
.blockcenter {
border : 0px none;
height : 33px;
left : 260px;
letter-spacing : 10px;
position : absolute;
right : 260px;
text-align : center;
top : 18px
}
.blockright {
background-image : url('http://www.hamburger-oratorienchor.de/-banner/-images/blockright.jpg');
border : 0px none;
height : 70px;
padding-top : 0;
position : absolute;
right : 0;
text-align : center;
top : 0;
width : 30px
}

/* Date and time */

.datumzeit {
background-image: url('http://www.hamburger-oratorienchor.de/-banner/-images/datumuhr.gif');
border: 0px;
height: 33px;
position: absolute;
right: 50px;
text-align: center;
top: 18px;
width: 240px;
}
.text {
background-color : #494955;
border : 0px;
color : #ffffff;
font-size : 0.95em;
position: absolute;
right : 30px;
text-align : center;
top : 6px;
width : 170px;
}

/* Menue */

.menue {
border : 0px;
height : 60%;
left : 20px;
padding : 20px;
position : absolute;
top : 110px;
width : 180px;
}
.arrowlistmenu {
width : 180px;
}
.arrowlistmenu .menuheader {
color : #ffffff;
margin-bottom : 2px;
cursor : pointer;
font-style : normal;
font-variant : normal;
padding-left : 10px;
padding-right : 0;
padding-top : 2px;
padding-bottom : 5px;
}
.arrowlistmenu .openheader {
background : #000011;
}
.arrowlistmenu ul {
font-family : Verdana, Arial;
font-size : 0.8em;
margin : 0;
padding : 0;
margin-bottom : 5px;
}
.arrowlistmenu ul li {
padding-bottom : 5px;
}
.arrowlistmenu ul li .opensubheader {
background : #000011;
}
.arrowlistmenu ul li .closedsubheader {
background : #000011;
}
.arrowlistmenu ul li a {
color : #ffffff;
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 : #ffffff;
}
.arrowlistmenu ul li a:hover {
color : #006dff;
}

/* Willkommen, Index */

div.center {
height : 500px;
left : 0;
overflow : hidden;
position : absolute;
right : 0;
text-align : center;
top : 20%;
width : 100%;
}
                            
/* Content */
                             
#contentdiv {
background : url('http://www.hamburger-oratorienchor.de/-css/-images/logo.gif') no-repeat fixed center 50%;
bottom : 120px;
left : 200px;
margin : 2px auto;
overflow : auto;
padding : 20px;
position : absolute;
right : 200px;
top : 110px
}
#textdiv {
background : url('http://www.hamburger-oratorienchor.de/-css/-images/logo.gif') no-repeat fixed center 50%;
bottom : 120px;
left : 200px;
margin : 2px auto;
overflow : auto;
padding : 20px;
position : absolute;
right : 200px;
top : 120px
}
#centerdiv {
border : 0px;
left : 10px;
margin : 2px auto;
padding : 20px;
position : relative;
right : 0px;
text-align : center;
width : 650px;
}

/* Concert */

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

/* Tabellen, Kalender. Termine */

.table {
border : 0px none;
margin : 0;
width : 100%;
}
.table-1 {
border : 0px none;
margin : 0;
width : 500px;
}
.zelle-1 {
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 80px;
}
.zelle-2 {
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 120px;
}
.zelle-3 {
height : 20px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 200px;
}
.zelle-4 {
height : 20px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 300px;
}
.zelle-5 {
height : 20px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 400px;
}
.zelle-6 {
height : 20px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 520px;
}
.zelle-7 {
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
}
.zelle-8 {
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : left;
vertical-align : top;
width : 100px;
}
.zelle-9 {
height : 30px;
font-family : Verdana, Arial;
font-size : 0.8em;
text-align : justify;
}

/* Impressum Text Altona, Barmbek */

.impressumbergedorf {
height : 200px;
padding : 10px;
position : absolute;
left : 0;
top : 50px;
right : 0;
}
.impressumaltona {
height : 200px;
padding : 10px;
position : absolute;
left : 0;
top : 400px;
right : 0;
}
.impressumbarmbek {
height : 200px;
padding : 10px;
position : absolute;
left : 0;
top : 600px;
right : 0;
}
.impressum6tdg {
height : 200px;
padding : 10px;
position : absolute;
left : 0;
top : 50px;
right : 0;
}
#rightdiv {
border : 0px;
bottom : 120px;
margin : 2px auto;
padding : 20px;
position : absolute;
right : 0px;
top : 90px;
text-align : center;
width : 160px;
}

/* Gastbuch, Enter, Kontakt */

fieldset {
border : 1px solid #5f5f5f;
font-size : 0.8em;
padding : 5px 10px 5px 10px;
max-width : 100%;
}
legend {
color : #ffffff;
font-family : Verdana, Aria;
}
em {
color : #ffffff;
font-family : Verdana, Arial;
font-size : 0.8em;
}
.gboben {
border : 0px solid;
color : #ffffff;
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 : #ffffff;
font-family : Verdana, Arial;
font-size : 0.8em;
padding : 2px 10px 2px 20px;
text-align : justify;
}
.eintrag {
color : #888888;
font-family : Verdana, Arial;
font-size : 0.8em;
margin : 0 0 0 0;
padding : 5px 10px 5px 20px;
text-align : justify;
}
.rot {
color : #ff0000;
font-weight : bold;
margin : 5px 0 0 0;
}
.komment {
color : #666666;
margin : 0 0 0 20px;
}
.red {
color : #ff0000;
font-weight : bold;
}
.kopf {
color : #888888;
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 : #ffffff;
}

/* Textticker */

.ticker {
border : 0px solid;
bottom : 0;
height : 80px;
left : 0;
position : absolute;
right : 0;
text-align : center
}
.form1 {
background : #000011;
border : 0px solid;
color : #ffffff;
position : relative;
text-align : center
}

/* Buttom */

.buttom {
background : #000011;
border : 0px solid;
bottom : 0;
height : 100px;
left : 0;
position : absolute;
right : 0;
text-align : center;
text-decoration : none
}
.buttomleft {
border : 0px solid;
bottom : 0;
height : 80px;
left : 30px;
position : absolute;
text-align : center;
text-decoration : none;
width : 180px
}
.buttomcenter {
border : 0px solid;
bottom : 0;
height : 60px;
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
}