/************* standard CSS ilTeatro ****************/

* {
	margin:0; padding:0;
}

html, body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px; 
	text-align:center;
	color:#F2F2F2;
  background:#383838;
}


/***************** headlines *****************/
h1 {

}

h2 {

}

h3 {

}

h4	{

}

/* master */

#startcontainer {
  background:#000 url(../images/ilteatro_maske_collage_kr.jpg) 60px 50px no-repeat;
	width:800px;
  /*height:465px;*/
	margin:130px auto 60px auto;
	text-align:center;
  border:1px solid #fff;
  /*padding:60px 80px 50px 80px;*/
  padding:50px 65px 50px 69px;
}

#subcontainer {
  background:#000;
  position:relative;
	width:862px;
  /*height:529px;*/
	margin:130px auto 60px auto;
	text-align:left;
  border:1px solid #fff;
  /*padding:0 54px 46px 66px;*/
  padding:0 28px 36px 44px;
}

#contentcontainer {
  /*height:300px;
  overflow:auto;
  padding:2px 0;*/
}

#kontaktmarionette {
  position:absolute;
  top:0;
  left:745px;
  width:54px;
  height:410px;
  background:url(../images/kontakt_marionette.gif) bottom left no-repeat;
}

/* Contentbereich */

.boxLeft {
  float:left;
  width:329px;
  /*padding-right:26px;*/
  text-align:left;  
}

.kontakt {
  width:596px;
}

.boxRight {
  float:left;
  padding-left:30px;
  width:478px;
  text-align:left;  
}

.onlyRight {
  padding-left:359px;
}

.haftung {
  width:329px;
  padding-top:37px;
  float:left !important;
}

.adresse {
  float:right; 
  width:280px;
  text-align:right;
  padding-right:11px;
  padding-top:5px;
}

p {
	margin:0 0 15px 0;
}    

img	{
	border:0;
}


fieldset	{
	border:0;
}

label {
	display:block;
	text-align:left;
	margin-top:4px;
}

.messg	{
	color:#f00;
	font-weight:bold;
}

.small {
  font-size:10px;
  line-height:15px;
}


#footer	{
  width:843px !important; /* wegen ie */
  /*width:853px !important;*/
  position:relative;
	clear:both;
  background:url(../images/il_teatro_footer.gif) top right no-repeat;
  margin-top:18px;
  height:15px;
  padding-top:35px;
  text-align:left;
}

a#indexLink {
  position:absolute;
  top:0;
  right:0;
  display:block;
  width:160px;
  height:45px;
}

/* Links */

a	{
	color:#F2F2F2; 
	text-decoration:underline;
}

a.noline	{
	text-decoration:none;
}

a:hover	{
  color:#F2F2F2; 
	text-decoration:underline;
}

#footer a {
  color:#fff;
}
					 

/* Hauptmenue */	

#topnav {
  /*font-family: "Times New Roman", Times, serif;*/
	height:20px;
  width:640px;
	list-style-type:none;
  font-size:13px;
}

#startcontainer #topnav {
  /*margin:65px auto 58px auto;*/
  margin:110px auto 13px auto;
}

#subcontainer #topnav {
  height:108px;
  margin:0 0 53px 0;
  width:656px;
  font-size:12px; 
  margin-left:-41px; 
}
  
#topnav li {
	display:inline;	
	float:left;
} 

#subcontainer #topnav li {
  padding-top:93px;
} 

#startcontainer #topnav li.last {
	display:inline;	
	float:right;
  text-align:right
} 

#topnav a {
	color:#858585;
	text-decoration:none;
	padding-right:110px;
}

#startcontainer #topnav a {
	color:#F2F2F2;
  	font-weight:bold;
  	padding-right:100px;
}

#subcontainer #topnav a {
	padding-top:93px;
  padding-left:41px; /* fuer die marionette */
  padding-right:20px;
}

#startcontainer #topnav li.last a {
  padding:0;
}

#subcontainer #topnav li.last a {
  /*padding-right:30px;*/
}


#topnav a:hover {
  color:#F2F2F2; 
	text-decoration:none;
}

#subcontainer #topnav a:hover, #subcontainer #topnav a.active, #subcontainer #topnav a.active:hover {
  color:#F2F2F2; 
	background:url(../images/marionette_navbg.gif) top center no-repeat;
}



/* Subnav */	

#subnav a	{
	color:#009612;
	text-decoration:none;
	margin:0 20px 0 0;
	padding:0;
}

#subnav a:hover	{
	text-decoration:underline;
}

#subnav a.aktiv	{
	text-decoration:underline;
}

/**** formularfelder ****/

label {
  float:left;
  padding-right:4px;
  width:74px;
}

label.right {
  padding-left:9px;
  width:51px;
}

input.inp {
  float:left;
  width:214px;
  border:1px #F2F2F2 solid;
  background:#383838;
  padding:1px;
  color:#F2F2F2;
  font-size:11px;
  margin-bottom:8px;
  margin-right:4px;
}

input.bigger {
  width:155px;
}

label.smaller {
  width:28px;
}

input.smaller {
  width:52px;
}


.sel {
  width:60px;
  float:left;
  font-size:11px;
  margin-bottom:8px;  
 }


textarea {  
  float:left;
	background-color: #383838; 
	font-size: 11px; 
	color: #F2F2F2; 
	border: 1px #F2F2F2 solid;
	padding:1px;
  width:294px;
  height:84px;
  margin-bottom:12px;
}


.formbutton {
  float:left;
  width:80px;
	font-size: 11px; 
  font-weight:bold;
	padding:1px 5px;
	color: #F2F2F2; 
	background-color: #000; 
	border:1px #F2F2F2 solid; 
  margin-left:218px;
}

/* ################ tools ################# */

.textRight {
  text-align:right;
}