/* Stylesheet für die MVS Seite (Alle Browser ausßer IE) */



/* Padding und Margin werden für alle html-Elemente auf Null gesetzt */

* {
padding : 0;
margin : 0;
}


body {
	color : #ffffff;
	font-family : Verdana, Arial, Helvetica, sans-serif;  /* Festlegung der Schrift */
	font-size : small;
	background-color: #333333;
}

#wrapper {
	width : 60em;
	margin-top : 4em;  /* Seite wird von oben zentriert*/
	margin-right : auto; /* Seite wird links und rechts zentriert */
	margin-bottom : auto;
	margin-left : auto;
	background-color : #333333;
	color: #333333;
}

/* Navibereich_haupt */


#navi1 {
	font-size : larger;
	width : auto;
	padding-top : 1em;
	padding-left : 1em;
	position : relative;
	background-color : #333333;
	border-top-width : thin;
	border-right-width : thin;
	border-bottom-width : thin;
	border-left-width : thin;
	border-top-style : solid;
	border-right-style : solid;
	border-bottom-style : none;
	border-left-style : solid;
	border-top-color : #416fbb;
	border-right-color : #416fbb;
	border-bottom-color : #416fbb;
	border-left-color : #416fbb;
	word-spacing: 3px;
	background-image: url(../img/vmware.png);
	background-repeat: no-repeat;
	background-position: 590px center;
}

#navi1 li {
	display : inline;  /* Bringt die Navileiste nebeneinander */
	list-style-type : none; /* keine Aufzählungspunkte */
}



/* CSS für die Reiter im Hauptnavi */
#navi1 a hover, 
#index #link1 a, 
#kompetenzen #link2 a, 
#komp_steuer #link2 a,
#komp_anwalt #link2 a,
#komp_novell #link2 a, 
#komp_win #link2 a,
#komp_wirtschaft #link2 a,
#loes #link3 a,
#loes_datev #link3 a,
#loes_dms #link3 a,
#loes_exchange #link3 a,
#loes_hardware #link3 a,
#loes_internet #link3 a,
#loes_netztechnik #link3 a,
#loes_softentwick #link3 a,
#loes_support #link3 a,
#loes_systemintegration #link3 a,
#loes_wartung #link3 a,
#refer #link4 a,
#refer_bbh #link4 a,
#refer_del #link4 a,
#refer_ksi #link4 a,
#refer_schaffer #link4 a,
#refer_sprattler #link4 a,
#refer_stegemann #link4 a
 {
	text-decoration : none;
	color : #e0e0e0;
	background-color : #416fbb;
	padding : 8px;
	font-size : medium;
	font-weight : normal;
}

#navi1 a {
	color : #81a5e3;
}



/*Navibereich_neben */

#navi2 {
	height : 18em;
	width : 28em;
	padding-top : 2em;
	padding-right : 0;
	padding-bottom : 0;
	padding-left : 2em;
	background-color : #416fbb;
	float : left;
	line-height : 22px;
	overflow: hidden;
}

#navi2 li {
	list-style-type : none;
}


/* CSS für die Unterstreichung im Nebennavi */
#navi2 a hover, 
#komp_steuer #link21 a,
#komp_anwalt #link22 a,
#komp_wirtschaft #link23 a,
#komp_novell #link24 a,
#komp_win #link25 a,
#refer_schaffer #link41 a,
#refer_bbh #link42 a,
#refer_stegemann #link43 a,
#refer_ksi #link44 a,
#refer_del #link45 a,
#refer_sprattler #link46 a,
#loes_netztechnik #link31 a,
#loes_systemintegration #link32 a,
#loes_softentwick #link33 a,
#loes_dms #link34 a,
#loes_wartung #link35 a,
#loes_hardware #link36 a,
#loes_internet #link37 a,
#loes_support #link38 a,
#loes_datev #link39 a,
#loes_exchange #link310 a
{
	background-color : #a6bbe8;
	padding-right: 28em;
	white-space: nowrap;
}
#navi2 a {
	color : #e0e0e0;
}




/* Textbereich */

#text {
	background-color : #a6bbe8;
	height : 17em;
	width : 24em;
	padding-top : 3em;
	padding-right : 3em;
	padding-left : 3em;
	float : right;
	text-align: justify;
	}

#text a {
	color: #E0E0E0;
}


/* Logobereich */

#logo {
	overflow: hidden;
	background-color : #333333;
	height : 20em;
	width : 49%;
	float : left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #416FBB;
}

#firmenlogo {
	height: 240px;
	width: 219px;
	background-image: url(../img/logo.png);
	margin-top : 1em;
	margin-left : 5em;
	width: 19em;
	background-repeat: no-repeat;
	background-position: center center;
}

* html div#firmenlogo {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(SizingMethod=scale, src='img/logo.png');
}
* html #navi1 {
	background-image: url(../img/vmware.jpg);
}

/* Bildbereich */

#bild {
	height : 20em;
	width : 30em;
	float : right;
	background-repeat: no-repeat;
	background-position: center center;
}
.index{
	background-image:url(../img/pic05.jpg);
}
.referenzen{
	background-image:url(../img/pic03.jpg);
}
.kompetenzen{
	background-image:url(../img/pic02.jpg);
}
.loesungen{
	background-image:url(../img/pic04.jpg);
}
.kontakt{
	background-image:url(../img/pic01.jpg);
}
/* Fussleiste */

#fuss {
	background-color:#333333;
	border-color:#416FBB;
	border-style:none solid solid;
	border-width:1px;
	clear:both;
	padding-bottom:1em;
	padding-right:1em;
	padding-top:5px;
	position:relative;
	text-align:right;
	width:auto;
}
#fuss li {
	display : inline;
	list-style-type : none;
	vertical-align: middle;
	text-align: center;
}
#fuss a {
	color : #81a5e3;
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
}
#index #wrapper #valid {
	background-color: #333333;
}

/* Address */

address {
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 12px;
}

/* Allgemein Link */
span{
	white-space: nowrap;
}

a {
	text-decoration : none;
}

em {
	font-style: normal;
	font-size: smaller;
	font-weight: bolder;
	letter-spacing: 1px;
}

#skiplink {
	visibility: hidden; /* Skiplink wird unsichtbar */
}

h1 {
	font-size: 90%;
	font-style: normal;
	letter-spacing:1px;
	line-height: 20px;
	word-spacing:normal;
}

h3 {
	font-size: 85%;
	font-style: normal;
	line-height: 15px;
}

#fuss li.support {
	background:url("../img/online_sup.png") no-repeat scroll left center transparent;
	bottom:6px;
	display:block;
	height:26px;
	position:absolute;
	right:175px;
	
	width:110px;
		
}

#fuss li.support a {
	text-indent:-9999px;
	display: block;
	height: 26px;
}
* html #fuss li.support {
	line-height: 0;
	background: none;
	position: absolute;
	right: 235px;
	top: 5px;
	
}
* html #fuss li.support a{
	width: 110px;
	position:absolute;
	
	background: none;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(SizingMethod=scale, src='img/online_sup.png');
}