@charset "utf-8";
/* CSS USERVCO */

* {
	margin:0;
	padding:0;
	}

html {
	height:100%;
}

a, a:hover, a:visited, a:focus, a:active {
	outline:none;
	background-image:none;
	}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#fff;
	background-image:url(grafik/body_graygradient_bg2.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-color:#fff;
	height:100.1%;
	}

#wrapper {
	color:#7b7c7e;
	width:880px;
	margin-left:auto;
	margin-top:0;
	margin-right:auto;
	/* background-image:url(grafik/wrapper_bg.png);
	background-repeat:repeat-y; */
	}

/* KOPFBEREICH */

#top {
	height:10px;
}
	
#header {
	z-index:1;
	width:860px;
	height:183px;
	margin-left:10px;
	margin-top:35px;
	background-image:url(grafik/header_grau_bg2.png);
	background-repeat:no-repeat;
}

.logo {
	z-index:2;
	float:left;
	margin-left:20px;
	margin-top:109px;
	width:200px;
	height:29px;
	background-image:url(grafik/logo.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}

.slogan {
	z-index:2;
	float:left;
	margin-left:40px;
	margin-top:120px;
	width:392px;
	height:18px;
	background-image:url(grafik/slogan.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}

#direktkontakt {
	z-index:0;
	float:right;
	margin-right:23px;
	margin-top:-4px;
	/* position:absolute;
	margin-top:300px;
	margin-left: 600px; */
	width:173px;
	height:98px;
	background-image:url(grafik/direktkontakt.png);
	background-repeat:no-repeat;
	text-indent: -9999px;}

/* HAUPTBEREICH */

#schattenoben {
	width:880px;
	height:9px;
	margin-top:10px;
	background-image:url(grafik/schattierung_oben.png);
	background-repeat:no-repeat;
	}

#main {
	width:880px;
	/* margin-left:10px; */
	padding-top:27px;
	background-image:url(grafik/wrapper_bg.png);
	background-repeat:repeat-y;
	}


#navigation {
	float:left;
	width:240px;
	margin-left:10px;
	line-height:24px;
	}

#navEbene1 {
	list-style:none;
	text-indent:20px;
	}

#navEbene1 li {
	width:220px;
	margin-top:-1px;
	font-weight:bold;
	background-image:url(grafik/navEbene1_bg.png);
	background-repeat:no-repeat;
	}

#navEbene1 li.navStartseite {
	height:15px;
	margin-bottom:8px;
	line-height:15px;
	background-image:none;
	}

#navEbene1 li.navStartseiteAktiv {
	height:15px;
	margin-bottom:8px;
	line-height:15px;
	background-image:none;
	}

#navEbene1 li.navStartseite a, a:visited {
	height:15px;
	margin-top:0px;
	margin-left:-20px;
	padding-left:40px;
	text-decoration:none;
	font-weight:normal;
	line-height:15px;
	background-image:url(grafik/navipfeil_std.png);
	background-repeat:no-repeat;
	}

#navEbene1 li.navStartseite a:hover, a:active {
	height:15px;
	margin-top:0px;
	margin-left:-20px;
	padding-left:40px;
	line-height:15px;
	color:#ea6e31;
	text-decoration:none;
	background-image:url(grafik/navipfeil_aktiv.png);
	background-repeat:no-repeat;
	}

#navEbene1 li.navStartseiteAktiv a {
	height:15px;
	margin-top:0px;
	margin-left:-20px;
	padding-left:40px;
	line-height:15px;
	color:#ea6e31;
	text-decoration:none;
	font-weight:normal;
	background-image:url(grafik/navipfeil_aktiv.png);
	background-repeat:no-repeat;
	}

ul#navEbene1 li a, a:visited, a:hover, a:active {
	color:#7b7c7e;
	text-decoration:none;
	font-weight:bold;
	background-image:none;
	padding-left:20px;
	} 

ul#navEbene1 li ul {
	list-style:none;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:5px;
	}

ul#navEbene1 li ul li {
	height:26px;
	width:220px;
	background-image:none;
	}
	
ul#navEbene1 li ul li a, a:visited {
	margin-left:-20px;
	padding-left:40px;
	color:#7b7c7e; 
	text-decoration:none;
	font-weight:normal;
	background-image:url(grafik/navipfeil_std.png);
	background-repeat:no-repeat;
	} 

ul#navEbene1 li ul li a:hover, a:active {
	height:26px;
	width:220px;
	color:#ea6e31;
	text-decoration:none;
	background-image:url(grafik/navipfeil_aktiv.png);
	background-repeat:no-repeat;
	} 

ul#navEbene1 li ul .navAktiv a {
	height:26px;
	width:220px;
	color:#ea6e31;
	font-weight:normal;
	background-image:url(grafik/navipfeil_aktiv.png);
	background-repeat:no-repeat;
	}

#kontakt {
	margin-left:40px;
	margin-top:8px;
	margin-bottom:10px;
	text-indent:0;
	line-height:18px;
	}

.navImpressum {
	font-size:10px;
	text-indent:40px;
	height:26px;
	}

.height26 {
	height:26px;
}

#inhalt {
	float:left;
	width:400px;
	margin-left:20px;
	}

#inhalt a, a:hover, a:active, a:visited {
	color:#ea6e31;
	text-decoration:none;
	outline:none;
	background-image:none;
	margin:0;
	padding:0;
	} 

#rechtespalte {
	float:left;
	width:160px;
	margin-left:20px;
	}

#cleaner {
	clear:both;
	margin-bottom:40px;
	}
	
	
#inhalt p {
	margin-bottom:12px;
	}
	
#inhalt h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:18px;
}

.textorange {
	color:#ea6e31;
}

#schattenunten {
	width:880px;
	height:9px;
	background-image:url(grafik/schattierung_unten.png);
	background-repeat:no-repeat;
	}

/* --------------------- FOOTER ---------------- */

#footer {
	width:860px;
	margin-left:10px;
	margin-top:1px;
	color:#fff;
	font-size:10px;
	text-align:center;
	}

#footer a, a:hover, a:active, a:visited {
	color:#fff;
	text-decoration:underline;
	outline:none;
	background-image:none;
	font-weight:normal;
	margin:0;
	padding:0;
	}
	
	
h3 {
	font-size:12px;
	}

/* --------------------- Kontaktformular ---------------- */

#anrede {
	width:60px;
	}

#vorName {
	width:300px;
	}

#nachName {
	width:300px;
	}

#Firma {
	width:300px;
	}

#eMail {
	width:300px;
	}

#telefon {
	width:160px;
	}

#betreff1 {
	width:300px;
	}
	
#nachricht {
	width:300px;
	height:100px;
	}	
	
/* --------------------- Headlines ---------------- */

#hindex {
	text-indent:-9999px;
	background-image:url(grafik/headlines/weserveyou.png);
	background-repeat:no-repeat;
	}

#hsupport {
	text-indent:-9999px;
	background-image:url(grafik/headlines/support.png);
	background-repeat:no-repeat;
	}

#hprojektmanagement {
	text-indent:-9999px;
	background-image:url(grafik/headlines/projektmanagement.png);
	background-repeat:no-repeat;
	}
	
#hloesungen {
	text-indent:-9999px;
	background-image:url(grafik/headlines/loesungen.png);
	background-repeat:no-repeat;
	}
	
#houtsourcing {
	text-indent:-9999px;
	background-image:url(grafik/headlines/outsourcing.png);
	background-repeat:no-repeat;
	}
	
#hschulungen {
	text-indent:-9999px;
	background-image:url(grafik/headlines/schulungen.png);
	background-repeat:no-repeat;
	}
	
#hnetzwerkcheck {
	text-indent:-9999px;
	background-image:url(grafik/headlines/netzwerkcheck.png);
	background-repeat:no-repeat;
	}
	
#hueberuns {
	text-indent:-9999px;
	background-image:url(grafik/headlines/ueberuns.png);
	background-repeat:no-repeat;
	margin-top:-3px;
	padding-bottom:3px;
	}
	
#hkontakt {
	text-indent:-9999px;
	background-image:url(grafik/headlines/kontakt.png);
	background-repeat:no-repeat;
	}
	
#himpressum {
	text-indent:-9999px;
	background-image:url(grafik/headlines/impressum.png);
	background-repeat:no-repeat;
	}
	
#hdatenschutz {
	text-indent:-9999px;
	background-image:url(grafik/headlines/datenschutz.png);
	background-repeat:no-repeat;
	}
	
#senden {
	background-color:#fafafa;
	color:#7b7c7e;
	border:1px solid #e8e8e8;
	width:400px;
	cursor:pointer;}

/* --------------------------------------------- */


/* -------------- Loesungen -------------- */

/*
#subLoesungenLinks {
	float:left;
	width:400px;
	line-height:20px;
	}

#subLoesungenRechts {
	float:left;
	margin-left:20px;
	line-height:24px;
	}
*/

ul#loesungenLinks {
	list-style-type:none;
	font-weight:bold;
	}

ul#loesungenLinks li {
	width:400px;
	background-color:#fafafa;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	}

ul#loesungenLinks li a, a:visited {
	width:400px;
	margin-left:-18px;
	padding-left:40px;
	color:#7b7c7e; 
	text-decoration:none;
	background-image:url(grafik/navipfeil_std.png);
	background-repeat:no-repeat;
	}
 

ul#loesungenLinks li a:hover, a:active {
	margin-left:-18px;
	padding-left:40px;
	color:#ea6e31; 
	text-decoration:none;
	background-image:url(grafik/navipfeil_aktiv.png);
	background-repeat:no-repeat;
	}

#loesungeninhalte {
	clear:left;
	padding-top:10px;
	}


.listenbg {
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	background-color:#fafafa;
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed;
	}

h3 {
	margin-top:20px;
	margin-bottom:10px;
}

.trenner {
	font-size:10px;
	font-weight:bold;
	width:400px;
	text-align:right;
	border-bottom: 1px solid #e8e8e8;
	}
	
#loesungeninhalte a, a:visited {
	color:#7b7c7e;
	}
	
#loesungeninhalte a:hover, a:focus, a:active {
	color:#ea6e31;
	} 
	
#main .trenner a, a:visited {
	color:#7b7c7e;
	}
	
#main .trenner a:hover, a:focus, a:active {
	color:#ea6e31;
	} 
	
/*    E-Mail umdrehen    */

.flip {
	direction:rtl; 
	unicode-bidi:bidi-override;	
	}