body {
	border: 0px solid black;
	text-align: center;
	font-family:verdana, sans-serif;
	font-size: 12px;
	background-color: #F0F8FF;
}

#surrounding {
	width: 980px;
	border: 1px solid #154dac;
	text-align: left;
	margin: auto;
	background-color: #FFFFFF;
}

#contentAll {
	border-top: 1px solid #154dac;
	margin-top: 2px;
	padding-top: 10px;
	text-align: center;
}

#breadcrumb {

}

#content {
	margin-left: auto;
	margin-right: auto;
	border: 0px solid green;
	width: 930px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

#Head {
	height: 115px;
	width: auto;
	text-align: center;
	border-bottom: 1px solid #154dac;
}

#Headline {
	width: auto;
	margin-top: 10px;
}

#Headline h1{
	display: inline;
}

#Wappen{
	height: 110px;
	width: 130px;
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	background-image: url(../pics/wappen_much.jpg);
	background-repeat: no-repeat;
}

/* ##### Navigation ##### */
#navigation {
	height: 20px;
	clear: both;
	border-top: 1px solid #154dac;
	border-bottom: 1px solid #154dac;
	background-color: #154dac;
	margin: 0px;
	width: 100%;
	margin-top: 2px;
}

#navi {
	clear: both;
	list-style-type: none;
	margin: 0px;
}

* html #navi {
	margin-left: 20px;	
}

#navi a:link,
#navi a:visited,
#navi a:hover,
#navi a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

#navi li {
	padding: 2px;
	margin-left: 10px;
	margin-right: 10px;
	height: 20px;
	float: left;
}

* html #navi li {
	padding-left: 10px;	
}

/* Karneval*/
#navi .aright{
	float: right;
}

/* Adminbereich */
#LeftNavi {
	width: 150px;
	float: left;
	text-align: left;
	margin-top: 20px;
	padding: 5px;
	border: 1px solid #154dac;
}

#LeftNavi ul{
	list-style-type: none;
	margin-left: 0px;
}

#LeftNavi li{
	padding-top: 3px;
	padding-bottom: 3px;
}

#LeftNavi ul a:link,
#LeftNavi ul a:visited,
#LeftNavi ul a:hover,
#LeftNavi ul a:active {
	text-decoration: none;
	color: #154dac;
	font-weight: bold;
}

/* ##### ENDE Navigation ##### */

/* ##### Footer ##### */
	#footer{
		margin-top: 25px;
		clear: both;
	}

	#footerlist {
		font-size: 10px;
		list-style-type: none;
		margin-left: 50px;
	}
	
	#footerlist li{
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right: 10px;
		padding-right: 10px;
	}
	
	.balken {
		border-right: 1px solid #154dac;
	}
	
	#footerlist li a:link,
	#footerlist li a:visited,
	#footerlist li a:hover,
	#footerlist li a:active {
		text-decoration: none;
		color: #154dac;
		font-weight: bold;
	}
/* ##### ENDE Footer ##### */

/* ##### Home ##### */
#SecHeadline {
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#HomePic {
	text-align: center;
}

#HomePic img{
	border: 0px;
	height: 461px;
	width: 638px;
	margin-top: 10px;
}

#HomePic .KarnevalHomePic1 {
	height: 360px;
	width: 480px;
}

#HomePic .KarnevalHomePic2 {
	height: 717px;
	width: 480px;
}

#About {
	margin-top: 25px;
	text-align: center;
}

#Nachwuchs{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	text-decoration: underline overline;
	color: #154dac;
	margin-top: 25px; 
	/*margin-bottom: 25px;*/
}

#Nachwuchs a:link,
#Nachwuchs a:visited,
#Nachwuchs a:hover,
#Nachwuchs a:active {
	color: #154dac;
}

/* ##### END Home ##### */

/* ##### Historie ##### */
#chronicellines {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 15px;
	font-style: italic;
	font-weight: bold;
	text-align: justify;
}

.chronicelyear {
	font-size: 14px;
	font-weight: bold;
	font-family: Comic Sans MS;
}

.yeartext {
	text-align: justify;
	margin-top: 10px;
}

#yeartextfooter {
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: justify;
}

#VsDiri ul{
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
	font-weight: bold;
	float: left;
}

#VsDiri li{
	margin-left: 20px;
	font-weight: normal;
}

.liEmpty {
	font-size: 5px;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* ### ENDE History ### */

/* ###  Termine ### */
#Termine ul{
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	font-weight: bold;
/*	float: left;*/
}

#Termine li{
	margin-left: 20px;
	font-weight: normal;
	width: 100%;
}
/* ### ENDE Termine ### */

/* ###  Links ### */
#LinkListe ul{
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
	font-weight: bold;
	float: left;
}

#LinkListe li{
	margin-left: 20px;
	font-weight: normal;
	line-height: 20px;
}
/* ### ENDE Links ### */

/* ###  Interessenten ### */
#Interessenten {
	margin-top: 10px;
	text-align: center;
	width: 700px;
}
#Kontakt {
	margin-top: 40px;
}

#Interessenten hr{
	color: #154dac;
	height: 1px;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* ### ENDE Interessenten ### */


/* ###  Formular ### */
#Formular {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: left;
	width: 600px;
}

.FormularLabel {
	width: 100px;
	line-height: 20px;
	float: left;
	font-weight: bold;
}

.FormularFields {
	width: 200px;
	line-height: 20px;
}

#LoginButton {
	width: 300px;
	margin-top: 5px;
	padding-right: 20px;
	text-align: right;
}

#LoginButton input {
	width: 75px;
}

/* ### ENDE Formular ### */

/* ###  Add Pictures ### */

#FormularPics {
	margin-top: 25px;
}

.PicLabel {
	width: 100px;
	line-height: 20px;
	font-weight: bold;
}

#FormularDir .PicLabel {
	float: left;
	width: 100px;
	line-height: 20px;
	font-weight: bold;
}

.PicFields {
	width: 200px;
	line-height: 20px;
}


#newDirName {
	display: inline;
}

#AddPicButton {
	width: 450px;
	margin-top: 15px;
	padding-right: 20px;
	text-align: right;
}

#AddPicButton input {
	width: 150px;
}

/* ### ENDE Add Pictures ### */

/* ###  Add Pictures Galerie ### */
#PicGalerie{
	float: left;
	margin-left: 10px;
	width: 100%;
}

#PicDir {
	text-align: left;
	float: left;
	width: 100%;
	 }

#PicDir #PicFields {
	float: left;
	margin-right: 10px;
 }

#GalerieHead {
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight: bold;
	font-size: 14px;
}
 
#galerieView {
	clear: both;
}

/*Shadow Effect */
/* http://www.thestyleworks.de/examples/shadow/shadow-08.html  */
div.shadow,
div.shadow2,
div.shadow3,
div.shadow4,
div.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
}
   
div.shadow5:hover div.shadow,
div.shadow5:hover div.shadow2,
div.shadow5:hover div.shadow3,
div.shadow5:hover div.shadow4,
div.shadow5:hover {
   padding: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   }
div.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
div.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
div.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
div.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
div.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid transparent;
   margin: 10px 14px;
   }
div.shadow5:hover {
   border-width: 5px;
   }

div.shadow5 IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   -moz-opacity:0.67;
   }
div.shadow5:hover IMG {
   margin: -1px;
   top: -1px;
   left: -1px;
   -moz-opacity: 1;
   }

/* ### ENDE Pictures Galerie ### */

/* ### User-Ansicht ### */

#AnzMitglieder {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

#Userlist {
	width: 900px;
}

#Userlist #SortButton {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.SingleMember {
	margin-right: 10px;
	margin-bottom: 15px;
	width: 430px;
	height: 220px;
	float: left;
	border-bottom: 1px solid #000000;
}

.MemberInfos,
.MemberInfosSec {
	text-align: left;
	margin-top: 15px;
	float: left;
	width: 250px;
}

.MemberInfos {
margin-top: 35px;
}

.label {
	float: left;
	width: 100px;
	margin-bottom: 2px;
}

.value {
	margin-bottom: 2px;
	font-weight: bold;
}

.MemberFoto {
	float: left;
}

.MemberFoto img {
	width: 120px;
}
 
/* ### ENDE User-Ansicht ### */

/* ### Bilderverwaltung ### */
.SinglePic {
	width: 0px;
	float: left;
}

.SinglePic div {
	width: 100px;
}

/* ### Ende Bilderverwaltung ### */

/* ### Terminverwaltung ### */
#Termine .buttons {
	clear: both;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 30px;
}

#Termine .button {
	width: 100px;
}

#meldung {
	color: red;
	margin-bottom: 25px;
}

/*
#Termine ul {
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
	font-weight: bold;
	float: left;
	list-style: none;
}

#Termine ul li{
	font-weight: normal;
	margin-left: 5px;
}
*/


#neuerTermin {
	text-align: left;
	margin-left: 15px;
	border-top: 1px solid #154dac;
	padding-top: 20px;
}

#neuerTermin .nTHead {
	margin-bottom: 10px;
}

#Termine .label {
	width: 50px;
	text-align: right;
	clear: both;
	margin-right: 10px;
	line-height: 1.5;
}

#Termine .value {
	width: 650px;
	text-align: left;
	float: left;
}

#neuerTermin .value a:link,
#neuerTermin .value a:visited,
#neuerTermin .value a:hover,
#neuerTermin .value a:active {
	text-decoration: none;
	color: #154dac;
}

/* ### ENDE Terminverwaltung ### */

/* ### Linkverwaltung ### */
#Links .buttons {
	clear: both;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 30px;
}

#Links .button {
	width: 100px;
}

#meldung {
	color: red;
	margin-bottom: 25px;
}

#Links ul {
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
	font-weight: bold;
	float: left;
	list-style: none;
}

#Links ul li{
	font-weight: normal;
	margin-left: 5px;
}

#Links ul li span{
	margin-left: 28px;
}

#neuerLink {
	text-align: left;
	margin-left: 15px;
	border-top: 1px solid #154dac;
	padding-top: 20px;
}

#neuerLink .nTHead {
	margin-bottom: 10px;
}

#Links .label {
	width: 150px;
	text-align: right;
	clear: both;
	margin-right: 10px;
	line-height: 1.5;
}

#Links .value {
	width: 650px;
	text-align: left;
	float: left;
}

#neuerLink .value a:link,
#neuerLink .value a:visited,
#neuerLink .value a:hover,
#neuerLink .value a:active {
	text-decoration: none;
	color: #154dac;
}
/* ### ENDE Linkverwaltung ### */


/* ### Jugendarbeit ### */
#Jugendarbeit h1 {
	color: #154dac;
	font-size: 22px;
}

#JugendarbeitText  {
	text-align: justify;
}

#JugendarbeitProbe {
	color: #154dac;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 14px;
}

#diekleineJugend{
	text-align: left;
}

#dieJugend {
	text-align: right;
}

#diegrosseJugend{
	text-align: left;
}

.JugendarbeitZeitenLeft,
.JugendarbeitZeitenRight {
	margin-top: 70px;
	color: #154dac;
	font-weight: bold;
	text-align: center;
}

.JugendarbeitZeitenLeft {
	float: left;
	margin-left: 90px;
}

.JugendarbeitZeitenRight {
	float: right;
	margin-right: 90px;
}

#diekleineJugend img,
#dieJugend img,
#diegrosseJugend img {
	border: 0px;
	width: 256px;
	height: 192px;
}

#diekleineJugend img,
#diegrosseJugend img {
	float: left;
}

#dieJugend img {
	float: right;
}

#JugendarbeitDirigent {
	text-align:-moz-center;
	margin-top: 40px;
	font-weight: bold;
}

#JugendarbeitDirigent ul{
	list-style: none;
	font-weight: normal;
	width: 210px;
}

#JugendarbeitDirigent ul li{
	text-align: left;
	width: 200px;
}

#Jugendarbeit .leer {
	clear: both;
}

/* ### ENDE Jugendarbeit ### */

/* ##### AddUser ##### */
#AddUser .label {
	width: 120px;
	text-align: right;
	clear: both;
	margin-right: 10px;
	line-height: 1.5;
	font-weight: bold;
}

#AddUser .value {
	width: 650px;
	text-align: left;
	float: left;
}

#AddUser .buttons {
	clear: both;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 30px;
}

#AddUser span {
	color: #154dac;
	font-weight: bold;
}

#AddUser .button {
	width: 100px;
	margin-top: 20px;
}
/* ##### ENDE AddUser ##### */


/* ### Mitgliederverwalten ### */
#ManageUser {
	text-align: left;
}

#ManageUser .buttons {
	clear: both;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 30px;
}

#ManageUser .button {
	width: 100px;
}

#meldung {
	color: red;
	margin-bottom: 25px;
}

#ManageUser ul {
	margin-left: 15px;
	margin-right: 15px;
	font-weight: bold;
	list-style: none;
}

#ManageUser ul li{
	font-weight: normal;
	margin-left: 5px;
}
/* ### ENDE Mitgliederverwalten ### */

/* ### Impressum ### */
#impressum h1,
#copyright h1 {
	text-align: center;
	color: #154dac;
	font-size: 24px;
}

#copyright h1 {
	padding-top: 15px;
}

#copyright {
	margin-top: 60px;
	margin-left: 160px;
	border-top: 1px solid #154dac;
	width: 600px;
	text-align: justify;
}

*HTML #copyright {
	margin-left: 0px;
}
/* ### ENDE Impressum ### */

/* ### Karneval-Link Navigation### */
	.b1 {color: red;}
	.b2 {color: #7fff00;}
	.b3 {color: #00ff00;}
	.b4 {color: yellow;}
	.b5 {color: orange;}
	.b6 {color: deeppink;}
	.b7 {color: white;}
	.b8 {color: yellowgreen;}
/* ### ENDE Karneval-Link Navigation ### */

#Wappen_Karneval{
	height: 110px;
	width: 130px;
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	background-image: url(/pics/Wappen_Karneval.jpg);
	background-repeat: no-repeat;
}

/* ### Karneval  Home ### */

#KarnevalSloganLeft {
	text-align: left;
	margin-left: 90px;
	margin-top: 15px;
}

#KarnevalSloganRight {
	text-align: right;
	margin-right: 90px;
	margin-bottom: 15px;
}

#KarnevalSloganLeft,
#KarnevalSloganRight {
	font-size: 24px;
}

.KarnevalImageLabel {
	float: left;
	width: 220px;
	height: 180px;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 140px;
}

*HTMML .KarnevalImageLabel {
	height: 320px;
}

.KarnevalImageLabel2 {
	float: left;
	width: 220px;
	height: 257px;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	/*padding-top: 450px;*/
	padding-top: 250px;
}

*HTMML .KarnevalImageLabel2 {
	height: 717px;
}

.PrinzenpaarPic {
	float: left;
}

#PPmPagen {
	font-size: 20px;
	padding-top: 40px;
	margin-bottom: 10px;
}

.ClearAll {
	clear: both;
}