﻿/* Begin f� Darstellung Men�S*/

/** { margin: 0; padding: 0; list-style: none; }*/

img { border: none; }


* { list-style: none; }
ul,li,a{ margin: 0; padding: 0;}


ul {
	font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif;
}

/* Hauptnavigation - horizontal */
DIV.nav { background-color: #7F7F7F; margin-bottom: 10px; }

DIV.nav-0 a, DIV.nav-0 a:hover,DIV.nav-0 a.akt, DIV.nav-0 a.akt:hover {
	display: block;
	float: left;
	font: normal 14px/140% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 2px 13px;
	border-right: solid 1px #D9D7D7;
	background-color: #7F7F7F;
}

DIV.nav-0 a:hover,DIV.nav-0 a.akt,DIV.nav-0 a.akt:hover { background-color: #D9D7D7; color: #000; }

/* Navigation - vertikal links*/
ul.nav-1,ul.nav-2 {
	list-style-position: outside;
	/*background-color: #F7F8F5;*/
	padding-bottom: 10px;
}

ul.nav-1 li a,ul.nav-1 li a:hover,ul.nav-1 li a.akt,ul.nav-1 li a.akt:hover {
	font: normal 12px/140% Arial, Helvetica, sans-serif;
	background-color: #E9E8E8;
	color: #060304;
	border-top: 1px solid #FFFFFF;
	display: block;
	padding: 3px 0 3px 14px;
	width: 146px;
	text-decoration: none;
}

ul.nav-1 li a:hover,ul.nav-1 li a.akt,ul.nav-1 li a.akt:hover { background-color: #D8D8D8; }

/* vertikale Farb-Navigation - rechts*/
ul.nav-2 li a,ul.nav-2 li a:hover ,ul.nav-2 li a.akt, ul.nav-2 li a.akt:hover {
	font: normal 12px/140% Arial, Helvetica, sans-serif;
	background-color: #E9E8E8;
	color: #060304;
	border-top: 1px solid #FFF;
	display: block;
	padding: 3px 0 3px 14px;
	width: 146px;
	text-decoration: none;
}

ul.nav-2 li a:hover,ul.nav-2 li a.akt,ul.nav-2 li a.akt:hover { background-color: #D8D8D8; }


	
ul.nav-2 ul a, ul.nav-2 ul a:hover, ul.nav-1 ul a, ul.nav-1 ul a:hover,
ul.nav-2 ul a.akt, ul.nav-2 ul a.akt:hover, ul.nav-1 ul a.akt, ul.nav-1 ul a.akt:hover {
	border: none;
	font-size: 11px;
	padding: 0 0 1px 22px;
	width: 138px;
	background-color: #D8D8D8;
}

ul.nav-2 ul a, ul.nav-2 ul a:hover, ul.nav-1 ul a, ul.nav-1 ul a:hover,
ul.nav-2 ul a.akt, ul.nav-2 ul a.akt:hover, ul.nav-1 ul a.akt, ul.nav-1 ul a.akt:hover {
	border: none;
	font-size: 11px;
	padding: 0 0 1px 22px;
	width: 138px;
	background-color: #D8D8D8;
}

ul.nav-2 ul a.akt, ul.nav-2 ul a.akt:hover, ul.nav-2 ul a:hover,
ul.nav-1 ul a.akt, ul.nav-1 ul a.akt:hover, ul.nav-1 ul a:hover{ color: #990000; }

ul.nav-1 ul li.lastLi a,ul.nav-1 ul li.lastLi a:hover,
ul.nav-2 ul li.lastLi a,ul.nav-2 ul li.lastLi a:hover{ padding-bottom: 5px; }

/*DIV.outerWrap {
	background: transparent url(images/bg_col_left.gif) 0 0 repeat-y;
	width: 100%;
}*/

DIV.colLeft { width: 170px; float: left; }

DIV.colCenter { width: 632px; float: left; padding-top: 1px; padding-bottom: 15px; }

DIV.colRight { width: 175px; float: right; }



.youtube { 
	background-image: url(images/icon_nav_youtube.gif); 
	background-position:6px 4px;
	background-repeat: no-repeat;
	text-indent:12px;
}
.twitter { 
	background-image: url(images/icon_nav_twitter.gif); 
	background-position:6px 4px;
	background-repeat: no-repeat;
	text-indent:12px;
}
.rss { 
	background-image: url(images/icon_nav_rss.gif); 
	background-position:6px 4px;
	background-repeat: no-repeat;
	text-indent:12px;
}

.facebook { 
	background-image: url(images/icon_nav_facebook.gif); 
	background-position:6px 4px;
	background-repeat: no-repeat;
	text-indent:12px;
}

.tumblr { 
	background-image: url(images/icon_nav_tumblr.gif); 
	background-position:6px 4px;
	background-repeat: no-repeat;
	text-indent:12px;
}

.googleplus { 
	background-image: url(images/icon_nav_googleplus.gif); 
	background-position:6px 4px;
	background-repeat: no-repeat;
	text-indent:12px;
}

.blog { 
	background-image: url(images/icon_nav_blog.gif); 
	background-position:6px 4px;
	background-repeat: no-repeat;
	text-indent:12px;
}

.wordpress { 
	background-image: url(images/icon_nav_wordpress.gif); 
	background-position: 6px 4px;
	background-repeat: no-repeat;
	text-indent:12px;
}

.soundcloud { 
	background-image: url(images/icon_nav_soundcloud.gif); 
	background-position: 6px 4px;
	background-repeat: no-repeat;
	text-indent:12px;
}

.instagram { 
	background-image: url(images/icon_nav_instagram.gif); 
	background-position: 6px 4px;
	background-repeat: no-repeat;
	text-indent:12px;
}

/* K�*/

ul.nav-2 li a.teaser-cat-0{ background-color: #728ac3;color:#000; }
ul.nav-2 li a.teaser-cat-1{ background-color: #f7c65f;color:#000; }
ul.nav-2 li a.teaser-cat-2{ background-color: #f0b1c4;color:#000; }

/*Service Menu West*/
.nav-service { padding-left:13px; padding-top:10px; }
.nav-service h3 {
	font:normal 11px/120% Verdana, Geneva, sans-serif; color:#7f7f7f;
	letter-spacing:1px;
	padding-bottom:10px; /*padding-left:6px;*/
}
.nav-service li,
.nav-service li a,
.nav-service li a:hover { font:normal 10px/120% Verdana, Geneva, sans-serif; }
.nav-service li a,
.nav-service li a:hover { 
	padding-left:27px;
	text-decoration:none; color:#999; display:block; height:19px; width:112px; float:left; 
	background:url(images/sprite_service.gif) scroll 0 0 no-repeat; 
}
.nav-service li a:hover { color:#990000; }
.nav-service li a.ico-s-wk,.nav-service li a.ico-s-wk:hover { background-position:0 0; }
.nav-service li a.ico-s-ml,.nav-service li a.ico-s-ml:hover { background-position:0 -19px; }
.nav-service li a.ico-s-fb,.nav-service li a.ico-s-fb:hover { background-position:0 -37px; }
.nav-service li a.ico-s-we,.nav-service li a.ico-s-we:hover { background-position:0 -56px; }
.nav-service li a.ico-s-ts,.nav-service li a.ico-s-ts:hover { background-position:0 -75px; }
.nav-service li a.ico-s-d,.nav-service li a.ico-s-d:hover { background-position:0 -95px; }
