@charset "utf-8";

/*
Projektfarben:
body-background-gif (back-streifen) + aktive navMain: grau: #D8D8D8
navMain-aktiv/navTop-aktiv: Schriftfarbe rot: #EE3338;
navMain inaktiv: Hellgrauer Hintergrund für nicht aktive Elemente + Indexfilterbackground: #E6E7E8
navMain inaktiv: Schriftfarbe grau: #7A7A7B
background-farbe für fusszeile: #EE3338
graue Farbe von SieSindHier: #707070
rote rahmenfarbe von bildern in rechter Spalte: #ED383E
bläuliche Lead-Farbe/Datum-Farbe: 5A7884
h1-dunkelgrau: 333333
*/





/****************************/
/* BODY & SEITE (zentriert) */
/****************************/

/* Geisterbalken fr Firefox erzwingen */
html {
	min-height: 100.05%;
}

body { 
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 17px;
	text-align: center;  /*IE*/
	color: #171717;	
	background: #fff url(../pic/background.gif) repeat-x center 0;
}


#seite {
	width: 810px;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: left;
	min-height: 500px;
	background: #FFF;
	position: relative; /*wegen verlauf in colLeft - IE6*/
	z-index: 0;	/*wegen verlauf in colLeft - IE6*/
}

/*810-2pxborder*/
#containerbox {
	width: 808px; 
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
}




/*******************/
/* Allgemeines*     /
/*******************/

h1 {
	margin: 0px 0px 5px 0px; padding: 0px;
	font-size: 14px; line-height: 18px; color:#333333; 
	font-family: Arial; line-height:20px; font-weight: bold;
/*width:600px;*/
}
.loopOhneAbstand h1 {
	clear:both; /* nötig für kurztextige Textbausteine wegen Umbruch */
}

h2, h2.lead, p.lead {
	margin-top:15px; margin-bottom: 8px; padding: 0px;
	font-size: 13px; line-height: 18px; 
	clear: left; color:#5A7884;
}
	/* Lead */
	h2.lead, p.lead {
		margin-top: 0px;
		color: #5A7884; font-weight: bold;
	}
	.loopContainer h2, dl h2 {
		margin: 0px; clear: none;
		font-size: 12px;
	}

	h2 a:link, h2 a:visited {
		text-decoration: none;
		color: #595959;
	}

	h2 a:hover, h2 a:active {
		text-decoration: underline;
	}


h3 {
	margin: 0px 0px 8px 0px; padding: 0px;
	font-size: 11px; line-height: 14px;
	clear: left;
	color: #8D8D8D;
}
	h3.datum {
		margin: 0px 0px 8px 0px; padding: 0px;
		color: #5A7884;
	}

h5 {
	font-size: 13px;
}

	h5 a:link, h5 a:visited {
		text-decoration: none;
		color: #191818;
	}

	h5 a:hover, h5 a:active {
		text-decoration: underline;
		color: #000000;
	}


dl {
	width: 100%; 
	margin-bottom: 20px;
}

	dt {
		margin: 0px 0px 3px 0px;
		clear: left;
		font-size: 12px; font-weight: bold;
	}
	
	dt a:link, dt a:visited {
		text-decoration: none;
		color:#324249;
	}

	dd {
		width: 318px; 
		margin: 0px 0px 20px 0px;
		float:left;
	}

	dt .picPreview {
		margin: 3px 10px 20px 0px;
		float: left;
	}
	dd.noPic {
		width: 100%;
	}



p {
	margin: 0px 0px 8px 0px; padding: 0px;
}
	p.abstand {
		font-size: 1px; line-height: 3px;
		clear: left;
	}
	.loopContainer p, dd p {
		margin-bottom: 3px;
		font-size: 11px; line-height: 14px;
	}
	#colRight p {
		margin: 0px 8px 10px 10px;
		font-size: 11px; line-height: 14px; color:#585555;
	}
	
	.teaserBox p { /*teaserbox*/
		margin: 0px 5px 10px 5px;
		font-size: 11px; 
		line-height: 14px; 
		color:#585555; 
	}
		
	#colDynPage p {

	}
	.picDetailContainerP, #colRight .picDetailContainerP  {
		margin: 0 0 2px 0;
		padding: 0 4px;
		font-size: 10px;
		line-height: 12px;
		font-weight: normal;
		display: block;
	}	

/* "normale" Links */
a:link {
	color: #272315;
}
a:visited  {
	color: #272315; 
}
a:hover {
	color: #EE3338;
}
a:active {
	color: #EE3338;
}

	.mehr a:link {
		color: #EE3338;
	}
	
	.mehr a:link, .mehr a:visited,
	.zurueck a:link, .zurueck a:visited
	 {
		padding-left: 15px;
		text-decoration:underline;
	}

	.zurueck a:link, .zurueck a:visited {
		padding-left: 11px;
		background-image:url(../pic/zurueck_pfeil.gif); background-position: left; background-repeat:no-repeat;
	}

	.mehr a:hover, .mehr a:active {
		color: #CB2C30;
	}
	.mehr a:hover, .mehr a:active,
	.zurueck a:hover, .zurueck a:active	{
		text-decoration: underline;
	}
	

	

a.pfeil, #colRight a.pfeil {
	font-size: 11px; font-weight: bold;	padding-left:15px;
	text-decoration:underline;
	background-image:url(../pic/mehr_pfeil.gif); background-position: left; background-repeat:no-repeat;
}

img {
	margin:0px; padding:0px; border:none;
}

img.icon {
	vertical-align: middle;
	margin: 2px 0px 2px 0px; padding:0px 0px 0px 5px;
}

/* Listen */
ul {
	margin: 8px 0px 15px 20px;
	padding-left: 0px;
	list-style: none;
}

ul li {
	margin: 0px 0px 2px 0px;
	padding-left: 16px;
	background-image: url(../pic/li-punkt.gif); background-repeat:no-repeat; background-position: 0px 4px; 

}


ol {
	margin: 15px 0px 15px 45px;
	padding-left:0px;
}
	ol li {
	margin: 0px;
}

sub, sup {
	line-height: 0px;
}

/* Clear */
.clr {
	clear: both; line-height:1px;
}
.clrLeft {
	clear: left;
}
.clrRight {
	clear: right;
}

strong {
	color:#595959;
}

.grauFett, .textHi, .textError {
	font-weight: bold;
	color: #171717;
} 

#metaNavigation {
	margin-left: -10000px;
	position: absolute;
}

/*******************************************/
/* Kopfbereich mit Sprachauswahl und Image */
/*******************************************/
#kopf {	
	width: 810px;
	height: 100px;
	margin: 0;
	padding: 0;
	float: left;
 }


	
	#kopfImage {
		position: relative; /*damit darin kopfImage absolut positioniert werden kann*/
		width: 810px;
		height: 70px;
		margin: 0px; padding: 0px;
		float:left;
	}
		#slideshow {
			clear:both; position:relative;
		}
		#slideshow img {
			display:none; 	position:absolute;
		}
		#slideshow img.start {
			display:block;
		}

	#kopfLogo {
		width: 400px;
		height: 60px; /*70-10*/
		padding: 0 0 0 0;
		/*absolut bezogen auf Elternelement*/
		position: absolute;
		top: 10px;
		left: 0;
	}

		#kopfLogo p {
			height: 60px;
			padding: 8px 0 0 0;
			margin: 0;
			font-family: "Times New Roman", Times, serif;
			font-size: 14px;
			line-height: 14px;
			font-weight: bold;
			color: #4E494B;			
		}

	#fontSwitcher {
		position: absolute; top: 0px; left:15px;	}

		#fontSwitcher a {
			padding: 0px 4px; color: #fff; font-weight: bold;
		}

		#fontSwitcher a:link, #fontSwitcher a:visited {
			color: #fff;
		}

		#fontSwitcher a:hover, #fontSwitcher a:active {
			color: #000;
		}

		#fontSwitcher #fontNormal {
			font-size:11px;
		}
	
		#fontSwitcher #fontBig {
			font-size:12px;	
		}
	
		#fontSwitcher #fontBiggest {
			font-size:14px;	
		}

	
	#topNavigation {
		width: 220px;
		padding: 6px 0 0 0;
		/*absolut bezogen auf Elternelement*/
		position: absolute;
		top: 10px;
		right: 0px;
		white-space: nowrap;
		text-align: right;
	}
	
		#kopfLogo img {
			width: 81px;
			height: 52px;
			padding-right: 35px;
			border: none;
			float: left; 
		}

		#topNavigation a {
			font-size: 11px;
			line-height: 14px;
			color: #4E494B;
		}
		#topNavigation a:link, #topNavigation a:visited  {
			text-decoration: none;
			font-weight: bold;
		}
		#topNavigation a:hover, #topNavigation a:active {
		}


	#kopfWarenkorb {
		position: absolute; top: 0px; right:0px; width: 320px; line-height:18px;
		background: #ffffff; text-align: right; padding-right: 15px; padding-bottom:0px;
		text-align:right; background: #FCC400;
	}


#navMain, #navLeft, #navRight {
	display: block;
	white-space: nowrap;
}

#navMain, #navRight {
	float: left;
}

#navLeft { /* teaserbox: nötig, da sonst die teaser ins menü fließen */
	float: none; 
}

#navLeft, #navRight {
	padding-top: 10px;
	padding-top: 0; 
}





#navMain {
	width: 810px;
	height: 30px;
	margin: 0px; padding: 0px;
	background-color: #E6E7E8;
}

#grauerbalken {
	height: 30px;
	clear: both;
	background: #D8D8D8 url(../pic/verlaufImGrauenBalken.gif) no-repeat left bottom;
}


/********************/
/* Linke Spalte     */
/********************/
#colLeft {
	width: 191px; /*190+1px negativmargin*/
	margin: 0 17px 0 -1px;
	padding: 0; 
	float: left;
	text-align: left;	
	background:  transparent url(../pic/verlaufGrauNavLeft.gif) no-repeat left top;	
	position: relative; /*wegen verlauf in colLeft - IE6*/
	z-index: 1; /*wegen verlauf in colLeft - IE6*/
}
/*
	#colLeftSuche form{
		padding-top: 10px; height: 30px;
	}
*/
	#navLeft {
		width: 189px;
	}
	

	#navLeft h5 {
		height: 28px; width: 160px; margin:0px;
		text-align:right;
		padding-right: 15px; border-bottom: 1px dashed #777777;
	}
	



	ul#linkliste {
		/*list-style-image: url(../pic/pfeilRot.gif);
		list-style-type: none;
		list-style-position:inside;*/
		border-bottom: dotted 1px #FF0000;
		margin: 29px 0 15px 0;
	}
	
	ul#linkliste li {
		height: 29px; /*gleiche höhe wie #linkliste a*/
		margin: 0;
		border-top: dotted 1px #FF0000;
		background-image: none;
		padding-left: 10px;
	}
	
	#linkliste a {
		text-decoration: none;
		list-style-image: none; padding-left: 18px;
		line-height: 29px; /*gleiche höhe wie linkliste li*/
		font-size: 11px;
		display: block;
		background: url(../pic/pfeilRot.gif) no-repeat left center;
	}


/********************/
/* Rechte Spalte     */
/********************/
#startseite #colRight #imagebild {
	/*background: url(../pic/schluesselImage.jpg);*/
	background: url(../pic/baustellenImage.jpg);
	position: relative;
	z-index: 1;
	height: 180px;
	width: 188px;
}

#colRight {
	position: relative;
	z-index: 0;
	float: left;
	text-align: center;
	width: 187px;
	margin: 0px 0px 0px 17px;
	padding: 0 2px 0 0;
}

	#colRight h5 {
		margin:0px;
	}

	#colRight ul {
		padding-left:15px; margin-bottom:5px;
		text-align: left;
	}
	#colRight ul li {
		/* line-height: 20px; */
	}

	/* "normale" Links */
	#colRight ul a:link, #colRight ul a:visited  {
		color: #4772A5; text-decoration:none;
	}
	
	#colRight ul a:hover, #colRight ul a:active {
		color: #000000; text-decoration:underline;
	}


	#colRight .teaserEinzeilig, #colRight .teaserZweizeilig {
		margin: 0px 17px 10px 18px; 
		width: 138px;
		text-align: center; line-height: 15px;
		border:1px solid #D7E0EC; background:url(../pic/back_teaser.gif) repeat-x; 
		font-weight: bold; font-size: 13px;
	}
		#colRight .teaserEinzeilig {
			height: 25px; padding-top: 13px;
		}
		#colRight .teaserZweizeilig {
			height: 34px; padding-top: 4px;
		}

		#colRight .teaserEinzeilig a:link, #colRight .teaserEinzeilig a:visited,
		#colRight .teaserZweizeilig a:link, #colRight .teaserZweizeilig a:visited  {
			color: #6E6E6E; text-decoration: none;
		}
		#colRight .teaserEinzeilig a:hover, #colRight .teaserEinzeilig a:active,
		#colRight .teaserZweizeilig a:hover, #colRight .teaserZweizeilig a:active {
			color: #000000; text-decoration: underline;
		}

	#colLeft p {
		margin: 0px 8px 10px 8px;
		font-size: 11px; line-height: 14px; color:#585555;
	}	
	
	#colRight .teaserBox, #colLeft .teaserBox { /*teaserbox*/
		width: 160px;
		text-align: left;
		font-size: 13px;		
		line-height: 15px;
		border:1px solid #D7E0EC;
		background-color:#F2F2F2;
		
	}

	#colRight .teaserBox { /*teaserbox*/
		margin: 0px 0px 10px 13px; 
	}		
	#colLeft .teaserBox { /*teaserbox*/
		margin: 0px 13px 10px -1px;
	}	
	
	.teaserBox h5 { /*teaserbox*/
		margin: 0;
		padding-top: 10px;
		padding-bottom: 5px;
		text-align: center;
	}
	
	.teaserBox .picPreview { /* teaserbox */
		margin: 4px 0px; 
		border: 0px none;
		text-align: center;
		vertical-align:middle;	
	}
	
	#colLeft .teaserBox ul, #colRight .teaserBox ul { /*teaserbox*/
		margin: 0;
		padding: 3px 10px 2px 10px;		
		font-size: 11px; /*12*/
		line-height: 14px; /*16*/		 
		text-align: left;
		list-style-position: outside;
	}
	
	/* damit die banner nicht unten noch einen div rand erhalten, falls sie verlinkt sind */
	#colLeft .teaserBox .bannerlink, #colRight .teaserBox .bannerlink { /*teaserbox*/
		line-height: 0px;
		font-size: 0px;	
	}
	
	#colRight .teaserGesamt { /*teaserbox*/
		margin-top: -28px;
	}
	
	#colLeft .teaserGesamt { /*teaserbox*/
		margin-top: 10px;
	}	
	
	#colLeft .teasertest { /*teaserbox*/
		display:block;
	}		

	#colLeft .teaserBox, #colRight .teaserBox { /*teaserbox*/
		padding: 0;
	}

	/*teaserbox*/
	.teaserBox a:link, .teaserBox a:visited, .teaserBox a:hover, .teaserBox a:active {
		color: #000000;
		text-decoration: underline;
	}	
	.teaserBox a:link, .teaserBox a:visited {
		color: #6E6E6E;
		text-decoration: underline;
	}	
	
	#colRight .nurLink a:link, #colRight .nurLink a:visited, #colLeft .nurLink a:link, #colLeft .nurLink a:visited { /*teaserbox*/
		color: #000000; text-decoration: none;
	}
		
	#colRight .nurLink a:hover, #colRight .nurLink a:active, #colLeft .nurLink a:hover, #colLeft .nurLink a:active  { /*teaserbox*/
		color: #5D8EC1; text-decoration: underline;
	}
		
	#colRight .nurLink, #colLeft .nurLink { /*teaserbox*/
		text-align: center;
	}	
				
#colDetailPage #colRight {
	background-image:none;
}


/*****************************************/
/* Inhalt normal: mit colRight           */
/*****************************************/
#colInhalt {
	/*width: 398px; */
	width: 395px !important; 	
	width: 394px; /*bei IE6 geht 395 nicht, deshalb dieser hack mit important hintereinander*/ 
	margin: 0px; 
	padding: 8px 0 8px 0; /* 366 */
	float: left;
}

#colInhaltRahmenUnten, #colInhaltRahmenOben {
	clear: both;
}

#sieSindHier {
	height: 22px; /*29-8=21 +1px für rechtes imagebildunterekante*/
	margin: 0;
	padding: 8px 0 0 0; 
	line-height: 14px;
	font-size: 11px;
	color: #707070;
}

	#sieSindHier a:link, #sieSindHier a:visited {
		color: #595959;
		text-decoration:none;
	}
	
	#sieSindHier a:hover, #sieSindHier a:active {
		color: #000000;
		text-decoration: underline;
	}
	
	
#fussZeile, #fussNavigation {
	clear: both; 
	margin: 0px auto 0px auto; padding: 0px;
	width: 810px; height: 30px;
	line-height: 30px;
	text-align: center;
	background: #EE3338;
	color: #fff;
	font-size: 11px;
}
	
#fussZeile a {
	color: #fff;
}	


#interactLink {
	text-align: center;
	margin-top: 15px; height: 15px;
	font-size: 9px;
}
	#interactLink a:link, #interactLink a:visited {
		text-decoration: none;
		color:#BBBBBB;
	}
	#interactLink a:hover {
		text-decoration: underline;
	}


.mehr, .zurueck, .blaettern {
	margin: 0px 0px 5px 0px;
	font-size: 11px;
}
	.mehr {
		margin-bottom: 16px;
		text-align: right; 
		display: block; /* wegen IE6*/
	}
	.zurueck {
		text-align: left;
		clear:left;
	}

	.blaettern {
		margin-top: 20px;
		clear: both; font-weight: bold;
		float: left;
	}

	/*'detailblaettern*/
	.blaettern .vorher {
		float:left;
		width:100px;
		text-align:left;
	}
	
	.blaettern .seiteninfo {
		float:left;
		width:166px;
		text-align:center;
	}
	
	.blaettern .nachher {
		float:right;
		width:100px;
		text-align:right;
	}

	.mehr img {

	}

.datum {
	margin: 0px; float: left; font-weight: bold;
	color: #5A7884;
}


.loop {
	/* LoopStyle für eingebundene Loops: Abstand nach oben und unten */
	margin: 20px 0px 20px 0px; clear: left; /*float: left;*/
}

.loopOhneAbstand {
	/* LoopStyle für Loops am Seitenbeginn */
}

/**********************************/
/* Inhalt inkl. colRight          */
/**********************************/
#colGanzeBreite, #colDynPage, #colDetailPage {
	float: left; 
	width: 601px; 
}

/* Pseudo colRight - auch picDetailContainer beachten */
#colDynPage #colInhalt {
	width: 395px !important; 	
	width: 394px; /*bei IE6 geht 395 nicht, deshalb dieser hack mit important hintereinander*/ 
	margin: 0px;
	/*padding-right: 190px;*//*alt*/
	padding-right: 206px;/*neu*/
}

/********************/
/* Table:           */
/********************/
#produktvarianten {
	width: 100%;
	background:#DEDEDE;
	border:none; line-height:15px;
	font-size:11px;
}

	#produktvarianten .alternateColor {
		background:#EAEAEA;
	}

/************************************/
/* TABELLEN-KOPF produktvarianten	*/
/************************************/
#produktvarianten thead td {
	height: 25px; padding: 0px 5px 0px 5px;
	font-weight: bold; text-align: center;
	background:#FCC400;	border-bottom: 1px solid #FFF;
}

	#produktvarianten thead td.tableVariante {
		border-right: 1px solid #FFF;
		text-align: left;
	}

	#produktvarianten thead td.tableVersand {
		width: 50px; border-right: 1px solid #FFF;
	}

	#produktvarianten thead td.tableStk {
		width: 40px; 
	}

	#produktvarianten thead td.tablePreis {
		width: 102px; text-align: right;
	}

	#produktvarianten .preis{
		font-weight: bold; color: #000;
	}

/************************************/
/* TABELLEN-Inhalt produktvarianten	*/
/************************************/

#produktvarianten tbody td {
	border-bottom:1px solid #FFF;
}

	#produktvarianten tbody td.tablePic {
		width: 45px;
		padding:5px 0px 0px 0px; margin: 0px;		
		vertical-align: top;
		text-align: center;
	}

	#produktvarianten img.picPreview {
		width: 34px; border: 1px solid #FFF;
		padding:0px; margin: 0px;
	}

	#produktvarianten tbody td.tableVariante {
		padding:5px 0px 3px 0px; margin: 0px;		
		border-right: 1px solid #FFF;
	}

	#produktvarianten tbody td.tableVersand {
		text-align: center;
		border-right: 1px solid #FFF;
		line-height:20px;
	}

	#produktvarianten tbody td.tablePreis {
		text-align: right; padding-right: 5px;
		line-height:20px;
	}

	#produktvarianten tbody .noBottomBorder {
		border-bottom: none;		
	}

	#produktvarianten tbody tr:hover {
		background: #FCDE77;
	}

#versandtabelle thead {
	font-weight: bold;	
}

	#versandtabelle thead td {
		text-align: right;	
		padding: 0px 5px;
		background:#ccc;
	}

#versandtabelle tbody td {
	text-align: right;	
	padding: 0px 5px;
	background: #F2F2F2;
}


/********************/
/* Bilder           */
/********************/

/* Positionierung ausserhalb colInhalt in Pseudo-ColRight oder colRight*/
.picDetailContainer {
	width: 188px;
	/* rechter Rand = Bildbreite + padding+rechterRand(colInhalt) als Minuswert*/
	/* linker Rand = rechterRand colInhalt, damit in IE und Firefox gleich*/
	/*margin: 0px -175px 5px 35px;*/
	/*margin: 0px -190px 5px 35px;*/ /*alt*/
	margin: 0px -204px 5px 35px; /*neu*/
	padding: 0px;
	float: right; 
	clear: right;
	display: inline;

	/* auch #colDynPage #colInhalt beachten */

}
#colRight .picDetailContainer {
	margin: 0 0 8px 0; /* Abstand oben wegen dynamischer Seiten */
}

/* Container für Bild im Textbaustein-Loop, rahmen gilt auch für Bilder in rechter spalte */
.picDetail {
	width: 106px;
	padding: 0px;
	margin: 0px 0px 15px 15px;
	border: 1px solid #ED383E;
	float: right;

}
	#colDynPage .picDetail, #colRight .picDetail, #colDetailPage picDetail {
		/*width: 138px;*/
		width: 186px;
		margin: 0 -1px 0 0;
		padding: 0;
	}

.picFullTeaser { /*teaserbox*/
	width:100%; 
	padding: 0px;
}

.picPreview {
	margin: 2px 0px;
	border: 1px solid #ED383E;
}

.picGalerie {
	width: 100%;
}

	/* klassische Bildgalerie, eCards */

	.picGalerie .picPreview {
		margin: 0px;
	}

	.picGalerie .last {
		margin-right: 0px;
	}

	.picGalerie ul {
		margin: 0px 0px 0px 0px; padding: 0px;
		list-style: none;
	}
	
	.picGalerie	ul li {
		margin: 0px 12px 12px 0px; padding: 0px;
		float:left;	background: none;
	}
	
	.picGalerie	ul li .picPreview {
		margin: 0px 0px 0px 0px;
	}

	.picGalerie a:link.ecard, .picGalerie a:visited.ecard {
		display:block; text-align: center;
	} 

	.picGalerie a:hover.ecard, .picGalerie a:active.ecard {
	
	} 


/********************/
/* Bilder allgmein  */
/********************/

img.picNull {
	margin:0px; padding:0px; border:none;
}
img.picTrans {
	margin: 0; border: none; background: #FFFFFF; 
	/* filter:Alpha (opacity=70); -moz-opacity:0.7; */
}
img#kopfImageX {
	margin:0px; padding:0px;
	width: 810px;
	height: 160px;
}

img.ecard {
	width:396px; border:1px solid #D7E0EC; 
}

/******************************************************************/
/* Formularelemente, vgl. auch kontaktformular.css, warenkorb.css */
/******************************************************************/

form, select, input, textarea, submit {
	margin:0px; padding:0px; 
}
/* Schriftfamilie dezidiert angeben! v.a. wegen textarea!*/
/* Schriftgröße in em, damit abhängig von default-body-Größe*/
select, input, textarea, submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/*	#colInhalt form {

	}*/

	form input {
		height: 18px; padding: 0px 0px 0px 2px; line-height: 19px;
		border: 1px solid #7F9DB9; background: #FAFAFA;
	}	

	form textarea {
		padding: 0px 0px 0px 2px; line-height: 19px;
		border: 1px solid #7F9DB9; background: #FAFAFA;
	}	

	form select {
		height: 20px; padding: 0px 0px 0px 2px; line-height: 19px;
		border: 1px solid #7F9DB9; background: #FAFAFA;
	}

/*	option {

	}	*/

	form submit {
		width: 150px;
		border: none;
	}

	label {
		line-height:19px; margin:0px; padding: 0px; display:block;
	}

	.readonlyInput label { /*'formReadonly - label ausblenden*/ 
		/*display: none;*/
	}
	
	.readonlyInput input { /*'formReadonly*/ 
		background: #ddd !important;
		color: #777;
	}
		
	.readonlyInputFull { /*'formReadonly*/
		/* display: none; */
	}

	
.button {
	width: 66px; height: 20px; border: 1px solid #A6A6A6;
	margin-left:5px; padding:0px; line-height: 18px;
	font-size: 11px; font-weight: bold; text-align:center;
	background: url(../pic/button.gif); cursor: pointer;
}

		a.button:link, a.button:visited  {
			color: #000000; text-decoration: none;
		}
		a.button:hover, a.button:active {
			color: #000000; text-decoration: underline;
			/* background: url(../pic/button-hi.gif); */
		}

		a.intoWarenkorb:link, a.intoWarenkorb:visited  {
			width:100px; height: 18px; 
			display: block; float:right; margin: 0px; 
		}
		a.intoWarenkorb:hover, a.intoWarenkorb:active {
			text-decoration: underline;
		}


/********************************************************************/
/* Style-Sheets für Produkte-Loop und Detailseite mit Bestellbutton */
/********************************************************************/

.ohneBottomAbstand {
	margin-bottom: 0px;
}

/* Loop */
dd .preis {
	float:left; margin-top:-15px;
}

dd .button {
	float:right; margin-top:-6px;
}

/* Detailseite */
#preisUndBestellen {
	padding: 10px 10px 0px 10px; margin: 20px 0px 18px 0px;
	clear:both;	background: #E2E2E2;

}

	.ohneProduktDetail {
		height:45px;
	}
	
	.mitProduktDetail {
		height:70px;
	}

	#preisUndBestellen .preis {
		float:left;
	}
	
	#preisUndBestellen #bestellen {
		padding:0px; text-align:right; margin-top:14px;
	}

	#preisUndBestellen form {
		float:right;
	}
	
	.buttonInaktiv {
		width:100px; padding-right:0px;
		background: none; text-align: right; border: none;
	}

	#produktDetail1 {
		width:130px; margin-bottom:5px;
	}
	
	.produktAnzahl {
		width:45px; 
		float:left; margin-left: 5px;
	}

#abPreisBox {
	width: 388px; height: 20px; /* 366 */
	padding: 5px; text-align: right;
	background: #FCC400;
}

	#abPreisBox .preis {
		float: right;
	}

	.preisHinweisMwst {
		width: 393px; padding: 5px 5px 10px 0px;
		text-align:right;
	}

/*****************/
/* PopupHinweise */
/*****************/
#popupHinweis {
 position: absolute; z-index:500; top: 290px; margin-left:80px;
 width: 250px; background: #ffffff; border: #757575 solid 1px;
 /* filter:progid:DXImageTransform.Microsoft.Shadow(Color=#BDBDBD, direction=135, strength=8); */
}    

#popupHinweis .titel {
 height:23px; padding-left:5px;
 text-align:center; line-height:21px;
 font-size:12px; font-weight:bold;
 background: #757575; color:#FFFFFF;
}    

#popupHinweis .close a:link, #popupHinweis .close a:visited,
#popupHinweis .titel a:link, #popupHinweis .titel a:visited {
 font-size:11px;	color:#34547A
}

#popupHinweis .close a:hover, #popupHinweis .close  a:active,
#popupHinweis .titel a:hover, #popupHinweis .titel  a:active {
 color:#000000;
}

#popupHinweis .text {
 background: #FFFFFF;
 padding:5px;text-align:center;
 font-size:12px; color:#000000;
}    

#popupHinweis .close {
 padding:4px;
 font-size:11px; color:#000000;text-align:center;
 background: #C6C6C6;
} 

/*****************/
/* Indexfilter   */
/*****************/
#indexfilter {	/* Form */
	padding: 0px 0px 10px 10px;
	margin: 0px 0px 18px 0px;
	clear: both;
	background: #E6E7E8;
	border: dotted #666666 1px;
}
	
.indexfilter {	/* DIV */
	margin: 0px; padding-top:5px; height: 40px;
}

	#indexfilter label {
		font-weight:bold; color: #595959;
	}
	
	.formfeld {
		float:left;
	}
	
	form p {
		clear:both;
	}

	form .inputNormal {
		width:120px; margin-right: 10px;
	}
	form .inputSchmal {
		width:55px; margin-right: 10px;
	}

	form .selectNormal {
		width:124px; margin-right: 10px;
	}
	form .selectSchmal {
		width:57px; margin-right: 10px;
	}

	form .selectBreit {
		width:202px; margin-right: 10px;
	}

	form .selectDoppelt {
		width:258px; margin-right: 10px;
	}	
	
	form .checkbox {
		width: 21px; border: 0px none;
	}
	
	.feed { /*rss-feed-erweitert*/
		margin: 0 0 0 3px;
		padding: 0 0 0 19px;
		background: url("../pic/feed-icon-14x14.png") no-repeat 0 50%; /*color image repeat attachment position;*/
	} 
	
	.feedFiltered { /*rss-feed-erweitert*/
		margin: 0 0 0 3px;
		padding: 0 0 0 19px;
		background: url("../pic/feed-icon-14x14-half.png") no-repeat 0 50%;
	}	
	
	.feed-list { /*rss-feed-erweitert*/
		margin: 0 0 15px 15px;
		padding: 0;
		list-style-type: none;
	}
	
	.feed-list li { /*rss-feed-erweitert*/
		margin: 0 0 10px 0;
		padding: 0;
		list-style-type: none;
	}
	
	.feed-list li a { /*rss-feed-erweitert*/
		padding: 0 0 0 19px;
		background: url("../pic/feed-icon-14x14.png") no-repeat 0 50%;
		list-style-type: none;
		color: #000;
	} 	
	
	#fussZeile a.feed {
		color: #fff;
		font-weight: bold;
	}
	
	.unscheinbar { /*rss-feed-erweitert*/
		font-size: 0.7em;
		font-style: normal;
		font-weight: normal;
	}

	a:link.feed, a:visited.feed, a:link.feed, a:visited.feed,
	a:link.feedFiltered, a:visited.feedFiltered, a:link.feedFiltered, a:visited.feedFiltered { /*rss-feed-erweitert*/
		text-decoration: none;
	}
	
	/*teaserbox-style*/
	#colRight .userStyle1, #colLeft .userStyle1 {
		background-color: #FFCC66;
	}


/************************************
 Hinweistext für den User in hervorgehobener Box auf Detailseiten bei der Preview  
 ' preview_hinweis_box
 ************************************/
div#previewHinweisText {
	margin: 2px;
	padding: 2px;
	color : #000000;
	background-color: #FFFF99;
	border: 2px groove #000;
}

div#previewHinweisText h1 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
}

form input.urlTextBox {
	width: 100%;
	height: 12px;
}

.textHiBereich {
	font-weight: bold;
	color: #171717;
} 

table.preview_box {
	width: 100%;
	line-height: 12px;
	font-size: 10px;
}

table.preview_box td {
	vertical-align: top;
}

table.preview_box td.ueberschrift {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 12px;
}

table.preview_box td.bereichsbezeichnung {
	white-space: nowrap;
	vertical-align: top;
}

table.preview_box td.abstandhalter {
	padding-bottom: 20px;
}

table.preview_box td.linkspalte {
	width: 90%;
}