/*

	ASTA
	Media: 		Screen
	Copyright:	Christian D�ll

*/



/*	Globale TAG-Definitionen	*/


html, body, ul, form {
	margin: 0;
	padding: 0;
}

body {
	background: url(../tmpl/imgs/site-bg.jpg) repeat-x;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#sitecontainer {
	width: 837px;
}


img.r { float: right; margin: 0 0 25px 25px; }
img.l { float: left; margin: 0 25px 25px 0; }


/*	Header -------------------------------------------- */

#header {
	height: 123px;
	position: relative;
}


	#login { 
		position: absolute;
		left: 570px;
		top: 7px;
	}
	
		#login a {
			background: url(../tmpl/imgs/ico_secure.gif) no-repeat;
			text-decoration: none;
			color: #00247D;
			font-weight: bold;
			padding: 1px 0 3px 20px;
		}
		
		#login a:hover { color: #f60; }

	#logo {
		position: absolute;
		left: 27px;
		top: 14px;
	}
	
	#produktbereiche {
		position: absolute;
		top: 0;
		left: 685px;
		background-color: #00247D;
		color: #FFFFFF;
		padding: 6px ;
		width: 380px;
		text-align: center;
	}
	
	#navigation {
		position: absolute;
		left: 350px;
		top: 63px;
		
		width: 727px;
	}
	
		/*	Hauptnavigation */
	
		#topnavi {
			text-transform: uppercase;
			border-bottom: 1px solid #00247D;
			margin-bottom: 5px;
			height: 20px;
			font-weight: bold;
			font-size: 1.1em;
		}
		
			#topnavi ul {
				list-style-type: none;
			}
			
			#topnavi li {
				float: left;
				padding-right: 18px;
				margin: 0;
			}
			
			#topnavi li a {
				color: #999999;
				text-decoration: none;
			}
			
			#topnavi li a:hover {
				color: #00247D;
			}		
			
			#topnavi li.inaktiv a {
				color: #00247D;
				text-decoration: none;
			}
			
			/* Hide Home-Item */
			#topnavi li a.navItem_lvl1_1,
			#topnavi li a.navItem_lvl1_7,
			#topnavi li a.navItem_lvl1_8 { display: none; }
			
			
		
		/*	Subnavigation */
		
		#subnavi {
			font-size: 0.9em;
		}
		
			#subnavi ul {
				list-style-type: none;
			}
			
			#subnavi li {
				float: left;
				padding-right: 18px;
			}
			
			#subnavi li a {
				color: #999999;
				text-decoration: none;
			}
			
			#subnavi li a:hover {
				color: #00247D;
			}		
			
			#subnavi li.inaktiv a {
				color: #00247D;
				text-decoration: none;
			}		



/*	Content ------------------------------------------- */


/*	Linke Spalte -------------------------------------- */

#linkeSpalte {
	width: 350px;
	float: left;
}

	/*	Teaser */
	
	#linkeSpalte .teaser {
		width: 312px;
		margin: 19px;
		background: url(../tmpl/imgs/teaser-title-bg.gif) no-repeat;
	}
	
		#linkeSpalte .teaser a {
			color: #00247D;
		}
		
		#linkeSpalte a:hover { color: #f60; }
		
		#linkeSpalte h3 {
			font-size: 100.01%;
			color: #ffffff;
			margin: 0;
			font-weight: bold;
			padding: 5px;
		}
		
		#linkeSpalte p { margin: 8px 0; }

		#linkeSpalte .inhalt {
			background-color: #FFFFFF;
			padding: 15px;
		}
		
		#linkeSpalte .inhalt ul {
			margin: 20px;
		}
		
		#linkeSpalte .preis {
			font-size: 1.6em;
			color: #00247D;
			padding-bottom: 15px;
			text-align: right;
		}
		
		#linkeSpalte .bild {
			text-align: center;
		}
		
		#linkeSpalte .beschreibung {
			margin: 10px 0 10px 0;
		}
		
		#linkeSpalte h4 {
			font-size: 100.01%;
			margin: 0 0 10px 0;
		}
		
		#linkeSpalte h4 a {
			color: #00247D;
		}
		
		#linkeSpalte table.def {
			border-collapse: collapse;
		}
		
		#linkeSpalte table.def td {
			vertical-align: top;
			padding: 3px 5px 3px 0;
		}


	#linkeSpalte #mod_navi_8 {
		width: 312px;
		margin: 19px;
	}
	
		#linkeSpalte #mod_navi_8 ul {
			background-color: #FFFFFF;
			padding: 15px;	
		}
		
		#linkeSpalte #mod_navi_8 li {
			line-height: 1.8em;
			list-style-type: none;
		}
		
		#linkeSpalte #mod_navi_8 li a {
			color: #00247D;
			text-decoration: none;
			font-weight: bold;
		}
		
		#linkeSpalte #mod_navi_8 li a:hover {
			text-decoration: underline;
		}
		
		#linkeSpalte #mod_navi_8 li.aktiv a { color: #ff6600; }


		/*	jFlow-Box */
		#jFlowController { margin-bottom: 10px; text-align: center; }
		#jFlowController span { cursor: pointer; padding: 3px 6px; border: 1px solid #ccc; 
			background: #ddd; margin-right: 5px; font-weight: bold; color: #999; }
			
		#jFlowController span:hover { background: #00247D; color: #fff; }
		#jFlowController span.jFlowSelected { border: 1px solid #00247D; color: #00247D }
		#jFlowNav { display: none; }


		#linkeSpalte #action_box { position: absolute; left: 860px; top: 147px; }
		#linkeSpalte .kategorienTitel {
			width: 194px;
			height: 15px;
			padding: 5px 5px 5px 15px;
			background: url(../tmpl/imgs/shop-kategorien-title-bg.gif) no-repeat;
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
		}
		
		#linkeSpalte div.banner { margin-bottom: 20px; }
		#linkeSpalte div.banner img { border: 0; }
		
		
		
		#linkeSpalte .kategorienInhalt {
			padding: 15px;
			background-color: #FFFFFF;
			width: 184px;
			margin-bottom: 15px;
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
		}

/*	Rechte Spalte ------------------------------------- */

#rechteSpalte {
	width: 480px; /* F�r den b�sen IE 6 */
	margin-left: 350px;
	background-color: #FFFFFF;
	padding-bottom: 60px;
}
#rechteSpalte[id] {
	width: 484px; /* F�r die guten Browser */
}


	#claim {
		height: 70px;
		background: url(../tmpl/imgs/claim-bg.jpg) repeat-x #FF9900;
		font-family: Georgia;
		font-size: 1.8em;
		color: #FFFFFF;
		padding: 15px;
		padding-left: 25px;
		font-weight: normal;
	}
	
		#claim strong {
			font-size: 1.3em;
			font-style: italic;
			font-weight: normal;
		}
		
	#inhaltsbereich {
		padding: 25px 25px 80px 25px;
		line-height: 1.4em;
	}
	
		/*	Headlines */
		
		#inhaltsbereich h2 {
			font-style: italic;
			color: #999999;
			font-weight: normal;
			font-size: 2em;
			margin-top: 0;
			padding-top: 0;
			line-height: 1.5em;
		}
		
		#inhaltsbereich h3 {
			font-style: italic;
			color: #00247D;
			font-weight: bold;
			font-size: 1.2em;
			margin-top: 25px;
		}
		
		#inhaltsbereich h4 {
			color: #00247D;
			font-size: 1em;
			margin-top: 25px;
		}		
		#inhaltsbereich h5 {
            display:block;
		}	
		/*	Links */
		
		#inhaltsbereich a {
			color: #00247D;
		}


		
		#inhaltsbereich a:hover {
			color: #f60;
		}
		
		/*	Listen */
		
		#inhaltsbereich ul {
			padding-left: 25px;
			margin-top: 15px;
			list-style-type: square;
		}
		
		/*	Shop-Teaser Startseite */
		
		#inhaltsbereich .inhalt {
			padding: 0px 0px 5px 0px;
			border-bottom: 1px solid #ccc;
		}
		
		#ProduktTeaser .preis {
			padding-top: 15px;
			text-align: right;
			font-size: 1.6em;
			color: #00247D;
		}
		
		/*	Allgemeiner Teaser Startseite */
		
		#inhaltsbereich .folderTeaser img {
			float:left;
			border: 0;
			margin: 0 20px 20px 0;
		}
		
		#inhaltsbereich .folderTeaserDescription {
			margin-left: 120px;
		}
		
		#inhaltsbereich .folderTeaserDetailLink {
			margin-bottom: 30px;
			margin-top: 20px;
		}
		
		/*	Sonstige Klassen */
		
		#inhaltsbereich ul.tools_nav { margin: 0; list-style: none; padding: 0; }
		#inhaltsbereich ul.tools_nav li { margin-bottom: 1px; background: #f90; padding: 0; }
		#inhaltsbereich ul.tools_nav li a { color: #fff; text-decoration: none; padding: 4px 0 4px 25px; display: block; margin: 0; }
		#inhaltsbereich ul.tools_nav li a.shop { background: url(../tmpl/imgs/ico_box.gif) 3px 3px no-repeat #f90; }
		#inhaltsbereich ul.tools_nav li a.epaper { background: url(../tmpl/imgs/ico_epaper.gif)  3px 3px no-repeat #f90; }
		#inhaltsbereich ul.tools_nav li a.login { background: url(../tmpl/imgs/ico_secure.gif)  3px 3px no-repeat #f90; }
		#inhaltsbereich ul.tools_nav li a:hover { background-color: #00247D; color: #fff; }
		
		#inhaltsbereich .partnerlogo {
			float: left;
			margin: 10px 15px 15px 0px;
			border: 0;
		}
		
		#inhaltsbereich .preis {
			padding-top: 15px;
			text-align: right;
			font-size: 1.6em;
			color: #00247D;
		}
		
		#inhaltsbereich img.maBild, img.links {
			float: left;
			margin-right: 20px;
			border: 1px solid #ccc;
		}
		
		#inhaltsbereich div.maItem { margin-bottom: 15px }
		#inhaltsbereich div.maItem p { margin: 5px }
		
		#inhaltsbereich hr.trenner{
    		clear: both; 
    		visibility: hidden;
		}
		
		#inhaltsbereich table.partnerliste, 
		#inhaltsbereich table.def {
			border-collapse: collapse;
		}
		
			#inhaltsbereich table.partnerliste td,
			#inhaltsbereich table.def td  {
				vertical-align: top;
				padding: 20px 20px 20px 0;
				border-bottom: 1px solid #999;
			}
			
			#inhaltsbereich table.def td  {
				vertical-align: top;
				padding: 8px 8px 8px 0;
				border-bottom: 1px solid #999;
			}
			
			#inhaltsbereich table.partnerliste a {
				font-weight: bold;
				font-size: 150%;
				border: 0;
			}
			
			#inhaltsbereich table.partnerliste td.firmenname {
				font-size: 150%;
				color: #00247D;
				font-weight: bold;
			}
			
		#inhaltsbereich div.newsBox {
			border: 1px solid #ddd;
			padding: 10px;
			margin-top: 20px;
		}
		
		#inhaltsbereich table.pricelist { border-collapse: collapse; margin: 25px 0; }
		#inhaltsbereich table.pricelist td,
		#inhaltsbereich table.pricelist th { padding: 10px 10px 10px 0; }
		#inhaltsbereich table.pricelist td { border-bottom: 1px solid #ccc; }
		#inhaltsbereich table.pricelist th { text-align: left; border-bottom: 2px solid #999; }
		
		#inhaltsbereich div.newsBox h3.title { font-size: 1.4em; line-height: 1.4em; margin: 0; color: #ff9900; }
		#inhaltsbereich div.newsBox div.inhalt { border: 0; }
		
		/*	Forms */
		
		#inhaltsbereich form#form_3 { padding: 20px 10px; background: #eee; }
		
		#inhaltsbereich form.mod_form label { float: left; width: 100px; text-align: right; padding-right: 10px; }
		#inhaltsbereich form.mod_form input,
		#inhaltsbereich form.mod_form textarea { width: 280px; border: 1px solid #999; padding: 5px; }
		#inhaltsbereich form.mod_form textarea { height: 150px; }
		#inhaltsbereich form.mod_form input.form_button { background: #00247D; color: #fff; border: 0; font-weight: bold; margin-left: 110px; width: 300px; }
		
		#inhaltsbereich p.error { margin: 20px 0; padding: 5px; color: #ff6600; font-weight: bold; border: 1px solid #ff6600; }
	
		
		#inhaltsbereich form.mod_form #fieldbox_48 label,
		#inhaltsbereich form.mod_form #fieldbox_42 label,
		#inhaltsbereich form.mod_form #fieldbox_44 label,
		#inhaltsbereich form.mod_form #fieldbox_45 label,
		#inhaltsbereich form.mod_form #fieldbox_46 label { float: none; width: auto; text-align: left; padding: 0; }
		#inhaltsbereich form.mod_form #fieldbox_48 input,
		#inhaltsbereich form.mod_form #fieldbox_42 input,
		#inhaltsbereich form.mod_form #fieldbox_44 input,
		#inhaltsbereich form.mod_form #fieldbox_45 input,
		#inhaltsbereich form.mod_form #fieldbox_46 input  { width: auto; border: 0; padding: 0; margin-right: 10px; }

		#inhaltsbereich form.mod_form #fieldbox_45,
		#inhaltsbereich form.mod_form #fieldbox_48 { margin-bottom: 25px; }
		
		
		#inhaltsbereich div.produktbereiche a.left { margin: 0 20px 20px 0; }
		#inhaltsbereich div.produktbereiche img { border: 0; }
		#inhaltsbereich div.produktbereiche a { float: left; width: 205px; }


/*	Fusszeile ------------------------------------- */

#fusszeile {
	border-top: 4px solid #CDCDCD;
	background-color: #FFFFFF;
	padding: 20px;
	font-size: 0.9em;
	line-height: 1.4em;
	clear: both;
}

	#fusszeile .inhalt {
		width: 793px;
	}

	#fusszeile table {
		width: 100%;
		border: 0;
	}
	
	#fusszeile td {
		vertical-align: top;
	}
	
	#fusszeile h4 {
		font-size: 1em;
		color: #00247D;
		padding-bottom: 10px;
		margin: 0;
		font-weight: normal;
	}
	
	#fusszeile .partnerlogo {
		padding-right: 15px;
	}
	
	#fusszeile a {
		color: #00247D;
		font-weight: bold;
		font-style: italic;
		text-decoration: none;
		border-bottom: 1px dotted #999;
	}
	
	#fusszeile a:hover {
		border-bottom: 1px solid #00247D;
	}