/**
 * CSS styles for NET-X.info
 * 
 * @author Simon Liekam
 * @copyright Die Drei! Werbeagentur <www.diedrei.com>
 * @version 4.0.0
 * 
 * created 2010-06-03
 */
 

/*
###################################################
 general html structure
###################################################
*/

html, body {
    margin:0;
    padding:0;
    }

body {
    background: #bfbfbf;
    font-family:Tahoma, Geneva, Verdana, Arial, sans-serif;
    font-size:12px;
    color:#313335;
    }

#wrapper {
    width:1240px;
    margin:0 auto 0 auto;
    }

#header {
    width:1240px;
    height:88px;
    margin:0 auto 0 auto;
    background-image:url(../upload/basisgrafiken/net-x_header.gif)
    }

a {
    color:#b5001a;
    text-decoration: none;
    }

#hauptnavigation {
    width:1240px;
    height:61px;
    margin:0 auto 0 auto;
    background-image:url(../upload/basisgrafiken/bg_navi.gif)
    }

#hauptgrafik_372 {
    width:1240px;
    height:372px;
    margin:0 auto 0 auto;
    background-image:url(../upload/basisgrafiken/bg_verlauf.jpg)
    }

#hauptgrafik_255 {
    width:1240px;
    height:255px;
    margin:0 auto 0 auto;
    background-image:url(../upload/basisgrafiken/bg_verlauf.jpg)
    }

#hauptbild {
    width:1007px;
    height:255px;
    margin:0 auto 0 auto;
    }

#zusatznavigation {
    width:1007px;
    height:117px;
    margin:0 auto 0 auto;
    }

#main_content {
    background-color:#FFF;
    width:1240px;
    margin:0 auto 0 auto;
    }

#headline {
    height:96px;
    width:1007px;
    margin:0 auto 0 auto;
    }

.trenner_horizontal {
    height:3px;
    width:1007px;
    margin:0 auto 0 auto;
    background-color:#f1f1f1;
    border-bottom:8px solid #FFF;
    }

.spalten {
    width:1007px;
    margin:0 auto 0 auto;
    }

.spalte_745px {
    float:left;
    width:745px;
    }

.spalte_1 {
    float:left;
    width:211px;
    padding-right:20px;
    padding-left:10px;
    margin:0;
    background-color:#FFF;
    border-right:1px solid #dadada;
    text-align:justify;
    }

.spalte_breit {
    float:left;
    width:700px;
    padding-right:20px;
    padding-left:20px;
    margin:0;
    background-color:#FFF;
    }

.spalte_2 {
    float:left;
    width:211px;
    padding-right:20px;
    padding-left:20px;
    background-color:#FFF;
    border-right:1px solid #dadada;
    text-align:justify;
    }

.spalte_3 {
    float:right;
    width:211px;
    padding-right:20px;
    padding-left:20px;
    background-color:#FFF;
    text-align:justify;
    }

.3er_spalte {
    width:745px;
    }

.spalte_4 {
    float:right;
    width:231px;
    padding-left:20px;
    padding-right:10px;
    background-color:#FFF;
    border-left:1px solid #dadada;
    }

.minispalte_1 {
    float:left;
    width:162px;
    padding-top:10px;
    padding-right:15px;
    padding-left:10px;
    margin:0;
    background-color:#FFF;
    text-align:justify;
    }

.minispalte_2 {
    float:left;
    width:156px;
    padding-top:10px;
    padding-right:15px;
    padding-left:15px;
    background-color:#FFF;
    text-align:justify;
    }

.minispalte_3 {
    float:left;
    width:156px;
    padding-top:10px;
    padding-right:15px;
    padding-left:15px;
    background-color:#FFF;
    text-align:justify;
    }

.minispalte_4 {
    float:right;
    width:156px;
    padding-top:10px;
    padding-left:15px;
    padding-right:15px;
    background-color:#FFF;
    }

#seitenfuss {
    width:1240px;
    height:168px;
    margin:0 auto 0 auto;
    background-image:url(../upload/basisgrafiken/bg_seitenfuss.gif)
    }
    
#anschrift {
    float:left;
    padding-left:97px;
    padding-top:48px;
    }

#logo_grau {
    float:right;
    padding-right:150px;
    padding-top:48px;
    }