/* Martin Weber, citypixxel.comk für kpevents.de */


body {
background: #000 url(gfx/header.jpg) no-repeat 50% 0%;
margin : 0;
padding: 0;
text-align: center;
font: 14px Verdana, Arial, sans-serif;
line-height: 1.6em;
overflow-y: scroll; /* erzeugt einen immer sichtbaren Scrollbalken, der jefoch nur dann aktiv wird, wenn er gebraucht wird. (CSS3) */
}

a img{
border: none;
}

h1 {
font-size: 24px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 16px;
}

b {
letter-spacing: 0.07em; /* vergrößerter Durchschuss bei fettem Text */
}

p {
padding-bottom: 10px; /* vergrößerter Abstand nach Ps */
}

.r {
	float:right;
	margin: 8px 0px 5px 18px; 
}

.l {
	float: left;
	margin: 8px 18px 5px 0px; 
}

.ct {
text-align: center;
}

#header {
height: 209px;
}

#wrapper {
text-align: left;
width: 939px;
margin: 0 auto;
background: url(gfx/1line.jpg) repeat-y;
min-height: 600px;
position: relative;
padding-bottom: 50px;
}

#contentheader {
background: url(gfx/main_header.jpg) no-repeat;
height: 37px;
}

#contentfooter {
background: url(gfx/main_footer.jpg) no-repeat;
height: 48px;
text-align: left;
width: 939px;
margin: 0 auto;
padding-bottom: 95px;
}

#menu {
position:absolute;
top:0px;
left:0px;
width: 130px;
margin: 0 0 0 19px;
padding: 0 20px 0 0;
}

#content {
position: relative;
top: -40px;
left: 160px;
width: 520px;
margin: 0;
color: white;
padding: 10px;
}

#content a {
color: #ffe2a7;
text-decoration: underline;
}


#content p, #sidebar p { /* Kein Abstand nach oben in Paragrahs */
margin: 0 0 5px 0;
}


h2.menu { /* Einzelnes Menu-Element */
height: 60px;
overflow: hidden;
position: relative;
margin: 0;
}

h2.menu a { /* Schönheits-Fix beim Laden */
color: #7d7d7d;
font-size: 12px;
}

h2.menu span { /* Gestaltung der grafischen Buttons */
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
display: block;
}

h2 span:hover { /* Mouseover */
background-position: 0 -60px !important;
}
	
h2#menuton span {
background: url(gfx/menu/ton.jpg) no-repeat 0 0;
}
	
h2#menulicht span {
background: url(gfx/menu/licht.jpg) no-repeat 0 0;
}
	
h2#menuvideo span {
background: url(gfx/menu/video.jpg) no-repeat 0 0;
}
	
h2#menustrom span {
background: url(gfx/menu/strom.jpg) no-repeat 0 0;
}
	
h2#menurefs span {
background: url(gfx/menu/referenzen.jpg) no-repeat 0 0;
}	

h2#menudj span {
background: url(gfx/menu/dj.jpg) no-repeat 0 0;
}	

h2#menudisco span {
background: url(gfx/menu/disco.jpg) no-repeat 0 0;
}	

h2#menukontakt span {
background: url(gfx/menu/kontakt.jpg) no-repeat 0 0;
}

#sidebar {
color:white;
left:712px;
position:absolute;
top:39px;
width:210px;
}

.sidenote {
padding:15px;
font-size: 11px;
line-height: 1.3em;
}

.sidenote ul, .sidenote li {
margin-left: -10px;
}

.tickerbox ul {
position:relative;
}

.tickerbox li {
list-style:none;
list-postion:inside;
position: absolute;
left: 25px;
overflow:hidden;
}


.sidenote img {
width: 175px;

}

#fotos {
margin-bottom: 20px;
}

#fotosh {
background: url(gfx/side_fotos_h.jpg) no-repeat;
height: 39px;
}

#fotosf {
background: url(gfx/side_fotos_f.jpg) no-repeat;
height: 11px;
}


#mrpropper {
clear: both;
}


#people {
position: fixed;
bottom: 0;
left:0;
height: 120px;
width: 100%;
background: url(gfx/dancing-people.png) repeat-x;
}

#legal {
text-align: center;
color: #fff;
font-size: 9px;
line-height: normal;
margin-right: 60px;
}

#legal a {
color: #333;
text-decoration: underline;
}

input.contact, textarea.contact { /* Elemente des Kontaktformulars */
	color: white;
	background: #616161;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid white;
	padding: 5px;
	width: 400px;
	margin: 5px 0 5px 0;
}

textarea.contact {
	height: 200px;
}