/********************************************************/
/* 		 					*/
/* Seitenaufbau	 					*/
/* 		 					*/
/********************************************************/

/* das hier für den IE */
#page 
{
	height: 100%; 
}

/* folgende anweisung wird nicht vom IE interpretiert */
#page[id] 
{
	height:auto;
	min-height:100%;
}

#map {
	width: 590px;
	height: 500px;

}

html
{
	width: 100%;
	height:100%;
}
body
{
	color: #636363; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 13px; 
	text-decoration: none; 
	top: 10px; 
	left: 10px; 
	width: 761px; 
	height:100%;
	margin:0;
	padding:0;
	background-image: url("../jpg/logo_klein.jpg");
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}

html.detailwindow, body.detailwindow
{
	color: #636363; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 13px; 
	text-decoration: none; 
	text-align: center;
	width: 100%; 
	margin:0;
	padding:0;
}

#page
{
	border: 0px solid reD;
	width: 761px;
	margin: 0 auto;
	min-height:100%;
	position: relative;
}
	
#content
{
	border: 0px solid blue;
	position: relative;
	padding: 0px;
	padding-bottom: 10px;
}


#fusszeile
{
	position:absolute;
	bottom: 0px;

	width: 748px;
	height: 17px;

	z-index:1000;
	color: #303030; 
	font-size: 9px; 
	line-height: 15px; 
	margin:0px;
	margin-top:-17px;
	margin-left: 10px; 
	padding: 0px;

	background-color: #efefef; 
	border: 1px solid #c7c7c7;
}


form 
{
	display: inline;
}

/********************************************************/
/* 		 					*/
/* Home-Seite formatieren				*/
/* 		 					*/
/********************************************************/	

#starts_1_3, #starts_2_3, #starts_3_3    
{ width: 240px; height: auto; padding:0px; margin: 0px; border: 0px; display: block;} 

#starts_1_3 {
	padding-left:15px; 
	float: left; 
}

#starts_2_3 {
	padding-left:13px; 
	float: left; 
}

#starts_3_3 { 
	float: right; 
}

.float_left  { padding-right: 5px; float: left } 

/********************************************************/
/* 		 					*/
/* Tabellenformatierung					*/
/* 		 					*/
/********************************************************/	

table
{
	border-collapse: collapse;
	border: 0px solid blue;
}

td.abstand
{
	padding-left: 10px;
	padding-right: 10px;
}

th.help
{
	background-image: url("../gif/verlauf1.gif");
}

th
{
	font-size: 10px; 
	text-align: center;
	border: 1px solid #C0C0C0;
}

td
{
	font-size: 10px;
	line-height: 13px;
	vertical-align: top;
}

td.betrag
{
	text-align: right;
}

td.betrag#abstand
{
	padding-right: 10px;
}


td.weiss_rahmen
{
	border-bottom: 1px solid #b2b2b2;
}

/********************************************************/
/* 		 					*/
/* Kopfbereich	 					*/
/* 		 					*/
/********************************************************/	

#header
{
	padding:5px;
	position: relative;
	height: 90px;
	border: 0px solid red;
}

/*	
wird über javascript geladen*/


.login_status
{
	position: absolute; 
	clear:both;
	left: 12px;
	top:60px; 
	border: 0px solid #d2d2d2;
	padding: 4px;
	font-size: 9px;
	text-align: left;
}



#topnavi		
{ 
	border: 0px solid green;
	color: #006;
	font-size: 1.2em; 
	line-height: 14px; 
	text-align: right; 
	position: relative; 
	left: 0px;
	top: 5px; 
	height: 30px;
}

#navi			
{ 
	border: 0px solid red;
	color: #006; 
	font-size: 12px; 
	line-height: 22px;
	text-align: right;
	position: relative;
	right: 0px;
	top: 0px;
	height: 19px;
}

#status	
{

	border: 0px solid #FFA800;
	font-size: 9px;
	margin-left: 11px;
	clear:both;	
	top: 70px;
	position: absolute;
	height: 16px;
	float: left;
}

#status[id] 
{
	top: 80px;
}

/********************************************************/
/* 		 					*/
/* Bilderleiste						*/
/* 		 					*/
/********************************************************/
#container1
{
	border: 0px solid blue;
	background-color: white; 
	visibility: visible;
	position: relative;
	top: 0px;
	left: 160px;
	width: 590px;
	height: 95px;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
	border-bottom: 1px solid #b2b2b2
}
#container2
{
	border: 0px solid blue;
	background-color: white;
	visibility: visible;
	position: relative;
	top: 18px;
	left: 160px;
	width: 590px;
	height: 95px;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
}

#container3
{
	border: 0px;
	background-color:white;
	visibility: visible;
	position: relative;
	top: 18px;
	left: 160px;
	width: 590px;
	border-top: 0px solid #b2b2b2;
	border-bottom: 0px solid #b2b2b2;
}

#imgreihe1
{
	border: 0px solid red;
	visibility: visible;
	position: relative;
	width: 3500px;
	height: 100%;
	overflow: hidden;
	clip: auto;
}

#imgreihe2
{
	border: 0px solid red;
	visibility: visible;
	position: relative;
	width: 3500px;
	height: 100%;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
}

#scrolltop
{
	border: 0px solid green;
	font-size: 12px;
	background-color: white;
	text-align: center;
	visibility: visible;
	padding-top: 2px;
	position: relative;
	top: 0px;
	left: 150px;
	width: 607px;
	height: 18px;
/*
	position: absolute;
	top: 262px;
	left: 156px;
	width: 620px;
	height: 18px;
*/
}

#scrollbottom
{
	border: 0px solid #FFA800;
	font-size: 12px;
	background-color: white;
	text-align: center;
	visibility: visible;
	position: relative;
	top: 15px;
	left: 150px;
	width: 607px;
	height: 17px;
/*
	position: absolute;
	top: 293px;
	left: 156px;
	width: 620px;
	height: 17px;
*/
}

.text_header {font-size:15px; line-height:30px;}

.buttom15
{
	visibility: visible;
	margin-bottom: 15px;
}

.float_left  { padding-right: 5px; float: left }

#textvoll
{
	border-top: 1pt solid #b2b2b2;
	margin-left: 	11px;
	padding-left: 	5px;
	padding-top: 	10px;
	padding-bottom:	20px; 

}

.zweispaltig
{
	height: auto;
	width: 48%;
	padding-left: 12px;
	float: left;
	border: 0px solid red;
}

/********************************************************/
/* 		 					*/
/* allgemeine Attribute					*/
/* 		 					*/
/********************************************************/

h3
{
	color: #006;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	margin-bottom:5px;
	padding: 0;
}

h4
{
	color: #006;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	margin: 1.33em 0;
}

.fett
{
	font-weight: bold;
}

ol
{
	margin-left: 24px;
	list-style-type: decimal;
}

#textsemi
{
	padding: 10px 0px;
	border: 0px solid blue;
}

.rechts		
{ 
	text-align: right;
	position: absolute;
	right: 10px;
}

.weiss
{
	color: white
}

.rot
{ 
	color: #f00;
}

.hggraumenue
{ 
	font-size: 1.1em;
	background-color: #e1e1e1; 
	/* oben rechts unten links */
	/*padding: 3px 3px 3px 3px; */
	padding: 0px 0px 0px 3px; 
	border: 1px solid #c7c7c7;
}
.hggraumenue2
{ 
	background-color: #e1e1e1; 
	/* oben rechts unten links */
	height:21px;
	vertical-align:middle;
	padding: 0px; 
	border: 1px solid #c7c7c7;
}

input
{
	height: 2em;
	font-size: 0.9em;
}

.input_default {
	height:auto;
	font-size: 11px;
	line-height:11px;
	padding:2px;
}


input.eingabe {
	height: 16px;
	font-size: 10px;
}

select
{
	height: 20px;
	font-size: 10px;
}


#linksnavi
{
	color: #006;
	font-size: 11px;
	line-height: 14px;
	background-color: #efefef;
	text-align: left;
	margin-left: 15px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	position: absolute;
	z-index: 2;
	top: 163px;
	width: 130px;
	min-height: 250px;
}

.autohaus_titel
{
	font-weight: bold;
	padding-right: 10px;
}

.backlink
{
	padding:0px;
	padding-left:20px;
	padding-right:10px;
}

/********************************************************/
/* 		 					*/
/* Warenkorb & Bestellablauf				*/
/* 		 					*/
/********************************************************/
#warenkorb
{
	border: 0px solid #FFA800;
	position: absolute;
	top: 70px;
	right: 3px;
	height: 14px;
	float: right;
	font-size: 10px;
	z-index:1;
}

#warenkorb[id]
{

	top: 80px;
}

.artimggross
{ 
	border:0px solid green;
	padding:0px;
	margin:0px;
	width: 100%;	
	text-align: center;
}

.artimg
{
	bottom: 0px;
	width: 40%;
	position: relative;
	border: 0px solid #ffa800;
	margin: 5px 30px;
}


.artimg#logo
{
	text-align: left; 
	width: 100px;
}

.artimg#close
{
	float: right;
	text-align: right; 
}


/********************************************************/
/* 		 					*/
/* Artikeltabellen im Warenkorb				*/
/* 		 					*/
/********************************************************/

#basket_navigation
{
	border: 0px solid red;
	position: relative; 
	width: 100%;
	top: 10px; 
	left: 0px;
	height: 20px;
	margin-bottom: 20px;
}

#basket_navigation_left
{
	border: 0px solid blue;
	position: absolute;
	left: 0px;
	text-align:left;
	float: right;
	height: 100%;
}

#basket_navigation_right
{
	border: 0px solid green;
	position: absolute;
	right: 0px;
	text-align:right;
	float: left;
	height: 100%;
}

/********************************************************/
/* 		 					*/
/* Artikeltabellen im Warenkorb				*/
/* 		 					*/
/********************************************************/

.b_number
{
	vertical-align:top;
	text-align:right;
	padding-right: 5px;
}

.b_zeile
{
	vertical-align:top;
}

.b_artnr
{
	vertical-align:top;
	padding-right: 10px;
	text-align:right;
}

.b_art
{
	vertical-align:top;
	padding-right: 10px;
}

.b_artbem
{
	vertical-align:top;
	padding-right: 10px;
}

.artpreis
{
	vertical-align:top;
	text-align:right;
	padding-left: 10px;
}

.b_anzahl
{
	vertical-align:top;
	text-align:right;
	padding-right: 5px;
	width: 55px;
}

.b_gesamtpreis
{
	vertical-align:top;
	text-align:right;
	padding-left: 10px;
	padding-right: 5px;
}

.b_aktion
{
	vertical-align:top;
	padding-top: 4px;
}

.b_gesamtsumme
{
	vertical-align:top;
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
	border-top: 1px solid #b2b2b2;
}

.b_versandkosten, .b_mwst, .b_nn 
{
	vertical-align:top;
	text-align: right;
	padding-right: 5px;
}

/********************************************************/
/* 		 					*/
/* Login-/Registrierungsformular			*/
/* 		 					*/
/********************************************************/

.p_register, .p_login, .p_text
{
	border: 0px solid green;
	overflow:hidden;
	float:left;
	width:210px;
	height:auto;
	margin-right:10px;
	padding:0;
	padding-right: 10px;
}

/************************************************************************************
** 
**  Info-Blöcke für Bestellung, Rechnungs- und Lieferadresse
** 
************************************************************************************/


		.bestellung, .liefer, .rechnung, .rechnung_und_liefer
		{
			border: 1px solid #b2b2b2; 
			float: left;
			padding: 5px;
			height: 150px;
		}

		.bestellung
		{
			margin-left: 5px;
			width: 47%;
		}

		.liefer, .rechnung
		{
			float: right;
			width: 23%;
		}

		.liefer
		{
			margin-right: 8px;
		}

		.rechnung_und_liefer
		{
			float: right;
			width: 47%;
		}
		
		.best_content, .best_buttons
		{
			border: 0px solid #FFA800;
			height: 100%;
		}

		.best_content

		{
			float: left;
			width: 200px;
		}
		.best_buttons
		{
			float: right;
			width: 125px;
		}
		
		.art_tab
		{
			border: 0px solid red; 
			clear: both; 
			margin-left: 5px;
			padding-top: 5px;
		}
		
/********************************************************/
/* 		 					*/
/* Animations-Bereich 					*/
/* 		 					*/
/********************************************************/
.myvmaxx_navi_img
{ 
	float: left; 
}

.myvmaxx_navi_weiter
{
	position: absolute; right: 6px; bottom: 6px;
}
			
.myvmaxx_navi
{
	padding-left: 10px;
	padding-right: 3px;
	background-image: url("../jpg/verlauf.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	text-align:left; 
	height: 78px; 
	width: 233px;
	clear: both;
	position: relative;
	border: 0px solid red;
}

#animation
{
	background-color: white;
	text-align: left; 
	position: relative;
	left: 15px;
	width: 745px;
	height: 160px;
	border-top: 1pt solid #b2b2b2;
	border-bottom: 1pt solid #b2b2b2;
}

#ani_1_0		
{ border: 0px solid green; width: 100%; height: 100%;  text-align: left; left:0px}

#ani_2_0		
{ border: 0px solid red; width: 360px; height: 100%;  position: relative; text-align: left; float: left; left:0px}

#ani_2_1		
{ border: 0px solid red; width: 360px; height: 100%;  position: relative; text-align: right; float: right;  }

#ani_3_0		
{ border: 0px solid blue; width: 250px; height: 100%; position: absolute; top: 0px; text-align: left; left:0px; float: left; }

#ani_3_1		
{ border: 0px solid blue; width: 250px; height: 100%; position: absolute; top: 0px; text-align: center; left:250px;}

#ani_3_2		
{ border: 0px solid blue; width: 250px; height: 100%; position: absolute; top: 0px; text-align: right; left:500px; float: right; vertical-align:middle;}

/********************************************************/
/* 		 					*/
/* Links	 					*/
/* 		 					*/
/********************************************************/

a:link
{ color: #242b7e; text-decoration: none; text-transform: inherit; word-spacing: inherit }

a:visited
{ color: #242b7e; text-decoration: none; }

a:hover
{ color: red; ; text-decoration: none;  }

a:active
{ color: #242b7e; text-decoration: none; }

.altlink a:link
{ color: #5a5a5a; }

.altlink a:visited
{ color: #303030; }

.altlink a:hover
{ color: #f00; }

.altlink a:active
{ color: #303030; }

a.underlined:link
{ color: #006; text-decoration: underline; text-transform: inherit; word-spacing: inherit }

a.underlined:visited
{ color: #242b7e; text-decoration: underline; }

a.underlined:hover
{ color: red; text-decoration: underline;  }

a.underlined:active
{ color: #242b7e; text-decoration: underline; }

.ie_6_bold { color:#ff3333; font-size:1.1em; line-height:20px; font-size:14px; padding-top:5px;}