/* CSS RESET */
html{ color: #aaa; background-position: 0 0; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{ width: 350px; float: left; clear: left; list-style:none inside; display: inline; }caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{ color: #aaa; font-size:20px; font-weight:normal; line-height: 18px; float: left; }q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body { font:13px/1.23 Arial, helvetica, clean, sans-serif; background-color: #000; margin: auto; }
bodypop { font: 13px/1.23 Arial, helvetica, clean, sans-serif; background-color: #000; margin: auto; }
table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */
html,body { height:100%; margin:0; padding:0; text-align:center; }
div#center {background-color:#ffffff; height:670px; width:1000px; margin: auto;}

body {
	text-align:center;
	background:#aaa;
	color:#fff
}
a { text-decoration:none; color:#aaa
; margin: 0; }
ul { z-index: 350; margin-left: 36px; }
ol { text-align: left; position: absolute; top: 500px; left: 500px; z-index: 300; float: left; margin-left: 16px; list-style-image: none; list-style-position: inside; display: inline; }
a:hover { color:#fff
; text-decoration: none; }
p { color: #aaa; text-decoration: none; }
#wrap { background-color: #aaa; width:1000px; text-align:left; height: auto; margin: auto; border-width: 0; }

.float-l{ float:left}
.folat-r{ float:right}
.clearfix{ clear:both}

#bg { background:#000 url(../images/bg.jpg) no-repeat; height:667px; margin: 0; }
#bgkontakt { background: #000 url(../images/bgkontakt.jpg) no-repeat; margin: 0; height: 667px; }
#bgpopup { background: #000 url(../images/bgpopup.jpg) no-repeat; width: 400px; margin: 0; height: 290px; }
#bgisdnaptx { background: #000 url(../images/bgaptx.jpg) no-repeat; margin: 0; height: 667px; }
#bgdownload { background: #000 url(../images/bgdownload.jpg) no-repeat; margin: 0; height: 667px; }
#bgyoutube { background: #000 url(../images/bg_youtube.jpg) no-repeat; margin: 0; height: 667px; }
div #youtubelink {	width: 100px; height: 100px; top: 200px; left: 200px;}

/* header */
#header { color: #aaa; position:relative; height:260px    ; margin-top: auto; }
#logo {position:absolute; top:30px; right:130px}
#logo h1 {
	font-size:34px;
	color:#fff
}
#logo div {
	padding-left:100px
}
#nav { position:absolute; top:380px; left: 480px !important; }
#playlist {
	position: absolute; top: 25px; left: 50px !important; width: 250px; height: auto; }
}
#nav li {float:left; padding:0 20px;}

/* content */
#content { background-color: #000; width:800px; margin: auto 0 auto 0; }
.main { width:460px; margin:0 0 0 100px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color: #000; display:inline }
.abstand { font-weight: normal; text-decoration: none; margin-left: 15px; display: inline; }
.abstandcurrent { color: #fff; font-weight: normal; text-decoration: none; margin-left: 15px; }
#col {margin:50px 0 0 0;width:300px;  }
#col .first ul {border-right:#E35C5C 1px solid; padding-right:43px}
#text {width:450px; }
#text h2 {font-size:30px}
#text a { color: #CCCC00}

.side {width:230px; }
.side h2 {font-size:22px}
.side li {line-height:20px; list-style:inside disc; color:#FFFFFF; }
.side ul {margin:30px  0 30px 20px}
/* footer */
#footer { background-color: transparent; background-position: 0 0; height:133px; position:relative; }
#ftinner{ position:absolute; bottom:800px; width:680px; margin-left:120px}
strong { font-weight: bold; text-decoration: none; }
placeholder { position: absolute; width: 400px; height: 270px; }
flashcontent { width: 210px; height: 20px; margin-top: 20px; }
.ftlink {width:500px;}
.link { font-weight: normal; cursor: default; }
.link:hover { color: #fff; font-weight: normal; cursor: default; }
.link:active { color: #fff; font-weight: normal; cursor: default; }