@charset "UTF-8";

body {
	background: url(../images/background.jpg) top repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #38647B;
	margin: 0px;
}

a:link, a:visited {
	color: #38647B;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

img {
	border: none;
}

p, li, td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #38647B;
}

#javascriptHint {
	background: transparent;
	border: 1px dashed red;
	color: red;
	width: 780px;
	padding: 5px 10px;
	margin: 10px auto;
}

#pageContainer {
	width: 800px;
	margin: 0px auto;
}

	#pageContainer #pageHeader {
		width: 100%;
		float: left;
		margin: 30px 0px 30px 0px;
	}
	
		#pageContainer #pageHeader #pageLogo {
			width: 50%;
			float: left;
		}
		
		#pageContainer #pageHeader #quickLinks {
			width: 50%;
			height: 26px;
			float: left;
			text-align: right;
			margin: 15px 0px 0px 0px;
		}
		
			#pageContainer #pageHeader #quickLinks ul {
				margin: 0px 0px 0px 10px;
				
			}
			#pageContainer #pageHeader #quickLinks li {
				display:inline;
				margin-right: 10px; 
			}
	
	#pageContainer #upperContainer {
		float: left;
	}
	
	#pageContainer #mainNavigation {
		width: 325px;
		float: left;
		margin: 0px 20px 0px 0px;
	}
	
		#pageContainer #mainNavigation ul {
			padding: 0px;
			margin: 0px;
		}
		
			#pageContainer #mainNavigation ul li {
				padding: 0px 10px;
				display: block;
				border-left: 1px #7EA3B6 solid;
				border-right: 1px #7EA3B6 solid;
				background-color: #CEE1EA;
				line-height: 32px;
				vertical-align: top;
			}
			
			#pageContainer #mainNavigation ul li a {
				font-size: 13px;
				border-bottom: 1px #7EA3B6 dashed;
				display: block;
				padding: 0px 0px 0px 20px;
				background: url(../images/navigationListImage.gif) no-repeat 6px 14px;
			}

			#pageContainer #mainNavigation ul li a:hover,
			#pageContainer #mainNavigation ul li a:active {
				background-position: 8px 14px;
			}

			#pageContainer #mainNavigation ul li#firstElement {
				background: url(../images/navigationFirst.gif) no-repeat top;
				height: 6px;
				border: none;
			}
			#pageContainer #mainNavigation .upperBorder {
				background: url(../images/navigationFirst.gif) no-repeat;
				height: 8px;
			}
			#pageContainer #mainNavigation .lowerBorder {
				background: url(../images/navigationLast.gif) no-repeat bottom;
				height: 8px;
			}
			#pageContainer #mainNavigation ul li#penultimateElement a {
				border: none;
			}
	
			#pageContainer #mainNavigation ul li#lastElement {
				background: url(../images/navigationLast.gif) no-repeat bottom;
				height: 6px;
				border: none;
			}
			
	#pageContainer .productOffer {
		float: left;
	}
	
		#pageContainer .productOffer#firstOffer {
			background: url(../images/angebote/geschenk-abonnement.png) no-repeat;
			width: 455px;
			height: 210px;
		}
		
		#pageContainer .productOffer#firstOffer a {
			background: url(../images/order.gif) no-repeat 0px 0px;
			display: block;
			width: 142px;
			height: 25px;
			margin: 170px 0px 0px 295px;
		}

		#pageContainer .productOffer#firstOffer a:hover,
		#pageContainer .productOffer#firstOffer a:hover {
			background-position: 0px -26px;
		}
		
		#pageContainer .productOffer#secondOffer {
			background: url(../images/angebote/capital_angebot.png) no-repeat;
			width: 325px;
			height: 210px;
			margin: -15px 20px 0px 0px;
		}

			#pageContainer .productOffer#secondOffer a {
				height: 100%;
				widows: 100%;
				display: block;
			}
	#pageContainer #breadcrumb {
		padding: 5px;
	}
	#pageContainer .contentContainer {
		width: 800px;
		float: left;
		margin: 20px 0px 0px 0px;
	}
	#pageContainer .contentContainer a {
		color: #38647B;
		text-decoration: underline;
	}
	
		#pageContainer .contentContainer .upperLeftCorner {
			background: url(../images/large_upperModuleBorder.gif) left no-repeat;
			width: 10px;
			height: 10px;
			float: left;
		}
		
		#pageContainer .contentContainer.white .upperLeftCorner {
			background: url(../images/large_upperModuleBorderWhite.gif) left no-repeat;
		}

		#pageContainer .contentContainer .upperMiddleBorder {
			border-top: 1px solid #7EA3B6;
			background-color: #CEE1EA;
			width: 780px;
			height: 9px;
			float: left;
		}

		#pageContainer .contentContainer.white .upperMiddleBorder {
			background: #FFFFFF;
		}

		#pageContainer .contentContainer .upperRightCorner {
			background: url(../images/large_upperModuleBorder.gif) right no-repeat;
			width: 10px;
			height: 10px;
			float: left;
		}

		#pageContainer .contentContainer.white .upperRightCorner {
			background: url(../images/large_upperModuleBorderWhite.gif) right no-repeat;
		}
		
		
		#pageContainer .contentContainer .contentArea {
			border-left: 1px solid #7EA3B6;
			border-right: 1px solid #7EA3B6;
			background-color: #CEE1EA;
			padding: 0px 10px;
			width: 778px;
			float: left;
		}

		#pageContainer .contentContainer.white .contentArea {
			background-color: #FFFFFF;
		}
		
		#pageContainer .contentContainer .lowerLeftCorner {
			background: url(../images/large_lowerModuleBorder.gif) left no-repeat;
			width: 10px;
			height: 10px;
			float: left;
		}
		
		#pageContainer .contentContainer.white .lowerLeftCorner {
			background: url(../images/large_lowerModuleBorderWhite.gif) left no-repeat;
		}

		#pageContainer .contentContainer .lowerMiddleBorder {
			border-bottom: 1px solid #7EA3B6;
			background-color: #CEE1EA;
			width: 780px;
			height: 9px;
			float: left;
		}

		#pageContainer .contentContainer.white .lowerMiddleBorder {
			background: #FFFFFF;
		}


		#pageContainer .contentContainer .lowerRightCorner {
			background: url(../images/large_lowerModuleBorder.gif) right no-repeat;
			width: 10px;
			height: 10px;
			float: left;
		}
		
		#pageContainer .contentContainer.white .lowerRightCorner {
			background: url(../images/large_lowerModuleBorderWhite.gif) right no-repeat;
		}



	#pageContainer .smallSiteModule {
		width: 325px;
		float: left;
		margin: 20px 20px 0px 0px;
	}
	
		#pageContainer .contentContainer .title,
		#pageContainer .smallSiteModule .title {
			font-size: 16px;
			margin: 0px 0px 6px 4px;
		}
	
		#pageContainer .smallSiteModule .upperBorder {
			background: url(../images/small_upperModuleBorder.gif) no-repeat top;
			height: 10px;
			width: 100%;
		}
		
		#pageContainer .smallSiteModule .contentArea {
			background-color: #CEE1EA;
			border-left: 1px #7EA3B6 solid;
			border-right: 1px #7EA3B6 solid;
			padding: 0px 10px;
			overflow: hidden;
		}

			#pageContainer .smallSiteModule .contentArea #searchKeyword {
				width: 175px;
				margin:3px;
			}
			
			#pageContainer .smallSiteModule .contentArea #searchCategories {
				width: 180px;
				margin:3px;
			}

		#pageContainer .smallSiteModule .lowerBorder {
			background: url(../images/small_lowerModuleBorder.gif) no-repeat bottom;
			height: 10px;
			width: 100%;
		}
		
	#pageContainer .largeSiteModule {
		width: 455px;
		float: left;
		margin: 20px 0px 0px 0px;
	}
	
		#pageContainer .largeSiteModule .title {
			font-size: 16px;
			margin: 0px 0px 6px 4px;
		}
	
		#pageContainer .largeSiteModule .upperBorder {
			background: url(../images/large_upperModuleBorder.gif) no-repeat top;
			height: 10px;
			width: 100%;
		}
		
		#pageContainer .largeSiteModule .contentArea {
			background-color: #CEE1EA;
			border-left: 1px #7EA3B6 solid;
			border-right: 1px #7EA3B6 solid;
			padding: 0px 10px;
			overflow: hidden;
		}

		#pageContainer .largeSiteModule ul.categories {
			margin: 5px 5px;
			padding: 0px;
			list-style-type: none;
			display: block;
			float: left;
		}

			#pageContainer .largeSiteModule ul.categories li {
				width: 210px;
				float: left;
			}
	
			#pageContainer .largeSiteModule ul.categories li a {
				padding: 0px 0px 0px 15px;
				background: url(../images/listArrow.gif) 0px 5px no-repeat;
				display: block;
			}

			#pageContainer .largeSiteModule ul.categories li a:hover {
				background-position: 3px 5px;
			}
			
			#pageContainer .largeSiteModule a.extendListButton,
			#pageContainer #tabControl #tabPages a.extendListButton {
				display: block;
				width: 100px;
				height: 18px;
				text-align: center;
				text-decoration: none;
				background: url(../images/extendListButton.gif) no-repeat 0px 0px;
				clear: left;
				font-size: 10px;
				line-height: 18px;
				cursor: pointer;
			}
			
			#pageContainer .largeSiteModule a.extendListButton:hover,
			#pageContainer #tabControl #tabPages a.extendListButton:hover {
				background-position: 0px -19px;
				text-decoration: none;
			}

			#pageContainer .largeSiteModule .lowerBorder {
				background: url(../images/large_lowerModuleBorder.gif) no-repeat bottom;
				height: 10px;
				width: 100%;
			}
			
		#pageContainer #tabControl {
			width: 100%;
			float: left;
			margin: 20px 0px 0px 0px;
		}

			#pageContainer #tabControl .title {
				font-size: 16px;
				margin: 0px 0px 6px 4px;
			}

			#pageContainer #tabControl #tabContainer {
				width: 100%;
				overflow: hidden;
			}

				#pageContainer #tabControl #tabContainer a {
					cursor: pointer;
					text-decoration: none;
					color: #8eb3c7;
				}
				#pageContainer #tabControl #tabContainer a:hover {
					color: #38647B;
				}

				#pageContainer #tabControl #tabContainer a .leftBorder {
					background: url(../images/tabControl/tabLeftBorder.gif) no-repeat;
					height: 26px;
					width: 10px;
					display: block;
					float: left;
				}

				#pageContainer #tabControl #tabContainer a .content {
					border-top: 1px #7EA3B6 solid;
					border-bottom: 1px #7EA3B6 solid;
					line-height: 24px;
					background-color: #FFF;
					float: left;
					padding: 0px 2px 0px 0px;
				}
			
				#pageContainer #tabControl #tabContainer a .rightBorder {
					background: url(../images/tabControl/tabRightBorder.gif) no-repeat;
					height: 26px;
					width: 10px;
					display: block;
					float: left;
				}

				#pageContainer #tabControl #tabContainer a.active {
					color: #38647B;
				}
			
				#pageContainer #tabControl #tabContainer a.active .leftBorder {
					background: url(../images/tabControl/tabActiveLeftBorder.gif) no-repeat;
					height: 26px;
					width: 10px;
					display: block;
					float: left;
				}

				#pageContainer #tabControl #tabContainer a.active .content {
					border-top: 1px #7EA3B6 solid;
					border-bottom: none;
					line-height: 25px;
					background: url(../images/tabControl/tabActiveContentBackground.gif) repeat-x;
					float: left;
				}
			
				#pageContainer #tabControl #tabContainer a.active .rightBorder {
					background: url(../images/tabControl/tabActiveRightBorder.gif) no-repeat;
					height: 26px;
					width: 10px;
					display: block;
					float: left;
				}
				
				#pageContainer #tabControl #tabContainer #tabPageBorder {
					height: 25px;
					border-bottom: 1px #7EA3B6 solid;
					display: block;
				}

			#pageContainer #tabControl #tabPages {
				/*height: 190px;*/
				width: 100%;
				background: url(../images/tabControl/tabControlBackground.jpg) no-repeat top;
				overflow: hidden;
			}
			
			#pageContainer #tabControl #tabPages .tabPage {
			}
			
				#pageContainer #tabControl #tabPages .product {
					text-align: center;
					display: block;
					width: 130px;
					height: 210px;
					float: left;
					margin: 20px 25px 5px 15px;
				}
				
				#pageContainer #tabControl #tabPages .product a {
					text-decoration: underline;
				}
				
				#pageContainer #tabControl #tabPages .product a:hover {
					text-decoration: underline;
				}

					#pageContainer #tabControl #tabPages .product .title {
						font-size: 13px;
						margin: 0px 0px 5px 0px;
						display: block;
					}


		#pageContainer #pageFooter {
			float: left;
			color: #38647B;
			width: 100%;
			margin: 80px 0px 20px 0px;
		}

			#pageContainer #pageFooter #copyrightInformations {
				float: left;
				width: 70%;
			}

			#pageContainer #pageFooter #footerLinks {
				float: left;
				width: 30%;
				text-align: right;
			}
/* Box Besonderheiten */
#zm_output {
			width: 100%;
			min-height: 400px;
			height: 800px;
		}
		#zm_mainbox {
			width: 95%;
		}
		#zm_mainbox	li{
			margin-left: 5px;
			padding: 4px;
		}
		#Preistabelle .table_aussen table {
			/*background-color: #f6f2f2;*/
			/*border: 1px solid #6fc0f9;*/
			padding: 10px;
		}
		#Preistabelle th {
			font-family: verdana;
			font-size: 12px;
			text-align: center;
		}
		#Preistabelle td {
			padding: 5px;
			border-bottom: 1px solid black;
		}
		tr.hooverspalte:hover {
			background-color: #E4EEFF; 
		}
		#Preistabelle a {
			text-decoration: none;
		}
		#Titelkombis {
			margin: 100px 0 0 0;
		}
		#Produktseite img {
			padding: 0px 10px 5px 25px;
			margin-left: 20px;
			border: 0px solid black;
			/*-moz-border-radius: 10px;*/
		}
		#Preistabelle table {
			width: 500px;
		}
		.csc-menu {
			text-align:left;
			list-style-type: none;
			padding: 5px;
		}
		.csc-menu a{
			margin-left: 10px;
		}
		.csc-menu dd{
			margin-left: 10px;
			margin-bottom: 10px;
		}