/* ===================================
Stylesheet von "Gina Schwarz"

Stand: Stylesheet für die Bildschirmausgabe
Datei: screen.css
Datum: 18. Februar 2009
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: #660033;
     background-color: #480818;
   }
   
   hr { display: none; }
   
   
/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */
   #boxWebsite {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 857px;
     height: 607px;
     margin-left: -428px;
     margin-top: -303px;
     border: 2px solid #FFF;
   }
   #page_index #boxWebsite { background: #480818 url('../img/bg_index.jpg'); }
   #page_bio #boxWebsite { background: #480818 url('../img/bg_bio.jpg'); }
   #page_concerts #boxWebsite { background: #480818 url('../img/bg_concerts.jpg'); }
   #page_projects #boxWebsite { background: #480818 url('../img/bg_projects.jpg'); }
   #page_pics #boxWebsite { background: #480818 url('../img/bg_pics.jpg'); }
   #page_multimedia #boxWebsite { background: #480818 url('../img/bg_multimedia.jpg'); }
   #page_guestbook #boxWebsite { background-color: #480818; }
   #page_contact #boxWebsite { background: #480818 url('../img/bg_contact.jpg'); }
   
     #mainnav {
       position: absolute;
       top: 100px;
       left: -123px;
       width: 120px;
       border-top: 2px solid #FFF;
       border-right: none ;
       border-bottom: 1px solid #FFF;
       border-left: 2px solid #FFF;
     }
       #mainnav h1 { display: none; }
       #mainnav ul li {
         list-style-type: none;
         color: #FFFFFF;
         background-color: #dcbbab;
         font-size: 13px;
         font-weight: bold;
         border-bottom: 1px solid #FFF;
         padding: 2px 0 2px 10px;
       }
         #mainnav ul li a {
           font-size: 13px;
           color: #660033;
           text-decoration: none;
         }
   
   
   /* ====================== PAGE BIO ====================== */
   #page_bio #content {
     position: absolute;
     top: 358px;
     left: 164px;
     width: 570px;
     height: 165px;
     overflow: auto;
   }
   #page_bio #content div { height: 200px; }
   #page_bio #content h1 { font-size: 18px; font-weight: bold; }
   #page_bio #content p { font-size: 13px; margin: 16px 0; }
   
   #page_bio #sprache {
     position: absolute;
     top: 310px;
     left: 613px;
     width: auto;
     color: #FFF;
     font-size: 14px;
   }
     #page_bio #sprache a {
       color: #FFF;
       text-decoration: none;
     }
   /* ====================== PAGE BIO ====================== */
   
   
   /* ====================== PAGE CONCERTS ====================== */
   #page_concerts #headline h1 {
     position: absolute;
     top: 358px;
     left: 164px;
     width: auto;
     font-size: 18px;
     font-weight: bold;
   }
   #page_concerts #content {
     position: absolute;
     top: 388px;
     left: 164px;
     width: 570px;
     height: 135px;
     overflow: auto;
   }
     #page_concerts #content h3 {
       margin: 18px 0 2px 0;
       padding-bottom: 3px;
       font-size: 17px;
       font-weight: bold;
       width: 95%;
       border-bottom: 1px solid #660033;
     }
     #page_concerts #content div {
       font-size: 13px;
       padding: 4px 0;
     }
       #page_concerts #content span { font-weight: bold; color: #FFF; }
	   #page_concerts #content div a {
         color: #660033;
         text-decoration: underline;
       }
   /* ====================== PAGE CONCERTS ====================== */
   
   
   /* ====================== PAGE PROJECTS ====================== */
   #page_projects #content {
     position: absolute;
     top: 358px;
     left: 164px;
     width: 570px;
     height: 165px;
     overflow: auto;
   }
     
     #page_projects #content h1 {
       font-size: 18px;
       font-weight: bold;
       margin-bottom: 14px;
     }
     
     #projects { float: left; margin-right: 100px; }
     #projects li {
       list-style-type: none;
       font-size: 14px;
       font-weight: bold;
       padding: 4px 0;
     }
       #projects li a {
         color: #660033;
         text-decoration: underline;
       }
     
     #presse { float: left; }
     #presse li {
       list-style-type: none;
       font-size: 14px;
       font-weight: bold;
       padding: 4px 0;
     }
       #presse li a {
         color: #660033;
         text-decoration: underline;
       }
     
     #page_projects #content div { margin-top: 200px; clear: both; }
       #page_projects #content div h2 {
         font-size: 15px;
         font-weight: bold;
       }
       #page_projects #content div p {
         font-size: 13px;
         margin: 16px 40px 16px 0;
       }
       #page_projects #content div blockquote {
         font-size: 13px;
         font-style: italic;
         margin: 16px 60px 16px 20px;
       }
       #page_projects #content div p a { color: #660033; }
       #page_projects #content div ol li {
         font-size: 13px;
         padding-top: 16px;
       }
         #page_projects #content div ol li a {
           color: #660033;
           text-decoration: underline;
         }
   /* ====================== PAGE PROJECTS ====================== */
   
   
   /* ====================== PAGE PICS ====================== */
   #page_pics #headline h1 {
     position: absolute;
     top: 358px;
     left: 164px;
     width: auto;
     font-size: 18px;
     font-weight: bold;
   }
   #page_pics #content {
     position: absolute;
     top: 388px;
     left: 164px;
     width: 570px;
     height: 135px;
     overflow: auto;
   }
     #page_pics #content ul li {
       list-style-type: none;
       float: left;
       width: 180px;
       height: 150px;
     }
     #page_pics #content ul li div {
       background-color: #993333;
       width: 162px;
       padding-bottom: 2px;
     }
     #page_pics #content ul li div a { color: #FFF; }
     #page_pics #content ul li img {
       display: block;
       margin-bottom: 2px;
       border: 1px #FFFFFF solid;
     }
     #page_pics #content ul li p {
       font-size: 11px;
       text-align: right;
       margin-right: 3px;
       color: #FFF;
     }
   /* ====================== PAGE PICS ====================== */
   
   
   /* ====================== PAGE MULTIMEDIA ====================== */
   #page_multimedia #content {
     position: absolute;
     top: 358px;
     left: 164px;
     width: 570px;
     height: 165px;
     overflow: auto;
   }
     
     #page_multimedia #content h1 {
       font-size: 18px;
       font-weight: bold;
       margin-bottom: 14px;
     }
     
     #cds li {
       list-style-type: none;
       font-size: 14px;
       font-weight: bold;
       padding: 4px 0;
     }
       #cds li img {
         float: left;
         margin-right: 20px;
       }
       #cds li h2 { font-size: 13px; font-weight: bold; }
       #cds li p { font-size: 13px; font-weight: normal; margin: 6px 0; }
       #cds li p a { color: #660033; text-decoration: underline; }
       #cds li div { clear: both; }
     /*
     #jukebox { float: left; margin-right: 60px; }
     #jukebox li {
       list-style-type: none;
       font-size: 14px;
       font-weight: bold;
       padding: 4px 0;
     }
       #jukebox li a {
         color: #660033;
         text-decoration: underline;
       }
     
     #video { float: left; }
     #video li {
       list-style-type: none;
       font-size: 14px;
       font-weight: bold;
       padding: 4px 0;
     }
       #video li a {
         color: #660033;
         text-decoration: underline;
       }
   */
   #page_multimedia #youtube {
     position: absolute;
     top: 550px;
     left: 155px;
     width: 300px;
     text-align: left;
     font-size: 14px;
     color: #FFF;
   }
     #page_multimedia #youtube a { color: #FFF; font-weight: bold; }
     #page_multimedia #youtube em { font-style: italic; font-weight: bold; }
   
   #page_multimedia #itunes {
     position: absolute;
     top: 550px;
     left: 460px;
     width: 280px;
     text-align: right;
     font-size: 14px;
     color: #FFF;
   }
     #page_multimedia #itunes a { color: #FFF; font-weight: bold; }
     #page_multimedia #itunes em { font-style: italic; font-weight: bold; }
   /* ====================== PAGE MULTIMEDIA ====================== */
   
   
   /* ====================== PAGE CONTACT ====================== */
   #page_contact #content {
     position: absolute;
     top: 358px;
     left: 164px;
     width: 570px;
     height: 165px;
     overflow: auto;
     
   }
   
      #page_contact #content h1 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 16px;
      }
      
      #page_contact #content #imprint div {
        height: 20px;
        clear: both;
      }
      
      #page_contact #content #webdesign div {
        height: 20px;
        clear: both;
      }
      
      #page_contact #content #programming div {
        clear: both;
      }
      
        #page_contact #content h5 {
          width: 200px;
          float: left;
          font-size: 13px;
          font-weight: bold;
        }
        #page_contact #content p {
          width: auto;
          float: left;
          font-size: 13px;
        }
        #page_contact #content p a {
          color: #660033;
          text-decoration: none;
        }
   /* ====================== PAGE CONTACT ====================== */
     
     
/* ==================================
   4. Sonstige Styles 
   =============================== */
   
   li.mainnav_nolink { background-color: #771a2d !important; } /* Navigation */

   #page_index #boxWebsite #latest_news { /* Startseite: Nachrichtenticker */
     position: absolute;
     top: 270px;
     left: 95px;
     text-align: right;
     width: auto;
   }
     #page_index #boxWebsite #latest_news h1 {
       font-size: 16px;
       font-weight: normal;
       color: #FFF;
     }
       #page_index #boxWebsite #latest_news h1 span { text-decoration: underline; }
	   #page_index #boxWebsite #latest_news h1 a { color: #FFF; }
   

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