@import url(color.css);
@import url(type.css);

/*------------------------------ Normalisierungen --------*/

/* Normalisierung margin, paddin */
body, div, dl, dt, dd, ol, ul, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
 margin: 0;
 padding: 0;
 }
 
/* Normalisierung font-size fuer Ueberschriften */
h5, h6 {
 font-size: 100%;
 }

/* Entfernung list-style aus Listen */
ol, ul {  
 list-style-type: none;
 }
 
/* Normalisierung font-style und font-weight */
address, caption, cite, code, dfn, em, strong, th, var {
 font-style: normal;
 font-weight: normal;
 }
 
/* Normalisierung border-collapse und border-spacing */
table {  
 border-collapse: collapse;
 border-spacing: 0;
 }
 
/* Entfernung border aus fieldset und img */
fieldset, img {  
 border: none;
 }
 
/* Ausrichtung Text in caption und th links */
caption, th {
 text-align: left;
 }
 
/* Entfernung Rahmen bei Flash-Klick Firefox */
object { 
 outline: none;
 }
 
/* Anpassung deutsche Anfuehrungszeichen in q */
q:before {
 content:"\201E";
 }
 
q:after {
 content:"\201C";
 }

/* Entfernung text-decoration aus a */
a {
 text-decoration: none;
 outline: none;
 }

/*------------------------------ Uebergeordnete Ebenen ---*/					

html, body {
 height: 100.08%;
 width: 100%;
 }
 
body {
 position: relative;
 width: 100%;
 margin: 0 auto;
 }

h1 {
 margin: 0 0 15px 0;
 }
 
h2 {
 width: 50%;
 margin: 0 auto 8px 100px;
 }

/*------------------------------ Allgem. Einstellungen ---*/

/*---- Linien ---------------------------------*/ 

li.line {
 margin: 30px 20px;
 }

/*---- Listen-Style ---------------------------*/ 

li.disc {
 list-style-type: disc;
 margin: 4px 0 0 15px;
 }

/*---- OSDesign.de ----------------------------*/ 

ul#osdesign {
 position: fixed;
 top: 445px;
 left: 103px;
 width: 300px;
 z-index: 11;
 }
 
/*---- Textausrichtung-------------------------*/ 

li.center, li.center_underline {
 text-align: center;
 }

/*------------------------------ Branding ----------------*/

ul#branding {
 position: fixed;
 top: 55px;
 left: 55px;
 width: 990px;
 z-index: 10;
 }

li#brand_background {
 position: fixed;
 top: 0px;
 left: 0px;
 height: 320px;
 width: 100%;
 z-index: 1;
 } 

li#brand_foto {
 position: relative;
 height: 400px;
 width: 300px;
 }

li#brand_kasten {
 position: relative;
 top: -315px;
 left: 288px;
 height: 80px;
 width: 100%;
 margin-bottom: -395px;
 z-index: 0;
 }

li#brand_logo {
 position: relative;
 top: 0;
 left: 225px;
 height: 129px;
 width: 240px;
 }
 
/*------------------------------ Navigation Main ---------*/

ol#nav_main_margin {
 position: fixed;
 top: 160px;
 left: 400px;
 height: 40px;
 z-index: 10;
 } 

ol#nav_main {
 position: relative;
 margin-left: 70px;
 }

ol#nav_main li > a {
 position: absolute;
 height: 40px;
 width: 100px;
 }

a#nav_main_news {
 left: 0px;
 }

a#nav_main_info {
 left: 100px;
 }

a#nav_main_musik {
 left: 200px;
 }

a#nav_main_fotos {
 left: 300px;
 }


/*------------------------------ Navigation Sub1 ---------*/

ol#nav_sub1 {
 position: relative;
 top: 45px;
 left: 320px;
 }
 
ol#nav_sub1 li > a {
 position: absolute;
 height: 30px;
 width: 100px;
 }
 
a#nav_sub1_galerie, a#nav_sub1_mp3, a#nav_sub1_referenzen {
 top: 30px;
 }
 
a#nav_sub1_videos {
 top: 60px;
 }

a#nav_sub1_live {
 top: 90px;
 }

/*------------------------------ Navigation Sub2 ---------*/

ol#nav_sub2 {
 position: relative;
 top: -160px;
 left: 293px;
 }
 
ol#nav_sub2 li > a {
 position: absolute;
 height: 30px;
 width: 80px;
 }

a#nav_sub2_impressum {
 left: 60px;
 }

/*------------------------------ Inhalt ------------------*/

ul#content {
 position: absolute;
 top: 320px;
 left: 492px;
 width: 377px;
 }
 
ul#content_margin, ul#content_margin_mp3 {
 margin: 0 0 60px 0;
 }

ul#content_margin_fotos {
 margin-top: -16px;
 }  

ul#content_margin_mp3 li {
 list-style-type: disc;
 margin: 0 0 0 13px;
 } 
 
/*------------------------------ Discografie -------------*/

ol.cd_vorstellung {
 margin: 0 0 60px 0;
 }

ol.cd_vorstellung img {
 margin: 3px 20px 0 0;
 padding: 0 0 15px 0;
 float: left;
 }
 
img#joyful {
 height: 70px;
 width: 80px;
 } 
 
img#stop {
 height: 80px;
 width: 80px;
 } 

/*------------------------------ Fotos -------------------*/

li.links, li.links_end {
 float: left;
 margin: 20px auto 20px auto;
 }
 
li.links_end {
 margin: 20px auto 50px auto;
 }

li.rechts, li.rechts_end {
 float: right;
 margin: 20px auto 20px auto;
 }
 
li.rechts_end {
 margin: 20px auto 50px auto;
 }

/*------------------------------ Live --------------------*/

table#termine {
 width: 100%;
 table-layout: fixed;
 vertical-align: middle;
 }

tr#head, tr.center {
 height: 30px;
 text-align: center;
 }

tr.center {
 height: 60px;
 }
 
td {
 overflow: hidden;
 }
 
td.datum {
 width: 50px;
 }
 
td.ort {
 width: 110px;
 }
 
ul#content_margin li > p {
 margin: 0 0 30px 0;
 text-align: center;
 }

/*------------------------------ MP3 ---------------------*/

div.flash {
 position: absolute;
 top: 0;
 left: 157px;
 margin:  5px 0 0 20px;
 }

div#alternativ {
 padding: 10px;
 }

div#alternativ img {
 position: relative;
 left: 50%;
 margin-left: -56px;
 }

/*------------------------------ News --------------------*/

table#news {
 width: 100%;
 margin: 5px auto 65px auto;
 }

table#news td {
 padding: 10px;
 vertical-align: top; 
 }

ol.aenderung {
 margin: 5px 0 0 15px;
 list-style-type: disc;
 }