@charset "utf-8";

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


/*
Farben:
#C6CAE7: hellstes violett: active-Links
#A6A9C2: hell-violetter Seitenhintergrund und hintergrund neuigkeiten/mitglied teaser und normale links im kopf
#8F91A6: mittlere violett: visited links
#565D6D: dunkelvioletter Kopf-/Linkespaltenhintergrund

#BE3433: mittleres rot für nicht aktivieren mainNavHintergrund
#992D2A: dunkles rot für aktivierten mainNavHintergrund

#565D6D: Startseite Textbaustein Bild-Rahmen
#35373C: Farbe von Zwischenüberschriften
*/


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

body { 
	margin: 0px; padding: 0px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:12px; line-height:16px;
	text-align: center;  /*IE*/
	color: #171717;	background: #A6A9C2;
}


#seite {
	width: 778px; 
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: left; 
	min-height: 500px;
	background: #FFFFFF;
}
	



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

h1 {
	margin: 0px 0px 6px 0px; padding: 0px;
	font-size: 12px; line-height: 20px; color:#262626; 
}
.loopOhneAbstand h1 {
	clear:both; /* nötig für kurztextige Textbausteine wegen Umbruch */
}

h2 {
	color:#35373C;
}

h2, h2.lead, p.lead {
	margin-top:15px; 
	margin-bottom: 8px; 
	padding: 0px;
	font-size: 12px; 
	line-height: 16px; 
	clear: left; 
}
	/* Lead */
	h2.lead, p.lead {
		margin-top: 0px;
		font-weight: bold;
		color:#4A626C;
	}
	.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: #4A626C;
}
	h3.datum {
		margin: 0px 0px 8px 0px; padding: 0px;
		color:#35373C;
	}

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: 11px; font-weight: bold;
	}
	
	dt a:link, dt a:visited {
		text-decoration: none;
		color:#35373C;
	}

	dd {
		width: 294px;
		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;
	/*text-align: left;*/
	/* clear:left; verträgt sich nicht mit Kontaktformular */
}
	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: 8px 8px 8px 5px;
		font-size: 11px; 
		line-height: 16px; 
		color: #000;
		text-align: left;
	}

	#colRight p.mehr {
		margin-top: 4px;
	}
		
	#colRight p.mehr a {
		display: block;
		padding: 0;
		font-weight: bold;
		text-align: right;
		color: #000;
		background: none;	
	}

	
	.teaserBox p { /*teaserbox*/
		margin: 0px 5px 10px 5px;
		font-size: 11px; 
		line-height: 14px; 
		color:#585555; 
	}
		
	#colDynPage p {
		/*text-align: left;*/
		/* clear:left; verträgt sich nicht mit Kontaktformular */
	}
	.picDetailContainerP, #colRight .picDetailContainerP  {
		margin:0px 0px 10px 0px; 
		padding:0px 4px;
		font-size: 10px; 
		line-height: 12px;
		font-weight: normal; display:block;
	}	

/* "normale" Links */
a:link {
	color: #000;
}
a:visited  {
	color: #8F91A6;
}
a:hover {
	color: #000;
}
a:active {
	color: #000;
}

	.mehr a:link, .mehr a:visited,
	.zurueck a:link, .zurueck a:visited
	 {
		padding-left: 15px;
		text-decoration:underline;
		font-weight: bold;
		/*background-image:url(../pic/pfeil.gif); background-position: left; background-repeat:no-repeat;*/
	}

	.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,
	.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 {
	/* position: relative; top:5px; */
	vertical-align: middle;
	margin: 2px 0px 2px 0px; padding:0px 0px 0px 5px;
}


/* Listen */
ul {
	margin: 8px 0 5px 5px;
	padding-left: 3px;
	list-style: none;
}
	ul li {
		margin: 0 0 8px 0;
		padding-left: 20px;
		background-image: url(../pic/newsbullet.gif); background-repeat:no-repeat; background-position: 0px 2px;
		line-height: 15px; 
	}


ol {
	margin: 8px 0 5px 20px;
/*	margin: 15px 0px 15px 60px;*/
	padding-left:0px;
}
	ol li {
		margin: 0 0 8px 0;
		padding-left: 0px;
		line-height: 15px; 
}

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: 778px; height: 196px;
	margin: 0; padding: 0;
	float: left;
 }
 
 	#kopfLeft, #kopfRight, #kopfImage {
		float: left;		
		height: 168px;
		text-align: left;
		position: relative;
	}
	
 	#kopfLeft {
		width: 190px;		
	}
	
 	#kopfRight {
		width: 170px;
		padding: 0 9px 0 9px;
		color: #A6A9C2;
		background-color: #565D6D;		
	}			

	#kopfImage {
		/*position: relative;*/ /*damit darin kopfImage absolut positioniert werden kann*/
		width: 400px; 
		/*height:160px; */
		margin: 0; 
		padding: 0;
		/*float:left;*/
	}
		#slideshow {
			clear:both; position:relative;
			/*background: url(../pic/kopf_image/back_kopfimage.jpg)*/
		}
		#slideshow img {
			display:none; 	position:absolute;
		}
		#slideshow img.start {
			display:block;
		}


	#fontSwitcher {
		position: absolute; top: -2px; left: 8px;
		line-height: 20px;
		font-size: 9px;
		letter-spacing: -0.4px;
	}

		#fontSwitcher a {
			padding: 0px 2px;
		}
		/*
		#fontSwitcher a:link, #fontSwitcher a:visited {
		}

		#fontSwitcher a:hover, #fontSwitcher a:active {
		}
		*/		


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


	#topNavigation {
		height: 20px; 
		padding: 0 0 0 0;
		color: #8E8E8E; 
		font-size: 9px;  
		line-height: 20px;		
		text-align: right;
		letter-spacing: -0.7px;
	}

		#topNavigation a {
			text-decoration: none; 		
		}
		
		#topNavigation a:link  {
			color: #A6A9C2; 
		}
		
		#topNavigation a:visited  {
			color: #8F91A6; 
		}		
		
		#topNavigation a:hover, #topNavigation a:active {
			color: #C6CAE7;
		}

		
	#topAdresse {
		padding: 28px 0 0 0;
		font-size: 11px; 
		line-height: 14px;
	}
	
		#topAdresse em {
			font-style: normal;
			font-weight: bold;
			letter-spacing: -0.4px;
		}

	
		#topAdresse #topMitgliedWerden {
			display: block;
			padding: 26px 0 0 0;
			font-weight: bold;
			text-align: right;
			color: #A6A9C2;
		}
			
	#kopfLeft img {
			width: 190px; 
			height: 168px; 
			padding: 0;
			border: none; 
			float: left; 
		}


	#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 {
	float: left; display: block; white-space: nowrap; padding-top:10px; 
}



#navMain {
	width: 778px; 
	height: 28px;
	margin: 0; 
	padding: 0;
	background-color: #BE3433; 
	/*background-image: url(../pic/back_mainnav.gif);*/
}


/********************/
/* Linke Spalte     */
/********************/
#colLeft {
	width: 190px; 
	margin: 0px 17px 0 0; 
	padding: 0; 
	float:left; 
	text-align: right;
	background:url(../pic/verlaufLinks.gif) repeat-x;
	min-height: 440px;
}

	#colLeftSuche form{
		padding-top:10px; height:30px;
	}

	#navLeft { 
		width: 190px;
		float: none;  /* teaserbox: nötig, da sonst die teaser ins menü fließen */
		padding-top: 28px;
	}


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


/********************/
/* Rechte Spalte     */
/********************/
#colRight {
	width: 188px; 
	/*HIERmargin:0 0 0 17px;*/
	margin:0 0 0 16px; padding: 0;  
	float:left; text-align: center;
	/*background:url(../pic/spaltentrennstrich.gif) no-repeat left 5px;*/
}

	#colRight .teaserboxEvents, #colRight .teaserboxNews, #colRight .teaserboxMitgliedWerden, #colRight .teaserBox {
		border-top: 1px solid #C6CAE7;
		border-bottom: 1px solid #C6CAE7;
		border-left: 1px solid #C6CAE7;
	}

	#colRight .teaserboxEvents, #colRight .teaserboxNews {
		margin-bottom: 35px;
	}	
	

	#colRight h5 {
		margin: 0;
		padding-top: 4px;
		padding-right: 10px;
		height: 24px;
		color: #565D6D; 
		background-color: #A6A9C2;
		line-height: 20px;
		font-size: 12px;
	}
 
	#colRight h5 a:link, #colRight h5 a:visited {
		text-decoration: none;
		color: #565D6D;
	}

	#colRight h5 a:hover, #colRight h5 a:active {
		text-decoration: underline;
		color: #565D6D;
	}
	
	
	#colRight ul {
		margin: 9px 0 5px 0;
		padding-left: 6px;
		text-align: left;
		font-size: 11px;
	}	
	
	#colRight ul li {
		padding-left: 18px;
	}	

	/* "normale" Links */
	#colRight ul a {
		color: #000;
	}
	
	#colRight ul a:link, #colRight ul a:visited  {
		text-decoration: none;
	}
	
	#colRight ul a:hover, #colRight ul a:active {
		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; */
		margin-bottom: 35px;
	}		
	#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: 9px 0 9px 0;
		padding: 3px 10px 2px 10px;		
		font-size: 11px; 
		line-height: 14px; 		 
		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 {
	/*HIER width: 366px;*/
	width: 367px; margin: 0px; padding: 4px 0 10px 0;
	float: left;
}

#colInhalt .loop { /*kein Abstand nach oben, da z.B. kindergärten-angebot keinen Loop-Titel hat, nur kategorie*/
	margin-top: 0;
}

#colInhaltRahmenUnten, #colInhaltRahmenOben {
	clear: both;
}

#sieSindHier {
	height: 22px;
	margin: 0;
	padding: 6px 0 0 0; 
	line-height: 17px; font-size: 9px;
	color: #000000;
}

	#sieSindHier a:link, #sieSindHier a:visited {
		color: #595959;
	}
	
	#sieSindHier a:hover, #sieSindHier a:active {
		color: #000000;
	}
	
	
#fussZeile, #fussNavigation {
	clear:both; 
	margin: 0px auto 0px auto; padding: 0px;
	width: 778px; height: 35px;
	text-align: center;
	background: #757575;

}


#interactLink {
	text-align: center;
	margin-top: 5px; height: 15px;
	font-size: 9px;
}
	#interactLink a:link, #interactLink a:visited {
		text-decoration: none;
		/*color: #C6CAE7;*/
		color: #565D6D;
	}
	#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: #35373C;
}


.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: 571px;
}

/* Pseudo colRight - auch picDetailContainer beachten */
#colDynPage #colInhalt {
	width: 366px; margin: 0px; padding-right: 175px;
}


/********************/
/* Table:           */
/********************/

table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #BE3433; 
	background: #DBDFFF;
	vertical-align: top;
}

table th {
	padding: 0 0.5em;
	text-align: left;
	font-weight: bold;
}

table tr td {
	border: 1px solid #CCC;
}

table td {
	padding: 0 0.5em;
	vertical-align: top;
}

table td:first-child {
	font-weight: bold;
}

table.noSpezial td:first-child {
	font-weight: normal;
	white-space: nowrap;
}



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

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

	/* auch #colDynPage #colInhalt beachten */

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

/* Container für Bild im Textbaustein-Loop */
.picDetail {
	width: 105px;
	padding: 0;
	margin: 0 0 15px 15px; 
	border: 1px solid #565D6D;
	float: right;

}
	#colDynPage .picDetail, #colRight .picDetail, #colDetailPage picDetail {
		width: 187px; 
		/* margin: 0; */
		padding: 0;
		border-top:1px solid #C6CAE7;
		border-left:1px solid #C6CAE7;
		border-bottom:1px solid #C6CAE7;
		border-right: none 0;
	}

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

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

.picGalerie {
}

	/* 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 14px 14px 0px; padding: 0px;
		float:left; background:#ccc; display:inline;
	
		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;
}

img.ecard {
	width:364px; 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: 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);
		}


/********************************************************************/
/* 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:55px;
	}




/*****************/
/* PopupHinweise */
/*****************/
#popupHinweis {
 position: absolute; z-index:500; top: 290px; margin-left:60px;
 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 */
	/* background:  #E0E0E0; */
	padding: 0px 0px 10px 10px; margin: 0px 0px 18px 0px;
	clear:both;
	/* background: url(../pic/punktiert.gif); border: none; */
	background: #F2F2F2;
}
	
.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;
	}