elite-guard

Business Design

Eine eindeutige Firmenhomepage.
Viel Inhalt auf wenig Platz, sehr
übersichtlich und optisch ansprechend.

Text über dem Design:

Text unter dem Design:

CSS - Code :

-->
    </style>
    <div id="Beispiel_3">
    <style type="text/css">
    <!--

#Beispiel_3  {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -375px;
    width: 728px;
    z-index:3; }
   
    /* Frame */
    iframe{
    border: 1px solid #343434; }

/* Nullformatierung für alle Browser */
    *{ margin:0px; padding:0px; }

/* Hintergrund hinter Design */
    body {
    background-color:#00c2ad;
    background-image:url(http://s7.directupload.net/images/100726/28pks699.jpg);
    background-repeat:repeat-x; }

/* Container */ 
    #container {
    margin: auto;
    margin-top: 0px;
    margin-bottom: 20px;
    width: 900px;
    overflow: hidden;
    background-image: none;
    background-repeat: repeat-x;
    border: 0px solid #343434;
    z-index:1; }

/* Header-Feld*/
    #header_container {
    width:700px;
    height:525px;
    margin-top: 110px;
    background-image: url(http://s5.directupload.net/images/100726/cfnrnud5.png);
    left:50%;
    margin-left: 200px; }

/* Feld der Navigation */
    #nav_container {
    float:left;
    margin-left:0px;
    margin-top:-525px;
    margin-right:20px;
    margin-bottom: 0px;
    width:200px;
    height: 525px;
    background-color: #00A5DF;
    border: 0px solid #c9c9c9; }

li.nav_element {
    list-style-type: none;
    margin-bottom: 7px; }

/* Navi-Button */
    li.nav_element a {
    display: block;
    padding-left:6px;
    padding-top: 15px;
    color: #ffffff;
    font-size:22px;
    font-family: arial;
    text-align:left;
    text-decoration: none;
    background-color:transparent;
    background-image: url(http://s1.directupload.net/images/100726/m8f2wvs8.png);
    border-bottom: 1px solid #4FD1FF;
    height: 40px;
    margin-top:-5px;
    margin-bottom:-5px;
    text-transform: uppercase;
    font-weight: bold;}
 
    /* Hover Button */
    li.nav_element a:hover {
    background-image:url(http://s1.directupload.net/images/100726/2m976sad.png); }

/* gerade besuchte Seite */
    li.checked_menu a {
    background-image:url(http://s1.directupload.net/images/100726/2m976sad.png); }

/* Textfeld */
    #content {
    float:left;
    margin-top:0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width:860px;
    min-height:500px;
    color:#000000;
    font-size:14px;
    font-family:arial;
    text-align:left;
    background-color:#FFFFFF;
    background-image: none;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    border: 0px solid #343434;
    }

/* Linkfarbe und Linkgröße im Textfeld */
    #content a {
    color: #000080;
    font-size: 13px;
    font-family: arial;
    text-decoration: none;}

/* Streifen unter dem Design */
    #unten {
    width: 878px;
    color: #000000;
    font-size:14px;
    font-family: arial;
    padding: 2px;
    text-align: left;
    margin:auto;
    margin-bottom: 50px;
    margin-top: -20px;
    background-color: #ffffff;
    border: 0px solid #343434;
    padding-left: 20px;}
    #unten a{
    color:#000000;
    text-decoration:none;}
    #unten a:hover{
    color:#00A5DF;}

/* Bilder mit abgerundeten ecken*/
    img {
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #343434;
    moz-border: 7px;}

/* unnötige DIVs aus dem Design entfernt */
    #pre_content {display: none;}
    #pre_header {display: none;}
    #post_header {display: none;}
    #post_content {display: none;}
    #below_content{display: none;}
    #extraDiv2 {display: none;}
    #extraDiv3 {display: none;}
    #extraDiv4 {display: none;}
    #extraDiv5 {display: none;}
    #extraDiv6 {display: none;}
    div.header {display: none;}
    #counter {display: none;}
    h1#header {display: none;}
    h2#title span {display: none;}
    #sidebar_heading {display: none;}
    #nav_heading {display: none;}
    #sidebar_container {display: none; }
--></style>

Business Design

Business Design

Sonstiges

Nützliche Links

Elite Guard