BODY {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
BACKGROUND-COLOR: #0070C0;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif;
TEXT-ALIGN: center;
}

img{
border-width: 0px;
}

h5{
background-color: #BFBFBF;
font-size: 13px;
color:#000000;
}


iframe{
border-width: 0px;
}

#global {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 10px;
MARGIN: 0px auto;
WIDTH: 780px;
/*HEIGHT: 800px;*/
BACKGROUND-COLOR: #FFFFFF;
TEXT-ALIGN: left;
font-size: 12px;
z-index:1;
}

#head {
BACKGROUND: url(http://www.jugendtreff-zell.de/images/banner.jpg);
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
MARGIN: 0px;
WIDTH: 780px;
HEIGHT: 132px;
}

#content {
postion:absolute;
BACKGROUND-COLOR: #FFFFFF;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-TOP: 0px;
MARGIN-TOP: 30px;
MARGIN-LEFT: 30px;
WIDTH: 495px;
/*HEIGHT: 648px;*/
FLOAT: left;
top: 132px;
left: 110px;
z-index:2;
}

#contentpic {
postion:absolute;
BACKGROUND-COLOR: #FFFFFF;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-TOP: 0px;
MARGIN-TOP: 30px;
MARGIN-LEFT: 30px;
WIDTH: 412px;
/*HEIGHT: 648px;*/
FLOAT: left;
top: 132px;
left: 110px;
z-index:2;
}

#nav2{
BACKGROUND-COLOR: #FFFFFF;
PADDING-RIGHT: 0px;
PADDING-LEFT: 10px;
PADDING-TOP: 0px;
MARGIN-TOP: 30px;
WIDTH: 204px;
HEIGHT: 640px;
FLOAT: right;
BORDER-LEFT: gray 1px dashed;
font-size: 11px;
}

#nav_pic{
BACKGROUND-COLOR: #FFFFFF;
PADDING-RIGHT: 0px;
PADDING-LEFT: 10px;
PADDING-TOP: 0px;
MARGIN-TOP: 30px;
WIDTH: 204px;
HEIGHT: 640px;
HEIGHT: auto;
FLOAT: right;
BORDER-LEFT: gray 1px dashed;
font-size: 11px;
}

#picnav{
BACKGROUND-COLOR: #FFFFFF;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-TOP: 0px;
MARGIN-LEFT: 5px;
FLOAT: left;
MARGIN-TOP: 210px;
WIDTH: 25px;
}

#navbericht{
BACKGROUND-COLOR: #FFFFFF;
PADDING-RIGHT: 0px;
PADDING-LEFT: 10px;
PADDING-TOP: 0px;
MARGIN-TOP: 30px;
WIDTH: 204px;
HEIGHT: 648px;
FLOAT: right;
font-size: 11px;
}

#gbook{
MARGIN-TOP: 30px;
background-color: #FFFFFF;
width: 780px;
height: 648px;
}

#footer {
BACKGROUND-COLOR: #9F9F9F;
PADDING-TOP: 3px;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
MARGIN: 0px;
WIDTH: 780px;
HEIGHT: 25px;
CLEAR: both;
border-top: solid 1px;
border-bottom: solid 1px;
}

#vorstand{
width: 450px;
height: 250px;
background-color:#BFBFBF;
text-align: center;
border: solid 1px #000000;
}

#kirmes{
width: 450px;
height: 80px;
padding-top: 5px;
padding-left: 5px;
background-color:#BFBFBF;
border: solid 1px #0070C0;
}

#kirmesbild{
width: 93px;
height 70px;
border: solid 1px #0070C0;
float: left;
}

#head td{
padding-top: 110px;
padding-left: 48px;
margin: 55px;
}

#head a{
color: #000000;
text-decoration: none;
FONT-SIZE: 12px;
}

#head a:hover{
color: #A02000;
}

#content h2{
color: #A02000;
font-size: 15px;
}

#contentpic h2{
color: #A02000;
font-size: 15px;
}

#content h1{
color: #FF0000;
font-size: 14px;
padding: 0px;
margin: 0px;
}

#contentpic h1{
color: #FF0000;
font-size: 14px;
padding: 0px;
margin: 0px;
}

#content h4{
color: #A02000;
font-size: 14px;
padding: 0px;
margin: 0px;
}

#contentpic h4{
color: #A02000;
font-size: 14px;
padding: 0px;
margin: 0px;
}

#content td{
padding-left: 0px;
padding-right: 30px;
}

#content a{
color: #0040FF;
}

#contentpic a{
color: #0040FF;
}

#content a:hover{
color: #000000;
}

#contentpic a:hover{
color: #000000;
}

#nav2 h4{
color: #0070C0;
font-size: 14px;
padding: 0px;
margin: 0px;
text-decoration: none;
}

#nav2 h4:hover{
text-decoration: underline;
}

#nav2 li{
list-style-position: outside;
list-style-image: url(images/listenpunkte.gif);
}

#nav2 a{
text-decoration: none;
color: #000000;
}

#nav2 a:hover{
text-decoration: underline;
}

#nav2 img{
text-align: center;
}

#nav_pic h4{
color: #0070C0;
font-size: 14px;
padding: 0px;
margin: 0px;
text-decoration: none;
}

#nav_pic h4:hover{
text-decoration: underline;
}

#nav_pic li{
list-style-position: outside;
list-style-image: url(images/listenpunkte.gif);
}

#nav_pic a{
text-decoration: none;
color: #000000;
}

#nav_pic a:hover{
text-decoration: underline;
}

#nav_pic img{
text-align: center;
}

#footer td{
padding-left: 70px;
padding-right: 70px;
color: #DFDFDF;
font-size: 10px;
}

#footer a{
text-decoration: none;
color: #DFDFDF;
font-size: 10px;
}

#footer a:hover{
text-decoration: none;
color: #FFFFFF;
font-size: 10px;
}

#content p{
font-size: 11px;
border-bottom: gray 1px dashed;
}

#content p.links{
font-size: 11px;
border-bottom: gray 1px dashed;
border-top: gray 1px dashed;
width: 300px;
padding: 5px;
margin: 2px;
}

#comments{
font-size: 9px;
}

#comments hr{
background-color: #0070C0; /* Farbe für Opera und Firefox */
color: #0070C0; /* Farbe für Internet Explorer (IE) */
border: 0;
height: 0.75px;
}

#com1{
/*background-color: #EFEFEF;*/
background-color: #FFFFEE;
width: 412px;
margin: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #999999;
}

#com2{
/*background-color: #CFCFCF;*/
background-color: #F8F8FF;
width: 412px;
margin: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #999999;
}

input.submit{
border: 1px solid black;
background-color: white;
color: black;
}

img.left{
FLOAT: left;
margin-right: 10px;
}

img.right{
FLOAT: right;
margin-left: 10px;
}

td.lower{
font-size: 9px;
}

a.eins{
background-image:url(images/rundgang/haupteingang_klein_sw.jpg);
width:85px;
height:60px;
display:block;
}

a.eins:hover{
background-image:url(images/rundgang/haupteingang_klein.jpg);
width:85px;
height:60px;
display:block;
}

a.zwei{
background-image:url(images/rundgang/getraenkeraum_klein_sw.jpg);
width:90px;
height:60px;
display:block;
}

a.zwei:hover{
background-image:url(images/rundgang/getraenkeraum_klein.jpg);

width:90px;
height:60px;
display:block;
}

a.drei{
background-image:url(images/rundgang/schacht_klein_sw.jpg);
width:90px;
height:60px;
display:block;
}

a.drei:hover{
background-image:url(images/rundgang/schacht_klein.jpg);
width:90px;
height:60px;
display:block;
}

a.vier{
background-image:url(images/rundgang/theke_klein_sw.jpg);
width:90px;
height:60px;
display:block;
}

a.vier:hover{
background-image:url(images/rundgang/theke_klein.jpg);
width:90px;
height:60px;
display:block;
}

a.fünf{
background-image:url(images/rundgang/sitzecke_klein_sw.jpg);
width:90px;
height:60px;
display:block;
}

a.fünf:hover{
background-image:url(images/rundgang/sitzecke_klein.jpg);
width:90px;
height:60px;
display:block;
}

a.sechs{
background-image:url(images/rundgang/juz_klein_sw.jpg);
width:90px;
height:60px;
display:block;
}

a.sechs:hover{
background-image:url(images/rundgang/juz_klein.jpg);
width:90px;
height:60px;
display:block;
}

a.sieben{
background-image:url(images/rundgang/heavys_klein_sw.jpg);
width:90px;
height:60px;
display:block;
}

a.sieben:hover{
background-image:url(images/rundgang/heavys_klein.jpg);
width:90px;
height:60px;
display:block;
}

a.acht{
background-image:url(images/rundgang/schuetzen_klein_sw.jpg);
width:90px;
height:60px;
display:block;
}

a.acht:hover{
background-image:url(images/rundgang/schuetzen_klein.jpg);
width:90px;
height:60px;
display:block;
}

table.comment{
color: black;
background: #F8F8FF;
width: 260px;
margin-top: 3px;
}

td.comment{
width: 65px;
}

#picnav img{
margin: 3px;
}

img.index{
border: solid 2px #BFBFBF;
}
