/**************************************************************************************************/
/* HTML-Tags                                                                                      */
/**************************************************************************************************/
* {
  margin: 0 ;
		padding: 0 ;
}

/* Bilder-Tag */
img {
	 border: none;
	 font-size: 0;
}

/* Seitenbody */
body {
	 margin: 0 ;
	 padding: 0;
	 text-align: left;
	 font-family: Arial, Tahome, Verdana, Geneva, Helvetica, sans-serif;
	 font-size: 100%;
	 color:#585757;
}

/* Hauptüberschrift */
h1 {
	 margin: 0 0 10px 0;
 	font-size: 1.2em ;
 	font-weight:bold;
 	text-align: left;
}

/* Kapitelüberschrift */
h2 {
	 margin: 0 0 10px 0;
 	font-size: 1.0em ;
 	font-weight:bold;
 	text-align: left;
}

h3 {
	 margin: 0 0 10px 0;
 	font-size: 0.8em ;
 	font-weight:bold;
 	text-align: left;
}

h4 {
	 margin: 0 ;
 	font-size: 1.0em ;
 	font-weight:bold;
 	text-align: left;
}

h5 {
	 margin: 0 0 10px 0;
 	font-size: 1.4em ;
 	font-weight:bold;
 	text-align: left;
}

/* Kapitel Fließtext */
p,address {
 	margin:0 0 0.65em 0 ;
 	font-size: 0.8em;
 	line-height: 1.4em;
 	font-weight: normal;
 	font-style: normal;
}

/* Link allgemeiner Teil */

.unsichtbar, .sprungmarken {
  display:none;
}

/*********************************************************************************************/
/* Body-Einstellungen                                                                        */
/*********************************************************************************************/
.bodyHome {
	 background-color: #C0C99B;
}

.bodyTheater {
/*	 background-color: #fcdfdf;*/
  background-color:#C0C99B ;
}

.bodyModedesign {
  background-color:#C0C99B ;
}

/*********************************************************************************************/
/* Theater-Kontakt                                                                           */
/*********************************************************************************************/
.homeTextTheater {
  margin:10px 0 0 20px ;
/*  color:#e2a6a7 ;*/
		color:#FFFFFF ;
}

.homeTextModedesign {
  margin:10px 20px 0 0 ;
/*  color:#e2a6a7 ;*/
		color:#FFFFFF ;
}

.homelink {
  margin: 15px 0 0 113px ;
		float: left ;
}

.paragraph {
  width: 635px ;
}

/*********************************************************************************************/
/* Theater-Kontakt                                                                           */
/*********************************************************************************************/

.inputField {
  margin: 0 0 5px 0 ;
}

.inputField label {
  color: #585757 ;
		font-weight:bold ;
  width: 100px ;
		height: 15px ;
		display:block ;
		float: left ;
}

.headlinePage {
 	margin:0 0 1.25em 0 ;
 	font-size: 1.4em ;
 	font-weight:bold;
 	text-align: left;
		font-stretch:wider ;
}

.paragraphCenter {
 	font-size: 1.0em;
 	line-height: 1.4em ;
 	font-weight: normal ;
 	font-style: bold ;
  text-align:center ;
}

/*********************************************************************************************/
/* Theater-Kontakt                                                                           */
/*********************************************************************************************/
.theaterKontaktname {
  border: 0px ;
		width: 200px ;
/*		background-color:#D8ACAD ;*/
		background-color:#A0AB66 ;
}

.theaterKontaktplz {
  border: 0px ;
		width: 50px ;
/*		background-color:#D8ACAD ;*/
		background-color:#A0AB66 ;
}

.theaterKontaktemail {
  margin: 2px 0 2px 0 ;
  border: 0px ;
		width: 250px ;
/*		background-color:#D8ACAD ;*/
		background-color:#A0AB66 ;
}

.theaterKontaktnachricht {
  border: 0px ;
		width: 250px ;
		height: 100px ;
/*		background-color:#D8ACAD ;*/
		background-color:#A0AB66 ;
}

.theaterKontaktbutton {
  margin: 0 0 0 98px ;
/*		background-color:#D8ACAD ;*/
		background-color:#A0AB66 ;
  color: #585757 ;
		font-weight:bold ;
}

/*********************************************************************************************/
/* Modedesign-Kontakt                                                                        */
/*********************************************************************************************/
.modedesignKontaktname {
  border: 0px ;
		width: 200px ;
		background-color:#A0AB66 ;
}

.modedesignKontaktplz {
  border: 0px ;
		width: 50px ;
		background-color:#A0AB66 ;
}

.modedesignKontaktemail {
  margin: 2px 0 2px 0 ;
  border: 0px ;
		width: 250px ;
		background-color:#A0AB66 ;
}

.modedesignKontaktnachricht {
  border: 0px ;
		width: 250px ;
		height: 100px ;
		background-color:#A0AB66 ;
}

.modedesignKontaktbutton {
  margin: 0 0 0 98px ;
		background-color:#A0AB66 ;
  color: #585757 ;
		font-weight:bold ;
}

/*********************************************************************************************/
/* Allgemein-Layout                                                                          */
/*********************************************************************************************/
#pagemargin {
  margin: 10px 0 0 0 ;
		text-align:center ;
}

#pageHome {
  margin:auto;
  width: 960px ;
		height: 720px ;
		text-align:center ;
}

#pageMain {
  margin:auto;
  width: 960px ;
		height: 700px ;
		text-align:center ;
}

/*********************************************************************************************/
/* Home-Layout                                                                               */
/*********************************************************************************************/

#homeAreaTheater {
  width: 960px ;
		height:240px ;
  background-image:url(../images/verlauf_gruen.jpg) ;
		float: left ;
}

#homeAreaTheaterLogo {
  margin:20px 0 0 22px ;
		width:800px ;
		height:150px ;
  text-align:left ;
		float: left ;
}

#homeAreaTheaterNavi {
  margin: 46px 0 0 0  ;
		width: 430px ;
		height: 20px ;
		float: left ;
}

#homeAreaGarderobe {
  width: 960px ;
		height:240px ;
  background-image:url(../images/verlauf_rosa.jpg) ;
		float: left ;
}

#homeAreaGarderobeLogo {
/*  margin:62px 0 0 230px ;*/
		background-repeat:no-repeat ;
		display: block ;
  float: left ;
}

#homeAreaModedesign {
  width: 960px ;
		height:240px ;
  background-image:url(../images/verlauf_gruen.jpg) ;
		float: left ;
}

#homeAreaModedesignNavi {
		width: 313px ;
		height: 24px ;
		float: right ;
}

#homeAreaModedesignLogo {
  margin:85px 20px 0 0 ;
		width:800px ;
		height:120px ;
  text-align:right ;
		float: right ;
}

/*********************************************************************************************/
/* Main-Theater-Layout                                                                       */
/*********************************************************************************************/
#mainTheaterBody {
  width: 960px ;
		height: 700px ;
		float:left ;
}

#mainTheaterHeader {
  width: 960px ;
		height: 170px ;
  background-image:url(../images/modedesign-header-background.jpg) ;
		background-repeat:x-repeat ;
		float:left ;
}

#mainTheaterNavi {
  margin: 30px 0 0 0 ;
  width: 960px ;
		height: 20px ;
		background-image:url(../images/modedesign-navi-background.jpg) ;
		float:left ;
}

#mainTheaterHomelink {
  width: 960px ;
		height: 120px ;
		background-image:url(../images/main-homelink.gif) ;
		float:left ;
}

#mainTheaterMain {
  width: 960px ;
		height: 530px ;
		background-image:url(../images/modedesign-main-body.jpg) ;
		background-repeat:repeat-x ;
  float:left ;
}

#mainTheaterMainContent {
  margin: 10px 25px 10px 25px ;
  padding: 30px 10px 30px 10px ;
  height: 450px;
		width: 890px;
		background-image:url(../images/layout-content-modedesign.jpg) ;
		text-align:left ;
/*		display: inline block ;*/
		float:left ;
}

#mainTheaterMainContentContent {
  height: 450px;
		width: 890px;
		text-align:left ;
		display: inline block ;
		overflow:auto ;
		float:left ;
}

#mainTheaterMainGallery {
  margin: 10px 25px 10px 25px ;
  padding: 10px ;
  height: 430px;
		width: 890px;
		background-image:url(../images/layout-gallery-modedesign.jpg) ;
		text-align:left ;
		display: inline block ;
		overflow:auto ;
		float:left ;
}

#mainTheaterFooter {
  margin: 0 25px 0 25px ;
  width: 910px ;
		height: 50px ;
		background-image:url(../images/layout-thumbs-modedesign.jpg) ;
		float:left ;
}

/*********************************************************************************************/
/* Main-Modedesign-Layout                                                                    */
/*********************************************************************************************/
#mainModedesignBody {
  width: 960px ;
		height: 740px ;
		float:left ;
}

#mainModedesignHeader {
  width: 960px ;
		height: 170px ;
  background-image:url(../images/modedesign-header-background.jpg) ;
		background-repeat:x-repeat ;
		float:left ;
}

#mainModedesignNavi {
  margin: 30px 0 0 0 ;
  width: 960px ;
		height: 20px ;
		background-image:url(../images/modedesign-navi-background.jpg) ;
		float:left ;
}

#mainModedesignHomelink {
  width: 960px ;
		height: 120px ;
		background-image:url(../images/main-homelink.gif) ;
		float:left ;
}

#mainModedesignMain {
  width: 960px ;
		height: 530px ;
		background-image:url(../images/modedesign-main-body.jpg) ;
		background-repeat:repeat-x ;
  float:left ;
}

#mainModedesignMainContent {
  margin: 10px 25px 10px 25px ;
  padding: 30px 10px 30px 10px ;
  height: 450px;
		width: 890px;
		background-image:url(../images/layout-content-modedesign.jpg) ;
		text-align:left ;
/*		display: inline block ;*/
		float:left ;
}

#mainModedesignMainContentContent {
  height: 450px;
		width: 890px;
		text-align:left ;
		display: inline block ;
		overflow:auto ;
		float:left ;
}

#mainModedesignMainGallery {
  margin: 10px 25px 10px 25px ;
  padding: 10px ;
  height: 430px;
		width: 890px;
		background-image:url(../images/layout-gallery-modedesign.jpg) ;
		text-align:left ;
		display: inline block ;
		overflow:auto ;
		float:left ;
}

#mainModedesignFooter {
  margin: 0 25px 0 25px ;
  width: 910px ;
		height: 50px ;
		background-image:url(../images/layout-thumbs-modedesign.jpg) ;
		float:left ;
}

/*********************************************************************************************/
/* Hauptavigation Liste                                                                      */
/*********************************************************************************************/
#navimainList {
  margin: 0 0 0 15px ;
 	text-align:center ;
 	font-size:0.8em ;
 	font-weight: bold ;
 	color:#66464c;
}

#navimainList ul {
  padding: 0 ;
  list-style:none;
}

#navimainList li {
 	padding: 0 10px 0 10px  ;
/*  width: 120px ;*/
  height: 20px ;
/* 	display:block ;*/
		float:left ;
}

.mainTheaterNormal {
  margin: 1px 0 0 0 ;
		padding:0 10px 0 10px;
 	display:block ;
		color: #66464c ;
}


.mainTheaterNormal:hover {
  margin: 0 0 1px 0 ;
		padding:1px 10px 0 10px;
  background-image:url(../images/modedesign-navi-active.gif) ;
		height: 20px ;
  color: #66464c ;
}

.mainModedesignNormal {
  margin: 1px 0 0 0 ;
		padding:0 10px 0 10px;
 	display:block ;
		color: #66464c ;
}

.mainModedesignNormal:hover {
  margin: 0 0 1px 0 ;
		padding:1px 10px 0 10px;
		height: 20px ;
 	display:block ;
  background-image:url(../images/modedesign-navi-active.gif) ;
}

/* Main entry active */
.mainTheaterActive {
 	padding: 1px 10px 0 10px  ;
  height: 20px ;
  background-image:url(../images/modedesign-navi-active.gif) ;
 	display:block ;
  color: #66464c ;
}

.mainModedesignActive {
 	padding: 1px 10px 0 10px  ;
  height: 20px ;
  background-image:url(../images/modedesign-navi-active.gif) ;
 	display:block ;
  color: #66464c ;
}

/*********************************************************************************************/
/* Navigation für Wechsel zwischen Theater und Modedesign                                    */
/*********************************************************************************************/
#changeNavi {
  margin: 0 15px 0 0 ;
  float: right ;
}

/*********************************************************************************************/
/* Startnavigation Liste                                                                     */
/*********************************************************************************************/
#navistartList {
 	text-align:center ;
 	font-size:0.8em ;
 	font-weight: bold ;
 	color:#ffffff;
}

#navistartList ul {
 	margin: 0 ;
  padding: 0 ;
  list-style:none;
}

#navistartList li {
 	padding: 3px 7px 0 7px ;
 	margin: 0  ;
  height: 21px ;
		background-color:#697706 ;
 	display:block ;
		float:left ;
}

.startNormal {
  color: #ffffff ;
}

.startNormal:hover {
		color:#e2a6a6 ;
}

/* Main entry active */
.startActive {
  width: 120px ;
  height: 20px ;
 	display:block ;
  color: #e2a6a6 ;
}

/*********************************************************************************************/
/* Thumbnailbar für Fotos                                                                    */
/*********************************************************************************************/
#thumbbar {
  width: 910px ;
		height: 44px ;
		float: left ;
}

#thumbbarimages {
  height:44px ;
		width: 866px ;
		float: left ;
}

#thumbbarnext {
  padding: 0 ;
  height: 44px ;
		width: 22px ;
		float: left ;
}

#thumbbarprev {
  padding: 0 ;
  height: 44px ;
		width: 22px ;
		float: left ;
}

.theaterbuttonnext {
  margin: 3px 0 0 0 ;
  padding: 0 ;
  height: 44px ;
		width: 22px ;
		background-image:url(../images/modedesign-nextbutton.gif) ;
		font-size: 0px ;
		border: 0px ;
		float: left ;
}

.theaterbuttonprev {
  margin: 3px 0 0 0 ;
  padding: 0 ;
  height: 44px ;
		width: 22px ;
		background-image:url(../images/modedesign-prevbutton.gif) ;
		font-size: 0px ;
		border: 0px ;
		float: left ;
}

.modedesignbuttonnext {
  margin: 3px 0 0 0 ;
  padding: 0 ;
  height: 44px ;
		width: 22px ;
		background-image:url(../images/modedesign-nextbutton.gif) ;
		font-size: 0px ;
		border: 0px ;
		float: left ;
}

.modedesignbuttonprev {
  margin: 3px 0 0 0 ;
  padding: 0 ;
  height: 44px ;
		width: 22px ;
		background-image:url(../images/modedesign-prevbutton.gif) ;
		font-size: 0px ;
		border: 0px ;
		float: left ;
}

/*********************************************************************************************/
/* Navigation                                                                                */
/*********************************************************************************************/
#fotoThumbList {
 	text-align:center ;
 	font-size:0.8em ;
 	font-weight: bold ;
 	color:#ffffff;
}

#fotoThumbList ul {
 	margin: 0 ;
  padding: 0 ;
  list-style:none;
}

#fotoThumbList li {
  padding: 0 ;
  margin: 0 0 0 5px ;
 	display:block ;
		float:left ;
}

.thumbNormal img {
		margin: 1px 0 0 0 ;
  border: 2px solid white ;
}

.thumbNormal:hover img {
 	padding: 0 ;
		margin: 1px 0 0 0 ;
/*  border: 2px solid #E5B9BA ;*/
  border: 2px solid #C0C99B ;
}

/* Main entry active */
.thumbActive img {
 	padding: 0 ;
		margin: 1px 0 0 0 ;
/*  border: 2px solid #E5B9BA ;*/
  border: 2px solid #C0C99B ;
}

.thumbNormalTheater img {
		margin: 1px 0 0 0 ;
  border: 2px solid white ;
}

.thumbNormalTheater:hover img {
 	padding: 0 ;
		margin: 1px 0 0 0 ;
/*  border: 2px solid #E5B9BA ;*/
  border: 2px solid #C0C99B ;
}

/* Main entry active */
.thumbActiveTheater img {
 	padding: 0 ;
		margin: 1px 0 0 0 ;
/*  border: 2px solid #E5B9BA ;*/
  border: 2px solid #C0C99B ;
}

.thumbNormalModedesign img {
		margin: 1px 0 0 0 ;
  border: 2px solid white ;
}

.thumbNormalModedesign:hover img {
 	padding: 0 ;
		margin: 1px 0 0 0 ;
  border: 2px solid #C0C99B ;
}

/* Main entry active */
.thumbActiveModedesign img {
 	padding: 0 ;
		margin: 1px 0 0 0 ;
  border: 2px solid #C0C99B ;
}

/*********************************************************************************************/
/* Foto-Thumbnails                                                                           */
/*********************************************************************************************/
.fotothumbnailbar {
  padding: 3px 5px 3px 5px ;
  width : 890px ;
		height: 46px ;
}

.fotothumbnail {
  margin: 0 10px 0 0 ;
		height: 50px ;
		float: left ;
}

.fotoimage {
  margin:20px auto 10px auto ;
  width: 890px ;
		height: 320px ;
		text-align:center ;
}

.fotoimage img {
/*  border: 5px solid #E5B9BA ;*/
  border: 5px solid #C0C99B ;
}

.fotoimageTheater {
  margin:10px auto 10px auto ;
  width: 870px ;
		height: 320px ;
		text-align:center ;
}

.fotoimageTheater img {
/*  border: 5px solid #E5B9BA ;*/
  border: 5px solid #C0C99B ;
}

.fotoimageModedesign {
  margin:10px auto 10px auto ;
  width: 870px ;
		height: 320px ;
		text-align:center ;
}

.fotoimageModedesign img {
  border: 5px solid #C0C99B ;
}

.fototext {
  margin: 5px 0 0 0 ;
		padding: 2px 0 0 0 ;
		height: 60px ;
  width: 880px ;
		display: block ;
		overflow:auto ;
		text-align:left ;
		float: left ;
}

.description {
 	font-size: 0.8em;
 	line-height: 1.4em;
 	font-weight: normal;
 	font-style: normal;
}
}