﻿body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    background-color: #282832;
}

a:link, a:visited
{
	color:#3296FA;
	text-decoration: none;
	font-weight: normal;
}

a:hover
{
	color: #64C864;
	text-decoration: none;
}

a:active
{
	color: #64C864;
}

.gesamt {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 100%;
    height: 100%;
    z-index: -999;
    background: url('bilder/bg.jpg');
}

.header {
    clear: both;
    height: 90px;
    width: 100%;
    z-index: 2;
    position: relative;
    background: url('bilder/bgheader.png');
}

.header_logo {
    height: 75px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    right: 50%;
}

.mitte_gesamt {
    clear: both;
    width: 100%;
    height:100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.mitte {
    width: 990px;
    min-height:250px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    left: 50%;
    right: 50%;
}

.footer_gesamt {
    clear: both;
    bottom:0px;
    height: 250px;
    width: 100%;
    position: relative;
    background: url('bilder/bgfooter.jpg');
}

.footer_logo {
    height: 250px;
    width: 1000px;
    bottom:0px;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    right: 50%;
    background: url('bilder/bgfooterlogo.jpg');
}

.navi_gesamt {
    height: 60px;
    width: 100%;
    margin-top: -10px;
    background: url('bilder/bgline.png') repeat-x top;
    z-index:100;
}

.navi {
    height: 81px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    left: 50%;
    right: 50%;
}

.header_navi {
    position: relative;
    height: 35px;
    width: 150px;
    margin-top: 30px;
    float: right;
    z-index: 20;
}

.nav1 {
    width: 50px;
    height: 40px;
    cursor: pointer;
    background: url('bilder/nav4_1.png') no-repeat;
}

    .nav1:hover {
        width: 50px;
        height: 40px;
        cursor: pointer;
        background: url('bilder/nav4_2.png') no-repeat;
    }

.nav2 {
    width: 50px;
    height: 40px;
    cursor: pointer;
    background: url('bilder/nav5_1.png') no-repeat;
}

    .nav2:hover {
        width: 50px;
        height: 40px;
        cursor: pointer;
        background: url('bilder/nav5_2.png') no-repeat;
    }

.nav3 {
    width: 50px;
    height: 40px;
    cursor: pointer;
    background: url('bilder/nav6_1.png') no-repeat;
}

    .nav3:hover {
        width: 50px;
        height: 40px;
        cursor: pointer;
        background: url('bilder/nav6_2.png') no-repeat;
    }

.text10w {
    font-family: Arial, Tahoma;
    font-size: 10px;
    color: #FFFFFF;
    text-align: justify;
}

.text12 {
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #C0CEE0;
    text-align: justify;
}

.text12w {
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #FFFFFF;
    text-align: justify;
}

.text14 {
    font-family: Arial, Tahoma;
    font-size: 14px;
    color: #C0CEE0;
    text-align: justify;
}

.text16 {
    font-family: Arial, Tahoma;
    font-size: 16px;
    color: #C0CEE0;
    text-align: justify;
}

.text20 {
    font-family: Arial, Tahoma;
    font-size: 20px;
    color: #C0CEE0;
    text-align: justify;
}

.text20w {
    font-family: Arial, Tahoma;
    font-size: 20px;
    color: #FFFFFF;
    text-align: justify;
}

.text25 {
    font-family: Arial, Tahoma;
    font-size: 25px;
    color: #C0CEE0;
    text-align: justify;
}

.text25w {
    font-family: Arial, Tahoma;
    font-size: 25px;
    color: #FFFFFF;
    text-align: justify;
}

.text30 {
    font-family: Arial, Tahoma;
    font-size: 30px;
    color: #C0CEE0;
    text-align: justify;
}

.filecon {
    height: 150px;
    width: 990px;
    background: url('bilder/filecon4.png') no-repeat center;
}

.text16g {
    font-family: Arial, Tahoma;
    font-size: 16px;
    color: #64C864;
    text-align: justify;
}

.text20g {
    font-family: Arial, Tahoma;
    font-size: 20px;
    color: #64C864;
    text-align: justify;
}

.text30g {
    font-family: Arial, Tahoma;
    font-size: 30px;
    color: #64C864;
    text-align: left;
}

.text30b {
    font-family: Arial, Tahoma;
    font-size: 30px;
    color: #3296FA;
    text-align: left;
}

.basic {
    background: url('bilder/basic.png') no-repeat center;
    width:302px;
    height:352px;
    vertical-align:top;
}

.basic2 {
        background: url('bilder/basic2.png') no-repeat top;
    width:302px;
    min-height:100px;
    vertical-align:top;
}

.pro {
        background: url('bilder/pro.png') no-repeat center;
    width:302px;
    height:252px;
    vertical-align:top;
}

.pro2 {
        background: url('bilder/pro2.png') no-repeat top;
    width:302px;
    min-height:100px;
    vertical-align:top;
}

.premium {
        background: url('bilder/premium.png') no-repeat center;
    width:302px;
    height:252px;
    vertical-align:top;
}

.premium2 {
        background: url('bilder/premium2.png') no-repeat top;
    width:302px;
    min-height:100px;
    vertical-align:top;
}

.zelle_innen {
    vertical-align:top;
    font-family: Arial, Tahoma;
    font-size: 15px;
    color: #C0CEE0;
    text-align: justify;
    margin: 230px 35px 35px 35px;
}

.zelle_innen2 {
    vertical-align:top;
    font-family: Arial, Tahoma;
    font-size: 14px;
    color: #C0CEE0;
    text-align: justify;
    margin: 15px 35px 35px 35px;
}