/* CSS Document */

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ffffff;
}

p {
	background-color:#ffffff;
	color:#000000;
}



a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#CC0000;
	text-decoration:underline;
		
	}
h1 { 	
		font-size:17px;
		font-weight:bold;
		color:#a70709;
		padding:2px;
		right:0px;
		
		
		
		border-bottom-color:#FF6600;
		border-bottom-style:dashed;
		border-bottom-width:1px;
		
				}


#seite {
background-image:url(images/designhp2.jpg);
background-color:#000000;
background-position:top;
background-repeat:no-repeat;
position:absolute;
width:100%;
top:0px;
bottom:0px;
left:0px;
}

#seite_inhalt {
/*
Erklärung: Div mittig zentrieren!
=================================
position:absolute ---- Orientierung am Bildschirm
width und height ---- breite und höhe des DIVs
left:50% ---- verschiebe das div um die hälfte der bildschirmbreite nach rechts
top50% ---- verschiebe das div um die hälfte der bildschirmhöhe nach unten
margin-left: -200px ---- jetzt das div wieder um die hälfte der divbreite nach links verschieben (also vertikal zentrieren)
margin-top: -150px ---- jetzt das div wieder um die hälfte der divhöhe nach oben verschieben (also horizontal zentrieren)*/
position:absolute;
width:1000px;
height:572px;
left:50%;
top:0px;
margin-left: -500px;
/*
border-color:#FFFF00;
border-width:1px;
border-style:solid;
*/

}

#menue{
	background-color:#000000;
	position:absolute;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	left:339px;
	top:41px;
	width:611px;
}

#adresse {
background-image:url(images/jungekameraden.png);
background-position:center;
background-repeat:no-repeat;
position:absolute;
bottom:10px;
height:32px;
width:430px;


}


#inhalt {

/* border-style:dashed;
border-color:#999999;
border-width:1px; */

position:absolute;
margin-left:508px;
margin-top:107px;
width:440px;
height:400px;

}

#besetzung_box {
	/* border-style:dashed;
border-color:#999999;
border-width:1px; */
padding:5px;
	padding-top:0px;
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	width:421px;
	height:380px;
	left: 0px;
	top: 0px;
}

#inhalt_box {
	/* border-style:dashed;
border-color:#999999;
border-width:1px; */
padding:5px;
	padding-top:0px;
	position:absolute;
	margin-left:140px;
	margin-top:0px;
	width:289px;
	height:322px;
	left: -9px;
	top: 44px;
}

#besetzung {
	/* border-style:dashed;
border-color:#999999;
border-width:1px; */
padding:5px;
	padding-top:0px;
	position:absolute;
	margin-left:508px;
	margin-top:107px;
	width:268px;
	height:88px;
	left: -495px;
	top: 136px;
}


.text {
  color:#000000;
}



.name {
  font-size:14px;
		font-weight:bold;
		color:#a70709;
		right:0px;
		
		
		
		border-bottom-color:#FF6600;
		border-bottom-style:dashed;
		border-bottom-width:1px;
}



#inhalt2 {
position:absolute;
margin-left:658px;
margin-top:107px;
width:290px;
height:370px;
float:right;

}


#inhalt3 {
	position:absolute;
	width:140px;
	height:329px;
	left:5px;
	top:48px;
	line-height:25px;
}


#copywrite {
text-align:center;
bottom:8px;
margin-left:320px;
color:#FFFFFF;
position:absolute;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;

/*border-style:dashed;
border-color:#999999;
border-width:1px;
*/
}

#auftritt {
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
padding-right:5px;
/*text-decoration:blink;*/
font-weight:bold;
border-style:solid;
border-color:#990000;
border-width:1px;
background-color:#FFFFFF;
position:absolute;
left:73px;
bottom:25px;

}
#auftritt_ueber{
font-weight:bold;
color:#FFFFFF;
position:absolute;
left:75px;
bottom:52px;
}

#admin {
border-style:solid;

border-width:1px;
padding:1px;
color:#999999;
font-size:10px;
position:absolute;
bottom:5px;
right:30px;
}

#admin:hover {border-color:#000000;
}

.foto {
width:90%;
border-width:1px;
padding:5px;
color:#999999;
border-style:solid;
margin:20px;
margin-left:20px;

}
.foto:hover {
background-color:#E0E0E0;}

.foto_jk {
background-image:url(images/jk_fotobrowser.png);
width:40px;
height:40px;
background-repeat:no-repeat;
margin:0px;
float:left;
margin-top:-5px;
}

.foto_ueber {
color:#000000;
margin-left:50px;
font-weight:bold;
border-bottom-color:#999999;
border-bottom-style:dashed;
border-bottom-width:1px;
}
.foto_beschreibung {
margin-left:50px;
font-style:italic;
color:#333333;
}

.bilder_ansehen a {
	float:left;
	margin-top:-13px;
	margin-left:220px;
	font-weight:bold;
	color:#990000;
	left: 34px;
	top: 25px;
	margin-bottom:5px;
}
.bilder_ansehen a:hover {
float:left;
margin-bottom:5px;
font-weight:bold;
color:#000000;
text-decoration:none;
}


.menue a {
color:#ffffff;
}

.menue a:hover {
color:#FF9900;
text-decoration:none;
}

.menue a:focus {
color:#FF3300;
text-decoration:none;
}

.kleine_schrift{
font-size:10px;
}

.besetzung {
border-color:#CCCCCC;
border-style:dashed;
border-width:1px;
margin:10px;
paddin:5px;
min-height:145px;
}

.besetzung_bild {
margin:5px;
float:left;
width:100px;
height:110px;

border-style:solid;
border-width:1px;
}

.besetzung_bild:hover {
border-color:#ff0000;

}

.besetzung_ueber{
padding:3px;
font-weight:bold;
background-color:#333333!important;
color:#ffffff;
text-align:left!important;
border-bottom-color:#ff0000;
border-bottom-style:solid;
border-bottom-width:2px;
margin-right:0px;
}

.besetzung_beschreibung{
margin-top:5px!important;
margin-left:115px;
margin-right:5px;
padding:5px;
font-size:12px;
}

.termine {
padding:5px;
margin:10px;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
right:0px;
}



.termine_datum {
font-weight:bold;
color:#FF6600;
}
.termine_veranstaltung {
font-weight:bold;
font-size:13px;
}
.termine_ort {
font-size:11px;
}


.termine1 {
padding:5px;
margin:10px;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
right:0px;
}

.termine_datum1 {
font-weight:bold;
color:#999999;
}
.termine_veranstaltung1 {
font-weight:bold;
font-size:13px;
color:#BFBFBF;
}
.termine_ort1 {
font-size:11px;
color:#999999;
}




.links {
padding:5px;
margin:10px;
margin-left:20px;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
right:0px;
}
.links_name {
font-size:13px;
}
.links_link {}

.news_ueberschrift {
font-weight:bold;
margin-left:10px;
margin-top:20px;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
font-size:14px;
color:#FF6600;
}
.news_datum {
margin-left:10px;
font-size:10px;
color:#999999;
margin-top:2px;
}

.news_text {
margin-left:10px;
padding:5px;
color:#333333;

}

