/*--------------------------------------------------------------------------------------------------------------------------------- 	
	CSS
	User Agent: All Media
	Version: 1.0
	Type: Normal
	Written by Mauro Vignati (skype: mauro.vignati, www.naughtydesign.ch) for stagecoach.ch
	Note: the CSS is not copyrighted, so pick up what you need, but not the images, these are the great work of marchand2sable.ch.
	So please, be cool. 
	
-----------------------------------------------------------------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	border: 0;
	font: 76% Arial, Helvetica, sans-serif;
	background: #ffffff;
}

img {border: none;}


.divider {
	height: 1px;
	background: url(../img/divider.gif);
	background-repeat: repeat-x;
}


/* Structure Superior Part
------------------------------*/

#masthead {
	background: transparent;
	padding: 0;
	margin: 20px auto 0px auto;
	width: 770px;
	height: 98px;
	background: url(../img/masthead_background.gif) no-repeat;
	background-position: top;
}


/* Main Navigation
--------------------------------*/

#nav {
	width: 770px;
	height: 65px;
	padding: 0;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em; 
	background: url(../img/menu_background.gif) no-repeat;
}

#nav ul  {
	position: relative;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	left: -37px;
	list-style-type: none;
}

#nav ul li {
	height: 48px;
	margin: 0;
	padding: 0;
	float: right;
}

#nav ul li a {
	position: relative;
	display: block;
	height: 0px;
	padding: 0px 0px 48px 0px;
	overflow: hidden;
	text-indent: -999em;
}


#nav ul li#home a {
	background: url(../img/icon_menu_home.png) no-repeat;
	width:87px;
	z-index:10;
}

#nav ul li#agenda a {
	background: url(../img/icon_menu_agenda.png) no-repeat;
	width:87px;
	margin-left:-7px;
	z-index:11;
}

#nav ul li#management a {
	background: url(../img/icon_menu_management.png) no-repeat;
	width:111px;
	margin-left:-7px;
	z-index:12;
}

#nav ul li#stagecoach a {
	background: url(../img/icon_menu_stagecoach.png) no-repeat;
	width:111px;
	margin-left:-6px;
	z-index:13;
}

#nav ul li a:hover {background-position: 0px -48px !important;} 

#nav ul li.selected a {background-position: 0px -48px !important;}

/* Structure Content Part
----------------------------------*/

#wrapper {
	background: #ffffff;
	margin: 0 auto;
	padding: 0px 0px 10px 0px;
	width: 770px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
    background: url(../img/wrapper_background.gif);
	background-repeat: repeat-y;	
}


#largebox {
	float: left;
	margin: 40px 0px 0px 15px;
	border-right: 1px solid #d3d2d2;
	padding: 0px 20px 10px 0px;
	width: 510px;
	min-height: 430px;
	height: auto !important;
	height: 430px;
	clear: left;
}

#largebox p {
	font: 1em Arial, Helvetica, sans-serif;
	color: #7d7d7d;
	line-height: 18px;
	margin: 0;
	padding: 8px 0px 0px 0px;
	text-align: left;
	clear: left;
}

#largebox img {
	display: block;
	float: left; 
	border: 1px solid #7d7d7d;
	margin: 0px 20px 5px 0px;
}

#largebox h2 {
	font: 1.5em Arial, Helvetica, sans-serif;
	color: #004d13;
	padding: 0px 0px 8px 0px;
	margin: 0;
	border: 0;
	background: transparent;
	text-align: left;
	font-weight: bold;
}

#largebox h3 {
	font: 1.4em Arial, Helvetica, sans-serif;
	color: #004d13;
	padding: 5px 15px 0px 15px;
	margin: 0;
	background: transparent;
	text-align: left;
	font-weight: bold;
}

#largebox h4 {
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #cccfb0;
	padding: 5px 15px 0px 15px;
	margin: 0px;
	border: 0px;
	background: transparent;
	text-align: left;
	font-weight: bold;
}

#largebox h5 {
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #004d13;
	padding: 25px 0px 10px 0px;
	margin: 0px;
	border: 0px;
	background: transparent;
	text-align: left;
	font-weight: bold;
	clear: left;
}

#largebox h6 {
	font: 1em Arial, Helvetica, sans-serif;
	color: #004d13;
	padding: 15px 0px 0px 0px;
	margin: 0;
	background: transparent;
	text-align: left;
	font-weight: bold;
	clear: left;
}


#largebox a {
	font: 1em Arial, Helvetica, sans-serif;
	color: #34a651; 
	text-decoration: none; 
	line-height: 18px;;
}

#largebox a:hover {
	font: 1em Arial, Helvetica, sans-serif;
	color: #34a651;
	text-decoration: none; 
	line-height: 18px;
}


#largebox ul {
	float: left;
	margin: 7px 0px 14px 0px;
	padding: 0px;
	border: 0px;
}

#largebox li {
	font: 1em Arial, Helvetica, sans-serif;
	color: #7d7d7d;
	line-height: 18px;
	margin: 0;
	padding: 0;
	text-align: left;
	clear: left;
	list-style:none;
}

#largebox li.with_icon_folder {
	margin: 3px 0px 0px 0px;
	padding-left: 25px;
	width: 180px;
	font: 0.9em Arial, Helvetica, sans-serif;
    text-align: left;
    list-style-type: none;
    background: url(../img/icon_folder_largebox.gif) no-repeat left center; 
	color: #34a651;
	line-height: 18px;
	border-bottom: 1px dotted #7d7d7d;
}

#largebox li.with_icon_folder img {border:none;padding:4px 0px 0px 2px;margin:0}
a#largebox li.with_icon_folder {line-height:18px;font:0.9em Arial, Helvetica, sans-serif;}

#largebox li.without_icon_folder {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	width: 197px;
	font: 0.9em Arial, Helvetica, sans-serif;
    text-align: left;
    list-style-type: none;
	color: #34a651;
	min-height: 18px;
	height: auto !important;
	height: 18px;
	line-height: 18px;
	border-bottom: 1px dotted #7d7d7d;
}

#largebox li.without_icon_folder img {
	border: none;
	padding: 4px 6px 0px 2px;
	margin: 0;
}


#managementlink {
	margin: 3px 0px 3px 0px;
	width: 180px;
	min-height: 15px;
	font: 0.9em Arial, Helvetica, sans-serif;
    text-align: left;
    list-style-type: none;; 
	color: #004d13;
	line-height: 9px;
	border-bottom: 1px dotted #7d7d7d;
}

#smallbox {
	float: left;
	margin: 40px 0px 0px -1px;
	padding: 0px 0px 10px 19px;
	border-left: 1px solid #d3d2d2;
	width: 204px;
	min-height: 430px;
	height: auto !important;
	height: 430px;
}

#smallbox p {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #7d7d7d;
	line-height: 15px;
	padding: 0px 0px 10px 0px;
	margin: 9px 0px 0px 13px;
	text-align: left;
	width: 131px;
}

#smallbox a {
	font: 0.8em Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #34a651; 
	text-decoration: none; 
}

#smallbox a:hover {
	font: 0.8em Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #34a651; 
	text-decoration: none; 
}

#smallbox h2 {
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #004d13;
	padding: 0;
	margin: 0px 0px 8px 0px;
	width: 161px;
	height: 24px;
	text-indent: -9999px;
}

#smallbox h2.titel_news {background: url(../img/titel_news.gif) no-repeat;}
#smallbox h2.titel_newsletter {background: url(../img/titel_newsletter.gif) no-repeat; margin: -1px 0px 8px 0px;}
#smallbox h2.titel_1999 {background: url(../img/titel_1999.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2000 {background: url(../img/titel_2000.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2001 {background: url(../img/titel_2001.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2002 {background: url(../img/titel_2002.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2003 {background: url(../img/titel_2003.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2004 {background: url(../img/titel_2004.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2005 {background: url(../img/titel_2005.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2006 {background: url(../img/titel_2006.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2007 {background: url(../img/titel_2007.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2008 {background: url(../img/titel_2008.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2009 {background: url(../img/titel_2009.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2010 {background: url(../img/titel_2010.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2011 {background: url(../img/titel_2011.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_2012 {background: url(../img/titel_2012.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_jazz {background: url(../img/titel_jazz.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_klassikbrass {background: url(../img/titel_klassikbrass.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_musik {background: url(../img/titel_musik.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_kinder {background: url(../img/titel_kinder.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_agentur {background: url(../img/titel_agentur.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_kontakt {background: url(../img/titel_kontakt.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_orchester {background: url(../img/titel_orchester.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_konzerte {background: url(../img/titel_konzerte.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_specials {background: url(../img/titel_specials.gif) no-repeat; cursor: pointer;}
#smallbox h2.titel_archiv {background: url(../img/titel_archiv.gif) no-repeat; cursor: pointer;}


#smallbox h3 {
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #004d13;
	padding: 0;
	margin: 0;
	width: 161px;
	height: 24px;
	text-indent: -9999px;
}

#smallbox h3.management {margin: 35px 0px 8px 0px; background: url(../img/titel_management.gif) no-repeat;}
#smallbox h3.produktionen {margin: 0px 0px 8px 0px; background: url(../img/titel_produktionen.gif) no-repeat;}
#smallbox h3.mandate {margin: 35px 0px 8px 0px; background: url(../img/titel_mandate.gif) no-repeat;}


#smallbox h4 {
	margin: 11px 0px 0px 0px;
	padding-left: 25px;
	width: 132px;
	font: 0.9em Arial, Helvetica, sans-serif;
    text-align: left;
    background: url(../img/icon_folder_largebox.gif) no-repeat left center;
	font-weight: bold; 
	color: #015e18;
}


#smallbox ul {
	margin: 14px 0px 14px 0px;
	padding: 0;
	border: 0px;
	width: 132px;
	font: 1em Arial, Helvetica, sans-serif;
    text-align: left;
	font-weight: bold; 
	color: #004d13;
	line-height: 9px;
}

#smallbox li {
	margin: 10px 0px 0px 0px;
	padding-left: 22px;
	width: 136px;
	font: 1em Arial, Helvetica, sans-serif;
    text-align: left;
    list-style-type: none;
    background: url(../img/icon_folder_smallbox.gif) no-repeat left center;
	font-weight: bold; 
	color: #004d13;
	line-height: 9px;
	border-bottom: 1px dotted #7d7d7d;
}


#smallbox .divider {
	margin: 0px 0px 0px 0px;
	width: 159px;
	height: 1px;
	background: url(../img/divider.gif);
}



#container {
	float: left;
	margin: 0;
	padding: 0;
}


#panel1, #panel2, #panel3, #panel4 #panel5 #panel6 #panel7 #panel8 #panel9 #panel10 #panel11 #panel12 #panel13 #panel14 #panel15 #panel16 #panel17 #panel18 #panel19 #panel20 #panel21 #panel22 #panel23 #panel24 #panel25 #panel26 #panel27 #panel28 #panel29 #panel30 #panel31 #panel32 #panel33 {
    margin: 0;
    padding-bottom: 0;
    border: none;
}




/* Footer 
-----------------------------------*/



#footer {
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: url(../img/footer_background.gif); 
	background-repeat: no-repeat;
	height: 39px;
	width: 770px;
	clear: both;
}


#footer p {
	position: absolute;
	font: 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #adb584;
	margin: 0px 0px 0px 37px;
	padding: 0;
	border: 0;
	text-align: left;
}

#footer p.naughty {
	position: absolute;
	font: 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #adb584;
	margin: 46px 0px 0px 740px;
	padding: 0;
	text-align: right;
}

#footer p.naughty a {
	position: absolute;
	color: #adb584;
	text-decoration: none;
	font: 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#footer p.naughty a:visited a:hover {
	color: #adb584;
	text-decoration: none;
	font: 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
}



/* Clearer
--------------------------*/

.spacer {
	clear: both;
	height: 0;
}



/* Contact Error
--------------------------*/

.comments_error
{
	color: #4d5524;
	background-color: #fff; /*#faf3ed*/
}

.tdleft_error {
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #9F0004;
	margin: 0;
	padding: 10px 15px 0px 15px;
	width: 110px;
	text-align: left;
	font-weight: bold;
	list-style-type: none;
}


/* Agenda Table 
--------------------------------*/

.agendatable {
	width: 510px;
	border: 0;
	padding: 0;
	margin: 5px 0px 0px 0px;
	border-collapse: collapse;
}


tr.firstlineentry {
	position: relative;
	background: url(../img/divider.gif) top;
	background-repeat: repeat-x;
}





td.date {
	padding: 4px 0px 3px 15px;
	width: 135px;
	font: 0.9em Arial, Helvetica, sans-serif;
    text-align: left;
    background: url(../img/icon_folder_agenda.gif) no-repeat left center; 
	color: #004d13;
	line-height: 9px; 
}

td.band {
	padding: 4px 0px 3px 10px;
	width: 180px;
	font: 1em Arial, Helvetica, sans-serif;
    text-align: left;
    background: url(../img/h_divider.gif) no-repeat left center; 
	color: #7d7d7d;
}


td.url {
	padding: 4px 2px 3px 0px;
	width: 19px;
    text-align: left;
    background: url(../img/icon_url.gif) no-repeat center; 
	cursor: pointer;
}


td.email {
	padding: 4px 0px 3px 2px;
	width: 11px;
    text-align: left;
    background: url(../img/icon_email.gif) no-repeat left center; 
	line-height: 9px;
	cursor: pointer;
}


td.hours {
	padding: 4px 0px 3px 7px;
	width: 116px;
	font: 1em Arial, Helvetica, sans-serif;
    text-align: left;
    background: url(../img/h_divider.gif) no-repeat left center; 
	color: #7d7d7d;
}

td.where {
	width: 510px;
	margin: 0;
	padding: 7px 0px 10px 0px;
	background: url(../img/divider.gif) top;
	background-repeat: repeat-x; 
	font: 1em Arial, Helvetica, sans-serif;
	color: #7d7d7d;
}

/*		Google Map 
-------------------------------------*/

#map {
	width: 500px;
	height: 380px;
	margin: 20px 0px 0px 0px;
	border: 1px solid #7d7d7d;
}


/* Formular Table
-----------------------------------------*/

#formulartable {
	width: 200px;
}

td.formular_left {
	width: 300px;
	padding: 7px 20px 0px 0px;
	margin: 0px;
	font: 1em Arial, Helvetica, sans-serif;
	color: #7d7d7d;
	background-color: transparent;
	vertical-align: top;
}

td.formular_right {

	padding: 7px 0px 0px 0px;
	margin: 0px;
	font: 1em Arial, Helvetica, sans-serif;
	color: #7d7d7d;

}

textarea {
	width: 400px;
	background-color: transparent;
	border: 1px solid #7d7d7d;
	font: 1em Arial, Helvetica, sans-serif;
	color: #7d7d7d;
}

input.inputfield {
	width: 400px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #7d7d7d;
	font: 1em Arial, Helvetica, sans-serif;
	color: #7d7d7d;
	background-color: transparent;
}

#submit {text-align:right;padding:7px 0px 0px 0px;}


/* Zem Contact Reborn
-----------------------------------------*/

.zemContactForm label {
	float: left;
	width: 100px;
	margin: 4px 0px;
	border: none;	
	font: 1em Arial, Helvetica, sans-serif;
	background-color: transparent;
	vertical-align:top;
	clear: left;
}
 
.zemContactForm input {color: #7d7d7d;}


.zemContactForm br {
   clear: left;
   }
   
.zemText {
	width: 400px;
	background-color: transparent;
	border: 1px solid #7d7d7d;
	margin: 5px 0px;
	font: 1em Arial, Helvetica, sans-serif;
	color: #7d7d7d;
}

.zemSubmit {
	margin: 7px 0px 0px 100px;
}

.zemTextarea {
	width: 400px;
	background-color: transparent;
	border: 1px solid #7d7d7d;
	margin: 5px 0px;
	font: 1em Arial, Helvetica, sans-serif;
	color: #7d7d7d;
}

.zemRequired {
	font-weight: bold; 
	color: #7d7d7d;
}

.zemRequirederrorElement {
	font-weight: bold; 
	color: red;
}

.zemError ul {
	width: 400px;
	clear: left;
}

.zemError li {
	width: 400px;
	clear: left;
	color: red !important;
}

.zemSelect {
	border: 1px solid #7d7d7d;
	font: 1em Arial, Helvetica, sans-serif;
	color: #7d7d7d;
}