/************************** Allgemeine Formatierungen ******************/
					
h1.allgemeineHeadline {
	width:				702px;
	margin-bottom: 10px;		
	text-align:			left;
	font-size:			12px;
	font-weight:		bold;
	line-height:		20px;
	text-indent:		5px;
	color:				#03345D;
	background-color:	#FFFFFF;
	border:				1px solid #DEDEDE;
}

h1.allgemeineHeadline[class] {
	width:				700px;
}

h1.allgemeineHeadline a {
	color:				#03345D;
	text-decoration:	none;
}

h1.allgemeineHeadline span {
	display:			block;
	color:				#03345D;
	background-color:	#F2F2F2;
	margin:				2px;
}

h1.contentHeadline {
	width:				100%;
	background-color:	#D0D5D9;
	text-align:			left;
	font-size:			11px;
	font-weight:		bold;
	text-indent:		5px;
	color:				#6D808F;
	line-height:		18px;
	margin-top:			10px;
}

.contentAusgabe {
	display:			block;
	text-align:			center;
	margin:				10px;
}

.contentRow {
	display:			block;
	width:				100%;
	text-align:			left;
	font-size:			11px;
	margin-top:			1px;
	padding:			2px;
}

.contentSecondRow {
	display:			block;
	width:				100%;
	background-color:	#F2F2F2;
	text-align:			left;
	font-size:			11px;
	margin-top:			1px;
	padding:			2px;
}

.fliesstext {
	display:			block;
	margin-top:			10px;
	margin-bottom:		10px;
}

.fliesstext img {
	float:				left;
	margin-right:		10px;
	margin-bottom:		10px;
}


.higlightText {
	font-weight:		bold;
}

/***** Listformatierungen ********/

ul.list {
	list-style-position: inside;
}

ol.list {
	list-style-position: inside;
}


/******* Hervorhebungen fuer Preise und Infos **********/

h2.contentHervorhebung {
	display:			inline;
	font-size:			14px;
	color:				#FF7900;
	padding-right:		4px;
}

h2.textHeadline {
	font-weight:		bold;
	font-size:			12px;
}

h3.contentWichtig {
	display:			block;
	font-size:			12px;
	color:				#FF7900;
	padding-right:		4px;
	padding-top:		10px;
	padding-bottom:		10px;
}

.blockausgabe {
	display:			block;
	text-align:			left;
}

.fehlerMeldung {
	display:			block;
	color:				red;
	font-size:			12px;
	font-weight:		bold;
	margin:				8px;
	text-align:			center;
}

.erfolgsMeldung {
	display:			block;
	color:				green;
	font-size:			12px;
	font-weight:		bold;
	margin:				8px;
	text-align:			center;
}

/***************************** Startseite Artikelformatierung ******************************/

.artikelCleaner {
	clear:				both;
	padding-bottom:		10px;
}

.startArtikelBox {
	width:				700px;
}

#startArtikelFormat {
   display: 			block;
   float: 				left;
   width: 				155px;
 height: 				185px;
   margin: 				9px;
   border: 				1px solid #000000;
   text-decoration: 	none;   
   text-align:			center;
}

span.startArtikelbildFormat a {
	display:			block;
	padding-top:		3px;
}

span.startArtikelnameFormat a {
	display:			block;
}

span-startArtikelpreisFormat {
	display:			block;
}


/*********************************** Artikel Kategorieanzeige ***************************************/

#kategorieArtikelFormat {
   display: 			block;
   float: 				left;
   width: 				150px;
   height: 				165px;
   margin: 				6px;
   border: 				1px solid #DCE6EC;
   text-decoration: 	none;   
   text-align:			center;
}

span.kategorieArtikelbildFormat a {
	display:			block;
	padding-top:		3px;
}

span.kategorieArtikelnameFormat a {
	display:			block;
}




/***************************** Artikeluebersicht Formatierung ******************************/

.weiterZurueckFormat {
	text-align:			center;
	line-height:		25px;
}

span.artikelweiterButton  a {
	font-weight:		bold;
	font-size:			14px;
	margin:				5px;
}

span.artikelZurueckButton a {
	font-weight:		bold;
	font-size:			14px;
	margin:				5px;
}

.artikelBox[class] {
	width:				100%;	
}

#contentRahmen {
	border:				1px solid #D0D5D9;
}

#ArtikelUebersichtFormat {
   float: 				left;
   width: 				305px;
   height:				250px;
   border: 				1px solid #D0D5D9;
   text-decoration: 	none;   
   margin:				14px;
   background-color:	#ffffff;
} 

#ArtikelUebersichtFormat[id] {
   width: 				310px;
}

.artikelUebersichtBild a {
	display:			block;
	text-align:			center;
	margin:				10px;
}

.artikelUebersichtName a {
	display:			block;
	text-align:			center;
	margin-top:			10px;
	font-weight:		bold;
}

.artikelUebersichtPreis {
	display:			block;
	text-align:			center;
	margin-top:			3px;
}

.artikelUebersichtInfos {
	display:			none;
	float:				right;
	width:				355px;
	text-align:			left;
	margin-top:			5px;
	margin-right:		10px;
	line-height:		17px;
}


select.variantenForm {
	display:			none;
	width:				150px;
	float:				left;
	text-align:			left;
	margin-top:			3px;
	margin-right:		10px;
	margin-left:		2px;
}




/***************************** Artikeldetail Formatierung ******************************/

.artikelDetailBild {
	float:				left;
	width:				140px;
	text-align:			left;
	margin:				10px;
}

a.artikelDetailBilder, .artikelDetailBilder {
	float:				left;
	margin:				10px;
}

.artikelDetailInfos {
	display:			block;
	float:				left;
	width:				355px;
	text-align:			left;
	margin-top:			5px;
	margin-right:		10px;
	line-height:		17px;
}

.variantenFormat {
	display:			block;
	min-height:		20px;
	
}

#ArtikelDetailCrossellingFormat {
	
   	display: 			block;
   	float: 				left;
   	width: 				120px;
   	height:				120px;
   	margin:				5px;
   	border:				1px solid #000000;
   	text-decoration: 	none;
   	padding-top:		5px;
   	text-align:			center;
}

.ausgabeBewertung {
	display:			block;
	text-align:			left;
	margin-bottom:		15px;
}

textarea.artikelPartnerTextarea {
	width:				530px;
	height:				150px;
	border:				1px solid #6D808F;
	background-color:	#EDEFF0;
	font-size:			10px;
	font-family:		verdana, arial, "sans serif";
}


/********************************* Content Formular Formatierungen ************************/

fieldset {
	border:				1px solid #6D808F;
	background-color:	#EDEFF0;
	padding:			5px;
}

label.content {
	float:				left;
	width:				160px;
}

input.content, select.content {
	width:				290px;
	height:				19px;
	font-size:			12px;
	border:				1px solid #6D808F;
	margin:				3px;
}

input.contentMed {
	width:				245px;
	height:				19px;
	font-size:			12px;
	border:				1px solid #6D808F;
	margin:				3px;
}

input.kleincontent {
	width:				35px;
	height:				19px;
	font-size:			12px;
	border:				1px solid #6D808F;
	margin:				3px;
}

textarea.content {
	width:				290px;
	height:				120px;
	font-size:			12px;
	border:				1px solid #6D808F;
	margin:				3px;
}

input.radio {
	width:				10px;
	height:				10px;
}

.allgemeinSubmitButton, a.allgemeinSubmitButton {
	float:				right;
	margin:				5px;
	padding:			3 5px;
	border:				1px solid #000000;
	font-weight:		bold;	
}

.warenkorbButtonUebersicht {
	float:				right;
	margin:				5px;
	padding:			0 5px;
	border:				1px solid #000000;
	font-weight:		bold;
}

.merkzettelButtonUebersicht {
	float:				right;
	margin:				5px;
	padding:			0 5px;
	border:				1px solid #000000;
}

.warenkorbButtonDetail {
	float:				right;
	margin:				5px;
	padding:			0 5px;
	border:				1px solid #000000;
	font-weight:		bold;
}

.merkzettelButtonDetail {
	float:				right;
	margin:				5px;
	padding:			0 5px;
	border:				1px solid #000000;
}

.warenkorbButtonKasse {
	float:				right;
	margin:				5px;
	padding:			2 5px;
	border:				1px solid #000000;
	font-weight:		bold;
}

.weitershoppenButtonKasse {
	float:				right;
	margin:				5px;
	padding:			2 5px;
	border:				1px solid #000000;
}


#formfehler {
	background-color:	red;
	color:				#ffffff;
}



/********************************* Content Tabellen Formatierungen ************************/

table {
	width:				100%;
	table-layout:		auto;
	border-spacing:		8px;
	empty-cells:		show;
	border-collapse:	collapse; /* seperate unterteilt Spalte */
}

th {
	background-color:	#F2F2F2;
	font-weight:		bold;
	font-size:			10px;
	color:				#6D808F;
	padding:			3px;
	spacing:			1px;
	border:				1px solid #F2F2F2;
}

td {
	padding:			3px;
	font-size:			10px;
	border:				1px solid #F2F2F2;
	background-color:	#F2F2F2;
	vertical-align:		top;
	overflow:			hidden;
	line-height:		16px;
}

td.tdSummHighlightLow {
	text-align:			right;
}

td.tdSummHighlight {
	font-weight:		bold;
	text-align:			right;
}

td.tdSummeGesamt {
	font-weight:		bold;
	text-align:			right;
	color:				red;
	font-size:			12px;
}



/********************** Formatierung fuer Zahlungsart und Versandartauflistung ***********************/

.zahlVersandListFormat {
	display: 			block;
	font-weight:		bold;
	font-size:			13px;
	padding-bottom:		10px;
}

.zahlVersandListBeschreibung {
	display: 			block;
	padding-bottom:		35px;
}


/******************************** CMS **************************************/

.CMSBox {
	width:				100%;
}

#CMSUebersichtFormat {
  	display: 			block;
   	float: 				left;
   	width: 				100%;
   	text-decoration: 	none;   
   	xbackground-color:	#F2F2F2;
	background-color:	#FFFFFF;
	border:				1px solid #DEDEDE;
}

.CMSUebersichtBild a {
	width:				140px;
	float:				left;
	text-align:			left;
	margin:				10px;
}

.CMSUebersichtName {
	display:			none;
	width:				100%;
	float:				right;
	text-align:			left;
	margin-top:			10px;
	padding-right:		10px;
	font-weight:		bold;
}

.CMSUebersichtInfos {
	display:			block;
	float:				right;
	width:				100%;
	text-align:			left;
	line-height:		17px;
}

.textBildFormat {
	float:					left;
	margin:					0 10px 10px 0;
}


/************************ CSS Anweisungen f�r Onlinesachen *********************/

/* Allgemeine ContentBox mit Hintergrund */
.editorBox {
	display:			block;
	background-color:	#F2F2F2;
	margin-left:		2px;
	margin-top:			2px;
	margin-right:		2px;
	padding:			5px;
	padding-left:		8px;
	padding-top:		10px;
}

.editorBox p img {
	border-right:		20px solid transparent;
}

div.editorImageHeadline {
	position:			relative;
	top:				20px;
}

div.editorImageHeadline h1 {
	position:			relative;
	top:				-15px;
	left:				40px;
	color:				#6B8CAB;
	font-size:			13px;
}

h1.contentEditorHeadline {
	font-size:			12px;
	padding-bottom:		10px;
}

p.contentEditorAbsatz {
	padding-bottom:		10px;
}

p.contentEditorBoth {
	clear:				both;
}

em {
	font-size:			16px;
	font-weight:		bold;
	font-style:			normal;
}

ul.contentEditorList {
	position:			relative;
	left:				5px;
	list-style-type:	square;
}

ul.contentEditorList[class] {
	left:				18px;
}

ul.contentEditorList li {
	text-indent:		15px;
}

ul.contentEditorList[class] li {
	text-indent:		1px;
}

.screenieRight{
	padding: 			1px 1px 1px 1px;
	margin: 			5px 0px 5px 10px;
	border-color: 		#EEEEEE;
	border-style:		solid;
	border-width:		2px;
	float:				right;
	text-align:			center;
}

.screenieLeft{
	padding: 			1px 1px 1px 1px;
	margin: 			5px 10px 5px 0px;
	border-color: 		#EEEEEE;
	border-style:		solid;
	border-width:		2px;
	float:				left;
	text-align:			center;
}

div.floatBox1 {
	float:				left;
	width:				170px;
	padding-bottom:		15px;
}

div.floatBox2 {
	display:			block;
	padding-bottom:		25px;
}

div.floatBox2 div {
	float:				right;
	position:			relative;
	top:				0px;
	left:				0px;
}

div.floatBox3 {
	float:				left;
	width:				220px;
	padding-bottom:		15px;
}

div.floatBox4 {
	float:				left;
	width:				500px;
	padding-bottom:		15px;
	padding-right:		10px;
}

div.floatBox4 h1 {
	position:			relative;
	top:				-15px;
	left:				40px;
	color:				#6B8CAB;
	font-size:			13px;
}


strong.editorPadding {
	display:			block;
	padding-bottom:		7px;
}


div.demoBox {
	float:				left;
	width:				300px;
	height:				245px;
	border:				1px solid #CFD5D5;
	padding:			5px;
	margin:				10px;
	background-color:	#ffffff;
}

div.demoBox h1 {
	position:			relative;
	top:				-15px;
	left:				40px;
	color:				#6B8CAB;
	font-size:			13px;
}

div.demoBox div {
	display:			block;
	text-align:			center;
}

div.demoBox ul {
	position:			relative;
	left:				26px;
	list-style-type:	square;
	padding-bottom:		10px;
	width:				250px;
	clear:				both;
}

div.demoBox[class] ul {
	left:				38px;
}

div.demoBox ul li {
	text-align:			left;
	text-indent:		15px;
}

div.demoBox[class] ul li {
	text-indent:		1px;
}


div.homeBox {
	float:				left;
	width:				300px;
	border:				1px solid #CFD5D5;
	padding:			5px;
	margin:				10px;
	background-color:	#ffffff;
}

div.homeBox h1 {
	position:			relative;
	top:				-15px;
	left:				40px;
	color:				#6B8CAB;
	font-size:			13px;
}

div.homeBox ul {
	position:			relative;
	left:				26px;
	list-style-type:	square;
	padding-bottom:		10px;
	width:				250px;
}

div.homeBox[class] ul {
	left:				38px;
}

div.homeBox ul li {
	text-align:			left;
	text-indent:		15px;
}

div.homeBox[class] ul li {
	text-indent:		1px;
}

div.textButton {
	float:				left;
	background-position: right;
	background-image: url(http://www.dierandgruppe.com/images/button/button_right.gif); 
	background-repeat:	no-repeat;
	height:				23px;
	min-width:			100px;
}

div.textButton a {
	display:			block;
	background-position:top left;
	background-image: 	url(http://www.dierandgruppe.com/images/button/button_left.gif);
	background-repeat: 	no-repeat;
	height:				23px;
	text-align:			center;
	line-height:		23px;
	padding-right:		5px;
	padding-left:		5px;
	font-weight:		bold;
	color:				#03345D;
	text-decoration:	none;
}

div.demoButtonPos {
	border:				0px;
	margin:				5px;
}

div.demoBox div.demoButtonPos div.textButton {
	margin:		10px;
}