/* Standard-CSS für bmg-baumgart web 2005 */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, span, a, table, td, form, img, li {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	
}

html {
	/* für den Scrollbalken ,damit er in firefox, mozilla nicht verschwindet. 
	Sonst rutscht der Inhalt nach links (geht nicht in Safari)*/
	height: 100%; 
	margin-bottom: 0.1px;
	font-size: 100.1%;
}

body {
	background:  url(images/verlauf_hg.jpg) repeat-y;
	background-color: #D0D6E8;
	font-size: 101%;
	height: 100%;
}

img {
	border: 0 px;
}


a:active, a:visited, a:link {
	color: #252B88;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	color: #252B88;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
}


h1 {
	color: #252B88;
	font-size: 0.9em;
	font-weight: bold;
}

h2.h2_subline{
	color: #5257A4;
	background: none;
	display: block;
	padding-left:0px;
	margin-top: -20px;
	font-size: 0.6em;
	font-weight: normal;
}

h2 {
	display: block;
	padding-left: 13px;
	color: #ffffff;
	font-size: 0.85em;
	font-weight: bold;
	background-color: #2C489D;
}

h3 {
	clear: both;
	color: #252B88;
	font-size: 0.85em;
	font-weight: bold;
}

h3 p {
	font-size: 2.0em;
}

h4 {
	color: #3D3D3D;
	font-size: 0.75em;
	font-weight: bold;
}

h5 {
	color: #666666;
	font-size: 0.75em;
	font-weight: bold;
}


h6 {
	color: #99A7CD;
	font-size: 0.8em;
	font-weight: bold;
}



td.person a:link,
td.person a:visited,
td.person a:hover,
td.person a:active {
	font-size: 	0.9em;
	color:		#FFF;
	text-align:	center;
}

table.preise td {
	font-size: 	0.8em;
	color:		#FFF;
}
#adresse p {
	color: #3D3D3D;
	font-size: 0.75em;
	font-weight: normal;
}

#leftBox p {
	color: #3D3D3D;
	font-size: 0.8em;
	font-weight: normal;
}
#leftBox p.blue {
	color: #252B88;
}

#seitenanfang {
	clear: 				both;
	text-align:			right;
	color: 				#252B88;
	font-size:			0.8em;
	font-weight: 		normal;
	padding:			20px;
					
	
}


/* --- Head --- */


#logo {
	position: absolute;
	left: 781px;
	top: 0px;
}


#seitenkopf {
	height: 83px;
	text-align: left;
	float: left;
	padding-left: 124px;
	padding-top: 40px;
	background:  url(images/hg_oben.jpg) no-repeat;
}

#links {
	position: absolute;
	left: 0px;
	top: 83px;
}

#foto {
	position: absolute;
	top: 101px;
	left: 124px;
}

#foto_content {
	position: absolute;
	top: 119px;
	left: 124px;
}

#adresse {
	position: absolute;
	top: 119px;
	left: 668px;
	width: 214px;
	height: 133px;
	padding: 13px;
	background-color:	#EDEFF6;
}
/* --- Content --- */


/* --- IE styles --- */		
		* html #innerContent {
			position:			absolute;
			top:				278px;
			left:				124px;
			width:				784px;
			height:				400px;
			background-color:	#EDEFF6;
			background:    		url(images/content_hg.gif) repeat-y;	
		}
		
		* html #leftBox {
			position:			relative;
			width:				494px;
			height:				100%;
			padding:		    25px;
			float:				left;
			left: 				10px;

		}
		
		* html #rightBox {
			position:			relative;
			width:				240px;
			height:				100%;
			padding:		    25px 0 0 0;
			float:				right;
		}
/* --- IE styles --- */	

/* --- equal height columns with "display:table;" (not understandable by IE) --- */
		#containerBox[id] {
			position:			absolute;
			top:				284px;
			left:				124px;
			/*width:			784px;*/
			display:			table;
			margin-bottom:		20px;
			min-height:			400px;
		}
		
		#innerContent[id] {
			display:			table-row;
		}
		
		#leftBox[id] {
			display:			table-cell;
			padding:			25px;
			width:				494px; /*552*/
			background-color:	#EDEFF6;
			
		}

		#rightBox[id] {
			display:			table-cell;
			width:				240px;
			background-color:	#FFF;
			
		}
/* --- equal height columns with "display:table;" (not understandable by IE) --- */


	
		#innerContent ul {
			list-style:			none;
		}

		#innerContent ul li {
			display:			block;
			margin:				0;
		}
		
				
		#innerContent ul li a:link,
		#innerContent ul li a:visited,
		#innerContent ul li a:active {
			
			font-size:			0.8em;
			font-weight: 		normal;
			text-decoration:	underline;
			color:				#252B88;
			line-height:		140%;
			padding: 			0 0 0 18px;
			background:			transparent url(images/pfeil.gif) no-repeat;
		}
		
		#innerContent ul li a:hover {
			text-decoration:	none;
		}
	
/* --- Banner --- */

#bannerhg {
	position: 			absolute;
	padding:			20px 0 0 0;
	top: 				0;
	right: 				0;
	width: 				240px;
	height: 			100%;
	background-color:	#fff;
}

#bannerhg[id] {
	position: 			absolute;
	padding:			20px 0 0 0;
	top: 				0;
	right: 				0;
	width: 				240px;
	min-height: 		100%;
	background-color:	#fff;
}

#banner {
	margin:				0;
	padding:			0;
	float:				left;				
	width: 				240px;
	background-color:	#99A7CD;
	border-bottom: 		1px solid #2C489D;
}


#adresse_2 {
	color:			#252B88;
	background-color:		#99A7CD;
	width:			240px;
	font-size:			0.7em;
	font-weight:		bold;
	border-bottom: 		1px solid #2C489D;
}
#acrobat{
	/*margin-left:		10px;	
	float:				left;*/
	color:				#252B88;
	font-size:			0.7em;
	clear:				both;
	margin-bottom:		10px;
}
#acrobat a {
		text-decoration:	none;
}
#acrobat img {
	border:			none;
}

#banner2 {
	margin:				20px 0 0 0;
	float:				left;				
	width: 				240px;
	background-color:	#99A7CD;
	border-bottom: 		1px solid #2C489D;
	
}

#bannerfoto {
	width: 				118px;
	float: 				left;
	margin:				0;
	background-color:	#99A7CD;
	border-right: 		1px solid #2C489D;
}

#bannertext {
	padding-top:		4px;
	float: 				left;
	font-size:			0.75em;
	font-weight: 		normal;
	color:				#fff;
	background-color:	#99A7CD;
	width:				116px;					
}

#bannertext2 {
	padding:			4px 4px 4px 13px;
	float: 				left;
	font-size:			0.75em;
	font-weight: 		normal;
	color:				#fff;
	background-color:	#99A7CD;					
}


#banner span {
			width:				0.1em;
			height:				1.0em;			
}





/* --- produktauflistung --- */

#banner3 {
	margin:				20px 0 0 0;
	float: 				left;
	width: 				400px;
	background-color:	#C3CBE2;
	border-bottom: 		1px solid #2C489D;
}

#banner4 {
	margin:				20px 0 30px 0;
	float: 				left;
	width: 				400px;
	background-color:	#C3CBE2;
	border-bottom: 		1px solid #2C489D;
}


#bannericon {
	width: 				45px;
	float: 				left;
	margin:				0;
	padding:			5px 0px 0px 5px;
	background-color:	#C3CBE2;
	/*border-right: 		1px solid #2C489D;*/
}

#bannertexticon {
	padding:			4px 4px 4px 13px;
	width: 				330px;
	float: 				left;
	font-size:			1.0 em;
	font-weight: 		normal;
	color:				#fff;
	background-color:	#C3CBE2;					
}
/*neu von Gaby 30.10.08*/
.produktabbildung	 {
	float:				left;
	width:				150px;
}
.textrechts {
	width:				233px;
	float:				left;
	padding:			8px 4px 4px 13px;
	font-size:			1.0 em;
	font-weight: 		normal;
	color:				#fff;
	background-color:	#C3CBE2;
}

.preisblatt {
	text-align:	 right;
	float:		 right;
}


.datenblatt {
	padding-right: 10px; /*bisher 140*/
	/*float:		 left;*/
}
/* --- produktauflistung --- */


/* ----- Shop Styles ----- */

table.shop-produkt {
	width:			400px;
	border:			0;
	border-bottom:	1px solid #2C489D;
	background-color:	#C3CBE2;
	margin:			20px 0 30px 0;
	padding:		0;
}
td.produktbezeichnung {
	padding: 		3px 13px;
	color: 			#ffffff;
	font-size: 		0.85em;
	font-weight: 	bold;
	background-color: #2C489D;
}

td.abbildung {
	width:				150px;
	vertical-align:		top;
}
td.produktdaten {
	padding:		 	14px;
	vertical-align:		top;
}
table.bestellung {
	font-size:			0.75em;
	width:				400px;
	border:				0;
}
table.bestellung td label {
	display:			block;
	width:				110px;
	color:				#3D3D3D;
	font-weight:		bold;
	height:				26px;
}
table.bestellung td input,
table.bestellung td textarea {
	width:				286px;
	margin-bottom:		2px;
}
table.bestellung td input#PLZ_1 {
	width:				55px;
	float:				left;
	margin-bottom:		2px;
}
table.bestellung td input#Ort_1 {
	width:				220px;
	margin-left:		5px;
	float:				right;
	margin-bottom:		2px;
}
input.submit {
	width:				222px;
	margin:				10px 0 0 111px;
	border:				1px solid ##ECE9D8;
}

#leftBox pre {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			0.8em;
}
/* ----- Ende Shop Styles ----- */


/* --- Menü-1 --- */
		#menue {
			position:			absolute;
			top:				83px;
			left:				124px;
			width: 				784px;
			height: 			18px;
			background-color:	#2C489D;
		}
		
		#menue ul {
			list-style:			none;
			margin:				0;
			padding: 			0;
		}

		#menue ul li {
			display:			block;
			float:				left;
			margin:				0;
			padding: 			0;
		}
		
		#menue ul li a:link,
		#menue ul li a:visited,
		#menue ul li a:active {
			
			font-size:			0.8em;
			font-weight: 		bold;
			text-decoration:	none;
			color:				#EDEFF6;
			border-right: 		1px solid #A0ACD2;
			padding:			0 0.6em 0.1em 0.6em;
			vertical-align:		top;
		}
		
		#menue ul li a:hover {
			text-decoration:	none;
			color:				#ffffff;
			background-color:	#99A7CD;
			
		}
		
		#menue ul li a.currentlink {
			text-decoration:	none;
			color:				#ffffff;
			background-color:	#99A7CD;
		}
		
		
		
/* --- Menü2 --- */

#menue2 {
			position:			absolute;
			top:				101px;
			left:				668px;
			width: 				240px;
			height: 			18px;
			background-color:	#99A7CD;
		}
		
		#menue2 ul {
			list-style:			none;
			margin:				0;
			padding: 			0;
		}

		#menue2 ul li {
			display:			block;
			float:				right;
			margin:				0;
			padding: 			0;
			color:				#FFFFFF;
		}
		
		#menue2 ul li a:link,
		#menue2 ul li a:visited,
		#menue2 ul li a:active {
			
			font-size:			0.75em; /*neu statt 0.8em */
			font-weight: 		bold;
			text-decoration:	none;
			color:				#FFFFFF;
			border-right: 		1px solid #A0ACD2;
			padding:			0em 0.6em 0.1em 0.7em;

		}
		
		#menue2 ul li a:hover {
			text-decoration:	none;
			color:				#FFFFFF;
		}
		
		
		
		.hiddenText {
			display:		none;
		}
		
				
/* --- Menü Content --- */

#menue_content {
			position:			absolute;
			top:				101px;
			left:				124px;
			width: 				784px;
			height: 			18px;
			background-color:	#99A7CD;
		}
		
		#menue_content ul {
			list-style:			none;
			margin:				0;
			padding: 			0;
		}

		#menue_content ul li {
			display:			block;
			float:				left;
			margin:				0;
			padding: 			0;
			color:				#99A7CD;
		}
		
		#menue_content ul li a:link,
		#menue_content ul li a:visited,
		#menue_content ul li a:active {
			
			font-size:			0.8em;
			font-weight: 		bold;
			text-decoration:	none;
			color:				#EDEFF6;
			border-right: 		1px solid #D4D7E1;
			padding:			0 0.5em 0.1em 0.5em;
			vertical-align:		top;
		}
		
		#menue_content ul li a:hover {
			text-decoration:	none;
			color:				#252B88;
		}

		#menue_content ul li a.currentchild:link,
		#menue_content ul li a.currentchild:visited,
		#menue_content ul li a.currentchild:active {
			text-decoration:	none;
			color:				#252B88;
		}
		
/* xmas extrastyles */

table.xmas td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:			0.7em;
	font-weight: 		normal;
	color:				#252B88;
	margin:				0;
	padding: 			2px 4px;
	}	
table tr.xmas h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight: 		bold;
	background-color:	#252B88;
	color:				#FFF;
	margin:				0;
	padding: 			2px 6px;
	}
table tr.xmas h1 a { 
	color:				#FFF;
	text-decoration:	none;
	font-size:			11px;
	font-weight: 		bold;
	}	
h2.xmas {
	display: block;
	padding-left: 13px;
	font-size: 0.85em;
	font-weight: bold;
	background-color:	#252B88;
	color:				#FFF;
}

#leftBox p.subtext{
	margin: 0px 0px 15px 20px;
	font-size: 0.6em;
}