/* Allgemein
============ */
* {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11pt;
    color: black;
}

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

/* Div-Formatierungen
===================== */
/* Die Hintergrund-Grafiken */
.bg_left, .bg_right {
    width: 49%;
    height: 138px;
    z-index: 0;
    background-image: url(../images/bg_left.jpg);
    background-repeat: repeat-x;
    float: left;
}

.bg_right {
    background-image: url(../images/bg_right.jpg);
    float: right;
}

/* Container für die eigentliche Seite */
.container {
    position: absolute;
    width: 100%;
}

/* zentrierter Container für den Inhalt */
.center {
    width: 950px;
    height: 100%;
    margin: 0 auto;
}

/* der Banner-Container */
.header {
    width: 950px;
    height: 138px;
    background-image: url(../images/header2.jpg);
    background-repeat: no-repeat;
}

/* Submenu */
.submenu {
    position: relative;
    top: 112px;
    left: 200px;
    float: left;
}

/* statisches Menu oben rechts */
.topmenu {
    position: relative;
    top: 112px;
    float: right;
    text-align: right;
}

/* der Inhaltsbereich */
.content {
    position: relative;
    top: 20px;
    width: 950px;
}

.main {
    position: relative;
    top: 5px;
    width: 750px;
    height: auto;
    float: right;
}

/* Links
================ */
/* allgemein */
a:link, a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #da0000;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
}

/* für Sub- und statisches Menu */
.submenu a:link, .submenu a:visited, .submenu a:hover, .submenu a:active, .submenu a:focus,
.topmenu a:link, .topmenu a:visited, .topmenu a:hover, .topmenu a:active, .topmenu a:focus {
    color: white;
}


/* Menu mit Pics
================ */
.menu {
    position: relative;
    top: 0px;
    left:0px;
    width: 185px;
    height: 400px;
    float: left;
    background-image: url(../images/menu_blitz.jpg);
}

/* Home-Button */
#btn_home {
    position: absolute;
    top: 10px;
    left: 0px;
    height: 77px;
    width: 194px;
    background-image: url(../images/home_hover.gif);
}

#btn_home a:link, #btn_home a:visited {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 77px;
    width: 194px;
    background-image: url(../images/home_normal.gif);
}

#btn_home a:hover, #btn_home a:active, #btn_home a:focus {
 background-image: none;
}

/* Firma-Button */
#btn_fir {
    position: absolute;
    top: 65px;
    left: 0px;
    height: 77px;
    width: 194px;
    background-image: url(../images/firma_hover.gif);
}

#btn_fir a:link, #btn_fir a:visited {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 77px;
    width: 194px;
    background-image: url(../images/firma_normal.gif);
}

#btn_fir a:hover, #btn_fir a:active, #btn_fir a:focus {
 background-image: none;
}

/* MT-Button */
#btn_mt {
    position: absolute;
    top: 120px;
    left: 0px;
    height: 77px;
    width: 194px;
    background-image: url(../images/medizin_hover.gif);
}


#btn_mt a:link, #btn_mt a:visited {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 73px;
    width: 194px;
    background-image: url(../images/medizin_normal.gif);
}

#btn_mt a:hover, #btn_mt a:active, #btn_mt a:focus {
 background-image: none;
}

/* ET-Button */
#btn_et {
    position: absolute;
    top: 175px;
    left: 0px;
    height: 77px;
    width: 194px;
    background-image: url(../images/elektro_hover.gif);
}

#btn_et a:link, #btn_et a:visited {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 73px;
    width: 194px;
    background-image: url(../images/elektro_normal.gif);
}

#btn_et a:hover, #btn_et a:active, #btn_et a:focus {
   background-image: none;
}

/* Solar-Button */
#btn_st {
    position: absolute;
    top: 230px;
    left: 0px;
    height: 77px;
    width: 194px;
    background-image: url(../images/solar_hover.gif);
}

#btn_st a:link, #btn_st a:visited {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 77px;
    width: 194px;
    background-image: url(../images/solar_normal.gif);
}

#btn_st a:hover, #btn_st a:active, #btn_st a:focus {
   background-image: none;
}

/* Zertifikat-Button */
#btn_zert {
    position: absolute;
    top: 285px;
    left: 0px;
    height: 77px;
    width: 194px;
    background-image: url(../images/zertifikate_hover.gif);
}

#btn_zert a:link, #btn_zert a:visited {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 77px;
    width: 194px;
    background-image: url(../images/zertifikate_normal.gif);
}

#btn_zert a:hover, #btn_zert a:active, #btn_zert a:focus {
   background-image: none;
}

/* Textformatierungen
===================== */
/* Überschriften */
h1 {
    font-size: 18pt;
    font-weight: bold;
    color: #da0000;
    margin: 0px;
}

h2 {
    border-bottom: 1px solid #000000;
    font-size: 1em;
    margin: 1em 0.5em 1em 0em;
}

#hinweis {
    font-size: 9pt;
}

#error {
    color: #ff0000;
}

p#footer {
    font-size: 8pt;
    text-align: left;
}

/* Indexseite
============= */
#index {
    text-align: center;
}

#index b {
    font-size: 16pt;
    font-weight: normal;
}

#index i {
    font-size: 14pt;
    font-family: Monotype Corsiva;
    color: #da0000;
}

/* Kontaktseite
=============== */
input {
    width: 300px;
}

input#plz {
    width: 60px;
}

button#cancel {
    color: #da0000;
    font-weight: bold;
}

/*Listenstyle
===============*/

ul li{
    margin-bottom: 7px;
}