/* ===================================
Stylesheet von "Drums on Earth"

Stand: Stylesheet für die Bildschirmausgabe
Datei: screen.css
Datum: 10. Dezember 2008
Autor: Armin Priesner

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */
   * { padding: 0; margin: 0; } /* Abstände auf Null */ 
   
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */
   body {
     font-family: Verdana, Helvetica, Arial, sans-serif;
  	 color: #000000;
     background-color: #000000;
   }
   
   hr { display: none; }
   
   
/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */
   #boxWebsite {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 857px;
     height: 500px;
     margin-left: -428px;
     margin-top: -250px;
     border: 2px solid #FFFFFF;
   }
   #page_index #boxWebsite {
     background: url('../img/bg_index.jpg');
   }
   #page_news #boxWebsite {
     background: url('../img/bg_news.jpg');
   }
   #page_ueberuns #boxWebsite {
     background: url('../img/bg_ueberuns.jpg');
   }
   #page_konzerte #boxWebsite {
     background: url('../img/bg_konzerte.jpg');
   }
   #page_musik #boxWebsite {
     background: url('../img/bg_musik.jpg');
   }
   #page_texte #boxWebsite {
     background: url('../img/bg_texte.jpg');
   }
   #page_medien #boxWebsite {
     background: url('../img/bg_medien.jpg');
   }
   #page_downloads #boxWebsite {
     background: url('../img/bg_downloads.jpg');
   }
   #page_kontakt #boxWebsite {
     background: url('../img/bg_kontakt.jpg');
   }
   
     #skiplink {
       display: none;
     }
   
     #mainnav {
       display: none;
     }
     
     #doe_logo {
       position: absolute;
       top: 255px;
       left: 705px;
       width: 100px;
       height: 33px;
       background: url('../img/doe_logo_blue.gif');
     }
     
     #page_ueberuns #bandmitglieder {
        position: absolute;
        top: 195px;
        right: 46px;
        width: auto;
     }
       #page_ueberuns #bandmitglieder h3 {
         display: none;
       }
       #page_ueberuns #bandmitglieder ul li {
         display: inline;
         list-style-type: none;
         margin-left: 10px;
       }
         #page_ueberuns #bandmitglieder ul li a {
           font-size: 12px;
           color: #FFFFFF;
           text-decoration: none;
         }
     
     #page_ueberuns #bandmitgliedfoto {
        position: absolute;
        top: 50px;
        right: 43px;
        width: auto;
     }
       #page_ueberuns #bandmitgliedfoto div {
         float: right;
         padding: 105px 10px 0 0;
       }
       #page_ueberuns #bandmitgliedfoto div h3 {
         color: #6395c9;
         font-size: 14px;
         font-weight: bold;
         text-align: right;
         margin: 0;
       }
       #page_ueberuns #bandmitgliedfoto div p {
         color: #6395c9;
         font-size: 12px;
         text-align: right;
         margin: 2px 0;
       }
       #page_ueberuns #bandmitgliedfoto img { float: right; border: 1px solid #6395c9; }
     
     #profillink {
       position: absolute;
       top: 260px;
       left: 290px;
       width: auto;
     }
       #page_ueberuns #profillink p {
         display: inline;
         font-size: 12px;
         color: #000;
         margin-right: 5px;
       }
       #page_ueberuns #profillink ul { display: inline; }
       #page_ueberuns #profillink ul li {
         display: inline;
         list-style-type: none;
         font-size: 12px;
         color: #000;
       }
         #page_ueberuns #profillink ul li a {
           color: #000;
           text-decoration: underline;
         }
     
     #page_musik #cd_bestellen {
       display: none;
     }
     #page_musik #cd_Heartbeat {
       position: absolute;
        top: 178px;
        left: 332px;
        width: 45px;
        height: 44px;
        cursor: pointer;
     }
     #page_musik #cd_Blue_Planet {
       position: absolute;
        top: 178px;
        left: 380px;
        width: 45px;
        height: 44px;
        cursor: pointer;
     }
     #page_musik #cd_Barakan {
       position: absolute;
        top: 178px;
        left: 428px;
        width: 45px;
        height: 44px;
        cursor: pointer;
     }
     #page_musik #cd_Emotions_2007 {
       position: absolute;
        top: 178px;
        left: 476px;
        width: 45px;
        height: 44px;
        cursor: pointer;
     }
     #page_musik #cd_Best_of_5_Years {
       position: absolute;
        top: 178px;
        left: 524px;
        width: 45px;
        height: 44px;
        cursor: pointer;
     }
     #page_musik #cd_Freedom {
       position: absolute;
        top: 178px;
        left: 572px;
        width: 45px;
        height: 44px;
        cursor: pointer;
     }
     #page_musik #cd_Red_Cosmic_Earth {
       position: absolute;
        top: 178px;
        left: 620px;
        width: 45px;
        height: 44px;
        cursor: pointer;
     }
     #page_musik #cd_Indigo {
       position: absolute;
        top: 178px;
        left: 668px;
        width: 45px;
        height: 44px;
        cursor: pointer;
     }
     #page_musik #cd_Dreamscape {
       position: absolute;
        top: 178px;
        left: 716px;
        width: 45px;
        height: 44px;
        cursor: pointer;
     }
     #page_musik #cd_Eternity {
       position: absolute;
        top: 178px;
        left: 763px;
        width: 45px;
        height: 44px;
        cursor: pointer;
     }
       
     
     #page_downloads #download_menue {
        position: absolute;
        top: 160px;
        right: 46px;
        width: auto;
     }
       #page_downloads #download_menue h3 {
         display: none;
       }
       #page_downloads #download_menue ul li {
         list-style-type: none;
         text-align: right;
         margin-bottom: 5px;
       }
         #page_downloads #download_menue ul li span {
           font-size: 12px;
           color: #dd8747;
         }
         #page_downloads #download_menue ul li a {
           font-size: 12px;
           color: #FFFFFF;
           text-decoration: none;
         }
       #page_downloads #content p {
         margin-bottom: 10px;
       }
       #page_downloads #content ol li {
         margin-left: 35px;
         line-height: 16px;
       }
     
     #page_kontakt #kontakt_menue {
        position: absolute;
        top: 160px;
        right: 46px;
        width: auto;
     }
       #page_kontakt #kontakt_menue h3 {
         display: none;
       }
       #page_kontakt #kontakt_menue ul li {
         list-style-type: none;
         text-align: right;
         margin-bottom: 5px;
       }
         #page_kontakt #kontakt_menue ul li span {
           font-size: 12px;
           color: #dd8747;
         }
         #page_kontakt #kontakt_menue ul li a {
           font-size: 12px;
           color: #FFFFFF;
           text-decoration: none;
         }
     
     #content {
       position: absolute;
       top: 300px;
       left: 290px;
       width: 500px;
       height: 150px;
       overflow: auto;
       font: normal 12px Verdana, Helvetica, Arial, sans-serif;
       color: #FFFFFF;
     }
     
     #home_top {
       position: absolute;
       top: 0;
       left: 0;
       width: 235px;
       height: 100px;
       cursor: pointer;
     }
     
     #home_bottom {
       position: absolute;
       bottom: 0;
       left: 0;
       width: 180px;
       height: 25px;
       cursor: pointer;
     }
     
     #btn_deutsch { /* index.php : Button für die deutsche Version */
       position: absolute;
       top: 310px;
       left: 60px;
       width: 125px;
       height: 50px;
       cursor: pointer;
     }
     
     #btn_english { /* index.php : Button für die englische Version */
       position: absolute;
       top: 310px;
       left: 225px;
       width: 120px;
       height: 50px;
       cursor: pointer;
     }
     
     #btn_home { /* Button für die in die Hintergrundgrafik integrierte Navigation */
       position: absolute;
       top: 140px;
       left: 255px;
       width: 47px;
       height: 45px;
       cursor: pointer;
     }
     
     #btn_news { /* Button für die in die Hintergrundgrafik integrierte Navigation */
       position: absolute;
       top: 115px;
       left: 302px;
       width: 42px;
       height: 40px;
       cursor: pointer;
     }
     
     #btn_ueberuns { /* Button für die in die Hintergrundgrafik integrierte Navigation */
       position: absolute;
       top: 80px;
       left: 344px;
       width: 64px;
       height: 45px;
       cursor: pointer;
     }
     
     #btn_konzerte { /* Button für die in die Hintergrundgrafik integrierte Navigation */
       position: absolute;
       top: 50px;
       left: 408px;
       width: 72px;
       height: 40px;
       cursor: pointer;
     }
     
     #btn_musik { /* Button für die in die Hintergrundgrafik integrierte Navigation */
       position: absolute;
       top: 30px;
       left: 480px;
       width: 52px;
       height: 35px;
       cursor: pointer;
     }
     
     #btn_texte { /* Button für die in die Hintergrundgrafik integrierte Navigation */
       position: absolute;
       top: 20px;
       left: 532px;
       width: 52px;
       height: 30px;
       cursor: pointer;
     }
     
     #btn_medien { /* Button für die in die Hintergrundgrafik integrierte Navigation */
       position: absolute;
       top: 10px;
       left: 584px;
       width: 64px;
       height: 30px;
       cursor: pointer;
     }
     
     #btn_downloads { /* Button für die in die Hintergrundgrafik integrierte Navigation */
       position: absolute;
       top: 5px;
       left: 648px;
       width: 92px;
       height: 25px;
       cursor: pointer;
     }
     
     #btn_kontakt { /* Button für die in die Hintergrundgrafik integrierte Navigation */
       position: absolute;
       top: 8px;
       left: 740px;
       width: 68px;
       height: 27px;
       cursor: pointer;
     }
     
     #videoclip { /* Flashvideoplayer */
       position: absolute;
       top: 320px;
       left: 102px;
       width: 148px;
       height: 82px;
       border: 2px solid #000000;
     }
   
   
   #boxOrder { /* Popup für Bestellungen */
     position: absolute;
     top: 25px;
     left: 50%;
     width: 530px;
     margin-left: -265px;
   }
     #boxOrder #cover {
       width: 200px;
       float: left;
       text-align: center;
       margin-right: 30px;
     }
       #boxOrder #cover p {
         font-size: 12px;
         color: #FFFFFF;
         margin-top: 10px;
       }
     #boxOrder #trackliste {
       width: 300px;
       float: left;
     }
       #boxOrder #trackliste h1 {
         font-size: 16px;
         color: #FFFFFF;
         margin-bottom: 10px;
       }
       #boxOrder #trackliste ol li {
         font-size: 12px;
         color: #FFFFFF;
         margin: 0 0 0 35px;
       }
     #boxOrder #order_text {
       width: auto;
       clear: both;
       padding-top: 10px;
     }
       #boxOrder #order_text p {
         font-size: 12px;
         color: #FFFFFF;
       }
     #boxOrder #order_form {
       margin-top: 20px;
     }
     #boxOrder #order_form legend {
       font-size: 14px;
       font-weight: bold;
       color: #FFFFFF;
     }
     #boxOrder #order_form #order_left_form {
       width: 250px;
       margin: 5px;
       float: left;
     }
     #boxOrder #order_form #order_right_form {
       width: 250px;
       margin: 5px;
       float: left;
     }
     #boxOrder #order_form #order_bottom_form {
       width: auto;
       margin: 5px;
       clear: both;
     }
       #boxOrder #order_form label {
         font-size: 12px;
         color: #FFFFFF;
         display: block;
         margin: 8px 0 2px 0;
       }
       #boxOrder #order_form input {
         font-size: 12px;
         color: #000;
         width: 230px;
       }
       #boxOrder #order_form #Submit {
         font-size: 12px;
         font-weight: bold;
         color: #000;
         width: auto;
         display: block;
         margin: 10px 0 10px 0;
       }
       #boxOrder #order_form textarea {
         font-size: 12px;
         color: #000;
         width: 490px;
         height: 75px;
       }
       #boxOrder #order_form p {
         font-size: 12px;
         color: #FFFFFF;
       }
     
/* ==================================
   4. Sonstige Styles 
   =============================== */
   
		#getMusic {
	 		position: absolute;
			top: -30px;
			left: 0;
			width: 857px;
		}

   
   

/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */