/* Menü mit RollOver-Funktionalität */

/* ----- Normalzustand ----- */

.start {
	display:block; 
	color:#000;
	width:52px; 
	height:28px; 
	background:url(../images/design/start.jpg);
	float:left; 
	margin-right:1px;
}

/* Hack für gleiche Darstellung im IE7 */

*+html .start {
	margin-top:14px;
}

.konzept {
	display:block; 
	color:#000;
	width:122px; 
	height:28px; 
	background:url(../images/design/konzept_off.jpg); 
	float:left;
	margin-right:2px;
}

.standort {
	display:block; 
	color:#000;
	width:70px; 
	height:28px; 
	background:url(../images/design/standort_off.jpg); 
	float:left;
	margin-right:2px;
}

.portal {
	display:block; 
	color:#000;
	width:114px; 
	height:28px; 
	background:url(../images/design/portal_off.jpg);
	float:left; 
	margin-right:2px;
}

.aussteller {
	display:block; 
	color:#000;
	width:78px; 
	height:28px; 
	background:url(../images/design/aussteller_off.jpg);
	float:left; 
	margin-right:1px;
}

.kontakt {
	display:block; 
	color:#000;
	width:66px; 
	height:28px; 
	background:url(../images/design/kontakt_off.jpg); 
	float:left;
	margin-right:2px;
}

.impressum {
	display:block; 
	color:#000;
	width:86px; 
	height:28px; 
	background:url(../images/design/impressum_off.jpg); 
	float:left;
}

/* ----- RollOver-Zustand ----- */

.konzept a:hover {
	background:url(../images/design/konzept_on.jpg); 
	color:#fff;
}

.standort a:hover {
	background:url(../images/design/standort_on.jpg); 
	color:#fff;
}

.portal a:hover {
	background:url(../images/design/portal_on.jpg); 
	color:#fff;
}

.aussteller a:hover {
	background:url(../images/design/aussteller_on.jpg); 
	color:#fff;
}

.kontakt a:hover {
	background:url(../images/design/kontakt_on.jpg); 
	color:#fff;
}
.impressum a:hover {
	background:url(../images/design/impressum_on.jpg); 
	color:#fff;
}

/* ----- Zustand wenn aktuelle Seite ----- */


.konzept_on {
	display:block; 
	color:#000;
	width:122px; 
	height:28px; 
	background:url(../images/design/konzept_on.jpg); 
	float:left;
	margin-right:2px;
}

.konzept_on a{
	background:url(../images/design/konzept_on.jpg); 
	color:#fff;
	margin-right:2px;
}

.standort_on {
	display:block; 
	color:#000;
	width:70px; 
	height:28px; 
	background:url(../images/design/standort_on.jpg); 
	float:left;
	margin-right:2px;
}

.standort_on a{
	background:url(../images/design/standort_on.jpg); 
	color:#fff;
	margin-right:2px;
}

.portal_on {
	display:block; 
	color:#000;
	width:114px; 
	height:28px; 
	background:url(../images/design/portal_on.jpg);
	float:left; 
	margin-right:2px;
}

.portal_on a{
	background:url(../images/design/portal_on.jpg); 
	color:#fff;
	margin-right:2px;
}

.aussteller_on {
	display:block; 
	color:#000;
	width:78px; 
	height:28px; 
	background:url(../images/design/aussteller_on.jpg);
	float:left; 
	margin-right:1px;
}

.aussteller_on a{
	background:url(../images/design/aussteller_on.jpg); 
	color:#fff;
	margin-right:1px;
}

.kontakt_on {
	display:block; 
	color:#000;
	width:66px; 
	height:28px; 
	background:url(../images/design/kontakt_on.jpg); 
	float:left;
	margin-right:2px;
}

.kontakt_on a{
	background:url(../images/design/kontakt_on.jpg); 
	color:#fff;
	margin-right:2px;
}

.impressum_on {
	display:block; 
	color:#000;
	width:86px; 
	height:28px; 
	background:url(../images/design/impressum_on.jpg); 
	float:left;
}


.impressum_on a{
	background:url(../images/design/impressum_on.jpg); 
	color:#fff;
	margin-right:2px;
}






/*Pulldownmenü*/

/* ----- Pulldowngrundgestaltung ----- */

.pulldown {
	width:70px; 
	height:30px; 
	float:left;
	margin-right:1px;
}

.pulldown ul li a, .pulldown ul li a:visited {
	display:block; 
	color:#000;
	width:70px; 
	height:28px; 
	background:url(../images/design/services_off.jpg); 
}

.services_on {
	display:block; 
	color:#000;
	width:70px; 
	height:28px; 
	background:url(../images/design/services_on.jpg); 
	float:left;
}

.service_on a{
	background:url(../images/design/services_on.jpg); 
	color:#fff;
	margin-right:2px;
}

/* ----- Pulldowngrundstruktur ----- */
.pulldown ul {
	padding:0; 
	margin:0; 
	list-style:none;
}
 
.pulldown ul li {
	float:left; 
	position:relative;
}

.pulldown ul li ul {
	display: none;
}

/* ----- Für alle Browser ausser IE ----- */
.pulldown ul li:hover a {
	color:#fff; 
	background:url(../images/design/services_on.jpg);
}

/* ----- Für RollOver-Zustände ----- */
.pulldown ul li:hover ul {
	display:block; 
	position:absolute; 
	top:28px; 
	left:0px;
	height:80px; 
	width:100px;
}

.pulldown ul li:hover ul li a.hide {
	display:block;
	width:auto;
	height:18px;
	background:#6a3; 
	color:#fff;
	text-decoration:none;
}

.pulldown ul li:hover ul li:hover a.hide {
	background:#6fc; 
	color:#000;
	text-decoration:none;
}

.pulldown ul li:hover ul li ul {
	display: none;
}

.pulldown ul li:hover ul li a {
	display:block; 
	background:#0D467F;
	color:#fff;
	width:127px;
	height:18px;
	text-decoration:none;
	text-indent:5px;
	padding-top:2px;
}

.pulldown ul li:hover ul li a:hover {
	background:#C4DDF1; 
	width:127px;
	height:18px;
	color:#000;
	text-indent:5px;
	padding-top:2px;
}