body, p, a { background: #000 url(../img/bg.png); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal; color: #ccc; border: 0; padding: 0; margin: 0;
	scrollbar-3dlight-color: #000;
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-face-color: #000;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #000 }

p {	margin: 12px; background:none }

a {	text-decoration: underline; background:none }
a:hover { color:#fff; text-decoration: underline }

h1 { font-size:205%; margin:0; padding:0; color:#999 }
h2 { font-size:160%; margin:0; padding:0 }

.width { width:100%; min-width:1000px;}

* html .minwidth { padding-left:1000px }
* html .container { margin-left:-1000px;position:relative }

* html .minwidth, * html .container, * html #content, * html .layout { height:1px }

#content { border:0; padding:0px; width:90%; margin-left:5%; margin-right:5% }

#content div.header { height:105px; background:url(../img/header_bg.png) repeat-x; margin-top:20px }
#content div.body { padding-left:1%; padding-top:10px; width:98%; float:left; display:table }
#content div.footer { height:60px; float: left; padding-left:1%;  width:98%; background:url(../img/footer_bg.png) top left repeat-x; text-align:left; font-size:10px; margin-top: 40px; padding-left:10px; padding-right:10px }

#content div.slide { text-align:center }
#content div.error { text-align:center; color:#ff3333; font-weight:bold; padding:5px; background:#660000; margin-bottom:10px; border: 1px solid #FF3333 }
#content div.logo { width:246px; height:105px; margin-left: 20px; float:left; background:url(../img/logo.png) left top no-repeat }
#copyright { width:400px; height:30px; padding-top:10px; float:left }
#copyright a { color: #ccc; text-decoration: none;	font-size: 10px; font-weight: normal; letter-spacing: 0.05em; white-space:nowrap }
#copyright a:hover { color: #fff }

#menu { margin-top:21px; float:right; letter-spacing: 0.05em }
#menu span { float: left; color: #ff3333; padding: 5px 15px 8px; margin:0px; background:url(../img/menubar2_bg.png) repeat-x; white-space:nowrap }
#menu span.begin { background:url(../img/menubar1_bg.png) top right no-repeat }
#menu span.end { background:url(../img/menubar3_bg.png) top left no-repeat } 
#menu a { display: block; float: left; color: #ccc; text-align:center; padding: 5px 15px 15px; background:url(../img/menubar2_bg.png) repeat-x; text-decoration:none; white-space:nowrap }
#menu a:hover { color:#fff; background:url(../img/menubar4_bg.png) repeat-x; text-decoration:none }

#button { float:left letter-spacing: 0.05em }
#button span { float: left; padding: 0 5px 12px; white-space:nowrap }
#button span.begin { background:url(../img/menubar1_bg.png) top right no-repeat }
#button span.end { background:url(../img/menubar3_bg.png) top left no-repeat } 
#button a { display: block; float: left; color: #ccc; text-align:center; text-decoration:none; padding: 5px 15px 7px; background:url(../img/menubar2_bg.png) repeat-x; white-space:nowrap }
#button a:hover { color:#fff; background:url(../img/menubar4_bg.png) repeat-x; text-decoration:none }

#title1 { padding-left:2%; position: relative; float:left; width:0; z-index:1 }
#title1 h1 { color: #333; font-size:50px; font-weight:bold; white-space:nowrap; letter-spacing:0.05em; $letter-spacing:0.1em }
#title2 { padding-left:2%; position: relative; float:left; left:-20px; top:0px; filter: alpha(opacity=60);-moz-opacity:0.6; opacity:0.6; z-index:2 }
#title2 h1 {color: #fff; font-size:40px; font-weight:bold; white-space:nowrap; letter-spacing:0.05em; $letter-spacing:0.1em }

#print { float: right; padding-right:15px; padding-top:15px; }
#print a { background:url(../img/print.png) no-repeat; color:#ccc; display:block; width:120px; height:25px; text-decoration:none }
#print a:hover { background:url(../img/print_h.png) no-repeat }

#search { float: right; padding-right:15px; padding-top:15px; }
#search a { background:url(../img/search.png) no-repeat; color:#ccc; display:block; width:100px; height:25px; text-decoration:none }
#search a:hover { background:url(../img/search_h.png) no-repeat }

#footmenu-outer { height:30px }
#footmenu-outer div { margin: 0; float:right; $padding-top:10px }
#footmenu-outer div ul { list-style: none }
#footmenu-outer div ul li { display: inline; margin-left:15px }   
#footmenu-outer a { color: #ccc; text-decoration: none;	font-size: 10px; font-weight: normal; letter-spacing: 0.05em; white-space:nowrap }
#footmenu-outer a:hover { color: #fff }

input, textarea { background:#333; border:#ccc 1px solid; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px }

input.button { background:url(../img/button.png) repeat-x; height:25px; border:none; color:#fff }
input.button:hover { background:url(../img/button_h.png) repeat-x }

.rahmen { border: 1px dotted #CCCCCC }
.rahmen_b {	border-bottom: 1px dotted #CCCCCC }
.rahmen_t {	border-top: 1px dotted #CCCCCC }

.red { color:#FF0000 }

/* Articles */

#programm { background:#222; width:300px; border:#444 1px solid; border-bottom:#b00 3px solid; padding:10px; margin-bottom:20px; font-size:80%}
#programm h2 {font-size:80%;}
#programm td { vertical-align:top; padding:0 10px 0 10px}
#programm td.time { }

#infopage {}
#infopage img {margin-top:5px; border:#999 1px solid}
#infopage p { margin:0; margin-top:5px; margin-bottom:5px; padding:0}
#infopage div.anounce {float:left; margin:10px 20px 20px 0; border-bottom:#b00 3px solid; padding:10px; width:300px}
#infopage .anounce h2 {margin:0}

#anounces {float:left; overflow:hidden; padding:10px; background:#222; border:#444 1px solid}
#anounces h2 {color:#444; background:#999; padding:2px 2px 2px 15px; margin:0; font-size:90%}

#justify {}
#justify p,li {text-align:justify; padding-bottom:10px}

#Player {border:1px solid; float:left; margin:0 30px 30px 0}
