html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
	background-color: rgb(143, 174, 225);
	font: normal 11px Verdana, Helvetica, Arial;
} 


/* Typografie */
.headline {
	font: bold 17px Arial;
	color: rgb(143, 174, 225);
	margin-bottom: 12px;
}
.subheadline {
	font: normal 15px Arial;
	color : rgb(10, 49, 114);
	margin-bottom: 12px;
}
.white {
	color: rgb(255, 255, 255);
}
.black {
	color: rgb(0, 0, 0);
}
p {
	line-height: 15px;
	margin-top: 10px;
	margin-right: 100px;
}


/* Sterntaler */
.bildimtext {
	float: left;
}




/* Aktuelles */
.headlinenews {
	font: bold 17px Arial;
	color: rgb(10, 49, 114);
	margin: 3px 0;
}
.subheadlinenews {
	font: bold 12px Verdana;
	color : rgb(10, 49, 114);
	margin-bottom: 7px;
}
.newsbox {
	line-height: 15px;
	margin-right: 100px;
	padding-bottom: 40px;
}
.newsbildbox {
	background-color: rgb(230,230, 230);
	padding: 3px;
	margin: 10px 0;
}



/* Home */
#homehauptspalte  {
	float: right;
	display: inline; 
	position: relative; 
	width: 659px; 
	margin-bottom: 20px;
	background-color: rgb(215, 219, 228);
}
.homelinks {
	width: 429px;
	float: left;
	background-color: rgb(255, 255, 255);
}
.homerechts {
	width: 230px;
	float: right;
}
.homenews {
	clear: both;
	margin-bottom: 3px;
	background-color: rgb(230,230, 230);
	height: 42px;
	width: 419px;
}
.homenewnews {
	clear: both;
	margin-bottom: 3px;
	background-color: rgb(253, 234, 185);
	height: 42px;
	width: 419px;
	background-image: url(../images/bg_newsboxneu.gif);
	background-repeat: no-repeat;
}
.homenewsbild {
	float: left;
	width: 38px;
	padding: 2px 5px 1px 10px;
}
.homenewstext {
	margin: 1px;
	font: normal 11px/12px Verdana;
}
.homehead {
	color: rgb(255, 255, 255);
	background-color: rgb(166, 177, 204);
	font: bold 14px Arial;
	padding: 5px 0 5px 10px;
}
.homeheadzwei {
	color: rgb(255, 255, 255);
	background-color: rgb(166, 177, 204);
	font: bold 14px Arial;
	padding: 5px 0 5px 10px;
	width: 419px;
}






/* Download */
.dwldlogobox {
	border-top: solid 1px;
	border-top-color: rgb(143, 174, 225);
	margin-bottom: 10px;
}
.dwldlogobild {
	float: left;
	padding-top: 4px;
	margin-right: 5px;
}
.dwldlogotext {
	float: right;
	width: 570px;
	margin-top: 3px;
}
.dwldlink {
	text-decoration: underline;
}


/* Messen */
.messetabelle {
font: normal 11px Verdana, Helvetica, Arial;
}
.messefarbe {
	background-color: rgb(230,230, 230);
}






/* Kopfbereich */
#capello {
	position: absolute;
	top: 0;
	left: 228px;
	width: 660px;
	background-image: url(../images/b_ew.gif);
	background-repeat: repeat-x;
}
#login {
	width: 130px;
	height: 18px;
	background-color: rgb(209, 222, 243);
	padding: 8px 10px 0 3px;
	float: left;
}
#suche {
	width: 330px;
	float: left;
	height: 18px;
	padding: 5px;
	background-color: rgb(189, 204, 226);
}
#ew {
	float: left;
}
#impressum {	
	background-color: rgb(209, 222, 243);
	padding-top: 8px;
	float: right;
}
.suchbox {
	border: none;
	width: 150px;
	height: 16px;
	margin-right: 5px;
	font: normal 11px Arial;
}


/* 1. Navigation */
#navigationsleiste {
	position: absolute;
	top: 54px;
	width: 888px;
	height: 17px;
	background-image: url(../images/bg_button.gif);
	background-repeat: repeat-x;
}
#navhome {
	position: relative;
	float: left;
}
#navrechts {
	position: relative;
	left: 197px;
	float: left;
}
.navsingle {
	position: relative;
	float: left;
	margin-right: 20px;
}



/* Bildleiste */
#bildleiste {
	position: absolute;
	height: 164px;
	top: 72px;
	width: 888px;
}
#logo {  
	height: 164px;
	float: left;
}
#headimage {
	float: right;
}




/* 3. Navigation links */
.submenue {
	padding: 2px 0 2px 31px;
	background-color: rgb(227, 230, 236);
	font: normal 12px Arial;
}
.kollektion {
	padding: 14px 4px 0 31px;
	height: 35px;
	background-color: rgb(227, 230, 236);
	font: bold 12px Arial;
	color: rgb(160, 170, 180);
}
.ksommer {
	padding: 14px 4px 2px 31px;
	height: 35px;
	background-image: url(../images/sig_sommer.gif);
	background-repeat: no-repeat;
	background-color: rgb(227, 230, 236);
	font: bold 12px Arial;
	color: rgb(160, 170, 180);
}
.kwinter {
	padding: 14px 4px 2px 31px;
	height: 35px;
	background-image: url(../images/sig_winter.gif);
	background-repeat: no-repeat;
	background-color: rgb(227, 230, 236);
	font: bold 12px Arial;
	color: rgb(160, 170, 180);
}
.textilmenue {
	padding: 2px 0 2px 31px;
	background-color: rgb(212, 216, 222);
	font: bold 12px Arial;
}
.textilarrow {
	padding: 2px 0 2px 31px;
	background-color: rgb(212, 216, 222);
	font: bold 12px Arial;
	background-image: url(../images/nav_arrow.gif);
	background-repeat: no-repeat;
}
.subarrow {
	padding: 2px 0 2px 31px;
	background-color: rgb(227, 230, 236);
	font: normal 12px Arial;
	background-image: url(../images/nav_arrow.gif);
	background-repeat: no-repeat;
}
.subausw {
	padding: 2px 0 2px 31px;
	font: normal 12px Arial;
}
.subsub {
	padding: 1px 0 2px 36px;
	background-color: rgb(238, 241, 245);
	font: normal 12px Arial;
	color : rgb(10, 49, 114);
}
.subsubausw {
	padding: 1px 0 2px 36px;
	font: normal 12px Arial;
}







/* Layout in Hauptspalte */
#content {
	width: 629px;
	margin-top: 20px;
	float: right;
}
#contentdetail {
	width: 629px;
	margin-top: 1px;
	float: right;
}
#contentbestellung 	{
	width: 659px;
	margin-top: 20px;
	float: right;
}


/* Pfeile */
#pfeile {
	width: 100%;
	height:16px;
	background-color: rgb(193, 211, 238);
}
#pfeillinks {
	float: left;
}
#pfeilrechts {
	float: right;
}


/* Inhaltsverzeichnis */
.ivbox {
	width: 191px;
	height: 99px;
	float: left;
	margin: 0 10px 12px 0;
}
.ivboxtext {
	font: normal 12px Arial;
	margin-left: 4px;
	text-shadow: Black;
}


/* Artikelvoransicht */
.atabelle {
	font: normal 11px Arial;
	width: 125px;
	color : rgb(10, 49, 114);
}
.cell {
	background-color: rgb(227, 230, 236);
}
.celllw {
	background-color: rgb(157, 168, 192);
	color: rgb(255, 255, 255);
}
.cellew {
	background-color: rgb(147, 202, 67);
}
.celltext {
	margin: 0 3px;
}




/* Artikeldetails */
#recorder {
	margin-bottom: 2px;
}
#layoutlinks {
	width: 350px;
	float: left;
}
#layoutrechts {
	width: 279px;
	float: right;
}
.detailboxborder {
	background-color: rgb(224, 233, 246);
	padding: 3px 0;
}
.aname {
	font: bold 16px Verdana;
	color : rgb(10, 49, 114);
	background-color: rgb(224, 233, 246);
	padding: 3px 10px;
	margin-bottom: 1px;
}
.symbolboxborder {
	background-color: rgb(255, 255, 255);
	padding: 3px 0px;
	border: solid 1px;
	border-color: rgb(224, 233, 246);
}
.symbolbox {
	position: relative;
	left: 10px;
}
.symbol {
	float: left;
	margin: 2px 5px 2px 0;
}
.zusatz {
	font: normal 12px Verdana;
	background-color: rgb(224, 233, 246);
	padding: 3px 10px;
	margin-bottom: 1px;
}
.zusatzserie {
	font: normal 12px Verdana;
	background-color: rgb(254, 130, 46);
	padding: 3px 10px;
	margin-bottom: 1px;
}
.detailtextbox {
	background-color: rgb(224, 233, 246);
	padding: 5px 10px 12px 10px;
}
.detailtext {
	font: normal 11px Arial;
	color : rgb(10, 49, 114);
}




/* Produkteinstieg */
.pivbox {
	width: 659px; 
	height: 106px;
	background-color: rgb(225, 235, 2250);
	margin-bottom: 3px;
}
.pivimage {
	float: left;
	margin-right: 10px;
}
.pivtext {
	font: normal 11px Verdana;
	color: rgb(10, 49, 114);
	padding: 5px 30px 5px 0;
}
.phead {
	font: bold 18px Arial;
	color: rgb(10, 49, 114);
}


/* Produkteinstieg Textilien */
.tivbox {
	width: 600px; 
	height: 50px;
	background-color: rgb(225, 235, 250);
	margin-bottom: 3px;
}
.thead {
	font: bold 16px Arial;
	color: rgb(10, 49, 114);
}


/* Kontakt */
.kontaktbild {
	margin-left: 3px;
}
.kfbox {
	margin-bottom: 15px;
	padding: 10px 0;
	background-color: rgb(225, 235, 250);
}
.kfboxhead {
	font: normal 12px  Verdana;
	color : rgb(255, 255, 255);
	background-color: rgb(157, 168, 192);
	padding: 5px;
	margin-top:10px;
}
.formtext{
	font: normal 12px  Verdana;
	width: 350px;
}







/* Basis */
#aussenrahmen {
	width: 900px;
	text-align:center; 
	margin-left:auto; 
	margin-right:auto;
}
#sprachen {
	text-align: left;
	margin: 0 0 14px 0;
	color: rgb(255, 255, 255);
}
#rahmen {
	width: 100%;
	text-align:center; 
	margin-left:auto; 
	margin-right:auto;  
	margin-bottom: 10px;
	background-color: rgb(255, 255, 255);
	background-image: url(../images/bg_ecke.gif);
	background-repeat: no-repeat;
}
.sprachauswahl 	{
	color : rgb(10, 49, 114);
}
#seitenbreite	 { 
	width: 888px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
#kopfbereich 	{
	position:relative; 
	height: 268px; 
	width: 100%;
} 
#linkespalte	{
	width: 229px; 
	float: left; 
	position: relative; 
}
#hauptspalte  {
	float: right;
	display: inline; 
	position: relative; 
	width: 659px; 
	margin-bottom: 20px;
}
#fusszeile	{
	height: 5px; 
	clear: both;
}
 
 
/* Clearfix */
.break {
	clear: both;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
.clearfix	{
	display: inline-block;
}
/*  IE-mac \*/
* html .clearfix	{
	height: 1%;
}
.clearfix	{
	display: block;
}






/* Links */
a  {
	font-family : Arial, Helvetica;
	color : rgb(10, 49, 114);
	text-decoration : none;
}
a:Hover  {
	color : rgb(10, 49, 114);
	text-decoration : underline;
}
a:Active  {
	color : rgb(0, 0, 0);
}

/* Links Bildleiste */
.bildleiste {
	padding: 2px;
	color: rgb(209, 222, 243);
	border: solid 1px;
}
.bildleisteausw {
	padding: 2px;
	border: solid 2px;
	border-color: rgb(147, 202, 67); /* ##### Händlerfarbe */
}

/* Links Sprachen */
.lang  {
	font-family : Verdana, Arial, Helvetica;
	color : rgb(255, 255, 255);
	text-decoration : none;
}
.lang:Hover  {
	color : rgb(10, 49, 114);
	text-decoration : underline;
}
.lang:Active  {
	color : rgb(0, 0, 0);
}

/* Werksverkauf mit Bild */
#wvtext2010 {
	float: left;
	width: 420px;
}

#wvbild2010 {
	float: left;
	width: 280px;
	margin-left: -80px;
	margin-top: -29px;
}