/* base tags */

body {
  background-color:#d9dce0;
  background-image:url(/bilder/bg.jpg);
  background-repeat:repeat-x;
  margin:0px;
  padding:0px;
}


body, td, th, div, p select, textarea, input {
  font-size:12px;
  font-family: Arial, Verdana,Helvetica, sans-serif;
  color:#000000;
}


.small {
 font-size:10px;
}


a {
  color:#04558c;
  text-decoration:underline;
}

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

img {
  border:none;
}



h1 {
  color:#000000;
  font-size:20px;
}

h1 a {
  text-decoration:none;
}

h1 a:hover {
  text-decoration:underline;
}

h2 {
  color:#434343;
  font-size:14px;
}

.p_small {
margin-top:2px;
margin-bottom:4px;
}

.headerbox {
        width: 228px;
        height: 284px;
        float: left;
}
.headertextbox {
        padding:30px 10px 10px 10px;
        color:#FFFFFF;
        font-size:12px;
}

.headertextbox h1
{
        font-size:24px;
        font-family: Verdana,Arial,Helvetica, sans-serif;
        color:#FFFFFF;
        margin-bottom:1px;
}

.detailbox {

        margin-right:20px;
        border-bottom:1px solid #487aad;
}
.detailbox ul {
        height: 190px;
        list-style-image:url(/bilder/redlist.gif);
        font-weight:bold;
        padding-left:18px;
}

.listwhite {
        list-style-image:url(/bilder/whitelist.gif);
        font-weight:normal;
}
.detailbox h1 {
        font-size:18px;
        font-family: Verdana,Arial,Helvetica, sans-serif;
        color:#FFFFFF;
        background-color:#487aad;
        padding:5px 15px 5px 15px;
}

.detailbox h1.red {
        background-color:#cf2d20;
}

.detailbox h4 {
        font-size:12px;
        font-family: Verdana,Arial,Helvetica, sans-serif;
        color:#FFFFFF;
        margin:0px;
        background-color:#487aad;
        padding:5px;
        float:right;
}

.detailbox div {
        border-top:1px solid #487aad;
        height:24px;
}

.preisspan {
        display:block;
        margin-top:3px
}
a.menutext {
  font-size:14px;
  color:#d8d8d8;
  text-decoration:none;
}
 a.menutext:hover {
  color:white;
}
 a.menutext:hover {
  color:white;
}
a.menutext_activ {
  font-size:14px;
  color:#FFFFFF;
  text-decoration:none;

}

        /*
         * Positionsangaben
         */
        #nav_webhosting {
                margin-left:-400px;
        }
        #nav_server{
                margin-left:-400px;
        }
        #nav_webservices {
                margin-left:-370px;
        }
        #nav_about {
                margin-left:-350px;
        }
        /*
         * Nav-Styles
         */

        #topnav {
                list-style-image:url(/bilder/nav/point-red-5.gif);
                margin:0px 0px 0px 20px;
                padding:0px;
                height:22px;
                position:absolute;
        }
        #topnav li {
                float:left;
                text-align:center;
                color:#6b6b6b;
        }
        #topnav .top_sub_ul li {
                float:none;

        }
        #topnav .inpath {
                list-style-image:url(/bilder/nav/point-white-5.gif);
        }
        .big_nav {
        margin-top:-5px;
                position:absolute;
                left:50%;
                z-index:100;
                display:none;
        }
        .big_nav h2 {
                color:#6b6b6b;
                margin:0px 0px 10px 10px;
                text-align:left;
                  font-family: Arial, Verdana,Helvetica, sans-serif;
                font-size:16px;
                background-image:url(/bilder/nav/point-red-5.gif);
                background-position:0px 11px;
                background-repeat:no-repeat;
                padding-left:10px;
        }
        .bignav h2:hover, .big_nav h3:hover {
                color:#000000;
                background-image:url(/bilder/nav/point-white-5.gif);
        }
        .big_nav h2:hover {
                background-image:url(/bilder/nav/point-white-5.gif);
        }
        .big_nav h2 span {
                font-size:12px;
                font-family: Arial, Verdana,Helvetica, sans-serif;
                font-weight:normal;
        }
        .big_nav h2:hover span {
                color:#000000;
        }
        .big_nav a {
                color:#6b6b6b;
                text-decoration:none;
        }
        .big_nav a:hover {
                color:#000000;
                text-decoration:underline;
        }
        #topnav li:hover {

        }
        #topnav li:hover .big_nav {
                display:block;
        }
        #topnav li {
                padding-right:30px;
        }

        #topnav li .nav_arrow {
                text-align:center;
                display:none;
        }
        #topnav li:hover .nav_arrow {
                display:block;
        }

        .top_sub {
                vertical-align:top;
                padding:0px 10px 0px 10px;
                color:#6b6b6b;
                text-align:left;
                min-width:120px;
        }
        h2.active {
                background-image:url(/bilder/nav/point-white-5.gif);
        }
        h2.active a {
                font-weight:bold;
                color:#000000;
        }
        h2.active span {
                color:#000000;
        }
        .top_sub h3 {
                margin:0px 0px 6px 0px;
                clear:left;
                  font-family: Arial, Verdana,Helvetica, sans-serif;
                font-size:14px;
                background-image:url(/bilder/nav/point-red-5.gif);
                background-position:0px 11px;
                background-repeat:no-repeat;
                padding-left:10px;
        }
        .top_sub h3.active {
                background-image:url(/bilder/nav/point-white-5.gif);
        }
        .top_sub h3 span {
                font-size:12px;
          font-family: Arial, Verdana,Helvetica, sans-serif;
                font-weight:normal;
        }
        .top_sub h3:hover span {
                color:#000000;
        }
        h3.active a {
                font-weight:bold;
                color:#000000;
        }
        h3.active span {
                color:#000000;
        }
        .top_sub_ul {
                list-style-image:none;
                list-style-type:none;
                padding:0px;
                margin:0px;
                border-top:1px #cccccc solid;
                clear:left;
                display:block;
                position:static;
        }
        .top_sub_ul li {
                float:none;
                display:block;
                padding:0px;
                margin:0px;
                border-bottom:1px #cccccc solid;
        }
        .top_sub_ul li a {
                display:block;
                background-image:url(/bilder/nav/arrow_mini_hov.gif);
                background-position:left;
                background-repeat:no-repeat;
                text-decoration:none;
                border:none;
                color:#6b6b6b;
                font-size:11px;
                padding-left:10px;

                text-align:left;
        }
        .top_sub_ul li a:hover {
                text-decoration:none;
                color:#000000;
                background-image:url(/bilder/nav/arrow_mini.gif);
        }
        .top_sub_ul li .inpath {
                font-weight:bold;
        }
        .top_sub ul li.sub_kid {
                margin-left:20px;
        }
        .top_sub a.active {
                font-weight:bold;
                color:#000000;
        }

.mytable {
        border:1px #E5E8ED solid;
        -moz-border-radius:6px;
}

.mytable td {

        background-color:#E5E8ED;
        vertical-align:top;
}
.mytable th {

        background-color:#cfd1d6;
        vertical-align:top;
        text-align: left;
}
.mydiv {
        background-color:#cfd1d6;
        font-weight: bold;
        padding:5px;
        width:75%;
        margin-left:auto;
        margin-right:auto;
        border:1px #E5E8ED solid;
        -moz-border-radius:6px;
}


.level1 {
margin-left:0px;
  font-weight: bold;
  padding-top:7px;
  padding-bottom:7px;
}
.level2 {
margin-left:20px;
}
.level3 {
margin-left:40px;
}
.level4 {
margin-left:60px;
}
 /* Editor */
body.mceContentBody {
   background:#d9dce0;
   background-image:none;

}