@CHARSET "UTF-8";
body{
  background-color: #002779; /*#303119;  #80AA6A;*/
  text-align:center;
  padding:0px;
  margin:20px;
  border:none;
  background-position:center;
}
#container{
  position:relative;
  text-align:left;
  background-image:url('assets/Blaeser_soft.jpg');
  width:774px;
  height:528px;
  margin:0px auto;
  z-index: 1;

}
#flash{
	position:relative;
	left:39px;
	top:40px;
	width:692px;
	height:450px;
  text-align:left;
  margin:0px 0px;
  z-index: 3;
}
#fotos{
	position:relative;
	left:38px;
	top:30px;
	width:615px;
	height:375px;
  text-align:left;
  margin:0px 0px;
  z-index: 2;
}

#menuleiste{
	position:absolute;
	left:40px;
	top:448px;
	background-color:white;
	width:688px;
	height:33px;
	z-index: 5;
	/*background-image:url('assets/menu_leiste.jpg');*/
	background-image:url('assets/menu_leiste_leer.jpg');
	background-repeat:no-repeat;
	margin:5px 0px;
	visibility: visible;
}
#next {
	position:absolute;
	width:611px;
	height:11px;
	left: 82px;
	top: 320px;
	visibility: visible;
	z-index: 3;
}

#valentin {
	position:absolute;
	text-align:right;
	width:385px;
	height:11px;
	z-index:25;
	left: 314px;
	top: 415px;
	visibility: visible;
}

#termine {
	position:absolute;
	left: 82px;
	top: 425px;
	z-index: 19;
	visibility: visible;
	height: 11px;
	width: 160px;
}

a.nav {
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #303119;
	text-decoration: underline;
	}
a.nav:hover {
	color: #B22D19;
	}

a.nav1:visited {
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #303119;
	text-decoration: underline;
}
a.nav1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size : 12px; 
	color: #B22D19;
	text-decoration: underline;
}
a.nav1:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #303119;
	text-decoration: underline;
	} 
a.nav1:link {
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #303119;
 	text-decoration: underline;
} 

a.nav2:visited {
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8px; 
	color: #303119;
	text-decoration: underline;
	}
a.nav2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size : 8px; 
	color: #B22D19;
	text-decoration: underline;
	}
a.nav2:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px; 
	color: #303119;
	text-decoration: underline;
	} 
a.nav2:link {
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8px; 
	color: #303119;
 	text-decoration: underline;
} 

a.nav3:visited {
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #303119;
	text-decoration: underline;
	}
a.nav3:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size : 11px; 
	color: #303119;
	text-decoration: underline;
	}
a.nav3:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #303119;
	text-decoration: underline;
	} 
a.nav3:link {
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #303119;
 	text-decoration: underline;
} 
a.nav4:visited {
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #303119;
	text-decoration: underline;
	}
a.nav4:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size : 15px; 
	color: #B22D19;
	text-decoration: underline;
	}
a.nav4:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px; 
	color: #303119;
	text-decoration: underline;
	} 
a.nav4:link {
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #303119;
 	text-decoration: underline;
} 

.rahmen {
	position:absolute;
	left:40px;
	top:40px;
	width:685px;
	height:443px;
	border: 3px outset #000079;
	/*border: 3px outset #303119;*/
	z-index: 2;
	visibility: visible;

}
.jallagraf {
	position:absolute;
	left:530px; 
	top:22px;
	width:217px;
	height:170px;
	background-image:url('assets/logoani.gif');
	/*background-image:url('assets/jalla-logo-klein+.png');*/
	z-index: 20;
	visibility: visible;
}
.cdfoto {
	position:absolute;
	left:80px;
	top:205px;
	width:217px;
	height:170px;
	z-index: 20;
	visibility: visible;
}
.aktuell {
	position:absolute;
	left:549px;
	top:232px;
	background-image:url('assets/les_boukakes.jpg');
	width:175px;
	height:175px;
	z-index: 21;
	visibility: visible;
}
.jallagraf2 {
	position:absolute;
	left:522px;
	top:20px;
	width:234px;
	height:171px;
	visibility: visible;
	z-index: 20;
}
.jallagraf3 {
	position:absolute;
	left:79px;
	top:148px;
	width:172px;
	height:161px;
	z-index: 30;
	visibility: hidden;
}
.jallaspecial {
	position:absolute;
	left:520px;
	top:59px;
	width:196px;
	height:160px;
	visibility: visible;
	z-index: 20;
}
.jallaspecial2 {
	position:absolute;
	left:500px;
	top:280px;
	width:217px;
	height:114px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	z-index: 21;
	visibility: hidden;
}
.compilation {
	position:absolute;
	/*left:566px;*/
	left:766px;
	top:272px;
	width:196px;
	height:114px;
	z-index: auto;
}
.special3 {
	position:absolute;
	left:171px;
	top:190px;
	width:452px;
	height:54px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303119;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 26;
	visibility: visible;
}
.speciali {
	position:absolute;
	left:44px;
	top:32px;
	width:400px;
	height:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303119;
	font-weight: bold;
	/*text-transform: uppercase;*/
	z-index: 26;
	visibility: visible;
}
.guestbook {
	position:absolute;
	left:171px;
	top:190px;
	width:452px;
	height:54px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303119;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 26;
	visibility: visible;
}
.jallavorschau {
	position:absolute;
	left:505px;
	top:300px;
	width:170px;
	height:24px;
	z-index: 92;
	text-align:right;
	visibility: hidden;
}
#jallavorschau2 {
	position:absolute;
	left:534px;
	top:220px;
	height:24px;
	z-index: 99;
	text-align:right;
	visibility: hidden;
}
.DJbild {
	position:absolute;
	left:75px;
	top:128px;
	background-color:white;
	width:117px;
	height:79px;
	z-index: 14;
	visibility: visible;
}
    .menu0 { /* Home */
	position:absolute;
	left:70px;
	top:454px;
	background-color:white;
	/*width:60px;*/
	height:32px;
	z-index: 6;
	visibility: visible;
    }
    .menu1 { /* Termine */
	position:absolute;
	left: 320px; /* 320px;+ Fotos */
	top:454px;
	background-color:white;
	/*width:80px;*/
	height:32px;
	z-index: 7;
	visibility: visible;
    }
    .menu2 { /* History */
	position:absolute;
	left:400px; /* 400px;+ Fotos */
	top:454px;
	background-color:white;
	/*width:100px;*/
	height:32px;
	z-index: 8;
	visibility: visible;
    }
    .menu3 { /* Contact */
	position:absolute;
	left:500px; /* 500px;+ Fotos */
	top:454px;
	background-color:white;
	/*width:75px;*/
	height:32px;
	z-index: 9;
	visibility: visible;
    }
    .menu4 { /* 'Fotos' ist deaktiviert - jetzt für links verwendet */
	position:absolute;
	left:575px;  /* 575px;+ Fotos */
	top:454px;
	background-color:white;
	/*width:60px;*/
	height:32px;
	z-index: 10;
	visibility: visible;
    }
    .menu5 { /* Aktuelles */
	position:absolute;
	left:240px;
	top:454px;
	background-color:white;
	/*width:80px;*/
	height:32px;
	z-index: 18;
	visibility: visible;
    }
    .menu6 {  /* Gästebuch */
	position:absolute;
	left:625px;
	top:454px;
	background-color:white;
	/*width:80px;*/
	height:32px;
	z-index: 18;
	visibility: visible;
    }
.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #303119;
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
.text3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B22D19;
	font-weight: bold;
	text-transform: uppercase;
}

.text4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303119;
}

.text4 ht14 {
	line-height: 14px;
}

.textHL {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B22D19;
}
.textHL1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303119;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
.textHL2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303119;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
.textHL3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B22D19;
	font-weight: bold;
	text-transform: uppercase;
}

.text5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration:none;
    /*text-transform:uppercase;*/
    color:#B22D19;
}
.text6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
/*    text-transform:uppercase;*/
    color: #303119;
}
.text7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	color: #303119;
    }
.text8 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
	line-height:11px;
    text-decoration:none;
    color: #303119;
}

.para2 {
    line-height:16px;
}

.Stil1 { /* speziell für Termin in aktuelles*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:  #303119;
}
.Stil2 {
color: #FFFFFF;
font-size:12px;
}

    .box9 {
	position:absolute;
	left:80px;
	top:82px;
	padding:1px;
	width:448px;
	height:346px;
	z-index: 21;
	visibility: visible;
    }
    .foto1 {
	position:absolute;
	left:80px;
	top:82px;
	background-color:white;
	width:229px;
	height:171px;
	z-index: 13;
    }
    .zufoto1 {
	position:absolute;
	left:-112px;
	top:-3px;
	width:61px;
	height:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #660033;
	line-height: 14px;
	z-index: 12;
    }
    .foto2 {
	position:absolute;
	left:459px;
	top:260px;
	background-color:white;
	width:228px;
	height:170px;
	z-index: 15;
    }
    .zufoto2 {
	position:absolute;
	left:462px;
	top:432px;
	width:130px;
	height:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #660033;
	line-height: 14px;
	z-index: 16;
    }
    .foto3 {
	position:absolute;
	left:278px;
	top:239px;
	background-color:white;
	width:194px;
	height:138px;
	z-index: 13;
    }
    .zufoto3 {
	position:absolute;
	left:280px;
	top:379px;
	width:132px;
	height:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #660033;
	line-height: 14px;
	z-index: 14;
    }
#imprint {
	position:absolute; 
	width:172px; 
	height:187px; 
	z-index:25; 
	left: 550px; 
	top: 234px; 
}
#imprint1 {
	position:absolute; 
	width:172px; 
	height:187px; 
	z-index:25; 
	left: 550px; 
	top: 244px; 
}
#imprint2 {
	position:absolute; 
	width:172px; 
	height:187px; 
	z-index:25; 
	left: 550px; 
	top: 244px; 
}
#imprint3 {
	position:absolute;
	width:172px;
	height:187px;
	z-index:26;
	left: 550px;
	top: 244px;
	visibility: hidden;
}
#TermineHL1 {
	position:absolute;
	left:90px;
	width:633px;
	z-index:9;
	}