body {
        /*background: url(../images/BackgroundBreite.jpg) repeat-y 0 0;*/
        margin:0;
        padding:0;
        font-family:Verdana;
        font-size:12px;
}

a img {
        border: 0px
}

a
{
	color: #000000;
    text-decoration: underline;
}

#background {

        background-position:top;
        background-repeat:repeat-x;
}

/**** Header ****/
#headerHI{
        width:1249px;
        height:225px;
        display:block;
        background-image:url(../images/Header.jpg);
}

/**** Obere Leiste für horizontales Menü bzw. Player ****/
#navi {
        width:1249px;
        height:47px;
        display:block;
}

/**** Linke Navigationsleiste ****/
#naviLEFT {

        float:left;
        width:214px;
        background-image:url(../images/NaviLeft.jpg);
        background-repeat: repeat-y;
        padding-bottom: -1px;
}

#naviLEFT ul {
        padding:0;
        margin:0px 0 0 46px;
        list-style-type:none;
}

#naviLEFT li {
        margin-top:1px;
}

#naviLEFTBottom {
        width:212px;
        height:36px;
        display:block;
        background-image:url(../images/NaviLeftBottom.jpg);
}

.buttonChronik span {
	display:			none;
}
.buttonChronik:link, .buttonChronik:visited {
	display:			block;
	width:				142px;
	height:				44px;
	background:			url(../images/ButtonChronik.jpg);
}
.buttonChronik:hover, .buttonChronik:active, .buttonChronik:focus {
	background-image:		url(../images/ButtonChronikHover.jpg);
}

.buttonKontakt span {
	display:			none;
}
.buttonKontakt:link, .buttonKontakt:visited {
	display:			block;
	width:				142px;
	height:				44px;
	background:			url(../images/ButtonKontakt.jpg);
}
.buttonKontakt:hover, .buttonKontakt:active, .buttonKontakt:focus {
	background-image:		url(../images/ButtonKontaktHover.jpg);
}

.buttonTermine span {
	display:			none;
}

.buttonBesetzung span {
	display:			none;
}
.buttonBesetzung:link, .buttonBesetzung:visited {
	display:			block;
	width:				142px;
	height:				44px;
	background:			url(../images/ButtonBesetzung.jpg);
}
.buttonBesetzung:hover, .buttonBesetzung:active, .buttonBesetzung:focus {
	background-image:		url(../images/ButtonBesetzungHover.jpg);
}

.buttonTermine span {
	display:			none;
}
.buttonTermine:link, .buttonTermine:visited {
	display:			block;
	width:				142px;
	height:				44px;
	background:			url(../images/ButtonTermine.jpg);
}
.buttonTermine:hover, .buttonTermine:active, .buttonTermine:focus {
	background-image:		url(../images/ButtonTermineHover.jpg);
}

.buttonGallerie span {
	display:			none;
}
.buttonGallerie:link, .buttonGallerie:visited {
	display:			block;
	width:				142px;
	height:				44px;
	background:			url(../images/ButtonGallerie.jpg);
}
.buttonGallerie:hover, .buttonGallerie:active, .buttonGallerie:focus {
	background-image:		url(../images/ButtonGallerieHover.jpg);
}

.buttonPresse span {
	display:			none;
}
.buttonPresse:link, .buttonPresse:visited {
	display:			block;
	width:				142px;
	height:				44px;
	background:			url(../images/ButtonPresse.jpg);
}
.buttonPresse:hover, .buttonPresse:active, .buttonPresse:focus {
	background-image:		url(../images/ButtonPresseHover.jpg);
}

.buttonGaestebuch span {
	display:			none;
}
.buttonGaestebuch:link, .buttonGaestebuch:visited {
	display:			block;
	width:				142px;
	height:				44px;
	background:			url(../images/ButtonGaestebuch.jpg);
}
.buttonGaestebuch:hover, .buttonGaestebuch:active, .buttonGaestebuch:focus {
	background-image:		url(../images/ButtonGaestebuchHover.jpg);
}

.buttonJugend span {
	display:			none;
}
.buttonJugend:link, .buttonJugend:visited {
	display:			block;
	width:				142px;
	height:				44px;
	background:			url(../images/ButtonJugend.jpg);
}
.buttonJugend:hover, .buttonJugend:active, .buttonJugend:focus {
	background-image:		url(../images/ButtonJugendHover.jpg);
}

/**** Main-Part ****/
#main {
        position:relative;
        margin:0 0 0 225px;
        background-image:url(../images/ContentBackground.jpg);
        background-repeat:repeat-y;
        width:802px;
}

#footer {
        position: relative;
		bottom: 0px;
        width:1249px;
        text-align:center;
        display:block;
        font-family:Verdana;
        font-size:14px;
        font-weight:bold;
        color: #a4a4a4;
        /*height:36px;
        background-image:url(../images/footer.jpg);*/
}
#footer a
{
	color: #444444;
    text-decoration: underline;
}
#footerMenu {
        font-size:12px;
        font-weight:normal;
        color: #444444;
}


#headline {
        width:802px;
        height:auto;
        text-align:center;
        background-color: #FFFFFF;
}

#contentHeader {
        width:802px;
        height:24px;
        display:block;
        background-image:url(../images/ContentHeader.jpg);
}

#content {
        width:752px;
        position:relative;
        display:block;
        margin:0 0 0 20px;
        text-align:justify;
}

#contentFooter {
        width:802px;
        height:21px;
        display:block;
        background-image:url(../images/ContentFooter.jpg);
}

#caption {
        font-style: italic;
        padding-right: 10px;
        text-align: center;
        font-size: 12px;
}

/** Spezial für Submenü **/
#subMenu a {
        color: #444;
        text-decoration: none;
}

#subMenu a:hover {
        text-decoration: underline;
}

#subMenu a:visited {
        color: #444;
}

/** Spezial für Gallerie **/
#contentGallerie {
        width:802px;
        position:relative;
        display:block;
        margin:0 0 0 0px;
}

#galleryFrame{
  background-color: #FFF;
}

/** Spezial für Jugendseite **/
#zitat {
        background-color: #faefc1;
        border-style: solid;
        border-color: #444;
        border-width: 2px;
        font-family:Constantina,Georgia,'Nimbus Roman No9 L',serif;
        font-size: 20px;
        padding: 10px;
        margin: 2px;

        border-radius: 10px; /*CSS 3 required*/
        -moz-border-radius: 10px; /*old firefox*/
        -webkit-border-radius: 10px; /*old safari/chrome*/
}

#zitatCaption {
        font-style: italic;
        padding-right: 10px;
        text-align: right;
        font-size: 14px;
}

#jugendMenu {
        text-align: center;
}

#jugendContent {
        font-size: 16px;
}

#subTitle {
        padding: 15px 0px 0px 0px;  /* top right bottom left */
        font-size: 20px;
}

#subSubTitle {
        font-size: 14px;
        font-style: italic;
        padding-bottom: 10px;
}


/**** Rechte Navileiste ****/
#naviRIGHT {
        position:absolute;
        top:324px;
        left:1030px;
        width:224px;
        background-image:url(naviRIGHT.jpg);
        margin:0;
		padding:0;
		list-style:none;
}

#naviRIGHT ul {
        padding:0;
        margin:0px 0 0 40px;
        list-style-type:none;
}

#naviRIGHT li {
        margin-top:1px;
        color:#000000;
}

/**** Gästebuch ****/
#form .randomtxt{
	width:80px;
	border: 1px solid #aaaaaa;
	color:#414B29;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #EFEFEF;
}
.padding_left_gb{
	padding-left:18px;
}
a.gb_links {
	color:#008800;
	text-decoration:none;
}
a.gb_links:hover {
	color:#FF0000;
	text-decoration:underline;
}
fieldset{
	border:1px solid #FFFFFF;
	padding:0px 20px 0px 20px;
}
legend{
	color: #FFFFFF;
}
.formular{
	margin: 10px;
}
.mark{
	background-color:#aaaaaa;
	color: #ffffff;
}

span.hidden {
    display: none;
}

/**** Tabelle "rounded-corner"****/
#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 200px;
	text-align: left;
	border-collapse: collapse;
}

#rounded-corner thead th.rounded-company
{
	background: #12531a url('../images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q2
{
	background: #12531a url('../images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #FFF;
	background: #12531a;
}
#rounded-corner td
{
	padding: 8px;
	background: #cee6c4;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner a:link
{
	color: #444444;
    text-decoration: none;
}
#rounded-corner a:hover
{
	color: #444444;
    text-decoration: underline;
}
#rounded-corner a:visited
{
	color: #444444;
    text-decoration: none;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #cee6c4 url('../images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #cee6c4 url('../images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #eeeeee;
    color: #111;
}

/**** Tabelle "gradient-style"****/
#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 750px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 6px;
	background: #b9c9fe url('../images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #999;
	color: #fff;
}
#gradient-style td
{
	padding: 6px;
	border-bottom: 1px solid #999;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #bdcbfc url('../images/gradhover.png') repeat-x;
	color: #339;
}
#gradient-style a
{
	color: #669;
    text-decoration: underline;
}
#comment
{
    background: #e8edff url(../images/kommentar.jpg) no-repeat !important;
    padding: 0px !important;
    width: 16px;
}


/**** Bubbleinfo ****/
tr.bubbleInfo {
	vertical-align: middle;
	position: relative;
	color: white;
}
.popup,.popupKontakt {
	position: relative;
}
.popup ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #e7f4f2 url(../images/popup.png) no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 720px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}
.popup li,.popupKontakt li {
	padding-bottom: 5px;
}
.popup li span,.popupKontakt li span {
	display: block;
	font-size: 12px;
	text-align: justify;
	color: #222;
}
.popup li span.title {
	font-weight: bold;
	color: #222;
}
.popup li span.zeit {
	font-style:italic;
}
.popupKontakt ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #e7f4f2 url(../images/popup.png) no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}