/*============== Grundeinstellungen  =================*/

body {
    background-color:	#fff;
    margin: 			0;
	padding:			0;
	font-family:		arial, verdana, sans-serif;
	font-size:			11px;
	color:				#333333;
}

a {
	color:				#01266a;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

/*============== Seitenaufbau =================*/

#mainWrapper {
	width: 				900px;
	height:				603px;
	/*margin:		 		30px 0 0 30px;*/
	padding:			0;
	background-color:	#f3f1e5;
	position: 			absolute;
	left: 				50%;
	top: 				46%;
	margin-top: 		-300px;
	margin-left: 		-450px;
}

#mainHeader {
	width: 				900px;
	height:				103px;
	margin:		 		0;
	padding:			0;
	background-image:	url('../images/mainheader_back.jpg');
}

#main {
	width:				900px;
	height:				442px;
	background-image:	url('../images/main_back.gif');
}

#SiteLeft {
	float:				left;
	width:				303px;
	margin:				0;
	padding:			0;
	/*background-color:	#f00;*/
}

/* ==================== Hauptnavigation =============== */

#MainNavi {
	width:				275px;
	height:				178px;
	margin:				0 0 5px 10px;
	background-image:	url('../images/mainnavi_back.gif');
}

#NaviLeft {
	margin:				0;
	padding:			18px 0 0 25px;
	list-style:			none;
}

#NaviLeft li {
	margin:				0 0 1px 0;
	padding:			0;
	width:				245px;
}

#NaviLeft a {
	display:			block;
	margin:				0;
	padding:			4px 0 4px 21px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	color:				#34467c;
	font-weight:		bold;
	text-decoration:	none;
	background-image:	url('../images/navi_novisit_back.gif');
}

#NaviLeft a:hover, #NaviLeft a#navHeadButtonA, #NaviLeft a#navHeadButtonA:hover {
	color:				#fff;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
	background-image:	url('../images/navi_visit_back.gif');
}


/*#NaviLeft a:hover {
	color:				#fff;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
	background-image:	url('../images/navi_visit_back.gif');
}*/

/* ==================== Angebote links =============== */

#Angebote {
	width:				275px;
	height:				257px;
	margin:				0 0 0 10px;
	background-image:	url('../images/angebote_back.gif');
	/*border:1px solid #f00;*/
}

#Angebote h2 {
	margin:				10px 0 0 15px;
	padding:			0;
	font-size:			11px;
	font-weight:		bold;
	color:				#50504b;
}

#Angebote p {
	width:				245px;
	height:				60px;
	margin:				5px 0 0 15px;
	/*line-height:		10px;*/
}

#Angebote img {
	margin:				0 0 0 10px;
	border-top:			1px solid #b6b19b;
	border-left:		1px solid #b6b19b;
	border-right:		1px solid #e5e0c6;
	border-bottom:		1px solid #e5e0c6;
}

.HeaderAktuelles {
	margin:				0 0 0 5px;
	padding:			5px 0 0 0;
	width:				146px;
	
}

.HeaderAktuelles h1 {
	margin:				0;
	padding:			8px 0 8px 10px;
	font-size:			12px;
	font-weight:		bold;
	color:				#fff;
	background-image:	url('../images/angebote_head_back.gif');
}




#SiteRight {
	float:				left;
	width:				585px;
	margin:				1px 0 0 2px;
	padding:			0;
}

#SiteRight a {
	color:				#01266a;
	text-decoration:	underline;
}

#SiteRight a:hover {
	text-decoration:	none;
}


/* ================ Startteaser =============== */


.HeadTeaserStart {
	margin:				0;
	padding:			6px 0 0 5px;
}

.HeadTeaserStart h1 {
	margin:				0;
	padding:			8px 0 8px 10px;
	font-size:			11px;
	font-weight:		bold;
	color:				#fff;
}

.TeaserText {
	padding:			0;
	margin:				5px 0 0 15px;
	width:				110px;
	height:				119px;
}

.KehrgeraeteStart {
	position:			relative;
	float:				left;
	width:				195px;
	height:				195px;
	background-image:	url('../images/kehrgeraete_back.jpg');
}

.MessgeraeteStart {
	float:				left;
	width:				195px;
	height:				195px;
	background-image:	url('../images/messgeraete_back.jpg');
}

.KleidungStart {
	float:				left;
	width:				195px;
	height:				195px;
	background-image:	url('../images/kleidung_back.jpg');
}

.InspektionStart {
	float:				left;
	width:				195px;
	height:				195px;
	background-image:	url('../images/inspektion_back.jpg');
}

.BuerobedarfStart {
	float:				left;
	width:				195px;
	height:				195px;
	background-image:	url('../images/buerobedarf_back.jpg');
}

.HeizkesselStart {
	float:				left;
	width:				195px;
	height:				195px;
	background-image:	url('../images/heizkessel_back.jpg');
}


/*============== Buttons =================*/

.Details ul {
	list-style-type:	none;
	margin:				0;
	padding:			0 0 0 15px;
}

.Details ul li {
	float:				left;
	background:			url('../images/button_back.gif') no-repeat;
}

.Details ul li a {
	float:left;
	background:			url('../images/button_end.gif') no-repeat;
	background-position:100% 0%;
	padding:			2px 23px 3px 10px;
	font:				11px Arial;
	text-decoration:	underline;
	font-weight:		bold;
	color:				#01266a;
	/*line-height:		30px;*/
}

.Details ul li a:hover {
	text-decoration:	none;
}

#NextSite {
	float:				left;
	width:				390px;
	height:				390px;
	background-image:	url('../images/folgeseite_main_back.gif');
}

#NextSite h1 {
	margin:				0;
	padding:			13px 0 0 15px;
	font-size:			12px;
	font-weight:		bold;
	color:				#fff;
}

#NextSite h2 {
	margin:				0;
	padding:			13px 0 0 15px;
	font-size:			12px;
	font-weight:		bold;
}

#NextSite p {
	margin:				15px 15px 0 0;
	padding:			0 0 0 15px;
	/*height:				295px;*/
	font-size:			11px;
}

.BoxRubrikDownload {
	background-color:	#f0f4fd; 
	border:				1px solid #c2d6fe; 
	margin:				10px 0 0 0;
}


#NextSiteTeaserRight {
	float:				left;
	width:				195px;
}

.TeaserRight {
	width:				195px;
	background-image:	url('../images/teaser_right_back.gif');
}

.TeaserRight h1 {
	margin:				0;
	padding:			12px 0 0 15px;
	font-size:			12px;
	font-weight:		bold;
	color:				#fff;
}

.TeaserRight h2 {
	margin:				0 0 5px 15px;
	padding:			0;
	font-size:			12px;
	font-weight:		bold;
	color:				#740f02;
}

.TeaserRight p {
	margin:				15px 11px 0 0;
	padding:			0 10px 0 15px;
	font-size:			11px;
}


#siteBottom {
	width: 				900px;
	height:				50px;
	margin:		 		0;
	padding:			0;
	background-image:	url('../images/site_bottom.gif');
}

#layer1 {
	display:			none; 
	position:			absolute; 
	top:				30px; 
	left:				100px; 
	width:				570px; 
	height:				570px; 
	background-image:	url('../images/agb_layerback.png'); 
	z-index:			100;
}




#layer1Content {
	margin:				25px 0 0 0;
	width:				555px; 
	height:				510px; 
	overflow:			auto;
}

#layer1Content h1 {
	margin: 			0 20px 20px 20px;
	padding:			0;
	font-family:		arial, verdana, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#333333;
}

#layer1Content h2 {
	margin: 			15px 20px 10px 20px;
	padding:			0;
	font-family:		arial, verdana, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	color:				#333333;
}


#layer1Content p {
	margin: 			0 20px 10px 20px;
	padding:			0;
	font-family:		arial, verdana, sans-serif;
	font-size:			11px;
	color:				#333333;
}



#layer2 {
	display:			none; 
	position:			absolute; 
	top:				30px; 
	left:				100px; 
	width:				570px; 
	height:				570px; 
	background-image:	url('../images/agb_layerback.png'); 
	z-index:			100;
}

#layer3 {
	display:			none; 
	position:			absolute; 
	top:				30px; 
	left:				100px; 
	width:				570px; 
	height:				570px; 
	background-image:	url('../images/agb_layerback.png'); 
	z-index:			100;
}

#layer4 {
	display:			none; 
	position:			absolute; 
	top:				30px; 
	left:				100px; 
	width:				570px; 
	height:				570px; 
	background-image:	url('../images/agb_layerback.png'); 
	z-index:			100;
}


#layer5 {
	display:			none; 
	position:			absolute; 
	top:				30px; 
	left:				100px; 
	width:				400px; 
	height:				570px; 
	background-image:	url('../images/bestell_layerback.png'); 
	z-index:			100;
}


#layer5Content {
	margin:				25px 0 0 0;
	width:				385px; 
	height:				510px; 
	overflow:			auto;
}

#layer5Content h1 {
	margin: 			0 20px 20px 20px;
	padding:			0;
	font-family:		arial, verdana, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#333333;
}

#layer5Content h2 {
	margin: 			15px 20px 10px 20px;
	padding:			0;
	font-family:		arial, verdana, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	color:				#333333;
}


#layer5Content p {
	margin: 			0 20px 10px 20px;
	padding:			0;
	font-family:		arial, verdana, sans-serif;
	font-size:			11px;
	color:				#333333;
}




.clear {
	clear:				both;
	height:				0px;
	overflow:			hidden;
}



.dataInput
{

  	border:				1px solid #A7A6AA;
  	font-family: 		arial,sans-serif;
  	width:				190px;
  	height:				17px;
  	background-color:	#f2f5fd;
  	padding:     		0px 2px;
}

.textInput
{
  	border:				1px solid #A7A6AA;
  	font-family: 		arial,sans-serif;
  	background-color:	#f2f5fd;
  	padding:     		0px 2px;
  	width:				250px;
  	height:				80px;
}

/* =============== Bestellungsformular ================ */

.dataInputStueck {
	border:				1px solid #A7A6AA;
  	font-family: 		arial,sans-serif;
  	width:				30px;
  	height:				17px;
  	background-color:	#f2f5fd;
  	padding:     		0px 2px;
}

.dataInputBestellnr {
	border:				1px solid #A7A6AA;
  	font-family: 		arial,sans-serif;
  	width:				60px;
  	height:				17px;
  	background-color:	#f2f5fd;
  	padding:     		0px 2px;
}

.dataInputBezeichnung {
	border:				1px solid #A7A6AA;
  	font-family: 		arial,sans-serif;
  	width:				175px;
  	height:				17px;
  	background-color:	#f2f5fd;
  	padding:     		0px 2px;
}