/**
 * 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: #993a36;
}

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: #993a36;
}


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

div#site {
   border: 1px solid #7F7F7F;
   width: 738px;
   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; 
   position: relative;
}

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

div#header #cas-partnerlogo {
	position: absolute;
	width: 223px;
	height: 75px;
	left: 505px;
	top: 3px;
	
	background-image: url('/files/cas-certified-partner.png');
	background-repeat: no-repeat;

}

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: #993a36;
   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 16px;
   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;
   position: relative;
   width: 100%;
   
}

/* -- 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: #B01211;
   bottom: 0px;
   width: 172px;
}

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#white-bar-top , div#white-bar-bottom {
	position: absolute;
	
	background-color: #ffffff;
	
	right: 16px;
	font-size: 1px;
}

div#white-bar-top {
	top: 0;
	height: 10px;
	width: 547px;
}
div#white-bar-bottom {
	bottom: 0;
	height: 18px !important;
	width: 547px;
}
html>body #white-bar-bottom {
	height: 5px !important;
	width: 540px !important;
}

div#content-container {
	font-family: Tahoma, sans-serif, arial, verdana;
	font-size: 128%;
	overflow: auto;
	overflow-x: hidden !important;
	height: 486px;
	width: 564px;
	position: absolute;
	right: 0;
	top: 0;
}

div#content {
	
	padding: 10px;
	padding-left: 14px;
}
* html div#content {
	padding-bottom: 24px !important;
}
div#content ul {
	margin-top: 0px;
}

/*

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;
}

/* --- Zeilenlayout --- */

div#content-container.smallrow {
	height: 379px;
}
div#white-bar-bottom.smallrow {
	bottom: 107px;
}
div#smallrow-container {
	height: 107px;
	
	position: absolute;

	border-top: 1px solid #000000;
	
	overflow: auto;
	overflow-x: hidden !important;

	width: 565px;

	right: 0;
	bottom: 0;
	
	font-family: Tahoma, sans-serif, arial, verdana;
	font-size: 128%;
}
div#smallrow-content {
	padding-bottom: 0px;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 14px;
	
	font-size: 128%;
}


/* --- Zeilenlayout 2 --- */

div.bigrowcontainer{
	height: 309px !important;
}
div.bigrowwhitebar {
	bottom: 177px !important;
}
div#bigrow-container {
	height: 177px;
	
	position: absolute;

	border-top: 1px solid #000000;
	
	overflow: auto;
	overflow-x: hidden !important;

	width: 565px;

	right: 0;
	bottom: 0;
	
	font-family: Tahoma, sans-serif, arial, verdana;
}
div#bigrow-content {
	padding-bottom: 4px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 14px;
	font-size: 128%;
}


div#smallrow-content p, div#bigrow-content p {
	margin: 0;
}
div#smallrow-content ul , div#bigrow-content ul{
	margin-bottom: 0;
}
div#smallrow-content a, div#bigrow-content a {
	text-decoration: none;
}

/* -- Formatierung -- */
.red {
	color: red;
}
.b {
	font-weight: bold;
}

/* -- Backlink -- */

a#ewc-site-link {
	position: absolute;
	bottom: 120px;
	left: 10px;
}