body {

background-image: url(images/body_bg.gif);

background-repeat: repeat-x;

background-color: #9faec2;

font-size: 11px;

font-family: arial, sans-serif;

color:#000000;

padding:0;

margin:0;

}

a {color: #6d819d; text-decoration: none;}

a:visited {color:#6d819d;}

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

a:active { color:#6d819d;}









h4 {

	font-size: 14px;

	font-weight: bold;

	padding: 0;

	margin-left: 10px;

}









img.download {vertical-align:middle; }









img {border:0;}

























/* ----------container zentriert das layout-------------- */

#container {

width: 876px;

margin-bottom: 10px;

margin:0 auto;

background-color: #ffffff;

}









/* ----------banner for logo-------------- */

#banner {

width: 876px;

height: 330px;

background: url(http://www.festivalpogress.de/media/layout/header_2010.jpg) no-repeat;

background-color: #ffffff;

text-align: left;

padding: 0px;

margin: 0px;

}

#banner img {padding:10px 0px;} 









#banner_text {

	padding: 8px;

}

















#menu_top {

	width: 876px;

	height: 80px;

	background-image: url(images/menu_bg.jpg);

	background-repeat: no-repeat;

	margin-top: 20px;

}

























#menu_text {

	font-size: 12px;

	color:#ffffff;

	padding: 13px 0 0 22px;

}









	#menu_text ul {

		list-style-type: none;

		padding: 0;

		margin: 0;

	}









	#menu_text ul li {

		float: left;

		padding: 0 0 0 0;

		margin: 0 10px 0 10px;

	}









	#menu_text a {

		color: #ffffff;

		text-decoration: none;

		font-weight: bold;

	}









	#menu_text a:hover {

		color: #ff0000;

		text-decoration: none;

	}

















/* -----------------Inhalt--------------------- */

#content {

background-color: #ffffff;

padding: 0;

margin: 0 200px;

}

div#content { 

min-height:600px;

height:expression(this.scrollHeight > 600 ? "auto":"600px"); 

}









p, pre{

padding: 5px 10px;

margin:0;

}









/* --------------left navigavtion------------- */

#left {

background: #ffffff;

float: left;

width: 150px;

margin: 0px;

padding: 10px;

}









#left_menu li {

list-style: none;

}









#left_menu a {

	width:128px;

	height:22px;

	margin:0px 0px 2px -32px;

	position:relative;

	display:block;

	color:#ffffff;

	font-weight: bold;

	font-size: 12px;

	text-decoration:none;

	background: #2e2a4f;

	padding:4px 0 0 8px;

}









#left_menu a:hover {

	width:128px;

	height:22px;

	margin:0px 0px 2px -32px;

	position:relative;

	display:block;

	color:#ffffff;

	font-weight: bold;

	font-size: 12px;

	text-decoration:none;

	background: #9999ff;

	padding:4px 0 0 8px;

}









#right {

background: #ffffff;

	float: right;

	width: 150px;

	margin: 0;

	padding: 10px;

}

/* -----------footer--------------------------- */

#footer {

	width: 876px;

	height: 163px;

	background-image: url(images/bottom_bg.gif);

	background-repeat: no-repeat;

	padding: 0;

	margin: 0 auto;









}









#footer_text {

	text-align: center;

	margin:0;

}

















#footer_text ul {

		list-style-type: none;

		padding: 0;

		margin: 0;

	}









#footer_text ul li {

		display: inline;

		padding: 0 0 0 0;

		margin: 0 10px 0 10px;

	}

















#footer_text a {

	color: #000000;

	text-decoration: none;

}









#footer_text a:hover {

	color: #000000;

	text-decoration: underline;

}

























































#countdown {

background:transparent;

border-width:5px;

border:0;

border-color:#000000;

font-weight:bold;

color:#ff0000;

font-family:'comic sans ms';

font-size:20px;

padding-top: 0px;

}









#back {

background: #ffffff;

}

















#newsflash ul {

list-style-type: disc;

padding: 0;

margin: 0;

}





#newsflash ul li {

display: block;

padding: 0 0 0 0;

margin: 0 10px 0 0;

}