/* Scroll-Leiste Firefox */
html {
	height: 100%;
	margin-bottom: 1px; 
}

html, body, textarea {
	scrollbar-face-color: #ffe997;
	scrollbar-highlight-color: #fff4cb;
	scrollbar-3dlight-color: #ffe997;
	scrollbar-darkshadow-color: #40350c;
	scrollbar-shadow-color: #fff4cb;
	scrollbar-arrow-color: #da7501;
	scrollbar-track-color: #fff4cb;	
}

body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #fddb73;
	text-align: center;
	/* part 1 of 2 centering hack */
	}
	
#container {
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
  border: 1px solid #40350c;
	background-color: #fff4cb;
	text-align:left; 
}
	
#container {
	width: 802px; 	
	/* part 2 of 2 centering hack */
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 800px;
}
	
html>body #container {
	width: 800px; 
	/* ie5win fudge ends */
}

/*
.container { 
	float: left;
  margin: 0px auto;
  padding: 0px;
  width: 800px;
  background-color: #fff4cb;
  border: 1px solid #bf9e23;
}
*/

.headerBox {
	float: left;
  width: 200px;
	height: 135px;
  margin: 0px;
  padding: 0px;	
	background-color: #da7501;
}

.headerImg { 	
	float: right;
  width: 600px;
	height: 135px;	
  margin: 0px;
  padding: 0px;
	background-color: #da7501;
}

#headerNav { 
	clear: both;
	float: left;
	height: 22px;	
	padding: 2px 0px 0px 210px;
	margin: 0px;
  background-color: #40350c;
}

#headerNav {
	width: 800px; 	
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 590px;
}
	
html>body #headerNav {
	width: 590px;
	/* ie5win fudge ends */
}

.LeftBox {
	float:left;
	background-color: #da7501;
	margin: 0px;
	padding: 0px;
}

.RightBox {
	float: left;
	width: 600px;
  background-color: #fff4cb;	
	margin: 0px;
	padding: 0px;
}

.leftContent {
	margin: 0px;
	padding: 5px 5px 5px 10px;
	font-size: 1.0em;
	color: #fff;
}

.mainContent {
	padding: 0px;
	margin: 20px 20px 10px 20px;
	font-size: 1.0em;
	line-height: 1.4em;
	color: #40350c;
}

.Teaser {
	/* float:left; */
	width:200px;
	height:200px;
	background-image: url("images/cd_passion_thumb.jpg");
	margin: 0px;
	padding: 0px;
}

#FooterBox { 
	text-align: center;
	margin-top:5px;
	margin-bottom:15px;
	margin-right: auto;
	margin-left: auto; 	
	padding: 0px 0px 0px 0px;	
  width: 800px;
	height: 15px;	
  background-color: #ffe997;
  border: 1px solid #40350c;
}

/*
Links
*/

a.TopNav:link, a.TopNav:visited {
	color:#ffe997; 
	text-decoration: none; 
	font-size: 0.8em;
	letter-spacing:0em;
	margin: 0em 0.8em;
}

a.TopNav:hover {
	color:#ffe997;
	text-decoration: underline; 
}

a.LeftNav:link, a.LeftNav:visited {
	color:#ffe997; 
	text-decoration: none; 
	font-family: serif;
	font-size: 1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
}

a.LeftNav:hover {
	color:#ffe997;
	text-decoration: underline;
	font-family: serif;
	font-size: 1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
}

a.LeftFooterNav:link, a.LeftFooterNav:visited {
	float: left;
	color:#da7501; 
	text-decoration: none;
	font-size: 0.8em;
	margin:0em 0.8em;
	margin-top:0.1em;
}

a.LeftFooterNav:hover {
	color:#da7501;
	text-decoration: underline; 
}

a.FooterNav:link, a.FooterNav:visited {
	float: right;
	color:#da7501; 
	text-decoration: none;
	font-size: 0.8em;
	margin:0em 0.8em;
	margin-top:0.1em;
}

a.FooterNav:hover {
	color:#da7501;
	text-decoration: underline; 
}

a.LeftSmallNav:link, a.LeftSmallNav:visited {
	color:#ffe997; 
	text-decoration: none;
	font-size: 1.0em;
	margin-top:0.1em;
}

a.LeftSmallNav:hover {
	color:#ffe997;
	text-decoration: underline; 
}

a.TeaserNav:link, a.TeaserNav:visited {
	color:#ffe997;
	text-decoration: none;
}

a.TeaserNav:hover {
	color:#ffe997;
	text-decoration: underline; 
}

a.Standard:link, a.Standard:visited {
	color:#da7501; 
	text-decoration: underline; 
}

a.Standard:hover {
	color:#fff;
	background-color:#da7501;
	text-decoration: none; 
}
/*
Text + Images
*/

ol  {
	margin:5px; 
	padding-left:20px;
}

ul {
	list-style-type:square;
	margin:5px; 
	padding-left:20px;
}

.arrow {
	list-style-image:url('images/arrow.gif');
	margin-left:20px; 
	padding-left:0px;
}

.extra {
	list-style-type:none;
	margin:0px; 
	padding-left:0px;
}


.extraIndent {
	list-style-type:none;
	margin: 0px 0px 0px -45px;
}

hr {
	border: none 0px; 
	border-top: 1px dashed #da7501; /*the border*/
	width: 100%;
	height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
} 


.LeftProgHeadline {
	color:#fff; 
	text-decoration: none; 
	font-family: serif;
	font-size: 1.2em;
	font-weight:bold;
	letter-spacing:0.2em;
	margin: 0px;
}

.Headline {
	color:#40350c; 
	font-family: serif;
	font-size: 1.6em;
	font-weight:bold;
	letter-spacing:0.1em;
	margin: 23px 0px 0px 20px;
}

.SubHeadline {
	color:#bf9e23; 
	font-family: serif;
	font-size: 1.0em;
	letter-spacing:0.2em;
	margin: 10px 0px 0px 35px;
}

.small {
	font-size:0.8em;
}

.MCImage {
	float: right;
	border: 0px;
	margin: 3px -20px 0px 10px;
}

.MCLeftImage {
	float: left;
	border: 0px;
	margin: 3px 10px 0px 0px;
}

.LCImage {
	width:200px;
	height:200px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #fff4cb;
}

.Symbol {
	border: 0px;
	margin: 0px 0px 10px 5px;
}

.TeaserText {
	color: #fff;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 1.0em;
}

.TeaserHeadline {
	color: #fff;
	font-size: 0.8em;
    font-weight: bold;
	line-height: 1.4em;
	margin: 1.0em;
    padding-top: 0.5em;
}

/*
Form
*/

#wrapper {
	margin: 0px;
	width: 560px;
	/* background-color: #3f6f9f;
	color: #bf9e23;  */
}

#formular {
	padding: 0px;
	text-align: left;
	font-size: 1em;
}

#formular p {
	margin: 0px 0px 10px 0px;
	background-color: transparent;
	font-size: 0.8em;
	line-height: 1.2em;	
}

fieldset {
	margin: 20px 0px 10px 0px;
	padding: 5px 10px;
	border: 1px solid #da7501;
}

legend {
	padding: 1px 10px;
	border: 1px solid #da7501;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	background-color: #fff4cb;
}

form {
	line-height: 150%;
}

input, textarea {
	font-size: 120%;
}

.inpt {
	width: 360px;
	border: 1px solid #fff;
	background-color: #ffe997;
	color: #000;
	margin: 0px 0px 9px 0px;
}

.txt {
	width: 360px;
	border: 1px solid #fff;
	background-color: #ffe997;
}

input.inpt:focus, textarea.txt:focus {
	border: 1px solid #ffe997;
	background-color: #fff;
	color: #000;
}

.senden {
	width: 180px;
	font-size: 0.9em;
	margin: 15px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	background-color: #da7501;
	color: #fff4cb;
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
}


/* Downloads */

/* Flyer */

#galleryie {
  padding:0; 
  margin:0px 0px 0px 20px;
  list-style-type:none; 
  overflow:hidden; 
  width:550px; 
  height:225px;
  border:1px solid #888; 
  background:#000 url(images/preview_opernwelten-flyer_cmyk.jpg);
  }
#galleryie li {
  float:left;
  }
#galleryie li a {
  display:block; 
  height:225px;
  width:24px;
  overflow:hidden;
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryie li a img {border:0;}
#galleryie li a:hover {
  background:#eee; 
  width:450px;
  }
	
/* Postcard */

#galleryiePostcard {
  padding:0; 
  margin:0px 0px 0px 20px; 
  list-style-type:none; 
  overflow:hidden; 
  width:550px; 
  height:319px; 
  border:1px solid #888;
  background:#000 url(images/preview_italia-tango-postcard_cmyk.jpg);
  }
#galleryiePostcard li {
  float:left;
  }
#galleryiePostcard li a {
  display:block; 
  height:319px;
  width:48px;
  overflow:hidden;
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryiePostcard li a img {border:0;}
#galleryiePostcard li a:hover {
  background:#eee; 
  width:450px;
  }