/*

1 Hauptnavigation (1.Ebene)
2 Subnavigation (2.Ebene)
3 Subnavigation (3.Ebene)
4 Reiternavigation allgemein
5 Reiternavigation Box Hauptspalte
6 Reiternavigation Teaser Hauptspalte
7 Reiternavigation  Box Randspalte
8 Reiternavigation breite Spalte
9 Promotion-Logo fuer Reiternavigationen in der Haupt- und Randspalte
10 Pagination 
11 Dropdown fuer Boxueberschrift in der Hauptspalte
12 Bookmarks

*/


#navigation {
	clear: both;
	background: url(../grafik/bg_hauptnavi.png) no-repeat left top;
	margin: 0 0 20px 0;
	width: 840px;
}

#navigation ul {
	list-style: none;
	vertical-align: baseline;
	padding: 0;
	margin: 0;
}

#/* 1 Hauptnavigation (1.Ebene) --- */

.naviblock {
	display: block !important;
}

#navigation strong {
	color: #333;
	float: left;
	padding: 6px 0 0 10px;
}


#navigation ul.e1 {
	background: url(../grafik/bg_hauptnavi_abschluss.png) no-repeat right top;
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0 1px 25px 0;
	position: relative;
}

#navigation ul.e1.rechtsbuendig {
	float: right;
	background: none;
	z-index: 1;
}

	#navigation ul.e1 li {
		background: url(../grafik/bg_hauptnavi_1_links.png) no-repeat left top;
		float: left;
		padding: 0;
		margin: 0;
	}
	
	#navigation ul.e1.rechtsbuendig li {
		/* background: url(../grafik/bg_hauptnavi_1_home.png) no-repeat left top; */
		background-color: #0A3F1A;
	}

		#navigation ul.e1 li a {
			background: url(../grafik/bg_hauptnavi_1_rechts.png) no-repeat right top;
			color: #FFF;
			display: block;
			margin: 0 0 0 1px;
			padding: 5px 6px 7px 6px;
			text-decoration: none;
		}

		#navigation ul.e1.rechtsbuendig li a {
			background: none;
		}
		
		#navigation ul.e1 li a:hover {
			color: #FFFFFF;
			text-decoration: underline;
		}	

		/* #navigation ul[class="e1"] li a:hover {
			background: #EBEEE8;
		}	
		
		#navigation ul.e1 li.aktiv,
		#navigation ul.e1 li.hover {
			background: url(../grafik/bg_hauptnavi_3_links.png) no-repeat left top;
		}

		#navigation ul.e1 li.aktiv a,
		#navigation ul.e1 li.hover a {
			background: url(../grafik/bg_hauptnavi_3_rechts.png) no-repeat right top;
			color: #333;
		} */

		#navigation ul.e1 li.aktiv {
			background: url(../grafik/bg_hauptnavi_3_links.png) no-repeat left top;
		}

		#navigation ul.e1 li.aktiv a {
			background: url(../grafik/bg_hauptnavi_3_rechts.png) no-repeat right top;
			color: #333;
		} 
	#navigation ul.e1 li.blur {
		background: url(../grafik/bg_hauptnavi_3_links.png) no-repeat left top;
	}

		#navigation ul.e1 li.blur a {
			background: url(../grafik/bg_hauptnavi_3_rechts.png) no-repeat right top;
			color: #333;
		}


		
/* 2 Subnavigation (2.Ebene) --- */

		#navigation ul.e1 li ul.e2 {
			background: #F8F8F8;
			border: 1px solid #C7D1BD;
			top: 28px;
			display: none;
			font-size: 11px;
			font-weight: normal;
			left: 0;
			margin: 0;
			padding: 0;
			position: absolute;
			z-index: 15;
			width: 838px;
		}

		#navigation ul.e1 li ul.e2.technoclassica {
			padding-left: 340px;	
			width: 498px;
		}
		
		#navigation ul.e1 li.aktiv ul.e2 {
			display: block;
		}

			#navigation ul.e1 li ul.e2 li {
				background: url(../grafik/bg_subnavi_rechts.png) no-repeat right 6px;
			}

				#navigation ul.e1 li ul.e2 li a {
					background: none;
					color: #666;
					display: block;
					padding: 6px 11px 6px 9px;
				}
				
				#navigation ul.e1 li ul.e2 li a:hover {
					color: #333;
					text-decoration: underline;
				}			
						
			#navigation ul.e1 li ul.e2 li.aktiv {
				font-weight: bold;
				margin: 0;
				padding: 0;
			}

				#navigation ul.e1 li ul.e2 li.aktiv a{
					color: #333;
					text-decoration: underline;
				}
				
			#navigation ul.e1 li ul.e2 li.ueberschrift {
				background: none;
			}		

/* 3 Subnavigation (3. Ebene) --- */

				#navigation ul.e1 li ul.e2 li ul.e3 {
					background: url(../grafik/bg_subnavi_e3.png) repeat left top;
					display: none;
					font-weight: normal;
					position: absolute;
					top: 25px;
					left: -1px;
					width: 840px;
				}
				
				#navigation ul.e1 li ul.e2 li ul.e3 div.eingerueckt {
					position: relative;
					left: 400px;
					width: 440px;
				}

					#navigation ul.e1 li ul.e2 li ul.e3 li {
						background: url(../grafik/bg_subnavi_rechts_2.png) no-repeat right 6px;
					}

						#navigation ul.e1 li ul.e2 li ul.e3 li a {
							background: none;
							color: #DCDCDC;
							margin: 0;
							padding: 5px 11px 5px 9px;
							text-decoration: none;
						}

						#navigation ul.e1 li ul.e2 li ul.e3 li a:hover {
							color: #FFF;
							text-decoration: underline;
						}
				
					#navigation ul.e1 li ul.e2 li ul.e3 li.aktiv {
						font-weight: bold;
						margin: 0;
						padding: 0;
					}

						#navigation ul.e1 li ul.e2 li ul.e3 li.aktiv a {
							color: #FFF;
							text-decoration: underline;
						}

				
				
/* 4 Reiternavigation allgemein --- */

	.tabs a,
	.tabs_box a ,
	.tabs_teaser a{
		text-decoration: none;
	}

	.tabs a:hover,
	.tabs_box a:hover,
	.tabs_teaser a:hover	{
		color: #333;
		text-decoration: underline;
	}

	.tabs a.mehr,
	.tabs a.weniger,
	.tabs a.weiter,
	.tabs_box a.mehr,
	.tabs_box a.weniger,
	.tabs_box a.weiter,
	.tabs_teaser a.mehr,
	.tabs_teaser a.weniger,
	.tabs_teaser a.weiter {
		color: #333;
		float: right;
		font-weight: bold;
		padding: 4px 10px 0 0;
	}
	
	.tabs a.weiter,
	.tabs_box a.weiter,
	.tabs_teaser a.weiter {
		background: url(../grafik/pfeil_1.png) no-repeat 100% 8px;
	}

	.tabs a.mehr,
	.tabs_box a.mehr {
		background: url(../grafik/pfeil_3.png) no-repeat 100% 8px;
	}

	.tabs a.weniger,
	.tabs_box a.weniger {
		background: url(../grafik/pfeil_4.png) no-repeat 100% 9px;
		display: none;
	}

	.tabs a.hilfe,
	.tabs_box a.hilfe,
	.tabs_teaser a.hilfe	{
		color: #333;
		float: right;
		font-weight: bold;
		padding: 4px 0 0 10px;
		background: url(../grafik/pfeil_1.png) no-repeat 0 8px;
	}	
	
	
	
/* 5 Reiternavigation Box Hauptspalte --- */

.main_col .tabs_box {
	background: url(../grafik/bg_linie.png) repeat-x left bottom;
	float: left;
	font-size: 11px;
	position: relative;
	width: 520px;
}

	.main_col .tabs_box div {
		background: url(../grafik/bg_tab_links_box_inaktiv.png) no-repeat left top;
		float: left;
		margin:  0 2px 0 0;
	}

		.main_col .tabs_box div a {
			background: url(../grafik/bg_tab_rechts_box_inaktiv.png) no-repeat right top;
			color: #333;
			float: left;
			margin: 0 0 0 2px;
			padding: 5px 10px 6px 9px;
		}

	.main_col .tabs_box div.aktiv {
		background: url(../grafik/bg_tab_links_box_aktiv.png) no-repeat left top;
		font-weight: bold;
	}

		.main_col .tabs_box div.aktiv a {
			background: url(../grafik/bg_tab_rechts_box_aktiv.png) no-repeat right top;
		}

		.main_col .tabs_box div.aktiv span {
			background: url(../grafik/bg_tab_rechts_box_aktiv.png) no-repeat right top;
			border: none;
			color: #333;
			float: left;
			margin: 0 0 0 2px;
			padding: 5px 10px 6px 9px;
		}


		
/* 6 Reiternavigation Teaser Hauptspalte --- */

.main_col .tabs_teaser {
	background: url(../grafik/bg_linie.png) repeat-x left bottom;
	float: left;
	font-size: 11px;
	position: relative;
	width: 100%;
}

	.main_col .tabs_teaser a.rss {
		float: right;
		margin: 2px 0 0 0;
	}

	.main_col .tabs_teaser span {
		background: #DE140A;
		border-right: 2px #FFF solid;
		color: #FFF;
		float: left;
		font-weight: bold;
		padding: 5px 10px 6px 9px;
	}

	.main_col .tabs_teaser div {
		background: url(../grafik/bg_tab_links_teaser_inaktiv.png) no-repeat left top;
		float: left;
		margin:  0 2px 0 0;
	}

		.main_col .tabs_teaser div a {
			background: url(../grafik/bg_tab_rechts_teaser_inaktiv.png) no-repeat right top;
			color: #333;
			float: left;
			margin: 0 0 0 2px;
			padding: 5px 10px 6px 9px;
		}

	.main_col .tabs_teaser div.aktiv {
		background: url(../grafik/bg_tab_links_teaser_aktiv.png) no-repeat left top;
		font-weight: bold;
	}

		.main_col .tabs_teaser div.aktiv a {
			background: url(../grafik/bg_tab_rechts_teaser_aktiv.png) no-repeat right top;
		}

		.main_col .tabs_teaser div.aktiv span {
			background: transparent url(../grafik/bg_tab_rechts_teaser_aktiv.png) no-repeat right top;
			border: none;
			color: #333;
			float: left;
			margin: 0 0 0 2px;
			padding: 5px 10px 6px 9px;
		}
		
		

/* 7 Reiternavigation Box Randspalte --- */

.side_col .tabs {
	background: url(../grafik/bg_linie.png) repeat-x left bottom;
	float: left;
	font-size: 11px;
	position: relative;
	width: 300px;
}

	.side_col .tabs div {
		background: url(../grafik/bg_tab_links_box_inaktiv.png) no-repeat left top;
		float: left;
		margin:  0 2px 0 0;
	}

		.side_col .tabs div a {
			background: url(../grafik/bg_tab_rechts_box_inaktiv.png) no-repeat right top;
			color: #333;
			float: left;
			margin: 0 0 0 2px;
			padding: 5px 10px 6px 9px;
		}

	.side_col .tabs div.aktiv {
		background: url(../grafik/bg_tab_links_box_aktiv.png) no-repeat left top;
		font-weight: bold;
	}

		.side_col .tabs div.aktiv a {
			background: url(../grafik/bg_tab_rechts_box_aktiv.png) no-repeat right top;
		}

		.side_col .tabs div.aktiv span {
			background: url(../grafik/bg_tab_rechts_box_aktiv.png) no-repeat right top;
			color: #333;
			float: left;
			margin: 0 0 0 2px;
			padding: 5px 10px 6px 9px;
		}



/* 8 Reiternavigation breite Spalte  --- */

.wide_col .tabs {
	background: #FFF;
	float: right;
	font-size: 11px;
	line-height: 1.0;
	width: 410px;
}

	.wide_col .tabs div {
		background: url(../grafik/bg_tab_links_box_inaktiv.png) no-repeat left top;
		float: left;
		display: inline;
		margin: 0 2px 0 0;
		padding: 0 0 5px 0;
	}

		.wide_col .tabs div a {
			background: url(../grafik/bg_tab_rechts_box_inaktiv.png) no-repeat right top;
			color: #333;
			float: left;
			margin: 0 0 0 2px;
			padding: 6px 8px 6px 7px;
		}

	.wide_col .tabs div.aktiv {
		background: #DE140A url(../grafik/bg_tab_widecol_aktiv.png) no-repeat center bottom;
	}

		.wide_col .tabs div.aktiv  a{
			background: none;
			color: #FFF;
		}



/* 9 Promotion-Logo fuer Reiternavigationen in der Haupt- und Randspalte --- */

	.tabs_box div.promotionlink,
	.side_col .tabs div.promotionlink {
		background: none;
		margin: 0;
		position: absolute;
		right: 5px;
		top: 0;
		z-index: 1;
	}

		.tabs_box div.promotionlink a,
		.side_col .tabs div.promotionlink a {
			background: none;
			margin: 0;
			padding: 0;
		}



/* 10 Pagination --- */

/* Allgemein */
.pagination {
	float: left;
	font-size: 11px;
	margin: 8px 0 40px 0;
	width: 100%;
}

.artikel .pagination {
	margin: 0 0 5px 0;
}

	.pagination .zurueck,
	.pagination .weiter {
		color: #DE140A;
		float: left;
		font-weight: bold;
		width: 20%;
	}

	.pagination .weiter {
		text-align: right;
	}

	.pagination .seiten {
		float: left;
		text-align: center;
		width: 60%;
	}

	.pagination em {
		font-style: normal;
		font-weight: bold;
	}

	.pagination span {
		color: #DE140A;
		font-weight: bold;
	}

	.pagination .seiten a {
		color: #333;
	}

	.pagination .seiten a:hover {
		color: #999;
	}

/* Pagination im Teaser */
.teaser_typ1 .pagination {
	margin: 8px 0 0 0;
}

/* Pagination in der Reiternavigation Box  */
.main_col .tabs_box .blaettern {
	background: none;
	float: right;
	margin: 0;
	padding: 4px 0 0 0;
}

	.main_col .tabs_box .blaettern a {
		float: none;
		text-decoration: underline;
	}

	.main_col .tabs_box .blaettern a:hover {
		color: #333;
	}

	.main_col .tabs_box .blaettern span {
		float: left;
	}

	.main_col .tabs_box .blaettern a,
	.main_col .tabs_box .blaettern .zurueck,
	.main_col .tabs_box .blaettern .weiter {
		background: none;
		color: #DE140A;
		font-weight: bold;
		padding: 0;
	}

	.main_col .tabs_box .blaettern .seiten {
		padding: 0 8px 0 10px;
	}

	
	
/* 11 Dropdown fuer Boxueberschrift in der Hauptspalte --- */

.main_col .tabs_box .auswahl {
	background: none;
	float: right;
} 

		.main_col .tabs_box .auswahl select {
			width: 135px;
		}
		

		
/* 12 Bookmarks --- */

.bookmarks {
	border-top: 1px #E0E0E0 solid;
	border-bottom: 1px #E0E0E0 solid;
	float: left;
	font-size: 11px;
	line-height: 1.0;
	margin: 0 0 20px 0;
	width: 520px;
}

	.bookmarks a {
		display: block;
		text-decoration: underline;
	}

	.bookmarks a:hover {
		color: #000;
	}

	.bookmarks small {
		color: #999;
		float: left;
		padding: 6px 0 0 0;
	}

	.bookmarks ul {
		float: right;
	}

		.bookmarks ul li {
			float: left;
			margin: 0 0 0 17px;
			position: relative;
		}

			.bookmarks ul li a {
				color: #999;
				padding: 6px 0 6px 25px;
			}

		.bookmarks ul ul {
			background: url(../grafik/bg_bookmarks.png) no-repeat 0 5px;
			border-bottom: 1px #333 solid;
			display: none;
			left: 0;
			padding: 16px 6px 6px 6px;
			position:absolute;
			top: 23px;
			width: 198px;
			z-index: 1;
		}

			.bookmarks ul li ul li {
				margin: 0;
				width: 99px;
			}

				.bookmarks ul li ul li a {
					color: #666;
					padding: 4px 0 6px 25px;
				}
				
	.bookmarks .bookmark {
		background: url(../grafik/icon/bookmarks.png) no-repeat left center;
	} 

	.bookmarks .merken {
		background: url(../grafik/icon/merken.png) no-repeat left center;
	} 
		
	.bookmarks .versenden {
		background: url(../grafik/icon/versenden.png) no-repeat left center;
	} 

	.bookmarks .drucken {
		background: url(../grafik/icon/drucken.png) no-repeat left center;
	}
	
	.bookmarks .mrwong {
		background: url(../grafik/icon/bookmark_mrwong.png) no-repeat left top;
	}
	
	.bookmarks .google {
		background: url(../grafik/icon/bookmark_google.png) no-repeat left top;
	}
	
	.bookmarks .delicious {
		background: url(../grafik/icon/bookmark_delicious.png) no-repeat left top;
	}
	
	.bookmarks .webnews {
		background: url(../grafik/icon/bookmark_webnews.png) no-repeat left top;
	}
	
	.bookmarks .netvibes {
		background: url(../grafik/icon/bookmark_netvibes.png) no-repeat left top;
	}
	
	.bookmarks .yigg {
		background: url(../grafik/icon/bookmark_yigg.png) no-repeat left top;
	}
	
	.bookmarks .digg {
		background: url(../grafik/icon/bookmark_digg.png) no-repeat left top;
	}
	
	.bookmarks .myspace {
		background: url(../grafik/icon/bookmark_myspace.png) no-repeat left top;
	}
	
	div.clear {
		border: none;
		clear: both;
		display: block;
		float: none;
		height: 0 !important;
		margin: 0;
		min-height: 0;
		overflow: hidden;
		padding: 0;
	}