/**
 * Stylesheet für EasyWareComputer
 * 
 * Autor: Manuel Pfister
 * Datum: 12.11.2007
 */


/**
 * ---------- Allgemeine Layout - Klassen ---------------- 
 */
 
ul.navigation li a:link,
ul.navigation li a:visited,
ul.navigation li a:active,
ul.prevnextmenu li a:link, 
ul.prevnextmenu li a:visited,
ul.prevnextmenu li a:active {
   text-decoration: none;
   color: black;
}

ul.navigation li a:hover,
ul.prevnextmenu li a:hover {
   color: #0F857F;
}

ul.navigation li#level1active a:link,
ul.navigation li#level1active a:visited,
ul.navigation li#level1active a:active,
ul.navigation li#level2active a:link,
ul.navigation li#level2active a:visited,
ul.navigation li#level2active a:active {
   color: #0F857F;
}


/**
 * ------------- Struktur -------------- 
 */

div#site {
   border: 1px solid #7F7F7F;
   width: 730px;
   height: 610px;
   margin: 5px auto;
   text-align: left;
   background: #FFF;
}

/* -- Header -- */

div#header {
   background: transparent url('/files/bg-header.png') repeat-x left bottom;
   border-bottom: 1px solid #7F7F7F;
   height: 100px; 
   overflow: hidden; 
}

div#header h1 {
   background: url('/files/easywarecomputer.png') no-repeat right top;
   padding: 0;
   margin-left: -1140px;   /* Image Replacement Radu-Methode */
   margin-top: 5px;
   height: 70px;
   width: 1380px;
}

div#header h1 a:link,
div#header h1 a:active,
div#header h1 a:visited {
   display: block;
   width: 100%;
   height: 70px;
}

/* -- Navigation - Top -- */

div#nav-top {
   border-bottom: 1px solid #7F7F7F;
   background: #E5E5E5;
   height: 22px;
   line-height: 22px; 
   overflow: hidden;   
}

div#nav-top h2 {
   font-size: 130%;
   border-right: 1px solid #7F7F7F;
   color: #0F857F;
   margin: 0 0 0 15px; 
   height: 22px;
   width: 157px;
   float: left;
   display: inline;
}

div#nav-top ul {
   font-size: 130%;
   list-style-type: none;
   padding: 0;
   margin: 0 1px;
   float: left;
   display: inline;
}

div#nav-top ul li {
   float: left;
   display: inline;
   padding: 0 15px;
   line-height: 22px;
   border-right: 1px solid #7F7F7F;
}

div#nav-top ul li.last {
   border-right: 0;
   margin-right: 0;
   padding-right: 0;
}



/* -- Hauptcontainer - Container -- */

div#container {
   overflow: hidden;
   clear: both;
}

/* -- Navigation - Left -- */

div#nav-left {
   font-size: 130%;
   position: relative;
   float: left;
   display: inline;
   border-right: 1px solid #7F7F7F;
   background: #E5E5E5;
   width: 172px;
   height: 486px;
}

div#nav-left ul {
   list-style-type: none;
   margin: 0 -1px 0 0;
   border-right: 1px solid #7F7F7F;
   padding: 0;
}

div#nav-left ul li {  
   border-bottom: 1px solid #7F7F7F;  
   padding: 5px 5px 5px 15px;
}

div#nav-left ul li ul.submenu {
   margin-top: 5px;
   border: 0;
} 

div#nav-left ul li ul.submenu li {
   border: 0;
   padding: 0;
}


div#nav-left ul li ul.submenu li a:link,
div#nav-left ul li ul.submenu li a:visited,
div#nav-left ul li ul.submenu li a:active { 
   color: black;
   text-decoration: none;
}

div#nav-left ul li ul.submenu li a:hover {
   color: #0F857F;
}

div#nav-left ul li ul.submenu li#level3active a:link,
div#nav-left ul li ul.submenu li#level3active a:visited,
div#nav-left ul li ul.submenu li#level3active a:active {
   color: #0F857F; 
}

/* -- Vor-/Zurück Navigation -- */

div#nav-left ul.prevnextmenu {
   position: absolute;
   top: 300px;
   width: 100%;
}

div#nav-left ul.prevnextmenu li {
   text-align: right;
   padding-right: 15px;
   border-top: 1px solid #7F7F7F;
   border-bottom: 0;
}

div#nav-left ul.prevnextmenu li.last {
   border-bottom: 1px solid #7F7F7F; 
}

/* -- Fixed Menü - links unten -- */

div#nav-left ul.fixmenu {
   position: absolute;
   background: #336666;
   bottom: 0px;
   width: 100%;
}

div#nav-left ul.fixmenu li {
   border-top: 1px solid #7F7F7F;
   border-bottom: 0;
   text-align: center;
   padding-left: 0;
}

div#nav-left ul.fixmenu li a:link,
div#nav-left ul.fixmenu li a:visited,
div#nav-left ul.fixmenu li a:active {
   color: white;
   text-decoration: none;
}
 
/* -- Inhalt -- */

div#content {
   font-size: 110%;
   float: left;
   display: inline;
   overflow: auto;
   margin: 10px 0 10px 10px;
   height: 466px;
   width: 545px;
}

div#content table {
   font-size: 100%;         /* Bugfix: IE 5.5 und früher - Anpassung der Schriftgröße in Tabellen */
   margin-bottom: 1em;
}

div#content table tr td {
   vertical-align: middle;
}


div#content ul, div#content ol, div#content dl { 
   position: static;        /* Aufhebung - Bugfix IE: Disappearing-List-Background-Bug !!! */
}

div#content div.error {
   color: red;
}



/* -- Spalten innerhalb des Inhalts -- */

div#col-main {
   width: auto;
}

div#col-right {
   float: right;
   display: inline;
   width: 180px; 
   margin: 0 10px;
}

/* -- Reflink -- */

a#smilie2-reflink {
	position: absolute;
	bottom: 180px;
	left: 35px;
}
a#ewc-crm-spezial {
	position: absolute;
	bottom: 120px;
	left: 25px;
}