@charset "utf-8";
/************************************************
    CSS StyleSheet
    halbrock.de
    
    Media: Screen
    Part:  Main
    
    last change: DM 2005-10-21

************************************************/

/*********************************
    BASIC
*********************************/

* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    font-size: small;
    background-color: #fff;
    font: small/100% "Lucida Grande", verdana, helvetica, Arial, sans-serif;
    color: #000;
}

#wrapper {
    width: 720px;
    margin: 5em auto;
    text-align: left;
    font-size: 80%;
}

h1 {
    display: block;
    width: 720px;
    height: 110px;
    overflow: hidden;
    background: url("/pics/start/head.gif") no-repeat 100% 0;
    text-indent: -2000px;
    line-height: 100%; /* IE-Fix */
}

#wrapper div {
    display: block;
    width: 720px;
    height: 120px;
    overflow: hidden;
}

#wrapper div h2 {
    float: left;
    display: block;
}

#wrapper div h2 a {
    display: block;
    width: 220px;
    height: 55px;
    overflow: hidden;
    text-indent: -2000px;
}

#wrapper div p {
   float: left;
   display: block;
   width: 240px;
   margin-top: 5px;
}

/*********************************
    TOPICS
*********************************/

#wrapper div#fvk {
    background: url("/pics/start/fvk.jpg") no-repeat 0 0;
}

#wrapper div#fvk h2 {
    background: url("/pics/start/logos.gif") no-repeat 20px 10px;
}

#wrapper div#halusite {
    background: url("/pics/start/halusite.jpg") no-repeat 0 0;
}

#wrapper div#halusite h2 {
    background: url("/pics/start/logos.gif") no-repeat 20px -63px;
}

#wrapper div#fahrzeug {
    background: url("/pics/start/fahrzeug.jpg") no-repeat 0 0;
}

#wrapper div#fahrzeug h2 {
    background: url("/pics/start/logos.gif") no-repeat 20px -136px;
}

/*********************************
    LINKS
*********************************/

a, a:link, a:visited, a:active {
    text-decoration: none;
    color: #026;
    font-weight: bold;
}

a.next {
    padding-right: 10px;
    background: url("/pics/next.gif") no-repeat 100% 50%;
}

a:hover {
    text-decoration: underline;
    color: #c5102b;
}

/*********************************
    LANGUAGE-SELECTOR
*********************************/

ul#lang {
    list-style: none;
    text-align: right;
    padding: 0 10px 0 0;
}

ul#lang li {
    display: inline;
    padding: 0 0 0 1.5em;
}

ul#lang li a {
    font-weight: normal;
}

ul#lang li a.de {
    background: url("/pics/lang_de.gif") no-repeat 0 50%;
}

ul#lang li a.en {
    background: url("/pics/lang_en.gif") no-repeat 0 50%;
}