@import url("navigation.css");
@import url("modules.css");

/************************* RESET **********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/************************* HTML BODY **********************/

html, body {
	background: #f0e2bb url(/web/grafik/bg_body.png) repeat-x top center;
	color: #fafbed;
	font: 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 100%;
}

/************************* STRUCTURE **********************/

#container {
	background: #283644;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	width: 890px;
}

	#header {
		background: url(/web/grafik/bg_header.jpg) no-repeat top center;
		height: 255px;
		overflow: hidden;
		width: 890px;
	}
	
		#nextConcert {
			color: #fff;
			float: right;
			font-size: 14px;
			height: 100px;
			padding: 35px 40px 0 0;
			text-align: right;
			width: 410px;
		}
		
		#nextConcert span.music {
			color: #e6a57f;
		}
	
	#mainNav {
		overflow: hidden;
		padding: 27px 0 0 0;
	}
	
	#slideShow {
		background: url(/public/flash/image01.jpg) no-repeat;
		height: 220px;
		width: 890px;
	}
	
		#slideShow p {
			margin: 0;
		}
	

	#col1 {
		float: left;
		padding: 30px 30px 60px 30px;
		width: 385px;
	}
	
	#col1 img {
		padding: 0 0 10px 10px;
	}
	
		#col1 h1+p {
			color: #e6a57f;
		}
		
		#col1 ul {
			padding-left: 25px;
		}
		
			#col1 li {
				margin: 0 0 10px 0;
			}

	
	#col2 {
		float: left;
		padding: 30px 40px 60px 40px;
		width: 365px;
	}
	
		#col2 p {
			font-style: italic;
			margin: 0;
		}
	
		#col2 img {
			padding: 0 0 10px 0;
		}

#footer {
	border-top: 1px #35424f solid;
	color: #a1a1a1;
	line-height: 24px;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0 10px 0;
	width: 870px;
}

	#footer a {
		color: #e6a57f;
		text-decoration: none;
	}

	#footer .box {
		border-right: 1px #35424f solid;
		float: left;
		min-height: 365px;
		padding: 10px 20px 10px 20px;
		width: 176px;
	}
	
		#footer ul {
			list-style: none;
		}
		
			#footer li {
				background: url(/web/grafik/bg_footerListStyle.gif) no-repeat left center;
				padding: 0 0 0 13px;
			}
		
			#footer span.date {
				color: #fff;
			}

	#footer .box1 {
		width: 179px;
	}

	#footer .box3 li {
		color: #fff;
	}

	#footer .box4 {
		border: 0;
		color: #fff;
	}

		#footer span.headline {
			background: url(/web/grafik/bg_headline.gif) no-repeat;
			display: block;
			height: 13px;
			margin: 0 0 20px 0;
			text-indent: -9999em;
		}

		#footer span.headerContact {
			background-position: 0 0;
		}

		#footer span.headerHSMC {
			background-position: 0 -13px;
		}

		#footer span.headerSchedule {
			background-position: 0 -26px;
		}

		#footer span.headerSponsors {
			background-position: 0 -39px;
		}

			#footer .box4 ul a {
				color: #FFF;
			}

			#footer .box2 li, #footer .box4 li {
				background: none;
				padding: 0;
			}

/************************* TEXT **********************/

h1, h2, h3, h4, h5, h6 {
	line-height: normal;	
}

h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 20px 0;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 12px;
}

p {
	margin: 9px 0 9px 0;
}

/************************* LINKS **********************/

a {
	color:#FFFFFF;
}

a:hover {
}

a:focus {
}

a:visited {
}

/************************* TABLES **********************/

table {
}

table th {
}

table td {
}

/************************* OTHERS **********************/

a.logo {
	height: 100px;
	left: 50px;
	position: absolute;
	text-indent: -9999em;
	top: 50px;
	width: 350px;
}

.clear {
	clear: both;
}

.noshow {
	display: none;
}

.sponsor {
	background-color: #FFF;
	color: #000;
	text-decoration: none;
	width: 700px;
}

.sponsor a {
	color: #000;
	text-decoration: none;
}

/*********************** FORMULAR ************************/

.txtfield {
	width:200px;
}

.txtarea{
	height: 100px;
	width:560px;
}

legend{
	font-weight:bold;	
}