/* Stylesheet für Markstein */ /* ------------------------ */



/*  Z E N T R A L E   F O R M A T E  */


body,p,a,td,b,blockquote,li,ul {
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:8pt;
}
body { 
	background-repeat:repeat-x;
	background-color: #E0E0EF; 
	padding: 0px; margin: 0px;
}
h1,.h1          { font-size:13pt; color:#C01010; font-weight:bold;  } 
h2,.h2          { font-size:10pt; color:#03518D; font-weight:bold; } 
h3,.h3          { font-size:14pt; color:#C01010; font-weight:bold; } 
b,.b		    { font-weight:bold; }
form            { margin:0px; }
li              { margin-left:-23px; }
ul,ol           { margin-top:0px; }
hr		        { color:#246FBB; height:1px; }
.small          { font-size:7.5pt; }
.error          { color:#FF0000; font-weight:bold; }
.price	        { font-size:8pt; color: black; font-weight:bold;}




/*  B I L D E R  */
.productimage	{ border:1px solid #8886B5; margin:0px;  }



/*  L I N K S  */
/* Links allgemein */
a:link          {}
a:visited       {}
a:hover         {}
/* Link Kategorien */
.cataloglink,a.cataloglink,a:link.cataloglink,a:visited.cataloglink,a:active.cataloglink,a:hover.cataloglink
		{ text-decoration:underline; }
a:hover.cataloglink 
		{ text-decoration:underline; }

/* Link Produktnamen */
.productlink,a.productlink,a:link.productlink,a:visited.productlink,a:active.productlink,a:hover.productlink
		{ text-decoration:underline;}
a:hover.productlink 
		{ text-decoration:underline; }

/* Unternavigationslinks */
.unav,a.unav,a:link.unav,a:visited.unav,a:active.unav,a:hover.unav
		{ color:#D20002; font-weight:bold; text-decoration:none;  }




/*  S T A N D A R D T A B E L L E  */
table.standard  {
	border-collapse: collapse;
}

.basket_table{
 background:#C7C7E4; 
}

table.standard th { 
	font-size:11px;
	font-weight:bold; 
	color:#000000; 
	text-transform:uppercase; 
    height:18px;
	background:#9F9FC5; 
	padding-left:4px; padding-right:4px; 
	margin-bottom 1px;
	border: 1px solid #E0E0EF; 
}
table.standard td {
	font-weight:normal; 
	color:#000000; 
	background:*#C3C3DF* 
	border: 1px solid #E0E0EF; 
}
table.standard td.divider {
	height:1px;
	background:; 
	padding:0px;
}
table.standard td.footer,table.standard a.footer,table.standard a:link.footer,table.standard a:visited.footer,table.standard a:active.footer,table.standard a:hover.footer {
	font-size:7.5pt;
	color:#03518D; 
	background:;
}
table.standard a.footer,table.standard a:link.footer,table.standard a:visited.footer,table.standard a:active.footer {
	text-decoration:none; 
}
table.standard a:hover.footer {
	text-decoration:none; 
	font-size:25.5pt;
}
table.standard td.empty {
	background:;
}




/*  L E E R - T A B E L L E  */
table.empty, table.empty td {
	border-collapse:collapse; 
	border:0px solid white; padding:0px; font-weight:normal; 
	background:; 
}



/* V O R S C H A L T S E I T E */
.catalog_area td     { line-height:27px; padding-bottom:4px }
.catalog_area a      { text-decoration:none; color:#C01012; }
.catalog_area td img { border:1px solid #C01012; }



/*  S E I T E N B E R E I C H E  */


/* 01 Logo Bereich */
.logo_area	{ 
    background:#FFFFFF; 
    background-image: url(/isroot/markstein/images/hintergrund.jpg);
    height:86px;
    vertical-align: top;
    padding: 0px;
   
}


.workshop {
		border-bottom:1px solid #FFFFFF;
	  padding-bottom: 15px;
	  padding-top: 15px;
}

#subnav {
  background-image:url(/isroot/markstein/Images/navi_bg.jpg);
  height: 20px;
  left: -8px;
  top: -7px;
  right: 0px;
  /*width: 588px;*/
  padding-left: 6px;
}
#subnav a {
  color: #505050;
  font-weight: bold;
  text-decoration: none; 
  line-height: 17px;
  margin-right: 15px;
}
#subnav a:hover {
  color: #D20002;
}

#subnav a.position { color: #D20002; }




.news {
position: absolute;
top: 25px;
left:475px;
z-index: 1;
}


.logo {
    margin-top: 21px;
    margin-bottom: 0px;
    margin-left: 10px;
} 

.Relative {
	position: relative;
	
}


.flag_areade {
   position: absolute;
   top: -37px;
   left: 450px; 
  
}

.flag_areaen {
   position: absolute;
   top: -37px;
   left: 500px;

}

/* 02 Suchfeld Bereich */
.search_area	{ 
	background:#9F9FC5; 
	height:24px; 
	font-size: 10px;
	padding-left:6px;
	border-bottom:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
}
.search,a.search,a:link.search,a:visited.search,a:active.search,a:hover.search
		{ color:#FFFFFF; background:; text-decoration:none;}

/* 03 Hauptnavigation */
.mnav_area	{  padding-left:6px; padding-right:6px;}
.mnav,a.mnav,a:link.mnav,a:visited.mnav,a:active.mnav,a:hover.mnav
		{ color:#FFFFFF; font-size:9pt; background:; font-weight:bold; text-decoration:none; }

/* 04 Warenkorb-Quickinfo Bereich */
.basketinfo_area { background:#AABCCA; height:29px; }
.basketinfo,a.basketinfo,a:link.basketinfo,a:visited.basketinfo,a:active.basketinfo,a:hover.basketinfo
		{ color:#FFFFFF; background:; font-size:7.5pt; text-decoration:none; }
a:hover.basketinfo 
		{ text-decoration:underline; }

/* 05 Positionsleiste */
.position_area	{background:#C3C3DF; border-left:2px solid #FFFFFF; padding-left:6px; border-top:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF;}
.positionlink,a.positionlink,a:link.positionlink,a:visited.positionlink,a:active.positionlink,a:hover.positionlink
		{ font-size:7.5pt;  color:#0003FF}
a:hover.positionlink 
		{  }

/* 06 Hauptkategorien */
.cnav_area	{ 
    background:#E0E0EF;   
    background-image:url(/isroot/markstein/Images/navi_bg.gif);
    /*width: 172px;*/
    height: 390px;
}

/* 07 Seite Hauptzelle Mitte */
.main_area	{ 
	background: #E0E0EF; 
	padding:10px; 
	padding-right: 0px; 
	position: relative;							
}
						
.container {
	position: relative;	
}

/* 08 Seite Fusszeile Links */
.author_area { background: #C01010; height:30px; }
.author,a.author,a:link.author,a:visited.author,a:active.author,a:hover.author
		{ color:#FFFFFF; font-size:7.5pt; text-decoration:none; }

/* 09 Seite Fusszeile Rechts */
.footer_area	{ background: #C01010; padding: 3px; }
.footer,a.footer,a:link.footer,a:visited.footer,a:active.footer,a:hover.footer
		{ color:#FFFFFF; font-size:7.5pt; background:; text-decoration:none; }

/* 10 Seite Unterste Fusszeile */
.subfooter_area	{  background:#E0E0EF; height:18px; }

.subfooter,a.subfooter,a:link.subfooter,a:visited.subfooter,a:active.subfooter,a:hover.subfooter
		{font-size:7.5pt; text-decoration:none;  }


.link_oben {	
	padding-left: 9px;
	padding-top: 0px;
}

/* Formatierung zuletzt Tabelle */
.history {
	background: #FFFFFF; 
	font-weight:normal;
	margin-left:2px;
	margin-right: 2px;
	background-image:url(/isroot/markstein/Images/bullet_Cnav_e2.gif);
	background-position: 4px 8px;
	background-repeat:no-repeat;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.history a {
	color: #505050;
	text-decoration:none;
}


.history_head {
	background: #FFFFFF; 
	font-weight:normal;
	margin-top: 25px;
	margin-left:2px;
	margin-right: 2px;
}



.card {
	position: absolute;
  left: 270px;
  top: 425px;
  z-index: 0;
}

.card_table{
  position: relative;
  z-index: 1; 
}

.firm_div {
  width: 150px;
  /*position: relative;*/
  float: left;
  overflow: hidden;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 6px;	
}

/* Kategorie Einstiegsseite */
.CategoryTeaser {
  width: 100%;
  border:1px solid black;
	
}
.CategoryHeadline {
 left:0px; top:0px; width:200px; border:1px solid red;z-index:2;
}
.CategoryInfo {
  left:0px; 
  top:-500px; width:355px; border: 1px solid green; z-index:3;
}


/* Abstände in der Navigation */
.div_navi	{
  border-top: 1px solid #9F9FC5;
}

.div_notessearch {
	vertical-align: middle;
    background:#9F9FC5; 
	font-size: 10px;
	padding: 3px 0 3px 6px;	
	font-size: 10px;
	font-weight:bold;
	color:#000000;
}

.div_notessearch a {
	text-decoration: none;
	color: #000000;

}

.logo_div{
	position: absolute;
	left: 770;
	width: 160px;
	height: 50px;

}

 .deals {
  position: absolute;
  top: 20px;
  left: 390px;
  width: 130px;


}

 .deals_en {
  position: absolute;
  top: 20px;
  left: 440px;
  border: 1px solid white;
  width: 130px;
}

.worker {
	position: absolute;
	left:430px;
	top: 15px;
	width: 134px;
	margin-bottom: 2px;
	color: red;
  }

.cat_haupt {
 	left:15px;
	top: 15px;
	z-index: 1;

}

.install_bg {
	background-image:url(/isroot/markstein/Images/Startseite/hinter.jpg);
	background-repeat:no-repeat;
	background-position: 40px 15px;
}

.div_position{
 overflow: hidden;
 width=420px;
}


/* Produktvorschau */
.ProductPreview1 {
  background: #C3C3DF;
  width: 200px;
  height: 200px;
  float: left;
  overflow: hidden;
  margin-right: 15px;
  margin-bottom: 15px;
  border:1px solid #C3C3DF; 
  padding: 6px;
}
.ProductPreview1 .Picture {
   height: 53px;
   text-align: center;
   margin-bottom: 10px;
}
.ProductPreview1 .Name {
  height: 32px;
}
.ProductPreview1 .Description {
  height: 60px;
  color: #505050;
}
.ProductPreview1 .price {
  display: block;
  text-align: right;
  font-size: 13px;
}


/* Produktvorschau */
.CategoryPreview {
  background: #C3C3DF;
  text-align: center;
  width: 115px;
  !width: 129px;
  height: 144px;
  !height: 158px;
  float: left;
  overflow: hidden;
  margin-right: 15px;
  margin-bottom: 15px;
  border:1px solid #C3C3DF;
  padding: 5px;
}


/* Produktvorschau */
.ProductPreviewDW {
  background: #C3C3DF;
  width: 152px;
  height: 230px;
  float: left;
  overflow: hidden;
  margin-right: 15px;
  margin-bottom: 15px;
  border:1px solid #C3C3DF; 
  padding: 6px;
}
.ProductPreviewDW .Picture {
   height: 53px;
   text-align: center;
   margin-bottom: 10px;
}
.ProductPreviewDW .Name {
  height: 40px;
}
.ProductPreviewDW .Description {
  height: 80px;
  color: #505050;
}
.ProductPreviewDW .price {
  display: block;
  text-align: right;
  font-size: 13px;
}



/* Navigation der Kategorien links */
a.navikat,a.navikat:active,a.navikat:visited,a.navikat:hover,a.navikata,a.navikata:active,a.navikata:visited,a.navikata:hover {
	width: 172px;
	display:block;
	text-transform:uppercase; 
	text-decoration: none;
	line-height:13px;
	font-size: 10px;
	font-weight:bold;
	color:#000000;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	padding: 3px;
	padding-left: 13px;
	margin-left: 0px;
	margin-bottom: 0px;
	background:#C3C3DF; 
	background-image:url(/isroot/markstein/Images/bullet_cnav_e1.gif);
	background-position: 4px 7px;
	background-repeat:no-repeat;
	overflow: hidden;
}
a.navikata,a.navikata:active,a.navikata:visited,a.navikata:hover {
	color:#D20002;
}

a.navikat2,a.navikat2a, a.navikat2:hover,a.navikat2a:hover{
	width: 172px;
	display:block;
	line-height:14px;
	font-size: 10px;
	color:#313236;
	border-top: 1px solid #FFFFFF;
	background-color:#E0E0EF;
	background-image:url(/isroot/markstein/Images/bullet_cnav_e2.gif);
	background-repeat:no-repeat;
	background-position:4px 5px;
	text-decoration:none;
	padding: 2px;
	padding-left: 13px;
	margin-left: 0px;
	
}
a.navikat2a,a.navikat2a:active,a.navikat2a:visited,a.navikat2a:hover {
	color:#D20002;
}


a.navikat3,a.navikat3a,a.navikat3:hover,a.navikat3a:hover{
	width: 172px;
	display:block;
	font-size: 10px;
	line-height:14px;
	color:#313236;
  text-decoration:none;
	padding: 2px;
	background-color:#E0E0EF;
	background-image:url(/isroot/markstein/Images/bullet_cnav_e1.gif);
	background-position: 15px 4px;
	background-repeat:no-repeat;
	padding-left:25px;
	margin-left: 0px;
	
}

a.navikat3a,a.navikat3a:active,a.navikat3a:visited,a.navikat3a:hover {
	color:#D20002;
}

a.navikat4,a.navikat4a, a.navikat4:hover,a.navikat4a:hover{
	width: 172px;
	height:1em;
	display:block;
	font-size: 10px;
	color:#313236;
	text-decoration:none;
	padding: 1px;
	padding-left: 39px;
	background-color:#E0E0EF;
	background-image:url(/isroot/markstein/Images/bullet_cnav_e2.gif);
	background-position:28px 4px;
	background-repeat:no-repeat;
}

a.navikat4a,a.navikat4a:active,a.navikat4a:visited,a.navikat4a:hover {
	color:#D20002;
}







/*  F O R M U L A R F E L D E R  */
input.field     { width:140px; height:18px; font-size:7.5pt; border:1px solid #03518D; }
input.quantityfield
		{ width:40px; height:18px; font-size:7.5pt; border:1px solid #03518D; }
input.searchfield 
		{ width:80px; height:18px; font-size:7.5pt; border:1px solid #03518D; background-color:#FFFFFF }
input.productquantityfield 
		{ width:20px; height:18px; font-size:7.5pt; border:1px solid #03518D; }
input.button    {
	font-family:Verdana,Helvetica,Arial,sans-serif; 
	font-size:7.5pt;
	color:#000000; 
	font-weight:bold; 
	background-color:#C3C3DF; 
	border:1px solid #E7E3F7; 
	height: 21px;
	width:185px;
	cursor:pointer;
}
textarea        { font-size:8.5pt; border:1px solid #03518D; }
select          { font-size:7.5pt; border:1px solid #03518D; }