/* CSS Document */
body {
background-color:#88DCF7;
text-align:center;
}

#rahmen {
position:relative;
margin:auto;
width:760px;
border:0px solid #FFFFFF;
height:auto;
}

/* ----------------------------------------------------- */
#cont_l {
position:relative;
top:0px;
left:0px;
width:158px;
height:auto;
float:left;
/* background-color:#00FFFF; */
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
border:0px solid #AA7FFF;
}
#cont_r {
position:relative;
top:0px;
width:602px;
height:auto;
float:left;
/* background-color:#FFDFAA; */
}

/* --- LINKE SEITE -------------------------------------------------- */
#logo_ol {
width:158px;
height:87px;
z-index:1;
}
#ani {
z-index:2;
width:107px;
height:98px;
margin-top:-80px;
margin-left:27px;
}


.linkLeiste {
margin-top:25px;
margin-left:5px;
width:145px;
height:12px;
background-image:url(../images/linkLeiste.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.7em;
color:#666666;
}

#feld_link {
margin-left:5px;
padding:5px;
width:135px;
height:auto;
text-align:left;
background-color:#FFCC00;
}
#feld_music {
margin-left:5px;
padding:5px;
width:135px;
height:auto;
text-align:left;
background-color:#F788F1;
}
#feld_foto {
margin-left:5px;
padding:5px;
width:135px;
height:auto;
text-align:left;
background-color:#88F6F7;
}
#feld_login {
margin-left:5px;
padding:5px;
width:135px;
height:auto;
text-align:left;
background-color:#F7EC88;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#666666;
text-align:right;
line-height:20px;
}
/* ---- Linke Navigation ------------- */
.linkNavi {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#FFFFFF;
}
.musikNavi {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#EEEEEE;
}
.fotoNavi {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#999999;
}
/* --- RECHTE SEITE -------------------------------------------------- */
#logo_hg {
width:100%;
height:73px;
background-image:url(../images/logo_hg.gif);
background-repeat:repeat-x;
border:0px solid #FFFF00;
text-align:left;
}
.logo {
margin-top:1px;
margin-left:20px;
z-index:2;
}
#logo_or {
position:absolute;
right:0px;
width:29px;
height:73px;
z-index:1;
}
#logo_hg ul {
margin-top:4px;
margin-left:-60px;
list-style-type:none;
z-index:3;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#FFFFFF;
font-weight:bold;
}
#logo_hg li{
margin-left:30px;
float:left;
}
#logo_hg a{
text-decoration:none;
color:#FFFFFF;
}
#logo_hg a:hover{
text-decoration:underline;
color:#000000;
}
#logo_hg .aktiv{
text-decoration:underline;
}
/* ----------------------------------------------------- */
.textfeld {
background-color:#fef8c6; /*#D7F0F7;*/
margin-top:40px;
margin-left:10px;
margin-right:30px;
padding:20px;
font-family: Verdana, Helvetica, sans-serif;
text-align:left;
border:1px solid #FFBC09;
font-size:12px;
}
.textfeld a{ /* fuer Artikel bearbeiten */
text-decoration:none;
text-decoration:underline;
color:#FF0000;
}

.text_impressum {
background-color:#ebd2fa;
margin-top:40px;
margin-left:10px;
margin-right:30px;
padding:20px;
font-family: Verdana, Helvetica, sans-serif;
text-align:left;
border:1px solid #FFBC09;
font-size:12px;
}
.text_impressum a{ /* fuer Artikel bearbeiten */
text-decoration:none;
text-decoration:underline;
color:#FF0000;
}
.titel {
font-family: Georgia, "Times New Roman",Times, serif;
/*font-style:italic;*/
font-weight:normal;
color:#666666; /*#553FAA;*/
font-size:24px; /*1.6em;*/
}

.titel_fotoarchiv {
font-family: Georgia, "Times New Roman",Times, serif;
background-color:#c4fbfc;
font-weight:normal;
color:#666666; /*#553FAA;*/
font-size:24px; /*1.6em;*/
}
.datum {
text-align:right;
font-size:9px;
color:#000000;
float:right;
}
.text {
text-align:left;
}
.bild {
text-align:center;
}
.rot {
color:#FF0000;
}
.gruen {
color:#00FF00;
}
.blau {
color:#0000FF;
}
.orange {
color:#FFCC00;
}
/* ------------ Ueber Uns ------------------ */
.text_uns {
background-color:#e1e6ff;
margin-top:40px;
margin-left:10px;
margin-right:30px;
padding:20px;
font-family: Verdana, Helvetica, sans-serif;
text-align:left;
border:1px solid #FFBC09;
font-size:12px;
}
.text_uns a{ /* fuer Artikel bearbeiten */
text-decoration:none;
text-decoration:underline;
color:#FF0000;
}

/* ----------------------------------------------------- */
.abstandebene {
margin-top:40px;
margin-left:10px;
margin-right:30px;
border:0px solid #bbee00;
text-align:left;
}
.fotoalbum {
background-color:#c4fbfc;
margin-top:10px;
margin-left:10px;
margin-right:30px;
padding:5px;
height:80px;
text-align:left;
border:1px solid #FFBC09;
font-family: Georgia, "Times New Roman",Times, serif;
/*font-style:italic;*/
font-weight:normal;
color:#666666; /*#553FAA;*/
font-size:24px; /*1.6em;*/
}
.fotoalbum a{ /* fuer Artikel bearbeiten */
text-decoration:none;
text-decoration:underline;
color:#666666;
}
.fotoarchiv {
float:left;
margin-right:20px;
border:none;
}
/* ----------------------------------------------------- */
.login { 
	margin-right:9px;
	width: 80px; 
	height: 11px;
	border: 1px solid #F47932;
	background-color: #F7EC88; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color:#666666; 
}
.submit {
margin-right:10px;
background-color: #F47932; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	color:#F7EC88;
	cursor:pointer;
}

/* --------- Flash Album ------------------------------- */
#flashalbum {
position:absolute;
top:130px;
margin-left:-10px;
width:800px;
height:400px;
border:1px solid #2AFFAA;
background-color:#ffffff;
}

.abtauchen {
margin-left:-1000px;
}

/* ----------- MUSIK -------------------------------- */
.jukebox {
background-color:inherit; /*#F788F1;*/
margin-top:40px;
margin-left:10px;
margin-right:30px;
}

.text_musik {
background-color:#ebd2fa; /*#D7F0F7;*/
margin-top:20px;
margin-left:10px;
margin-right:30px;
padding:20px;
font-family: Verdana, Helvetica, sans-serif;
text-align:left;
border:1px solid #FFBC09;
font-size:12px;
}

.text_musik a{ /* fuer Artikel bearbeiten */
text-decoration:none;
text-decoration:underline;
color:#FF0000;
}

/* ------------- Team-Seite ---------------- */
.inhalt_team {
width:500px;
height:230px;
border:1px solid #FFBC09;
font-family: Georgia, "Times New Roman",Times, serif;
font-weight:normal;
color:#777777;
font-size:12px;
background-color:#ffe2c0; /*#ffc0f4;#deede9;*/
margin-top:40px;
margin-left:10px;
margin-right:30px;
text-align:left;
/*padding:20px;
 float:left; */
}


.team_titel{
text-decoration:underline;
font-family: Georgia, "Times New Roman",Times, serif;
font-weight:normal;
color:#990000;
font-size:20px;
}


/* ------------ PROGRAMM -------------------- */
table {
/*background-color:#fef8c6; #D7F0F7;*/
margin-top:40px;
margin-left:10px;
font-family: Verdana, Helvetica, sans-serif;
text-align:center;
border:1px solid #FA565A;
font-size:13px;
}
.tab_1 {
background-color:#FE5FC0; /*#FA565A; */
}
.tab_2 {
background-color:#FE96D6; /*#FD9698; */
}
.tab_3 {
background-color:#FECCEB; /*#FAC3C4; */
}

/* ------------ LINK-SAMMLUNG ------------------ */
.link_rahmen {
background-color:inherit; /*#D7F0F7;*/
margin-top:20px;
text-align:left;
border:0px solid #FFBC09;
}
.inhalt_link {
width:280px;
height:150px;
border:1px solid #FFBC09;
font-family: Georgia, "Times New Roman",Times, serif;
font-weight:normal;
color:#777777;
font-size:10px;
background-color:#f1fedb; /*f5fedb;#e5e7dd;*/
margin-top:20px;
margin-left:10px;
padding-left:5px;
float:left; 
}
.inhalt_link a{
font-family: Georgia, "Times New Roman",Times, serif;
font-weight:normal;
color:#990000;
font-size:20px;
}
.inhalt_links{
text-decoration:underline;
}

.logoLinks { /* fuer logos bei verlinkung zu anderen seiten */
float:left;
margin-right:10px;
border:0px solid #009F55;
}

.button_links{
text-align:center;
background-color:#F7EC88;/*helles gelb, hg_farbe start text*/
}

/* ---------------------------------------------------------------- */
#seitennavi {
width:100%;
text-align:center;
/* font-family: Georgia, "Times New Roman",Times, serif; */
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:0.8em;
color:#777777;
}
#seitennavi a {
text-decoration:none;
color:#777777;
}
#seitennavi a:hover{
text-decoration:underline;
}
#seitennavi a:focus{
text-decoration:none;
color:#777777;
font-size:0.8em;
}
.aktSeite {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.0em;
color:#FF0000; /* #74aa30; */
}