/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

body {
	font-family: Arial, sans-serif;
	font-size: 12px; 
	background-color: #FFF;
	color: #000;
	margin: 0;
	padding: 0;
}


img { border: 0; }
input { font-family: Arial, sans-serif; background-color: #F3F6F9;}
div, ul, form, input, select, h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}


a { color: #004c8c; text-decoration: none;}
a:hover, a:active { color: #bb0101; text-decoration: underline; }

strong, b { font-weight: bold;}
em, i { font-style: italic;}
h2 { font-weight: bold;}


.clearfix:after {  /* für Firefox, IE8, Opera, Safari, etc. */
    content: ".";  
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
* + html .clearfix { /* für IE7 */
    display: inline-block;
}
 
* html .clearfix { /* für IE6 */
	height: 1%;
}

/* #----#----#----#----#----#       M A I N        #----#----#----#----#----#  */


#container
{
	margin: auto;
	padding: 0;
	display: block;
	width: 1000px;
	background-image: none;
}

#header { width: 816px; float: left;}

#logo
{
	width: 341px;
	height: 120px;
	background: url('../images/design/logo_der_steyler2.gif') 1px 30px no-repeat;
	cursor: pointer;
}
	#logo span
	{
		position: absolute;
		top: -999px;
	}
	#logo h4
	{
		position: absolute;
		margin-top: 93px;
		color: #930000;
		font-size: 20px;
		font-weight: normal;
		line-height: 22px;
	}
	

#logoSub
{
	position: absolute;
	margin: -72px 0 0 320px;
	width: 350px;
	line-height: 175%;
}
	#logoSub h4, #logoSub h5
	{
		margin: 0;
		padding: 0;
		font-weight: normal;
		color: #003c7d;
		line-height: 20px;
	}
	#logoSub h4 { font-size: 20px; }
	#logoSub h5	{ font-size: 12px; margin: -3px 0 0 0; }


#reiter
{
	height: 31px;
	background: url('../images/design/reiterBg.gif') #930000;
	overflow: hidden;
	line-height: 14px;
}

	#reiter ul
	{
		width: 816px;
		height: 31px;
		list-style-type: none;
	}
	#reiter li
	{
		padding: 10px 0 0 0;
		color: #FFF;
		float: left;
		text-align: center;
		border-left: 1px solid #002228;
	}
	#reiter a
	{
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		padding: 11px 18px 11px 17px;
		text-decoration: none;
		letter-spacing: 0;
	}
	#reiter a:hover { color: #DDD; }

#mood
{
	width: 816px;
	height: 114px;
	background-repeat: no-repeat;
	overflow: hidden;
}

	#mood.none
	{
		background: url('../images/mood_winter.jpg') 0 -17px;
	}

	#mood.welten, #mood.weltSchnaeppchen
	{
		width: 998px;
		height: auto;
	}

	#mood.weltSteyl
	{
		/*background-image: url('../images/welt_steyl.jpg');*/
		background-image: url('../images/welt_steyl_sommer.jpg');
	}

	#mood.weltRuhe
	{
		background-image: url('../images/welt_ruhe.jpg');
	}
	
	#mood.weltGeschenke
	{
		background-image: url('../images/welt_geschenke.jpg');
	}
	
	#mood.weltWeihnachten
	{
		background-image: url('../images/welt_weihnachten.jpg');
	}

	#mood.weltSchnaeppchen
	{
		background-image: url('../images/welt_schnaeppchen.jpg');
	}
	
	#mood.weltOstern
	{
		background-image: url('../images/welt_ostern.jpg');
	}
	
	#mood.weltKommunion
	{
		background-image: url('../images/welt_kommunion.jpg');
	}
	
	#mood.weltMutter
	{
		background-image: url('../images/welt_muttertag.jpg');
	}
	#mood.weltGrossKlein
	{
		background-image: url('../images/welt_grossklein.jpg');
	}
	#mood.weltSchulanfang
	{
		background-image: url('../images/welt_schulanfang.jpg');
	}
	#mood.weltWoche
	{
		background-image: url('../images/welt_nurdiesewoche.jpg');
	}



	#suche
	{
		margin-top: 4px;
		height: 31px;
		overflow: hidden;
		background-color: #f1f1f1;
		line-height: 14px;
	}
		#suche a { font-weight: bold; color: #767676; text-decoration: none;}
		#suche a:hover { color: #930000;}
		#suche div { float: left; margin: 5px 5px 0 0;}
		#suche div.t { margin: 9px 8px 0 13px; }
		#suche select
		{
			margin-right: 3px;
			/*border: 1px solid #9F9F9F;*/
			font-size: 12px;
		}
		#suche input, #sucheBox input
		{
			width: 300px;
			padding: 2px 5px 2px 5px;
			color: #767676;
			border: 1px solid #767676;
			background-color: #FFF;
			font-style: italic;
			font-size: 12px;
		}
		
			#suche input.normal, #sucheBox input.normal { font-style: normal; color: #000;}
		
	
		#suche input.submit, #sucheBox input.submit
		{
			width: 50px;
			height: 18px;
			border:none;
			background: url('../images/design/pfeil_rot.gif') 6px 6px no-repeat;
		}
			#sucheBox input { margin-top: 5px; width: 130px;}
			#sucheBox input.submit { width: 15px; padding: 0;}


	
	
	

/* #----#----#----#----#----#        M E N U E       #----#----#----#----#----#  */

#menue
{
	clear:left;
	float: left;
	width: 175px;
	margin: 4px 0 10px 0;
}
	
	#menue ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		line-height: 14px;
	}
	

	#menue div.head, #menue div.steyler
	{
		display: block;
		margin: 0;
		padding: 6px 0 1px 13px;
		width: 162px;
		height: 20px;
		background-image: url('../images/design/bg_blue.gif');
		background-color: #3b6790;
	}
	#menue div.steyler
	{
		height: 27px;
		width: 133px;
		padding: 33px 0 0 42px;
		line-height: 150%;
		background-image: url('../images/design/bg_ueber_steyler2.gif');
		overflow: hidden;
	}
	#menue div a
	{
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
	}
	
	#menue ul.sub 	 {  margin:  9px 0 15px 13px; }
	#menue ul.sub li {	margin:  0 0 3px 0; line-height: 14px; }
	#menue ul.sub a  {	color: #000; }
	#menue ul.sub a.ausgewaehlt, #menue ul.sub a.ausgewaehlt:hover { text-decoration: none; font-weight:bold; color: #930000; }
	#menue ul.sub a:hover,	#menue ul.sub a:active { text-decoration: underline; }



	
/* #----#----#----#----#----#       W E L T E N     #----#----#----#----#----#  */

/*
#content.welten img.prespacer, #content.weltSchnaeppchen img.prespacer
{
	width: 500px;
	height: 170px;
}
*/

#welten, #content.welten, #content.weltSchnaeppchen
{
	width: 998px;
	background-color: transparent;
}


	#welten .head
	{
		margin: 0 0 0 450px;
		width: 375px;
		height: 145px;
		line-height: 16px;
	}
	#welten .head h1
	{
		margin: 0;
		color: #213b83;
		font-size: 48px;
		line-height: 90%;
		font-weight: bold;
		font-style: italic;
		font-family: "Palatino", "Palatino Linotype", "Book Antiqua", Times, serif;
	}
	#welten .head h3 { margin: 8px 20px 0 5px; font-size: 14px; font-weight: normal;}

	#welten .head h1 span { font-size: 34px; }
	

	#welten .seiten { margin: -12px 10px 30px 0; clear: both;  font-weight: bold;}
	
	#welten .list
	{
		float: left;
		width: 255px;
		height: 480px;
		margin: 0 0 10px 60px;
		overflow: hidden;
	}

		
		#welten div.stoerer, #welten div.stoerer
		{
			position:absolute; margin-left: 190px; z-index: 100; width: 100px; 
		}
		
		#welten .list .bild
		{
			height: 220px;
			width: 255px;
			overflow: hidden;
		}
		#welten .list div.info { padding: 20px 0 0px 0;  border-bottom: 1px solid #003c7d;}
		#welten .list p { margin: 0; padding: 0;}
		#welten .list .name_autor { height: 57px;}
		#welten .list .name { font-size: 16px; max-height: 42px; line-height: 120%; overflow: hidden;  } 
		#welten .list .autor { margin-bottom: 4px;  }
		#welten .list .autor a { color: #000; } 
		#welten .list .text { height: 114px; overflow: hidden; line-height: 120%;} 
		
		#welten .list .zusatz { text-align: right; margin-top: 3px;}
		
		#welten .list .preis { display: inline; font-size: 16px; color: #bb0101; font-weight: bold; clear: both;} 
		#welten .list .preisInfo { display: inline; font-size: 12px; font-style: italic; }
		#welten .list .bestellNr { padding: 0 0 6px 0;} /* veraltet */
		#welten .list .warenkorbButton {margin-top: 3px;}


	#welten .listArtikel
	{
		float: left;
		width: 460px;
		height: 160px;
		margin: 0 0 4px 10px;

	}
	
		#content.weltSchnaeppchen .spacer
		{
	        float: left;
			width: 500px;
			height: 164px;
		}
	
		#welten .listArtikel.Odd
		{
			margin: 0 0 4px 60px;
		}

		#welten .listArtikel .titel a { color: #bb0101;}

		#welten .listArtikel .zusatz
		{
			position: absolute;
			margin: 30px 0 0 321px;
		}


		#content.weltSchnaeppchen h1, #content.weltWoche h1
		{
			color: #bb0101;
		}

/* #----#----#----#----#----#       C O N T E N T      #----#----#----#----#----#  */

#content
{
	float: left;
	margin: 4px 0 0 5px;
	width: 636px;
	overflow: hidden;
}


	/*  - - - - - - - - start - - - - - - - - - - - - - */
	#start
	{
		margin: 0 0 0 33px;
	}
		#start h2
		{
			font-size: 24px;
			font-weight: normal;
			color: #213b83;
			margin: 13px 0 10px 0;
		}
	
		#start .startBox, #warenkorb .startBox
		{
			float: left;
			width: 255px;
			margin: 0 0 10px 0;
			overflow: hidden;
			height: 310px;
		}
		
		#start a { text-decoration: none;}
		
		#start .Odd, #warenkorb .Odd
		{
			 margin-left: 65px;
		}

		#start div.stoerer, #warenkorb div.stoerer
		{
			position:absolute; margin-left: 190px; z-index: 100;
		}
		#start div.bild, #warenkorb div.bild
		{
			padding: 5px 0 0 0;
		}
		#start div.bild img, #warenkorb div.bild img
		{
			height: 220px;
			width: 255px;
		}		
	
		#start div.titel, #warenkorb div.titel
		{
			vertical-align: baseline;
			border-bottom: 1px solid #003c7d;
			margin: 5px 5px 0 0;
			padding: 2px 1px 2px 0px;
		}
		#start div.titel a, #warenkorb div.titel a
		{
			vertical-align: baseline;
			font-weight: bold;
			text-decoration: none;
		}
		#start div.subtitel, #warenkorb div.subtitel
		{
			font-size: 11px;
			padding: 2px 0 0 0;
		}
		#start div.subtitel a, #warenkorb div.subtitel a { color: #000; } 
		#start div.subtitel a:hover { text-decoration: underline; } 
		
		
		#start div.preis, #warenkorb div.preis
		{
			float: right;
			padding: 0 4px 0 0;
		}
		#start div.preis span, #warenkorb div.preis
		{
			color: #bb0101;
			font-weight: bold;
			font-size: 16px;
		}


	/*  - - - - - - - - auflisten - - - - - - - - - - - - - */

	#auflistenKats h1
	{
		font-size: 24px;
		font-weight: normal;
		color: #213b83;
		margin: 13px 0 20px 33px;
	}

		#auflistenKats .lister
		{
			float: left;
			margin: 0 0 30px 33px;
			padding: 0;
			width: 270px;
			height: 180px;
		}
		
		#auflistenKats a { font-size: 11px; }
		#auflistenKats h2 {margin: 0 0 4px 0;}
		#auflistenKats h2 a { color: #003c7d; font-size: 16px; font-weight: bold;}
		
		#auflistenKats .info
		{
			padding: 0 0 2px 0;
			border-bottom: 1px solid #003c7d;
		}
		
		#auflistenKats .info img { float: right;}
		
		#auflistenKats img.first, #auflistenKats img.second
		{
			height: 100px;
			margin: 4px 10px 10px 0;
			float: left;
		}
		
		#auflistenKats img.second
		{
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";  
			filter: alpha(opacity=40);
			opacity: 0.4;
		}
		
		#auflistenKats .mehr { float: left; margin-right: 170px; }
		#auflistenKats .mehr a { font-size:12px; }
		
	/*  - - - - - - - - auflisten - - - - - - - - - - - - - */
	
	#auflisten h1
	{
		font-size: 24px;
		font-weight: normal;
		color: #213b83;
		margin: 13px 0 0 33px;
		line-height: 30px;
		
	}
		#auflisten h1 b, #auflisten h1 a { color: #213b83; font-weight: normal; font-size: 20px;}
		#auflisten h1 em, #auflisten h1 a:hover { color: #930000; background-color: transparent; font-style: normal; text-decoration: none;}
	
		#auflisten h2 { color: #213b83; font-weight: normal; font-size: 20px; padding: 13px 0 0 33px; line-height: 24px;}
		#auflisten h3 { color: #213b83; font-weight: normal; font-size: 16px; margin: 13px 20px 13px 33px; line-height: 18px;}
	
		#auflisten h4
		{
			font-size: 12px;
			font-weight: normal;
			margin: 3px 250px 0 33px;
		}
		
		#auflisten em { font-weight: bold; font-style: normal; background-color: #ffe9b9; padding: 1px 2px; }
		
		#auflisten div.vorschau
		{
			margin: 10px 0 5px 0 ;
			padding: 5px 0 10px 28px;
			background: url('../images/design/bg_details.gif') #e4e4e4 repeat-x;
			line-height: 14px;		
		}
		
		#auflisten div.vorschau div.bild { width: 220px; min-height: 170px;}
		#auflisten div.vorschau div.bild img { width: 220px; }
		#auflisten div.vorschau div.stoerer { position:absolute; margin-left: 150px;}
		#auflisten div.vorschau div.stoerer img { width: 56px;}
		#auflisten div.vorschau div.infos
		{
			position: absolute;
			margin: 16px 0 0 135px;
			width: 290px;
		}
		#auflisten div.vorschau div.infos { \margin-lef\t: 265px; }
		#auflisten div.vorschau div.infos { margin-lef\t: 265px; }
		
			#auflisten div.vorschau div.titel a { font-size: 14px; text-decoration: none; }
			#auflisten div.vorschau div.autor, .listArtikel div.autor { padding: 3px 0;}
			#auflisten div.vorschau div.autor a, .listArtikel div.autor a { font-size: 11px; color: #000; }
			#auflisten div.vorschau div.beschreibung, .listArtikel div.beschreibung { padding: 10px 0;}
			#auflisten div.vorschau div.mehr a, .listArtikel div.mehr a { font-size: 11px; }
	
		#auflisten div.vorschau div.zusatz
		{
			float: right;
			text-align: right;
			height: 80px;
			margin: -68px 0 0 0;
			padding: 0 30px 0 0;
			width: 300px;	
		}
			#auflisten div.vorschau div.zusatz .warenkorbButton
			{
			float: right;
			}
			#auflisten div.vorschau div.zusatz .preisInfo { font-size: 11px; font-style: italic;  }
			#auflisten div.vorschau div.zusatz .preis { margin: 4px 0 4px 0; color: #bb0101; font-size: 16px; font-weight: bold;}
		
		
	.listArtikel
	{
		margin: 7px 30px 0 33px;
		border-bottom: 1px solid #003c7d;
		padding-bottom: 4px;
		line-height: 14px;	
	}
		
		.listArtikel .bild	{ width: 150px; min-height: 130px}
		.listArtikel .bild img	{ width: 150px; }
		.listArtikel div.titel a { font-size: 12px;  text-decoration: none;}
		.listArtikel div.infos
		{
			position: absolute;
			margin: 9px 0 0 175px;
			width: 290px;
		}
		.listArtikel div.zusatz
		{
			float: right;
			text-align: right;
			height: 130px;
			margin: -130px 0 0 0;
			padding: 0;
		}
			.listArtikel div.zusatz .preisInfo
			{
				height: 85px;
				position: relative;
			}
				.listArtikel div.zusatz .preisInfo div
				{
					width: 150px;
					position: absolute;
					bottom: 0;
					right: 0;
				}
		
		
		.listArtikel div.zusatz .preis { margin: 3px 0 4px 0; color: #bb0101; font-size: 14px; font-weight: bold; }
	
	
	.seitenNav { padding: 20px 30px 0 0; text-align: right;}
		
		.seitenNav ul { margin: 0 0 0 180px; padding: 0; }
		.seitenNav li { display: inline; list-style-type: none; padding: 0 6px; white-space: nowrap;}
		.seitenNav li.bord { border-left: 1px solid #000; }
		.seitenNav li a { color: #000; text-decoration: none;}
		.seitenNav li a:hover { color: #bb0101; }
		.seitenNav .selected a { font-weight: bold; font-size: 14px; color: #bb0101;}
	


	#sorting
	{
		position: absolute;
		z-index: 100;
		margin-left: 405px;
		margin-top: -16px;
	}
	
	#seitenanzahl
	{
		margin-top: -17px;
		margin-left: 33px;
		position: absolute;
	}

/*  - - - - - - - - warenkorb - - - - - - - - - - - - - */

	#kaufHead 
	{
		height: 30px;
		overflow: hidden;
	}

		#kaufHead div.head
		{
			float: left;
			margin: 0 16px 0 0;
		}

		#kaufHead div.head h1
		{
			font-size: 18px;
			font-weight: normal;
			color: #213b83;
			margin: 0;
		}
		#kaufHead div.head h1 strong { font-size: 18px; }
		#kaufHead div.head h1 a { font-weight: normal; text-decoration: none;}

		#kaufHead div.off h1, #kaufHead .off h1 a { color: #d0d6e5; }
		#kaufHead div.off h1 a:hover { color: #213b83; }



	#direktError
	{
		font-size: 14px;
		font-weight: bold;
		color: #213b83;
		margin: 10px 0 10px 0;
		padding: 20px;
		background-image: url('../images/design/bg_vorschau.gif');
		background-repeat: repeat-x;
	}
	
	#direktError div
	{
		font-size: 12px;
		font-weight: bold;
		color: #bb0101;
		padding: 10px 0 0 10px;
	}


	#warenkorb
	{
		margin: 13px 0 0 33px;
	}
	
		
		#warenkorb table
		{
			margin: 20px 0 10px 0;
			width: 100%;
			border: 0;
			border-collapse: collapse;
			vertical-align: top;
		}
		#warenkorb table tr { border-bottom: 1px solid #213b83; vertical-align: top;}
		#warenkorb table td { padding: 10px; vertical-align: top;}
		#warenkorb table td.head { font-weight: bold;}
		#warenkorb table td.a1 { width: 270px; }
		#warenkorb table td.a2 { width: 105px; }
		#warenkorb table td.a4 { width: 75px; text-align: right; padding-right: 33px;}
		
		#warenkorb table td.bild { padding: 4px 0; width: 90px;}
		#warenkorb table td.bild img { width: 80px;}
		#warenkorb table p { margin: 0 0 5px 0;}
		#warenkorb table a { font-size: 11px;}
		#warenkorb table div a { font-size: 11px; color: #bb0101;}
		#warenkorb table p a { font-weight: bold; font-size: 12px;}
		#warenkorb table i { font-size: 11px; font-style: normal;}
		#warenkorb table .lieferbar {  font-weight: bold; color:#bb0101; margin-top:15px;}
		#warenkorb table input
		{
			font-size: 12px;
			font-family: Arial, sans-serif;
			padding: 3px 6px;
			border: 1px solid #003c7d;
			width: 30px;
			margin-bottom: 10px;
		}
		
		#warenkorb h2
		{
			font-size: 14px;
			font-weight: bold;
			color: #213b83;
			margin: 0px 0 10px 0;
		}
		
		#warenkorb h4
		{
			font-size: 18px;
			font-weight: bold;
			color: #213b83;
			margin: 10px 0 10px 0;
			padding: 20px;
			background-image: url('../images/design/bg_vorschau.gif');
			background-repeat: repeat-x;
		}
		
		
		#warenkorb .adresse { width: 210px;}
		#warenkorb .adresse div{ padding: 2px;}
		#warenkorb .vis1 { display: block;}
		#warenkorb .vis, #warenkorb .vis0 { display: none;}
		
		

	#bestellen { margin: 13px 0 0 33px; }
	
		#bestellen h1 {
			font-size: 24px;
			font-weight: normal;
			color: #213b83;
			margin: 13px 0 0 0;
		}
		#bestellen h3 {
			font-size: 14px;
			font-weight: bold;
			color: #213b83;
			margin: 23px 0 0 0;
		}

		
		
		#bestellen table
		{
			margin: 0px;
			border-collapse: collapse;
			border-spacing: 0;
			font-size: 12px;
		}

		#bestellen table td {  padding: 4px 10px; vertical-align: middle;}
		#bestellen table .firstWidth {  width: 96px; }
		
		#bestellen input.in, #bestellen textarea
		{
			border: 1px solid #003c7d;
			font-size: 12px;
			padding: 2px 3px;
			font-family: Arial, sans-serif;
		}
		
		#bestellen input.in { width: 200px; }
		#bestellen input.in2 { width: 25px; }
		#bestellen input.in3 { width: 60px; }
		#bestellen input.in4 { width: 129px; }	
				
		
		#bestellen .balken { border-bottom: 1px solid #213b83; margin: 10px 33px 10px 0; padding: 0 0 5px 0;}
		#bestellen .balken h2 { margin: 0 0 0 0; font-size: 14px; color: #213b83;}
		#bestellen .balken input { width: auto; margin: 0 10px 0 0;}
		#bestellen .balken div {  }
		
		#bestellen div.err { display: none; color: #bb0101;}
		#bestellen .err.on { display: block;   }
			
			
/*  - - - - - - - - details - - - - - - - - - - - - - */

	#details { }
	
		#details .header { max-height: 400px;  }
		#details .header .bild { width: 370px; min-height: 400px; margin: 10px 0 0 10px;}
		#details .header .stoerer { position: absolute; margin: 10px 0 0 290px;}
		#details .header .titel { position: absolute; margin: 40px 0 0 383px; width: 250px;}
		#details .header h1 { color: #003c7d; font-size: 24px; margin: 0; font-weight: normal;}
		#details .header h3 { font-size: 12px; margin: 1px 0 15px 0; font-weight: normal;}
		#details .header h3 a { color: #000;}
		#details .header h5 { font-size: 14px; margin: 1px 0 15px 0; max-height: 34px; margin:0; overflow: hidden; font-weight: normal;}
		#details .header span { font-weight: bold;}
		#details .header .lieferbar { color: #bb0101; font-size: 14px; font-weight: bold; }
		
		#details .zusatz { float: right; margin: -200px 0 0 0; width: 252px;}

		#details .zusatz .preis { color: #bb0101; font-size: 20px; margin: 3px 0 1px 0; font-weight: bold;}
		#details .zusatz .bestellNr { line-height: 130%; margin: 0 0 15px 0;}
		#details .zusatz .menge  { margin: 0 0 7px 0;}
		#details .zusatz .menge option { padding:  0 5px; text-align: center;}
		
		#details .box { margin: 10px 0 5px 0; padding: 7px 0 8px 33px; line-height: 120%;}
		#details .text { background-image: url('../images/design/bg_details.gif'); background-repeat: repeat-x; background-color: #dbe4f2; line-height: 120%; }
		#details .box h2 { margin: 0 0 5px 0; color: #003c7d; font-size: 14px; font-weight: bold;}
		#details .box p,
		#details .box div.detailContentNormal { margin: 0 260px 0 0; }
		#details .box p.info { margin: 18px 260px 0 0; font-style: italic;}
		#details .detailansicht div { font-size: 11px; padding-top: 3px;}
		#details .detailansicht img { margin: 0 10px 0 0; cursor: pointer;}
		
		#details .box ul { margin: 0; padding:0;} 
		#details .box ul.verwandt li { margin: 0; list-style-type: none;} 
		#details .box ul.verwandt ul li { display: inline;  padding: 0 3px 2px 0; }
		#details .box ul.verwandt a { font-size: 11px; color: #000; }
		#details .box ul.verwandt a:hover { color: #bb0101; }
		
		#details .empfehlung {height: 255px; overflow: hidden; }
		#details .empfehlung .artikel { float: left; margin: 5px 25px 60px 0; max-width: 160px;}
		#details .empfehlung .artikel img { margin: 4px 0;}
		#details .empfehlung .artikel a { font-weight: bold;}
		#details .empfehlung .artikel span { font-size: 11px;}
		
		#details  .mehr { font-size: 11px;  margin: 0; padding: 0 0 0 33px;}
		
		#details .sammlung { position: absolute; margin: 50px 0 0 270px; width: 300px; }
		#details .sammlung h3 { margin: 0;}
		#details .sammlung span { font-size:11px;}
		#details .sammlung .preisInfo { font-weight: bold; margin-top: 15px;}
		#details .sammlung .preis { color: #bb0101; font-size: 16px; margin: 3px 0 5px 0; font-weight: bold;}
		#details .sammlung .mehr { padding: 15px 0 0 0;}


/*  - - - - - - - - statische seiten - - - - - - - - - - - - - */


#static { margin: 13px 0 0 33px; line-height: 14px; }
	
	#static h1
	{
		font-size: 24px;
		font-weight: normal;
		color: #213b83;
		margin: 0 0 15px 0;
		line-height: 28px;
	}
	#static h2 { color: #213b83; font-size: 14px; font-weight: bold; margin: 25px 100px 0 0; border-bottom: 1px solid #213b83; line-height: 18px;}
	#static h3 { color: #213b83; font-size: 16px; font-weight: bold; margin: -10px 100px 30px 0; line-height: 18px; }
	#static p { font-size: 12px; margin: 10px 100px 0 0; text-align:left; }
	#static .big { font-size: 12px;}
	
	#static table {  margin: 10px 100px 0 0;}

	#static table td { padding: 3px; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #213b83;}
	#static table td.first { width: 180px;}


/*  - - - - - - - - direktBestellen  - - - - - - - - - - - - - */

#direktBestellen { line-height: 14px;}

	#direktBestellen .line  { clear: left; margin-top: 10px;}

	#direktBestellen .line div {  float: left;  margin: 3px 6px 3px 0px; line-height: 16px;}
	
	#direktBestellen .line div input
	{
		border: 1px solid #003C7D;
		font-size: 12px;
		padding: 2px 3px;
		background-color: transparent;
	}
	 *+html #direktBestellen .line div input, * html #direktBestellen .line div input { margin-left: -32px; margin-top: -1px;}
	
	
	#direktBestellen .line .an { width: 40px; }
		#direktBestellen .line .an input { width: 30px;}
		
	#direktBestellen .line .be { width: 100px; }
		#direktBestellen .line .be input {  width: 90px; font-weight: bold;}
		
	#direktBestellen .line .te { width: 250px; padding: 2px 3px; overflow: hidden; } 
	
	#direktBestellen .line .pr { width: 60px; text-align: right;}
		#direktBestellen .line .pr.st {  font-style: italic; }
		
	#direktBestellen .line .st { height:14px; padding: 2px 3px; border: 1px solid #DEDEDE; background-color:#F1F1F1; }
	
	#direktBestellen .line .de { width: 60px; padding: 3px 3px 3px 0; }
		#direktBestellen .line .de img { width: 10px; height: 10px; background-color: #910000;}
	
	#direktBestellen .line .r { border-color: #910000; color: #910000;}


/*  - - - - - - - - geschenkeFinder - - - - - - - - - - - - - */

	#geschenkeFinder {
		background: url('../images/geschenkefinder.gif') no-repeat 100% 0;
	}
		
		#geschenkeFinder .geschenkeHead { padding-bottom: 30px; }
		
		
		#geschenkeFinder.hide { background: none; }
		#geschenkeFinder.hide .geschenkeHead { display: none; }
		

		#geschenkeFinder p { padding-right: 192px; }
	
		#geschenkeFinder .h { margin: 0 0px 10px 0;  color: #003c7d; font-size: 16px; line-height: 20px;}
/*		
		#geschenkeFinder .step1 { margin: 0 45px 0 0px;}
		#geschenkeFinder .step2 { margin: 0 30px 0 15px;}
		#geschenkeFinder .step3 { margin: 0 15px 0 30px;}
		#geschenkeFinder .step4 { margin: 0 0 0 45px;}
*/
		#geschenkeFinder .num { 
			clear: left;
			width:34px;
			height:34px;
			margin: 10px 0 0 10px;
		} 
		#geschenkeFinder .step1 .num { background-image: url('../images/design/1b.png'); }
		#geschenkeFinder .step1.grey .num { background-image: url('../images/design/1g.png'); }
		
		#geschenkeFinder .step2 .num { background-image: url('../images/design/2b.png'); }
		#geschenkeFinder .step2.grey .num { background-image: url('../images/design/2g.png'); }
		
		#geschenkeFinder .step3 .num { background-image: url('../images/design/3b.png'); }
		#geschenkeFinder .step3.grey .num { background-image: url('../images/design/3g.png'); }
		
		#geschenkeFinder .step4 .num { background-image: url('../images/design/4b.png'); }
		#geschenkeFinder .step4.grey .num { background-image: url('../images/design/4g.png'); }
	
		#geschenkeFinder .txt {
			font-size: 14px;
			width:200px;
			margin: 22px 0 0 40px;
		} 
		#geschenkeFinder .sel { 
			margin: 19px 80px 0 0;
		
		} 
			#geschenkeFinder .sel select {
				width: 200px;
			}
			#geschenkeFinder .sel select.red {
				border: 1px solid #BB0101;
			}
			
		#geschenkeFinder .grey div { color: #DEDEDE;}

		

		
/*  - - - - - - - - warenkorb button - - - - - - - - - - - - - */

.warenkorbButton
{
	height: 23px;
	width: 139px;
	text-align: left; 
	padding: 0;
	margin: 0;
	background-color: #1c518d;
	background-image: url('../images/design/bg_warenkorb.gif');
}
	.warenkorbButton.grey { background-color: #DEDEDE; background-image: url('../images/design/bg_warenkorb_grey.gif'); }

	.warenkorbButton img
	{
		height: 18px;
		width: 139px;
	}
	.warenkorbButton a.schrift
	{
		position: absolute;
		font-weight: bold;
		color: #FFF;
		padding: 5px 0 0 9px;
		text-decoration: none;
	}
	

	div.warenkorbButton.back { background: url('../images/design/bg_warenkorb2.gif'); }
	div.warenkorbButton.back a { padding: 5px 0 0 29px; }
	div.warenkorbButton.absenden { background-color: #ad0102; background-image: url('../images/design/bg_abschicken.gif'); }

/* #----#----#----#----#----#       F O O T E R      #----#----#----#----#----#  */

#footer
{
	clear: left;
	padding: 20px 0 10px;
	width: 1000px;
	line-height: 16px;
}

	#footer .submenue {	text-align: center; }
	
	#footer .leiste
	{
		height: 25px;
		background-image: url('../images/design/bg_blue.gif');
		background-color: #3b6790;
	}
	
	#footer .submenue ul { margin: 0 60px; padding: 4px 0 0 0; list-style-type: none; }

	#footer .submenue li { display: inline; padding: 6px; }
	#footer .leiste li { display: inline; padding: 5px 20px 0px 20px; border-left: 1px solid #ccd6e1; }
	
	#footer .submenue li a { color: #3b6790; font-size: 11px; white-space:nowrap;  }
	#footer .leiste li a { color: #FFF; font-size: 12px; white-space:nowrap; }
	
	#footer p { font-weight: bold; color: #3b6790; margin: 20px 0 0 0;}
	#footer div a img { margin: 0 15px;}



/* #----#----#----#----#----#       L E I S T E   R E C H T S       #----#----#----#----#----#  */

#leiste
{
	float:right;
	margin: -300px 2px 0 0;
	width: 175px;
	line-height: 100%;
}
	#leiste.welten, #leiste.weltSchnaeppchen
	{
		position: absolute;
		margin: 0 0 0 823px;
		top: 0px;
		float: none;
	}

	#leiste a { text-decoration: none; }

	#hotline
	{
		height: 116px;
		line-height: 140%;
	}
		#hotline a { color: #0f4b89; }
		#hotline a img { margin-right: 6px; width: 34px; height: 26px; }
	
		#hotline div
		{
			float: left;
			margin: 57px 0 0 0;
			font-size: 14px;
			font-weight: bold;
			text-align: right;
			color: #0f4b89;
		}
		#hotline div.t {width: 135px;}
		
		#hotline span
		{
			font-size: 11px;
			font-weight: normal;
			color: #000;
		}
	
	

div.abstand { margin: 20px; background: none; }
	
div.boxTop
{
	margin: 4px 0 0 0;
	padding: 0;
	width: 175px;
	background-color: #e5e5e5;
	background-image: url('../images/design/bg_vorschau.gif');
	background-repeat: repeat-x;
}

	div.boxTop .button
	{
		margin: 0 0 8px 0;
		background-image: url('../images/design/bg_blue_big.gif');
		background-color: #3b6790;
	}
	div.boxTop .grey { background-image: url('../images/design/bg_grey_big.gif'); }
	div.boxTop .button a, div.boxTop .button_klein a { color: #FFF; cursor: pointer; text-decoration: none}

	div.boxTop .button a img.spacer
	{
		height: 31px;
		width: 160px;
		margin:0;
	}
	
	div.boxTop .button a img.pfeil
	{
		position: absolute; 
		height: 11px;
		width: 7px;
		margin: 10px 0 0 160px
	}
	div.boxTop .button a span
	{
		position: absolute;
		font-weight: bold;
		font-style: normal;
		margin: 0;
		padding: 11px 5px 10px 10px;
	}
	div.boxTop .button_klein
	{
		margin: 0;
		background-image: url('../images/design/bg_blue.gif');
		background-color: #3b6790;
	}
	
	div.boxTop .button_klein div a
	{
			font-weight: bold;
			font-style: normal;
	}
	div.boxTop .button_klein div { padding: 8px 0 6px 10px;  }
	div.boxTop .button_klein a img.pfeil  { margin-right: 7px; float: right; }



	div.boxTop div.warenkorbZusatz
	{
		padding: 10px 0 22px 12px;
	}
	div.boxTop div.warenkorbZusatz a
	{
		font-size: 11px;
		font-style: italic;
		color: #000;
	}

	
	div.boxTop div.sucheZusatz
	{
		padding: 4px 0 35px 12px;
	}



/* #----#----#----#----#----#       B O X E S       #----#----#----#----#----#  */


div.boxWerbung {
	padding-bottom: 10px;
}

	div.boxWerbung .button
	{
		margin: 10px 0 4px 0;
		height: 26px;
		color: #FFF;
		font-weight: bold;
	}

	div.boxWerbung .button div { padding: 8px 0 0 10px; }
	div.boxWerbung .orange { background-color: #930000; background-image: url('../images/design/bg_red.gif'); }
	div.boxWerbung .blue { background-color: #3b6790; background-image: url('../images/design/bg_blue.gif'); }

	div.boxWerbung .bild
	{
		width: 175px;
		height: auto;
	}
	div.boxWerbung .name
	{
		margin: 6px 0 2px 0;
		padding: 0 2px 2px 0;
		border-bottom: 1px solid #285986;
	}
	div.boxWerbung .name a { font-weight: bold; color: #285986; text-decoration: none; }
	div.boxWerbung .name a:hover, div.boxWerbung .name a:active { color: #930000 }
	div.boxWerbung .preis { text-align: right; }
	div.boxWerbung .preis a { font-weight: bold; color: #000;  text-decoration: none;}
	
	
	div.boxWerbung .mitbestellen {	height: 30px; margin-top: 5px; }
	

	.mitbestellen .warenkorbButton
	{
		width: 175px;
		height: 22px;
		padding: 1px 0 0 1px;
		background-image: url('../images/design/bg_mitbestellen.gif');
	}
	
div.boxWerbung.schnapp
{
	margin-bottom: 15px;
}
	div.boxWerbung.schnapp .preis { padding: 3px 0; }
	div.boxWerbung.schnapp .preis a { color: #bb0101; font-size: 16px; }
	


/* - - - - - - - - - - - - - - - - - - - - - - - */


div.gRubList
{
	float: left;
	padding: 0;
	margin: 0 15px 10px 0;
	width: 159px;
	overflow: hidden;
	border: 0 solid;
	text-align: center;
	background: url('../images/grusskartenRubrik.gif') no-repeat;
}

div.gRubList div { margin: 0; padding: 0;}

div.gRubList img { margin: 14px; border: 1px solid #FFF; }

div.gRubList a
{
	font-size: 14px;
	font-weight: bold;
}


div.gVorschau
{
	float: left;
	margin: 0 15px 15px 0;
	background: url('../images/grusskartenKarte.gif') no-repeat;
} 


div.gVorschau img
{
	width: 204px;
	height: 136px;
	margin: 15px;
}


#gform
{
	width: 470px;
	height: 314px;
	margin-top: 10px;
	background-image: url('../images/grusskartenBg.gif');
}


#gform input, #gform textarea, #readNachricht
{
	width: 135px;
	position: absolute;
	padding: 0;
	border: none;
	color: #55524d;
	font-weight: bold;
	font-size: 12px;
	font-family: Courier, Arial, Times, sans-serif;
	background-color: #FFFFFF;
}

#gform textarea, #readNachricht
{
	margin: 87px 0 0 15px; 
	width: 219px;
	height: 220px;
	font-weight: normal;
	font-size: 12px;
	line-height: 16.5px;
	background: none;
}



div.gerr
{
	padding: 3px 0 3px 15px;
	width: 455px;
	margin: 0;
	color: #bb0101;
	font-weight: bold;
	background-color: #eef2f9;
}

span.dot, span.dotBlau
{
	font-family: 'Courier';
	color: #4a94e0;
	font-size: 14px;
}
span.dotBlau { color: #285986; }

#text
{
	width: 470px;
	height: 314px;
	color: #55524d;
	background-image: url('../images/grusskartenBgMail.gif'); 
	background-repeat: no-repeat;
	font-family: Courier, Arial, Times, sans-serif;
}

#text div
{
	font-weight: bold;
	position: absolute;
	font-size: 12px;
	padding: 0;
}
#readNachricht
{
	height: 300px;
	margin-top: 7px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - */

.left
{
	float: left;
}

.right
{
	float: right;
}

.alignRight
{
	text-align: right;
}

.red { color: #bb0101; }
.blue { color: #213b83; }




/* - - - - -  - ADMIN - - - - - -  */


.a_cont
{
	opacity: 0.0;
}

.a_mask
{
	position: absolute;
	width:275px;
	height:310px;
	background-color: #FFF;
	z-index: 150;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.a_delete
{
	position: absolute;
	z-index: 151;
	margin: 85px 0 0 85px;
}
	.a_delete img { padding: 20px;}
	

.a_add
{
	position: absolute;
	z-index: 151;
	margin: 100px 0 0 55px;
	font-size: 18px;

}
.a_add input
{
	width:140px;
	margin-top:10px;
	padding: 2px;
	border-top: 1px dotted #74bbe2;
	border-left: 1px dotted #74bbe2;
	border-right: 1px dotted #74bbe2;
	border-bottom: 2px solid #74bbe2;
	font-size: 16px;
	text-align: center;
}

#ajax_mask
{
	position: absolute;
	z-index: 1000;
	margin-top: 51px; 
}
	#ajax_mask .ajax_mask_load
	{
		position: absolute;
		z-index: 1001;
		width: 580px;
		margin: 290px 0 0 0;
		text-align: center;
	}
	#ajax_mask .bg
	{
		width: 600px;
		background-color: #FFF;
		filter: alpha(opacity=0.8);
		opacity: 0.8;
	}

#a_msg
{
	position: fixed;
	z-index: 1002;
	top: 40%;
	left: 50%;
	margin: -50px 0 0 -150px;
	width: 300px;
	min-height: 100px;
	border: 2px solid #d22e13;
	background-color:#FFF;
	cursor: pointer;
}
	#a_msg div
	{
		width: 114px;
		height: 40px;
		position:absolute;
		margin: -22px 0 0 -22px;
		background-image: url('../images/admin/button_attention_text.png');
	}
	#a_msg p { margin: 20px 10px 10px 20px; font-weight: bold; line-height: 140%; }

.a_box
{
	position: absolute;
	z-index: 151;
	margin: 100px 0 0 42px;
	padding: 20px;
	filter:alpha(opacity=0);
	opacity: 0.0;
	text-align:center;
}

.a_box_loading
{
	position: absolute;
	z-index: 155;
	margin: 5px 0 0 185px;
	filter:alpha(opacity=0);
	opacity: 0.0;
}


div.boxWerbung select
{
	margin:-4px 0 0 -3px;
	background-color:#930000;
	background: none;
	border:none;
	color: #FFF;
	font-weight:bold;
	font-size:12px;
}

#werbungAdd
{
	margin: 10px 0 0 0;
	padding: 20px;
	text-align:center; 
}

#werbungAdd input
{
	width:140px;
	margin-top:10px;
	padding: 2px;
	border-top: 1px dotted #74bbe2;
	border-left: 1px dotted #74bbe2;
	border-right: 1px dotted #74bbe2;
	border-bottom: 2px solid #74bbe2;
	font-size: 16px;
	color: #CCC;
	text-align: center;
}



#adminOverlay {
	position: absolute;
	z-index: 501;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	top: 80px; padding: 10px 0;
	background-color: #FFF;
	border: 1px dashed #0392e1;
}

	#adminOverlay h1 span {
		font-size: 14px;
		color: #444;
	}


.a_list
{
	clear:both;
	width: 500px;
	min-height: 60px;
	margin: 0 0 3px 34px;
	background-color: #EEF2F9;
	border:none;
	overflow: hidden;
	display: block;
}

	.a_list.head {
		width: auto;
		min-height: 10px;
		background-color: #FFF;
		padding: 10px 10px 10px 5px;	
	}
	.a_list.head img { vertical-align:middle; width: 30px; margin-left: 10px; cursor: pointer; }
	

	.a_list div { float: left; padding: 5px; margin: 0 0 3px 0; display: block;}
	.a_list .num {width:30px; }
		.a_list .num input[type="text"]{ color: #BBB; width:20px; border:none; background:none; text-align:center;}
	
	.a_list .check { margin-top: 5px; }
	
	.a_list .artnr { width:40px;}
	.a_list .bild { width:80px;}
		.a_list .bild img { max-width:70px;}
	.a_list .name { }
	.a_list .ready
	{
		display: none;
		width: 40px;
		height: 40px;
		position: absolute;
		padding:0;
		margin: 10px 0 0 505px;
		background: url('../images/admin/button_public.png');
	}
	
	.a_list img.deleter { width: 20px; height:20px; position: absolute; right: 100px; cursor: pointer;}
	
	.a_list .saved
	{
		display: none;
		width: 40px;
		height: 40px;
		position: absolute;
		padding:0;
		margin: 10px 0 0 505px;
		background: url('../images/admin/button_save.png');
	}
	
	
	
	.a_new { background-color: #cfdbe8; }
	.a_hidden { background-color: #DDD; color: #999; }

.a_lin
{
	clear:both;
	width: 500px;
	margin: 0 0 10px 34px;
	border-top: 1px solid #EEF2F9;
	text-align: center;
	color: #CCC;
}

#textareaList
{
	margin: 0 0 5px 34px;
	width: 120px;
	height: 50px;
	padding: 10px;
	display: block; 
}


#auflisten #button_sort
{
	position: absolute;
	z-index: 100;
	margin-left: 500px;
	margin-top: -15px;
}

#content.welten #button_sort, #content.weltSchnaeppchen #button_sort
{
	position: absolute;
	z-index: 100;
	margin-left: 675px;
	margin-top: 110px;
}

#static #button_sort
{

	z-index: 100;
	margin-left: 465px;
	margin-top: -25px;
	margin-bottom: 30px;
}