BODY {
	background: #FAF6F4;
	margin: 0px;
	text-align: center;
	font: 11px/150% "Trebuchet MS", Arial, sans-serif; 
}

/*----------------
  LINKS & TEXT
----------------*/

A:link, A:visited {
	color: #90252B;
	font-weight: bold;
	text-decoration: none;
}

A:hover, A:active {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

H1 {
	color: #230A08;
	font: bold 14px/140% "Trebuchet MS", Arial, sans-serif;
	margin: 0;
	padding: 30px 30px 20px 0;
	text-decoration: none;
}

H2 {
	color: #230A08;
/*	color: #8B8080;*/
	font: bold 12px/150% "Trebuchet MS", Arial, sans-serif;
	margin: 0;
	padding: 0 0 20px 0;
	text-decoration: none;
}

H3 {
	color: #230A08;
	font: bold 11px/150% "Trebuchet MS", Arial, sans-serif;
	margin: 0;
	padding: 0 0 6px 0;
	text-decoration: none;
	text-transform: uppercase;
}

H4 {
	color: #230A08;
	font: bold 11px/110% "Trebuchet MS", Arial, sans-serif;
	margin: 0;
	padding: 1px 0 2px 0;
	text-decoration: none;
}

P, UL, OL, TABLE {
	color: #230A08; 
	font: 11px/150% "Trebuchet MS", Arial, sans-serif; 
}

P {
	margin: 0px;
	padding: 0 0 18px 0;
}

UL {
	margin: 0;
	padding: 0 0 18px 15px;
	list-style-image: url(media/list.gif);
}
OL {
	margin: 0 0 0 18px;
	padding: 0 0 18px 0px;
	list-style-type: lower-alpha;
}
LI {
	margin-left: 0px;
	list-style-position: outside;
	padding-top: 0px;
	padding-bottom: 2px;
}

/*----------------
  ELEMENT-ABHÄNGIGE
  FORMATIERUNGEN
----------------*/

DIV#content-container UL { 
	list-style-image: url(media/list.gif);
	padding-left: 15px;
}

DIV#content-container LI {
	list-style-position: outside;
}

DIV#left-container P, DIV#left-container UL {
	margin: 0 45px 0 0;
}


DIV#right-container DIV.content-text, DIV#right-container DIV.content-shop, DIV#right-container DIV.csc-sitemap {
	padding: 32px 130px 15px 35px;
}

DIV#right-container UL {
	list-style: none;
	list-style-image: none;
	padding-left: 0px;
}
DIV#right-container DIV.content-text LI {
	padding-left: 12px;
	background: url(media/list.gif) 0px 3px no-repeat;
	/*padding-bottom: 18px;*/
}
DIV#right-container DIV.content-text OL LI {
	padding-left: 4px;
	background-image: none;
	padding-bottom: 18px;
}

DIV#right-container DIV.content-shop LI, BODY#manual DIV#right-container LI {
	padding-left: 12px;
	background: url(media/list-red.gif) 0px 3px no-repeat;
	padding-bottom: 2px;
}

DIV#right-container DIV.csc-sitemap LI {
	padding-left: 12px;
	background: url(media/list-red.gif) 0px 3px no-repeat;
	padding-bottom: 0px;
}
DIV#right-container DIV.csc-sitemap UL {
	padding-bottom: 0px;
}


DIV#left-container UL {
	list-style: none;
	list-style-image: none;
	padding-left: 0px;
}
DIV#left-container LI {
	padding-left: 12px;
	background: url(media/list-red.gif) 0px 3px no-repeat;
}
A.filelinks IMG {
	border: 0;
	margin-top: 2px;
	margin-bottom: -2px;
}


/*----------------
  FORMULARE
----------------*/

FORM {
	margin: 0px;
}

INPUT, TEXTAREA, SELECT, LABEL {
	color: black; 
	font: 11px/120% Arial, sans-serif;
}
LABEL {
	font-weight: bold;
}

TEXTAREA, SELECT {
	border: 1px solid #B5A19F;
}



.form-required {
	color: #90252B;
}

.float-clear {
	clear: left;
	height: 1px;
	overflow: hidden;
}

.form-label {
	margin: 10px 4px 0px 0px;
	float: left;
	width: 90px;
	font-weight: bold;
}

.form-item, .form-item-text, .form-plz {
	margin: 0px 0px 0px 100px;
	padding-top: 7px;
}
.form-item-radio {
	margin: 0px 0px 0px 100px;
	padding-top: 7px;
	font: 11px/120% "Trebuchet MS", Arial, sans-serif;
}

.form-input, .form-textarea, DIV.form-item-text INPUT, DIV.form-item-text SELECT {
	width: 225px;
	border: 1px solid #B5A19F;
}
DIV.form-plz INPUT.form-input {
	width: 50px;
	border: 1px solid #B5A19F;
}

.form-submit {
}

.form-call {
	position: relative;
	/*background: #cccccc;*/
	margin: 15px 0 8px 0;
	padding: 0 0 7px 0;
	border: 1px solid white;
}
.form-required-container {
	position: relative;
	margin: 0 0 8px 0;
	padding: 7px 7px 0 7px;
	border: 1px solid #90252B;
}
DIV#right-container DIV.content-text .form-required-container LI {
	padding-bottom: 0px;
}

/* zu bestätigende Eingaben: (ohne margins/paddings)*/
.label {
	margin: 0px 4px 0px 0px;
	float: left;
	width: 90px;
	font-weight: bold;
}

.item {
	margin: 0px 0px 0px 100px;
}



/*----------------
  ID-STYLES
----------------*/

#container0 {
	position: relative;
	width: 900px;
	background: white;
	text-align: left;
	margin: auto;	
}
#container {
	position: relative;
	width: 900px;
	background: white url(media/container-hg.gif) repeat-y;
	text-align: left;
	margin: auto;	
}

#header {
	position: relative;
	background: white;
	padding-top: 23px;
	padding-bottom: 5px;
}

#menu-container {
	position: relative;
	padding-left: 25px;
	height: 50px;
	background: transparent;
}
#menu2 {
	position: absolute;
	top: 23px;
	left: 25px;
	width: 600px;
	z-index: 999;
}

#logo {
	position: absolute;
	top: 21px;
	right: 23px;
}

#body-container {
	/*position: relative;
	overflow: hidden;*/
}


#left-container {
	position: relative;
	width: 400px;
	float: left;
	z-index: 999;
}

#right-container {
	position: relative;
	width: 500px;
	background: transparent;
	float: left;
	z-index: 999;
}

#content0 {
	position: relative;
	margin: 10px 25px 25px 25px;
}

#content1 {
	position: relative;
	margin-left: 25px;
	height: 407px;
}

#content2 {
	position: relative;
}



#box-container {
	position: relative;
	background: white url(media/footer-hg.gif) top left repeat-y;
	clear: both;
	padding-left: 25px;
}

#box1 {
	position: absolute;
	top: -90px;
	width: 375px;
	z-index: 999;
	clear:both;
}

#box2 {
	position: relative;
	margin-top: 15px;
	height: 125px;
	float: left;
}


#box3 {
	position: relative;
	margin-left: 375px;
	padding: 15px 15px 15px 35px;
}

#footer {
	position: relative;
	background: white url(media/footer-hg.gif) top left repeat-y;
	clear: both;
	height: 45px;
}

#search {
	position: relative;
	margin: 0 0 0 25px;
	padding-top: 18px;
}

#pmenu {
	position: absolute;
	top: 15px;
	right: 0px;
	padding: 5px 15px 0 0;
}
#portal {
	position: absolute;
	top: 15px;
	left: 425px;
	padding: 5px 0 0 0;
}



/*----------------
  CLASS-STYLES
----------------*/

.comment {
	font-size: 10px;
}

.caption {
	color: #ff8000;
	font: 10px;
	margin: 0px 0px 20px 0px;
}





/*----------------
  MENU 2. Ebene
----------------*/
UL.menu2 { 
	list-style: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}
LI.menu2, LI.menu2-act {
	padding: 0;
	margin: 0;
	float: left;
	width: auto;
}

LI.menu2 A:link, LI.menu2 A:visited { 
	color: #8B8080;
	display: block;
	font: 11px/120% "Trebuchet MS", Arial, sans-serif; 
	text-decoration: none;
	padding: 2px 14px 0 0;
}
LI.menu2 A:hover, LI.menu2 A:active, LI.menu2-act A:link, LI.menu2-act A:visited {
	color: black;
	display: block;
	font: 11px/120% "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;	
	padding: 2px 14px 0 0;
}
LI.menu2-act A:link, LI.menu2-act A:visited {
	color: black;
}

/*------------------------------------------
  MENU 3. Ebene (im linken Inhaltsbereich)
------------------------------------------*/
LI.menu3-act A:link, LI.menu3-act A:visited {
	color: black;
	text-decoration: none;	
}



/*----------------
  PMENU
----------------*/

UL.pmenu { 
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
LI.pmenu, LI.pmenu-act {
	margin: 0px;
	padding: 0px;
	float: left;
}

LI.pmenu A:link, LI.pmenu A:visited { 
	color: #230A08;
	background: transparent;
	display: block;
	font: 11px/120% "Trebuchet MS", Arial, sans-serif; 
	text-decoration: none;
	padding: 0px 8px 0px 0px;
}
LI.pmenu A:hover, LI.pmenu A:active, LI.pmenu-act A:link, LI.pmenu-act A:visited {
	color: black;
	background: transparent;
	display: block;
	font: 11px/120% "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
	padding: 0px 8px 0px 0px;
}



/*----------------
  PORTAL MENU
----------------*/

UL.portal { 
	list-style: none;
	margin: 0px;
	padding: 0px;
}
LI.portal, LI.portal-act {
	margin: 0px;
	padding: 0px;
	float: left;
}

LI.portal A:link, LI.portal A:visited { 
	color: #230A08;
	display: block;
	background: url(media/list.gif) 0px 1px no-repeat;
	font: 11px/120% "Trebuchet MS", Arial, sans-serif; 
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
}
LI.portal A:hover, LI.portal A:active, LI.portal-act A:link, LI.portal-act A:visited {
	color: black;
	display: block;
	font: 11px/120% "Trebuchet MS", Arial, sans-serif;
	background: url(media/list.gif) 0px 1px no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
}




/*----------------
  NEWS
----------------*/

.news-latest-1 {
        position: relative;
        width: 180px;
        float: left;
} 
.news-latest-2 {
        position: relative;
        width: 180px;
        margin-left: 200px;
}

.news-image-container, .shop-image {
	position: relative;
	/*width: 111px;
	float: right;
	margin-right: -101px;
	margin-left: 25px;*/
	overflow: hidden;
}
.news-image-item {
	position: relative;
	/*margin-bottom: 7px;*/
	float: left;
	margin-right: 7px;
}


/*----------------
  SEARCH
----------------*/

.search-input {
	width: 94px;
	margin-right: 10px;
	border: 1px solid #D0C2BC;
}

.search-submit {
	color: #230A08; 
	background: #F5E7DB url(media/search-submit-hg.gif) 0px 1px no-repeat;
	font: bold 11px/120% Arial, sans-serif; 
	text-transform: uppercase;
	border: 0;
	width: auto;
	padding-left: 7px;
}
span.pdf-link {
	background: transparent url(media/pdf.gif) no-repeat left center;
	padding: 0px 0px 0px 14px;
}


P.search SPAN {
	background: #E5C3A5;
	text-transform: none;
}

DIV.searchresult P, DIV.searchresult H2 {
	padding: 0px;
}


/*-------------------
  FC ELEMENT - STÖRER
---------------------*/
.stoerer-item {
        position: relative;
        float: left;
        margin-right: 7px;
        overflow: hidden;
}



/*-------------------------------------------
  PREVIEW-Bilder (Schmuckelemente in Modulen)
---------------------------------------------*/
.preview-item {
        position: relative;
        float: left;
        margin-right: 7px;
        overflow: hidden;
}


/*----------------
  MSIT PRODUCT
----------------*/

DIV#product-container #right-container, DIV#menu-9fields {
	width: 510px;
	margin-right: -20px;
	margin-bottom: -14px;
}	

.product-menu {
	position: relative;
/*	background: url(media/neutral-menu-hg.gif) no-repeat;*/
	background: url(media/product-menu-hg.jpg) no-repeat;
	height: 410px;
	/*overflow: hidden;*/
}
.product-menu-item {
	position: relative;
	float: left;
	width: 162px;
	height: 131px;
	margin: 0 7px 7px 0;
	overflow: hidden;
	cursor: pointer;
}
.product-menu-label {
	position: absolute;
	left: 0px;
	padding: 3px 5px 3px 5px;
	bottom: 0px;
	width: 100%;
	/*height: 28px;*/
	font: 11px/130% "Trebuchet MS", Arial, sans-serif; 
	z-index: 999;
	background: #333333;
	color: white;
}
.product-menu-label A:link, .product-menu-label A:visited, .product-menu-label A:hover, .product-menu-label A:active {
	color: white;
	font-weight: normal;
}

.product-menu-image {
	position: relative;
	z-index: 9;
}

/* Verlegearten/Holzarten: */
.product-design-item {
	position: relative;
	float: left;
	width: 79px;
	height: 108px;
	margin: 0 10px 0 0;
}
.product-design-label {
	position: relative;
	color: black; 
	font: 10px/110% "Trebuchet MS", Arial, sans-serif;
	margin: 3px 0 0 0;
}
.image2 {
	position:absolute;
	/*width:100px;
	height:100px;*/
	top:-11px;
	left:-12px;
	z-index: 999;
}	

.product-info {
	position: absolute;
	width: 500px;
	left: 0px;
	bottom: 90px;
	background: url(media/transparent50.png);
}

.product-info P {
	padding: 35px;
}


/*---------------
  MSIT REFERENZ
---------------*/


DIV#right-container DIV.ref-list {
	padding: 0 130px 0 35px;
        margin-top: 32px;
        height: 375px;
}

.ref-list-newline {
	position: relative;
	margin-bottom: 6px;
}
.ref-list-image {
	position: relative;
	float: left;
	width: 92px;
	text-align: right;
}
.ref-list-item {
	position: relative;
	margin-left: 122px;
}
.ref-list-item P {
	margin: 0px;
	padding: 0;
	line-height: 140%;
}

.pagebrowser {
	position: absolute;
	right: 30px;
	bottom: 10px;
	font: 12px/150% "Trebuchet MS", Arial, sans-serif; 
}
SPAN.page A:link, SPAN.page A:visited {
	padding: 3px;	
}
SPAN.page-act A:link, SPAN.page-act A:visited {
	padding: 3px;
	color: black;
	text-decoration: none;	
}
.backlink {
	position: absolute;
	left: 25px;
	bottom: 10px;
	font: 11px/150% "Trebuchet MS", Arial, sans-serif;
	padding-left: 12px;
	background: url(media/back.gif) 0px 3px no-repeat;
}
.nextlink {
	position: relative;
	margin-top: 18px;
	font: 11px/150% "Trebuchet MS", Arial, sans-serif;
	padding-left: 12px;
	background: url(media/list-red.gif) 0px center no-repeat;
}

.ref-gallery {
	position: relative;
	background: url(media/referenz-list-hg.jpg) no-repeat;
	height: 407px;
	overflow: visible;
}

.ref-gallery-item {
	position: relative;
	float: left;
	width: 162px;
	height: 131px;
	margin: 0 7px 7px 0;
	cursor: pointer;
}

TABLE#ref-details {
	color: #230A08;
	font: 11px/150% "Trebuchet MS", Arial, sans-serif;
 	width: 340px;
}

TABLE#ref-details TD.col1 {
	font-weight: bold;
 	vertical-align: top;
 	width: 90px;
}

.gallery-bigimage {
	position:absolute;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:10000;
}

.gallery-caption {
	position: relative;
	margin-top: 7px;
	margin-left: 30px;
	font: 11px/150% "Trebuchet MS", Arial, sans-serif;
}
.gallery-menu {
	position:absolute;
	top:415px;
	right:30px;
	visibility:hidden;
	z-index:10000;
}




/*---------------------
  MSIT ADDRESS SEARCH
---------------------*/

.plz-image IMG {
	margin-right: 7px;
}



/*---------------------
  Der SHOP - COMMERCE
---------------------*/

.commerce-list-newline, .content-shop {
	position: relative;
	font: 11px/150% "Trebuchet MS", Arial, sans-serif;
	margin-bottom: 7px;
}
.commerce-list-newline FORM {
	margin-bottom: 7px; 
}
.commerce-list-newline H2 {
	padding: 0;
}

.commerce-list-image {
	position: relative;
	float: left;
        width: 95px;
	margin-right: 25px;
}
.commerce-list-item {
	position: relative;
	margin-left: 120px;
}

.commerce-detail-item {
	position: relative;
	margin-bottom: 7px;
}
.shop-image {
	position: relative;
	width: 111px;
	float: right;
	margin-right: -101px;
	margin-left: 25px;
	overflow: hidden;
}

.commerce-price {
	position: relative;
	width: 78px;
	float: left;
}
.commerce-order {
	position: relative;
	margin-left: 80px;
	margin-top: -2px;
}
INPUT.commerce-qty {
	width: 20px;
	border: 1px solid #B5A19F;
}

TABLE#commerce-shoppingcart {
	font: 11px/150% "Trebuchet MS", Arial, sans-serif;	
}

TABLE#commerce-shoppingcart .list-item {
	border-bottom: 1px solid white;
	vertical-align: top;
}

.commerce-address-item {
	position: relative;
	width: 150px;
	float: left;
}
.commerce-email-item {
	position: relative;
	margin-left: 160px;
}


/* Die Übersicht in HTML: */

#shop  {text-align: center;}
.thickborder {border: solid 2px black;}
.table {text-align: center;}
.thinborder {border: solid 1px black;}
.bold {font-weight: bold;}
.left {text-align: left;}
.color1 {background: #FAF6F4;}
.color2 {background: #F2EEEC;}

/* ende */





/*---------------------
  MSIT PARKETTFINDER
---------------------*/
.finder-item {
	position:relative;
	width: auto;
	margin-right: 10px;
	float: left;
}
.finder-img IMG {
	border: 1px solid black;
}

.finder-radio {
	position: relative;
	padding: 7px 0;
}