/* 
    Document   : vulcando
    Created on : 29.09.2009, 12:08:39
    Author     : VulcandoAdmin
    Description:
        Purpose of the stylesheet follows.
*/

/* Allgemeine Definitionen */

* {
    font-family: "Arial", "Verdana", sans-serif;
    color: #404040;
}

html {
    font-size: 12px;
}

body {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    background-color: #e6e6e6;
}

a label { display: none; }

a:link { color: #404040; }
a:visited { color: #404040; }
a:hover { color: #737373; }
a:active { color: #404040; }

h1 { font-size: 18px; font-weight: normal; margin-bottom: 27px; }

/* Definitionen für den Seiteninhalt */

#site {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 935px;
    height: 100%;
}

#site_left { width: 777px; float: left; }
#site_right { float: left; }

/* Kopf mit Logo und Flaggen */
#header { position: relative; height: 141px; margin-bottom: 16px; }

#header #logo { position: absolute; top: 0px; left: 0px; }

#header #flags { position: absolute; bottom: 0px; right: 22px; }
#header #flags ul { list-style: none; margin: 0px; padding: 0; }
#header #flags li { float: left; width: 22px; height: 15px; margin-left: 1px; background: url(../images/flags_back.gif) 0 0 no-repeat; }

#header #flags a { display: block; width: 20px; height: 13px; }
#header #flags a.de { background: url(../images/flag_de.gif) 0 0 no-repeat; }
#header #flags a.de:hover, #header #flags .de .active { background: url(../images/flag_de.gif) 0 -13px no-repeat; }
#header #flags a.en { background: url(../images/flag_en.gif) 0 0 no-repeat; }
#header #flags a.en:hover { background: url(../images/flag_en.gif) 0 -13px no-repeat; }
#header #flags a.en .active, #header #flags .en .active { background: url(../images/flag_en.gif) 0 -13px no-repeat; }

/* Navigation */
#navigation { height: 54px; background: url(../images/nav_back.gif) 0 0 no-repeat; margin-bottom: 6px; }
#navigation ul { list-style: none; margin: 0; padding: 1px 0px 0px 3px; }
#navigation li { float: left; padding: 0px; }

/* Welche Sprache soll das Menü haben */
#navigation.de a { background-image: url(../images/nav_buttons_de.gif); }
#navigation.en a { background-image: url(../images/nav_buttons_en.gif); }

#navigation a { display: block; height: 46px; background-repeat: no-repeat; }
#navigation a.games  { background-position: 0 0; width: 150px; }
#navigation a.games:hover  { background-position: 0 -46px; }
#navigation a.company  { background-position: -150px 0; width: 150px; }
#navigation a.company:hover  { background-position: -150px -46px; }
#navigation a.jobs  { background-position: -300px 0; width: 150px; }
#navigation a.jobs:hover  { background-position: -300px -46px; }
#navigation a.press  { background-position: -450px 0; width: 150px; }
#navigation a.press:hover  { background-position: -450px -46px; }
#navigation a.contact  { background-position: -600px 0; width: 150px; }
#navigation a.contact:hover  { background-position: -600px -46px; }

/* Content-Bereich */
#content { margin-bottom: 2px; }

#content .content-top { background: url(../images/content-top.gif) 0 0 no-repeat; }
#content .content-middle { background: url(../images/content-middle.gif) 0 0 repeat-y; }
#content .content-bottom { background: url(../images/content-bottom.gif) left bottom no-repeat; }

#content .content-inner {
    min-height: 260px;
    background: url(../images/content-decor.gif) right bottom no-repeat;
    padding: 2px 25px 11px 4px;
}

/* Fußzeile */
#footer {
    height: 25px;
    background: url(../images/footer.gif) 0 0 no-repeat;
    color: #803300;
    font-size: 10px;
    text-align: right;
    padding: 6px 34px 0px 0px;
}

#footer a { margin-left: 15px; color: #803300; }
#footer a:hover { color: white; }

/* Banner für die Games */

#site_right { margin-top: 218px; }
#site_right ul { list-style: none; margin: 0px; padding: 0; }
#site_right li { width: 156px; height: 58px; padding-left: 2px; padding-top: 1px; margin-bottom: 12px; background: url(../images/button_back.gif) 0 0 no-repeat; }

#site_right a { display: block; width: 150px; height: 50px; background-color: #0f0; }
#site_right a.hiverise { background: url(../images/buttons/hiverise.gif) 0 0 no-repeat; }
#site_right a.hiverise:hover { background: url(../images/buttons/hiverise.gif) 0 -50px no-repeat; }
#site_right a.celetania { background: url(../images/buttons/celetania.jpg) 0 0 no-repeat; }
#site_right a.celetania:hover { background: url(../images/buttons/celetania.jpg) 0 -50px no-repeat; }
#site_right a.sv2 { background: url(../images/buttons/sv2.jpg) 0 0 no-repeat; }
#site_right a.sv2:hover { background: url(../images/buttons/sv2.jpg) 0 -50px no-repeat; }
#site_right a.od { background: url(../images/buttons/od.jpg) 0 0 no-repeat; }
#site_right a.od:hover { background: url(../images/buttons/od.jpg) 0 -50px no-repeat; }


/* Definitionen im Contentbereich der Einzelenen Seiten */

/* Games */
#hiverise {
    background: url(../images/pages/games/hr_tank.jpg) right top no-repeat;
    padding-left: 53px;
    padding-right: 299px;
    padding-top: 22px;
}

#hiverise img {
    display: block;
    margin-left: 51px;
    margin-bottom: 12px;
}

#celetania {
    background: url(../images/pages/games/cele_planet.jpg) left bottom no-repeat;
    padding-left: 278px;
    padding-bottom: 35px;
    padding-right: 76px;
}

#celetania img {
    display: block;
    margin-top: 10px;
    margin-left: 55px;
    margin-bottom: 29px;
}

/* Company */
#company {
    /* background-color: #fff; */
    padding: 20px 100px 30px 50px;
    background: url(../images/pages/company/world.jpg) right top no-repeat;
    height: 450px;
}

/* Jobs */
#jobs {
    /* background-color: #fff; */
    padding: 20px 50px 30px 50px;
    height: 450px;
}

/* Press */
#press {
    /* background-color: #fff; */
    padding: 20px 50px 30px 50px;
}

/* Contact */
#contact {
    /* background-color: #fff; */
    padding: 20px 50px 30px 50px;
    height: 450px;
}

#contact #column1 { float: left; width: 300px; margin-right: 30px; }
#contact #column2 { float: left; width: 300px; font-size: 10px; text-align: justify; margin-top: 60px; }