/*
 * page spezific colours and background images
 * 
 * @author     maik mettenheimer
 * @project    phantastische feste
 * @version    2008-11
 */

/* start
------------------------------------------------------------------------------*/

body.start #header,
body.start #footer {
    background-color: #3e7c90;    
}

body.start #pictures {
    width: 556px;
    height: 280px;
    background: url(../pic/start.png);
    top: 0;
    right: 35px;    
}

body.start h2,
body.start #content li,
body.start a:link,
body.start a:visited {
    color: #3e7c90;
}

body.start #header h1 {
    height: 120px;
    width: 250px;
    visibility: hidden;
}

body.start h2 {
    background: url(../img/herzlich-willkommen-bei-phantastische-feste.gif) no-repeat;
    height: 180px;
    left: 100px;
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: -5000em;
    top: 120px;
    width: 400px;
}

/* ihre-firmenfeier
------------------------------------------------------------------------------*/

body.ihr-firmenfest #header,
body.ihr-firmenfest #footer {
    background-color: #004b7d;    
}

body.ihr-firmenfest #pictures {
    width: 570px;
    height: 290px;
    background: url(../pic/ihre-firmenfeier.png);
    top: 0;
    right: 70px;
}

body.ihr-firmenfest h2,
body.ihr-firmenfest #content li,
body.ihr-firmenfest a:link,
body.ihr-firmenfest a:visited {
    color: #004b7d;
}

/* ihre-private-feier
------------------------------------------------------------------------------*/

body.ihre-private-feier #header,
body.ihre-private-feier #footer {
    background-color: #c00076;    
}

body.ihre-private-feier #pictures {
    width: 555px;
    height: 300px;
    background: url(../pic/ihre-private-feier.png) no-repeat;
    top: 0;
    right: 80px;    
}

body.ihre-private-feier h2,
body.ihre-private-feier #content li,
body.ihre-private-feier a:link,
body.ihre-private-feier a:visited {
    color: #c00076;
}

/* ideensammlung
------------------------------------------------------------------------------*/

body.ideensammlung #header,
body.ideensammlung #footer {
    background-color: #996699;    
}

body.ideensammlung #pictures {
    width: 505px;
    height: 280px;
    background: url(../pic/ideensammlung.png) no-repeat;
    top: 30px;
    right: 70px;    
}

body.ideensammlung h2,
body.ideensammlung #content li,
body.ideensammlung a:link,
body.ideensammlung a:visited {
    color: #996699;
}

/* mein-unternehmen
------------------------------------------------------------------------------*/

body.mein-unternehmen #header,
body.mein-unternehmen #footer {
    background-color: #9999cc;    
}

body.mein-unternehmen #pictures {
    width: 228px;
    height: 253px;
    background: url(../pic/mein-unternehmen.png) no-repeat;
    top: 60px;
    right: 55px;    
}

body.mein-unternehmen h2,
body.mein-unternehmen #content li,
body.mein-unternehmen a:link,
body.mein-unternehmen a:visited {
    color: #9999cc;
}

/* news
------------------------------------------------------------------------------*/

body.news #header,
body.news #footer {
    background-color: #b3b3b3;    
}

body.news #pictures {
    width: 228px;
    height: 253px;
    background: url(../pic/news.png) no-repeat;
    top: 60px;
    right: 100px;    
}

body.news h2,
body.news #content li,
body.news a:link,
body.news a:visited {
    color: #b3b3b3;
}

/* meinungen
------------------------------------------------------------------------------*/

body.meinungen #header,
body.meinungen #footer {
    background-color: #a2bd30;    
}

body.meinungen #pictures {
    width: 222px;
    height: 252px;
    background: url(../pic/meinungen.png) no-repeat;
    top: 50px;
    right: 90px;    
}

body.meinungen h2,
body.meinungen #content li,
body.meinungen a:link,
body.meinungen a:visited {
    color: #a2bd30;
}

/* netzwerk
------------------------------------------------------------------------------*/

body.netzwerk #header,
body.netzwerk #footer {
    background-color: #009cdd;    
}

body.netzwerk #pictures {
    width: 413px;
    height: 280px;
    background: url(../pic/netzwerk.png) no-repeat;
    top: 20px;
    right: 180px;    
}

body.netzwerk h2,
body.netzwerk #content li,
body.netzwerk a:link,
body.netzwerk a:visited {
    color: #009cdd;
}

body.netzwerk #content ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

body.netzwerk #content li {
    float: left;
    width: 245px;
    height: 12em;
    list-style: none;
    margin: 0 20px 20px 0;
    padding: 0;
}

body.netzwerk #content li p {
    text-align: left;
    color: #4f2254;
}

/* presse
------------------------------------------------------------------------------*/

body.presse #header,
body.presse #footer {
    background-color: #dc931a;    
}

body.presse #pictures {
    width: 228px;
    height: 250px;
    background: url(../pic/presse.png) no-repeat;
    top: 60px;
    right: 80px;    
}

body.presse h2,
body.presse #content li,
body.presse a:link,
body.presse a:visited {
    color: #dc931a;
}

/* kontakt
------------------------------------------------------------------------------*/

body.kontakt #header,
body.kontakt #footer {
    background-color: #b792bb;    
}

body.kontakt #pictures {
    width: 214px;
    height: 244px;
    background: url(../pic/kontakt.png) no-repeat;
    top: 0;
    right: 255px;    
}

body.kontakt h2,
body.kontakt #content li,
body.kontakt a:link,
body.kontakt a:visited {
    color: #b792bb;
}

/* impressum
------------------------------------------------------------------------------*/

body.impressum #header,
body.impressum #footer {
    background-color: #888888;    
}

body.impressum #pictures {
    width: 218px;
    height: 250px;
    background: url(../pic/impressum.png) no-repeat;
    top: 40px;
    right: 195px;    
}

body.impressum h2,
body.impressum #content li,
body.impressum a:link,
body.impressum a:visited {
    color: #888888;
}

/* newsletter
------------------------------------------------------------------------------*/

body.newsletter #header,
body.newsletter #footer {
    background-color: #9fcac5;    
}

body.newsletter #pictures {
    width: 228px;
    height: 260px;
    background: url(../pic/newsletter.png) no-repeat;
    top: 50px;
    right: 200px;    
}

body.newsletter h2,
body.newsletter #content li,
body.newsletter a:link,
body.newsletter a:visited {
    color: #9fcac5;
}