/* 
	stellaplast.de
	-----------------------------------------------------------------------------------------------------------------------------
	Author: Lars Brinkmann | netzbuero.de
	v 16/07/2009
*/

body	{ margin: 0; padding: 0; color: rgb(12,20,58); }
img		{ border: none; }

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote		{ margin-top: 0; }

.clrlft	{	clear: left; }

img.flft { float: left; margin-right: 20px; }

body	{ background: url(images/background.jpg) no-repeat bottom right; }

small	{ font-size: 11px; font-weight: bold; color: rgb(12,20,58); padding-left: 7px; }

/* Padding unterhalb des Schattens, um das KeyVisual zu platzieren. */
.shdwBottom	{ padding-bottom: 140px; }


/* 	Typographie
	----------------------------------------------------------------------------------------------------------------------------- */

	body			{ font-family: Arial, Helvetica, sans-serif; }

	.pageBody 		{ font-size: 13px; }
	.pageBody	p,
	.pageBody   ol	{ line-height: 18px; color: rgb(12,20,58); }	
	.pageBody	li	{ margin-bottom: 1.0em; }
	.pageBody 	H1	{ text-transform: uppercase; color: rgb(164,0,28); font-size: 24px; font-weight: normal; } 
	.pageBody 	H2	{ color: rgb(164,0,28); font-size: 16px; } 
	.pageBody 	H3	{ color: rgb(164,0,28); font-size: 15px; font-weight: bold; margin-bottom: 2px; } 
	
	.pageBody	a			{ color: rgb(164,0,28); }
	.pageBody	a:hover		{ color: rgb(12,20,58); }
	
	.pageBody 	a.marked	{ font-weight: bold; background: url(images/href.gif) no-repeat 0 3px; padding-left: 15px; }
	
	.pageFooter		{ font-size: 12px; }




/* Wrapper um Seite -> Center */
.wrap	{	margin-left: auto; margin-right: auto; /* width: 972px; */ width: 1013px;  }

/* Seitenheader mit Illustraion und Logo */
.pageHeader			{ position: relative; margin: 0; padding: 0; }
.logo				{ position: absolute; top: 149px; left: 12px; }





.pageNavigation				{ margin: 0; padding: 0; position: relative; /* margin-left: 58px; */ margin-left: 99px; width: 900px; background-color: rgb(13,24,72); }
.pageNavigation	ul			{ margin: 0; padding: 0; list-style-type: none; }
.pageNavigation	li			{ float: left; }



.pageBody					{ margin-left: 41px; width: 970px; background: url(images/shdw_middle.gif) repeat-y; }
.shdwTop					{ margin-left: 41px; }
.shdwBottom					{ margin-left: 41px; }

/* Linke Inhaltsspalte */
.pageLeft					{ margin-left: 95px; width: 550px; float: left; display: inline; }
.pageLeft .inner			{ margin-top: 30px; }
/* Rechte Inhaltsspalte */
.pageRight					{ margin-left: 70px; width: 220px; float: left; display: inline; }
.pageRight .inner, 
	.pageRight .subnv		{ margin-top: 30px; }
	
.pageRight .email			{ padding-bottom: 15px; }

/* 	Subnavigation
	----------------------------------------------------------------------------------------------------------------------------- */
	.subnv ul					{ margin: 0; padding: 0; list-style-type: none; width: 90%; }
	.subnv li					{ border-bottom: 1px solid rgb(195,199,205); padding-bottom: 7px; margin-bottom: 7px; }
	.subnv a					{ text-decoration: none; color: rgb(13,24,72); font-weight: bold; padding-left: 20px; padding-right: 20px; }
	.subnv a:hover				{ color: rgb(158,0,28); }
	.subnv a.active				{ color: rgb(158,0,28); }



/* Seitenfuß */
.pageFooter					{ color: rgb(255,255,255); }
.pageFooter	.inner			{ background-color: rgb(205,22,34); margin-left: 58px; width: 900px; }
.pageFooter .info			{ margin-left: 37px; padding: 3px 0 3px 0; }
.pageFooter .meta			{ float: right; padding: 3px 38px 3px 0; }
.pageFooter a				{ color: rgb(255,255,255); text-decoration: none; font-weight: bold; }
.pageFooter a:hover			{ color: rgb(255,255,255); text-decoration: underline; }




/* Produkte */
.produkt		{ float: left; width: 50%; padding-bottom: 20px; }
.produkt img	{ margin-bottom: 10px; }


/* Histore */
.historie h2	{ margin-bottom: 0; }