@charset "UTF-8";
/* START Hans Jung GmbH & Co. KG - Screen CSS */

<!--

	html {
		background: url("../img/hansJungBackground.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-height: 100%;
		height: 100%;
	}
	
	
	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		width:100%;
		min-height: 100%;
		height:100%;
		font-family: 'Cabin', sans-serif;
		font-size: 10pt;
		color: #2d2d2d;
	}
	
	A { color: #2d2d2d; text-decoration: underline;	}
	A:link { color: #2d2d2d; text-decoration: underline;	}
	A:visited { color: #2d2d2d; text-decoration: underline;	}
	A:hover { text-decoration: underline; background-color: #e7e7e7; }
	A:active { text-decoration: underline; }
	
	A.email { color: #2d2d2d; text-decoration: underline;	}
	A.email:link { color: #2d2d2d; text-decoration: underline;	}
	A.email:visited { color: #2d2d2d; text-decoration: underline;	}
	A.email:hover { text-decoration: underline; background-color: #e7e7e7; }
	A.email:active { text-decoration: underline; }
	A.email IMG { border: 0px none; margin-bottom: -2px; }

	H1 {
		background: url("../img/contentContainerHeadline.png") no-repeat scroll left top transparent;
		font-size: 18pt;
		font-weight: normal;
		text-decoration: none;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-left: -30px;
		margin-right: 20px;
		padding-left: 30px;
	}
		
		H1 SPAN {
			font-variant: small-caps;
		}
	
	H2, H3, H4, H5, H6, H7 {
		background: none;
		font-size: 12pt;
		font-weight: normal;
		margin-top: 50px;
		margin-bottom: 0px;
	}
	
		H2 SPAN, H3 SPAN, H4 SPAN, H5 SPAN, H6 SPAN, H7 SPAN {
			font-variant: small-caps;
		}
		
		H2.nospace, H3.nospace, H4.nospace, H5.nospace {
			background: none;
			font-size: 12pt;
			font-weight: normal;
			margin-top: 0px;
			margin-bottom: 20px;
		}
		
		H2.nospace SPAN, H3.nospace SPAN, H4.nospace SPAN, H5.nospace SPAN {
			font-variant: small-caps;
		}
	
	P {
		padding-right: 40px;
		margin: 0px;
	}
		
		P SPAN {
			font-variant: small-caps;
		}
		
		P.error {
			color: #f94537;
			padding-bottom: 10px;
		}
		
		P A {
			font-size: 9pt;
			color: #2d2d2d; 
			text-decoration: underline;
		}
		
		P A:hover { background-color: #e7e7e7; }
		P A:active { background-color: #e7e7e7; }
		P A IMG { border: 0px none; margin-bottom: -5px; }
		
		P A.email {
			font-size: 10pt;
			color: #2d2d2d; 
			text-decoration: underline;
		}
		
		P A.email:hover { background-color: #e7e7e7; }
		P A.email:active { background-color: #e7e7e7; }
		P A.email IMG { border: 0px none; margin-bottom: -2px; }
	
	UL.plus {
		width: 480px;
		max-width: 480px;
		margin: 0px;
		padding-left: 20px;
		padding-bottom: 20px;
		list-style-image: url("../img/ulPlus.png");
	}
	
	UL.sitemap {
		width: 480px;
		max-width: 480px;
		margin: 0px;
		padding-left: 0px;
		padding-bottom: 20px;
		list-style-type: none;
	}
	
		UL.sitemap A {
			font-size: 9pt;
			color: #2d2d2d; 
			text-decoration: underline;
		}
		
		UL.sitemap A:hover { background-color: #e7e7e7; }
		PUL.sitemap A:active { background-color: #e7e7e7; }
		
		UL.sitemap LI UL {
			padding-left: 10px;
			margin: 0px;
			list-style-type: none;
		}
		
		UL.sitemap LI UL A {
			font-variant: small-caps;
		}
	
	OL {
		margin-left: 18px;
		margin-bottom: 0px;
		padding: 0px;
		width: 420px;
		max-width: 420px;
		text-align: justify;
	}
	
	DIV.list {
		width: 200px;
		max-width: 200px;
		border: 1px solid #666556;
		float: right;
		margin-right: 30px;
	}
		
		DIV.list P {
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 10px;
			font-weight: bold;
		}
	
		DIV.list UL.plus-right {
			width: 160px;
			max-width: 160px;
			margin: 0px;
			margin-left: 20px;
			padding: 10px;
			list-style-image: url("../img/ulPlus.png");
			list-style-position: outside;
		}
		
		DIV.list UL.plus-right LI SPAN {
			font-variant: small-caps;
		}

	TABLE {
		margin-top: 10px;
	}
	
		TABLE TR TD {
			padding-right: 4px;
			padding-bottom: 4px;
			vertical-align: top;
		}
		
		TABLE TR TD INPUT, TABLE TR TD TEXTAREA {
			border: 1px solid #666556;
			background-color: #d9d6aa;
			overflow: auto;
		}
		
		TABLE TR TD INPUT.fehler, TABLE TR TD TEXTAREA.fehler {
			border: 1px solid #f94537;
			background-color: #f2a380;
		}
	
/* DIV IDs */		

	#main {
		margin-left: auto;
		margin-right: auto;
		width: 772px;
		min-width: 772px;
		max-width: 772px;
		padding: 0px;
		height: 100%;
	}
	
	#leftColumn {
		position: relative;
		float: left;
		margin: 0px;
		width: 147px;
		max-width: 147px;
		height: 100%;
		min-height: auto;
		border: 0px none;
	}
	
	#logo {
		position: fixed;
		top: 0px;
		margin: 0px;
		height: 147px;
		width: 150px;
		margin-left: 4px;
		margin-top: 97px;
		max-height: 147px;
		max-width: 150px;
		border: 0px none;
		float: left;
	}
	
		#logo IMG {
			border: 0px none;
		}
		
	#navigation {
		position: fixed;
		top: 170px;
		float: left;
		margin-left: 4px;
		background: url("../img/navigationContainer.png") no-repeat scroll 0 0 transparent;
		height: 261px;
		width: 150px;
		max-height: 261px;
		max-width: 150px;
		margin-top: 24px;
		font-size: 10pt;
	}
		
		#navigation UL {
			margin-left: 20px;
			list-style-type: none;
			padding-left: 0px;
			padding-top: 3px;
		}
		
		#navigation UL LI {
			padding-left: 0px;
			padding-top: 0px;
			margin-top: 0px;
			paddin-bottom: 12px;
			margin-bottom: 12px;
		}
		
		#navigation UL LI UL {
			margin-left: 0px;
			padding-left: 0px;
			margin-top: -4px;
			margin-bottom: 17px;
		}
		
		#navigation UL LI UL LI {
			padding-left: 0px;
			padding-top: 0px;
			margin-top: 0px;
			paddin-bottom: 6px;
			margin-bottom: 6px;
			font-variant: small-caps;
		}
		
		#navigation A {
			color: #2d2d2d; text-decoration: none;
		}
		#navigation A:hover { text-decoration: underline; }
		#navigation A:active { text-decoration: underline; }
	
	#rightColumn {
		position: relative;
		float: left;
		margin: 0px 0px 0px 18px;
		width: 596px;
		min-width: 596px;
		max-width: 596px;
		min-height: 100%;
		height: auto !important;
		background: url("../img/contentBackground.png") repeat scroll 0 0 transparent;
		float: left;
		z-index: 1;
	}
	
	#breadcrumb {
		position: fixed;
		top: 0px;
		background: url("../img/contentContainerBreadcrumb.png") no-repeat scroll 0 0 transparent;
		width: 510px;
		height: 32px;
		max-width: 510px;
		max-height: 32px;
		padding-left: 30px;
		line-height: 21pt;
		margin-left: 28px;
	}
		#breadcrumb A {
			color: #2d2d2d; text-decoration: underline;
		}
		#breadcrumb A:hover { background-color: #e7e7e7; }
		#breadcrumb A:active { background-color: #e7e7e7; }
		
	#contentContainerHead {
		background: url("../img/contentContainerHead.png") no-repeat scroll 0 0 transparent;
		width: 540px;
		max-width: 540px;
		height: 64px;
		max-height: 64px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 36px;
	}
	
	#contentContainerBody {
		background: url("../img/contentContainerBody.png") repeat scroll 0 0 transparent;
		width: 510px;
		max-width: 510px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 30px;
		z-index: 2;
	}
		#contentContainerBody .hr {
			background: url("../img/contentContainerHR.png") no-repeat scroll 0 0 transparent;
			width: 490px;
			max-width: 490px;
			height: 45px;
			max-height: 45px;
			margin-left: -5px;
		}
	
	#contentContainerBottom {
		background: url("../img/contentContainerBottom.png") no-repeat scroll 0 0 transparent;
		width: 540px;
		max-width: 540px;
		height: 25px;
		max-height: 25px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 38px;
		z-index: 3;
	}
	
	#produktContainer {
		width: 480px;
		max-width: 480px;
		height: 91px;
		max-height: 91px;
	}
	
	#produktContainer A FONT {
		font-variant: small-caps;
		font-size: 10pt;
		color: white;
	}
		#produktContainer A { 
			display: block; 
			width: 81px;
			max-width: 81px;
			height: 81px;
			max-height: 81px;
			font-size: 8pt;
			text-decoration: none;
			color: #cbcbcb;
			text-align: center;
			padding-top: 15px;
			padding-left: 5px;
			padding-right: 5px;
			margin-right: 5px;
			float: left;
		}
		#produktContainer A:link { background: url("../img/produktContainerNormal.png") no-repeat scroll 0 0 transparent; }
		#produktContainer A:visited { background: url("../img/produktContainerNormal.png") no-repeat scroll 0 0 transparent; }
		#produktContainer A:hover { background: url("../img/produktContainerHover.png") no-repeat scroll 0 0 transparent; }
		#produktContainer A:active { background: url("../img/produktContainerHover.png") no-repeat scroll 0 0 transparent; }
	
	#footer {
		position: fixed;
		bottom: 0px;
		background: url("../img/contentContainerFooter.png") no-repeat 0 0 transparent;
		width: 510px;
		max-width: 510px;
		height: 35px;
		max-height: 35px;
		margin-left: 28px;
		padding-left: 30px;
		line-height: 27pt;
		z-index: 0;
	}
		
		#footer UL {
			float: right;
			display: inline;
			list-style-type: none;
			margin-top: 0px;
			margin-right: 20px;
		}
		
		#footer UL LI {
			float: left;
			padding-right: 5px;
		}
		
		#footer UL LI A {
			font-size: 9pt;
			color: #2d2d2d; text-decoration: underline;
		}
		#footer UL LI A:hover { background-color: #e7e7e7; }
		#footer UL LI A:active { background-color: #e7e7e7; }
	
	#contact {
		position: fixed;
		bottom: 0px;
		background: url("../img/contactContainer.png") no-repeat scroll 0 0 transparent;
		width: 102px;
		max-width: 102px;
		height: 93px;
		max-height: 93px;
		color: white;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 70px;
		text-align: center;
		font-size: 12pt;
		font-weight: bold;
	}
	
		#contact P {
			font-size: 7pt;
			font-weight: normal;
			padding: 0px;
			padding-top: 10px;
			margin: 0px;
			text-align: center;
		}

// -->

/* ENDE Hans Jung GmbH & Co. KG - Screen CSS */