/*
	UDV Stylesheet;
	author: Bastian Posniak;
	(c) 2007 worldweb Internetkommunikations oHG;
*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(../grafiken/bg.gif);
}

#container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 780px;
	height: 620px;
	margin-left: -390px;
	margin-top: -310px;
	background: #fff;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 331px;
	height: 102px;
	background: url(../grafiken/logo.gif) no-repeat;
}

#navi-main {
	position: absolute;
	top: 105px;
	left: 0px;
	width: 780px;
	/*height: 217px;*/
	z-index: 100;
}

	#navi-main a {
		color: white;
		text-decoration: none;
		display: block;
		/*width: 100px;*/
		text-align: center;
		/*float: left;*/
		height: 17px;
		padding-top: 3px;
	}

	#navi-main #products {
		position: absolute;
		top: 0px;
		left: 0px;
		background: #CB99CC;
		width: 333px;
		height: 20px;
		/*padding-left: 15px;*/
	}

		#navi-main #products a:hover,
		#navi-main #products a.active {
			background: #993365;
		}

	#navi-main #enterprise {
		position: absolute;
		top: 0px;
		right: 0px;
		background: #A7AACB;
		width: 444px;
		height: 20px;
		/*padding-left: 20px;*/
	}

		#navi-main #enterprise a:hover,
		#navi-main #enterprise a.active {
			background: #fff;
			color: #000;
		}

#navi-extra {
	position: absolute;
	top: 22px;
	left: 500px;
	width: 260px;
	text-align: right;
}

	#navi-extra a {
		color: black;
		text-decoration: none;
	}

	#navi-extra a:hover {
		color: #A7AACB;
	}

#navi-bottom {
	position: absolute;
	top: 600px;
	left: 0px;
	width: 770px;
	height: 20px;
	padding-left: 10px;
        z-index: 100;
}

	.products {
		background-color: #CB99CC;
	}

	.enterprise {
		background-color: #A7AACB;
	}

	#navi-bottom a {
		color: white;
		text-decoration: none;
		display: block;
		padding: 0px 10px;
		text-align: center;
		float: left;
		height: 17px;
		padding-top: 3px;
	}

	#container .products a:hover,
	#container .products a.active {
		background: #993365;
	}

	#container .enterprise a:hover,
	#container .enterprise a.active {
		background: #fff;
		color: #000;
	}

#flash {
	position: absolute;
	top: 125px;
	left: 0px;
	width: 780px;
	height: 194px;
}

#pic {
	position: absolute;
	top: 319px;
	left: 0px;
	width: auto;
	height: 298px;
}
#contentstart {
	position: absolute;
	top: 319px;
	left: 200px;
	width: 578px; /*436px;*/
	height: 301px;
	padding: 0px 0px 0px 0px;
}

#content {
	position: absolute;
	top: 319px;
	left: 221px;
	width: 549px;
	height: 251px;
	padding: 30px 10px 0px 0px;
	line-height: 16px;
}

	#content h1 {
		font-size: 13px;
		margin: 0px;
		font-weight: bold;
	}

	#content h1.pro {
		color: #993365;
	}

	#content h1.ent {
		color: #A7AACB;
	}

	#content a {
		color: #993365;
		font-weight: bold;
		text-decoration: underline;
	}

		#content a:hover {
			color: #A7AACB;
		}

	#content h2 {
		color: #CF9704;
		font-size: 12px;
		margin: 0px;
		font-weight: bold;
	}

	#content h3 {
		color: #CB9D01;
		font-size: 14px;
		margin: 0px;
		font-weight: bold;
	}

	#content img.float {
		float: right;
	}

	#content ul {
		margin: 5px 0px 5px 10px;
		padding: 0;
		padding-left: 10px;
		list-style-type: none;
		list-style-image: url(../grafiken/aufz.gif);
		list-style-position: outside;
	}

		html > body #content ul li {
			padding-left: 5px;
			list-style-image: none;
		}

		html > body #content ul li:before {
			content: "- ";
			}


	/* === */

#nav, #nav2, #nav ul, #nav2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background: #CB99CC;
	z-index: 50;
	filter: alpha(opacity=94);
	-moz-opacity: .94;
	opacity: .94;
}

#nav2, #nav2 ul {
	background: #A7AACB;
	z-index: 51;
	}

#nav a, #nav2 a {
	display: block;
	z-index: 50;
}

#nav li, #nav2 li {
	float: left;
	width: 110px;
	z-index: 50;
}

#nav li ul, #nav2 li ul {
	position: absolute;
	width: 110px;
	left: -999em;
	z-index: 50;
}

	#nav li ul a, #nav2 li ul a {
		padding-top: 5px;
		padding-left: 5px;
		height: 20px;
		z-index: 50;
		font-size: 10px;
		text-align: left;
		}

#nav li:hover ul, #nav2 li:hover ul {
	left: auto;
	z-index: 50;
}

#nav li:hover ul, #nav li.sfhover ul, #nav2 li:hover ul, #nav2 li.sfhover ul {
	left: auto;
	z-index: 50;
}

img {
	border:none;
}