/**
 * Front End Cascade Style Sheet (CSS)
 * 
 * @package netmileCMS
 * @subpackage style
 * @version $Id: base.css,v 1.2 2007/05/18 09:39:58 michael.vonkaenel Exp $
 * @copyright (c) Copyright 2006-2007 - netmile.ch - All rights reserved
 *
 */

@import url('editor.css') ;

html{
height: 100%;
}

body {
height: 100%;
display: block;
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
color:#6E6E6E;
scroll: no;
background-color: #FFFFFF;
}

#wrap {
color:#6E6E6E;
margin:0 auto;
padding: 0px;
width:812px;
height: 100%;
}

/***** Header *****/

#header {
color:#424242;
background:#ffffff url(./../images/header.jpg) bottom left no-repeat;
height:201px;
margin:0;
padding:0;
}

#navholder
{
	background:#FFFFFF url(./../images/bg.jpg) top center repeat-y;
}

#navigation{
	padding-top: 0px;
	padding-left: 38px;
	background:#FFFFFF url(./../images/bg.jpg) top center repeat-y;
	position: relative;
	height: 34px;
	font-size:0.8em;
	font-weight:bold;
	text-align:left;
}

#container
{
	background:#FFFFFF url(./../images/bg.jpg) top center repeat-y;
}

#container_inline
{
	background:#FFFFFF url(./../images/branding.jpg) bottom right no-repeat;
	margin-right: 38px;
	margin-left: 38px;
	margin-bottom: 0px;
}

#content_holder
{
	position: relative;
	margin-right: 20px;
	margin-left: 17px;
}

#breadcrumb
{
	padding:4px;
	margin-top: 8px;
	margin-bottom: 8px;
	background:#f4f4f4;
	color:#505050;
	font-size:0.8em;
	font-weight:bold;
	border:1px solid #d8d8d8;
}

#menu
{
	position: relative;
	padding-bottom: 0px;
}

#footer {
bottom: 0px;
top: 600px;
height: 78px;
float: left;
width:812px;
text-align:right;
color:#808080;
background:#FFFFFF url(./../images/footer.jpg);
font-size:0.9em;
}

#copyright
{
	font-size: 10px;
	padding-top: 10px;
	padding-right: 50px;
}

/***** Various tags *****/

a img {
border:0;
}

img.top {
 vertical-align:text-top;
}

img.bottom {
 vertical-align:text-bottom;
}

img.middle {
 vertical-align:middle;
}

p {
margin:0 0 16px 0;
}

blockquote {
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:16px;
padding:7px 7px 7px 11px;
background:#f4f4f4 url(./../images/menubg.gif) bottom left repeat-x;
color:#505050;
}


blockquote p {
font-size:1.1em;
line-height:1.3em;
margin:0;
}

.hide {
display:none;
}

.tooltip {
	text-align: left;
	position: absolute;
	display: none;
	padding: 3px;
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #3C556B;
	background-color: #E0EEF7;
}

/**
* Navigation
*/
ul.clearfix
{
	padding: 0px;
	margin: 0px;
}

.clearfix:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

ul.clearfix li {
  display: block;
  float: left;
  background-repeat: no-repeat;
  background-position: 0px -29px;
  }
ul  li a {
  height: 33px;
  width: 100%;
  display: block;
  float: left;
  text-indent: -9999px; 
  }
 ul li.inactive   {
	display: block;
  background-position: 0px 0px;
  }
ul li.active {
	display: block;
  background-position: 0px -29px;
  }
  
ul li.n_firma
{
	height: 34px;
	width: 105px;
	display: block;
	background: url(./../images/n_firma.jpg) 0px 0px no-repeat;
}

ul li.inactive a.n_firma:hover{ 
	background: url(./../images/n_firma.jpg)  0px -34px no-repeat;
}

ul li.n_system
{
	height: 34px;
	width: 101px;
	display: block;
	background: url(./../images/n_system.jpg) 0px 0px no-repeat;
}

ul li.inactive a.n_system:hover{ 
	background: url(./../images/n_system.jpg)  0px -34px no-repeat;
}

ul li.n_app
{
	height: 34px;
	width: 112px;
	display: block;
	background: url(./../images/n_app.jpg) 0px 0px no-repeat;
}

ul li.inactive a.n_app:hover{ 
	background: url(./../images/n_app.jpg)  0px -34px no-repeat;
}

ul li.n_contact
{
	height: 34px;
	width: 114px;
	display: block;
	background: url(./../images/n_contact.jpg) 0px 0px no-repeat;
}

ul li.inactive a.n_contact:hover{ 
	background: url(./../images/n_contact.jpg)  0px -34px no-repeat;
}

ul li.n_portfolio
{
	height: 34px;
	width: 100px;
	display: block;
	background: url(./../images/n_portfolio.jpg) 0px 0px no-repeat;
}

ul li.inactive a.n_portfolio:hover{ 
	background: url(./../images/n_portfolio.jpg)  0px -34px no-repeat;
}

ul li.n_hosting
{
	height: 34px;
	width: 93px;
	display: block;
	background: url(./../images/n_hosting.jpg) 0px 0px no-repeat;
}

ul li.inactive a.n_hosting:hover{ 
	background: url(./../images/n_hosting.jpg)  0px -34px no-repeat;
}


ul li.n_web
{
	height: 34px;
	width: 111px;
	display: block;
	background: url(./../images/n_web.jpg) 0px 0px no-repeat;
}

ul li.inactive a.n_web:hover{ 
	background: url(./../images/n_web.jpg)  0px -34px no-repeat;
}

/** Footer Menu **/
ul li.m_agb
{
	height: 29px;
	width: 87px;
	display: block;
	background: url(./../images/m_agb.jpg)  0px -29px no-repeat;
}

ul li.inactive a.m_agb:hover{ 
	height: 29px;
	background: url(./../images/m_agb.jpg) 0px -1px no-repeat;
}

ul li.m_press
{
	height: 29px;
	width: 89px;
	display: block;
	background: url(./../images/m_press.jpg)  0px -29px no-repeat;
}

ul li.inactive a.m_press:hover{ 
	height: 29px;
	background: url(./../images/m_press.jpg) 0px -1px no-repeat;
}

ul li.m_impressum
{
	height: 29px;
	width: 89px;
	display: block;
	background: url(./../images/m_impressum.jpg)  0px -29px no-repeat;
}

ul li.inactive a.m_impressum:hover{ 
	height: 29px;
	background: url(./../images/m_impressum.jpg) 0px -1px no-repeat;
}

ul li.m_customer
{
	height: 29px;
	width: 89px;
	display: block;
	background: url(./../images/m_customer.jpg)  0px -29px no-repeat;
}

ul li.inactive a.m_customer:hover{ 
	height: 29px;
	background: url(./../images/m_customer.jpg) 0px -1px no-repeat;
}

ul li.m_home
{
	height: 29px;
	width: 89px;
	display: block;
	background: url(./../images/m_home.jpg)  0px -29px no-repeat;
}

ul li.inactive a.m_home:hover{ 
	height: 29px;
	background: url(./../images/m_home.jpg) 0px -1px no-repeat;
}


html .clearfix {
  height: 1%;
  }

 
hr.line
{
	background-image: url(./../images/line.jpg);
	height: 1px;
	border: 0px;
}

h2
{
	margin-top: 0px;
}

#newstab
{
	width: 316px;
	border: 1px dotted #B0B0B0;
	background-color: #FFFFFF;
}

.newstbl
{
	height: 250px;
	border: 1px solid #FFFFFF;
	padding-left: 1px;
	background: url(./../images/newsbg.jpg) #FFFFFF repeat-x;
}

a, a:hover, a:visited, a:active, .newsurl
{
	color: #17467C;
	font-weight: bold;
	text-decoration:none;
}

#info
{
	color: #001C80;
	padding: 3px;
	padding-left: 30px;
	background-image: url(./../images/icon_info.gif);
	background-repeat: no-repeat;
	background-position: 3px;
	border: 1px solid #001C80; 
	background-color: #B3CAEF;
}

h4
{
	margin-top: 3px;
}