/* IconScreen        -----------------------------------------------------------
Building 08.2009 // Last Revision: #modifieddate# / #modifiedtime# 

/* Resets default browser CSS - Do not change---------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
tr, th, td { margin: 0; padding: 0; border: 0; }
table { margin: 0; 	padding: 0; border-collapse: separate; border-spacing: 0; }
a img { border: none; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

#badges {	z-index: 100;
	height: 114px; 
	width: 112px;
	top: 7.5%;
	left: 47%;
	position: absolute; }


/* BASICS / LAYOUT ------------------------------------------------------------------------------ */
body {
	background: #eeeeee url(/images-basic/noise.gif) repeat center top; }


body {
	color: #4a4a4a;
	text-align: left;
	font-family: Candara, Times New Roman, serif;
	font-style: normal;
	line-height: normal;
	font-size: medium; }

#wrapper {
	margin: 0 auto 3em auto;
	width: 960px !important;
	padding-bottom: 3em; }

/* HEAD ----------------------------------------------------------------------------------------- */
#head { padding: 50px 5px 0 5px; }

#logo { float: left; padding-bottom: 10px; width: 269px; }

#head span { float: right; text-align: right; width: 460px; color: #666666;  font-size: 1em; }

/* NAV ------------------------------------------------------------------------------------------ */
#nav { 
	padding: 0.75em 0 0.55em 0;
	margin: 0.75em 5px 0 5px;	
	background: url(/images-basic/line-2-960.gif) no-repeat left top;}
	
.simplenav {  float: right; padding: 44px 0 0 0; }

/* Rule --------------------------------------------------------------------- */
hr {
	border: 0;
	width: 100%;
	color: #be5e46;
	background-color: #be5e46;
	height: 1px;
	clear: both;
	margin: 7px 0 !important;
	/* IE Bug - horizontale rule - now: 7 pixel margin for all browser*/ }


/* Columns ------------------------------------------------------------------ */
#columns {
	width: 100%;
	overflow: auto; }
	
.columns_2 {
	width: 455px;
	float: left;
	padding-bottom: 1.4em; }	

.space { margin-right: 20px; }

img.sponsor  { padding: 12px; }


.columns_4 {
	margin: 0 5px 10px 5px; 
	width: 230px;
	float: left;
	position: relative;
	height: 150px;
	background: #221815;
	overflow: hidden; }
	
	
.columns_4 .caption {
	filter: Alpha(Opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	position: absolute;
	bottom: 0px;
	width: 230px;
	background-color: #fff; }
	
	

.columns_4 .caption .text {
	text-align: left; }

.columns_4 a {
	color: #000;
	display: block; 
	padding: 8px; }

.text {  font-size: 12px; }

ul#filter { float: left; font-size: 13px; list-style: none; }
ul#filter li { 
	border-right: 1px solid #be5e46;
	float: left;
	margin-right: 3px;
	padding-right: 3px; }
	
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }

ul#filter li.current a { color: #cc4954; font-weight: bold; }

#linebreak { padding-left: 5px; }


/* Content Tables ------------------------------------------------------------------------------- */


td, th { padding: 0 5px; }
table.team  img { padding-right: 12px; }
table.team  td { height: 75px; }

table#programm  td { padding: 4px 9px 4px 5px; vertical-align: top; border-top: 1px solid #ccc; }
table#programm  th {  padding: 4px 9px 4px 5px; width: 155px; vertical-align: top; text-align: left; }



/* FONT/FONT-COLOR/FONT-SIZE -------------------------------------------------------------------- */
/* FONT without JavaScript */
#nav, #nav a, .menu, h1, h2, h3, h4, h5 {  }
.breadnav { font-size: 0.88em; }
#nav, .menu { font-size: 0.88em; }



a { color: #990033; text-decoration: none; }
a:focus, a:hover, a:active { color: #cc4954; }

a.active {font-weight: bold; color: #4a4a4a !important; }

a { outline: none !important; }
:focus { -moz-outline-style: none; }

h1 { margin: 0 5px;
	font-size: 1.75em;
	font-weight: bold;
	 color: #990033;
	line-height: 1.3;
	padding: 54px 0 8px 0; 
	width: 95%; }
	
.headergroup {float: left; width: 860px;}
.leftright {float: right; padding-top: 28px;  width: 65px; }


img.left  { width: 30px; height: 30px; background: url(/images-basic/left-right.gif) no-repeat 0 0; }
img.right { width: 30px; height: 30px; background: url(/images-basic/left-right.gif) no-repeat -30px 0; }


img.left:hover, img.noleft  { background: url(/images-basic/left-right.gif) no-repeat 0 -30px; }
img.right:hover, img.noright { background: url(/images-basic/left-right.gif) no-repeat -30px -30px; }

.breadnav {	
	height: 30px;
	margin-top: 1px;
	padding-top: 9px;
	padding-left: 100px;
	background-image: url(/images-basic/arrow-nav.gif);
	background-repeat: no-repeat;
	background-position: 0 0; }
	
h1.breadnavheadline { padding-top: 14px !important; }
h1.artist { padding-top: 14px !important; }

h2, .date { margin: 0 5px;
	font-size: 1.15em;
	font-weight: bold;
	color: #ca8b8d;
	line-height: 1;
	padding: 0 0 24px 0; 
	width: 75%; }

h3 { margin: 0 5px;
	font-size: 1em;
	font-weight: bold;
	color: #990033;
	line-height: 1;
	padding: 0 0 6px 0; 
	width: 75%; }
	
p { font-size: 1em; margin: 0 5px;  
	line-height: 1.4;}

p.bottomspace { padding-bottom: 35px; }

/* FOOTER --------------------------------------------------------------------------------------- */
#footer {
	padding: 1.5em 0 0 0;
	margin: 3.5em 5px 5px 5px;	
	background: url(/images-basic/line-1-960.gif) no-repeat left top; 
	 font-size: 0.75em; }
	
address { font-style: normal; width: 480px; float: left; }
#footer span { float: right; text-align: right; width: 460px; }