body {
	background:#fff;
	margin:0;
	padding:0;
	text-align:center;
	font:14px Arial,Verdana,sans-serif;
	line-height:1.6em;
	overflow-y:scroll;
	background:#1f1f1f url(gfx/background.png) repeat
}

a img {
	border:none
}

h1 {
	font-size:40px;
	color:#000;
	line-height:1em;
	margin:10px 0 0
}

h2 {
	font-size:24px
}

h3 {
	font-size:14px;
	color:#666;
	margin:0 0 20px
}

b {
	letter-spacing:.07em
}

p {
	padding-bottom:10px
}

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

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

#wrapper {
	text-align:left;
	width:1060px;
	margin:0 auto;
	min-height:600px;
	position:relative
}

#contentwrapper {
	background:#000;
	background:rgba(0,0,0,0.3);
	margin:10px 0 0 35px;
	width:990px;
	min-height:750px
}

#header {
	height:170px;
	border:10px solid #fff;
	position:relative;
	top:-10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 0 1em #000;
	-moz-box-shadow:0 0 1em #000;
	-webkit-box-shadow:0 0 1em #000
}

#header a {
	outline:none
}

#menuwrapper {
	float:left
}

#menu {
	width:150px;
	margin:0;
	padding:5px 0;
	background:#000;
	background:rgba(0,0,0,0.8)
}

#menu ul {
	padding:0
}

#menu li.m {
	overflow:hidden;
	position:relative;
	margin:30px 0;
	border-left:15px solid transparent;
	text-transform:uppercase;
	padding:0 0 0 8px;
	font:13px Verdana,sans-serif;
	font-weight:700;
	letter-spacing:.2em
}

#menu li.m a,#menu li.m a:visited {
	text-decoration:none;
	color:#999
}

#menu li.m.ton:hover {
	border-left:15px solid #3e5cbe
}

#menu li.m.licht:hover {
	border-left:15px solid #bfad4b
}

#menu li.m.video:hover {
	border-left:15px solid #53be4c
}

#menu li.m.strom:hover {
	border-left:15px solid #be3e3d
}

#menu li.m.kunden:hover {
	border-left:15px solid #be864b
}

#menu li.m.dj:hover {
	border-left:15px solid #4db8be
}

#menu li.m.disco:hover {
	border-left:15px solid #954cbf
}

#menu li.m.kontakt:hover {
	border-left:15px solid #be549c
}

#tel {
	color:#fff;
	background:url(gfx/telefon.png) 8px 22px no-repeat;
	padding:20px 0 20px 30px;
	font-weight:700;
	line-height:1.3em
}

#content {
	width:580px;
	min-height:750px;
	margin:0;
	color:#000;
	padding:10px;
	background:#fff;
	float:left
}

#content a {
	color:#000;
	text-decoration:underline;
	font-weight:700
}

#content .ct {
	text-align:center;
	margin:0 13px 13px 0
}

#content .ct img {
	margin:0 13px 13px 0
}

#content p,#sidebar p {
	margin:0 0 5px
}

#content hr {
	background:url(gfx/trenner.png) repeat-x;
	height:5px;
	border:none;
	margin:20px 0
}

#content img {
	border:5px solid #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}

#sidebar {

	color:#fff;
	width:240px;
	float:left
}

#sidebar .hl {
	font-size:12px;
	background:url(gfx/trenner_sidebar.png) 0 26px repeat-x;
	height:30px
}

#sidebar .hl li {
	list-style-image:url(gfx/redbullet.png);
	margin-left:-18px
}

.sidenote {
	font-size:12px;
	padding:20px
}

.tickerbox {
	width:200px;
	height: 130px;
	overflow:hidden;
	border:5px solid #fff;
	border:5px solid rgba(255,255,255,0.5);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:20px 0 0 15px
}

.tickerbox ul {
	position:relative;
	margin:0;
	margin-left:-10px;
	padding:0
}

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

.tickerbox img {
	width:200px
}

.mrpropper {
	clear:both
}

#cfooter {
	font-size:11px;
	text-align:center
}

input.contact,textarea.contact {
	color:#000;
	background:#f8f8f8;
	border:2px solid #919191;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	width:400px;
	margin:5px 0
}

textarea.contact {
	height:200px
}
