/* CSS Document */
@charset "utf-8";

/*
Farbcodes:

*/

*{
	margin:0px; 
	padding:0px;
}

body{
	color:#ffffff;
	text-align:left;
	background-color:#ffffff;
	font:12px Verdana, sans-serif;	
	background-color:#231F20;
	padding-left:10px;
}

p{
	font:12px Verdana, sans-serif;
}

h1{
	font-size:16px;	
}

h2{
	font-size:14px;	
}

h4{
	font-size:14px;	
}


#logo {
	position:absolute;
	width:496px;
	height:128px;
	background-image:url(../images/logo.JPG);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#keyvisual {
	position:absolute;
	top:144px;
	left:0px;
	width:1200px;
	height:100px;
	
}

#messebilder {
	position:absolute;
	top:280px;
	left:270px;
	width:400px;
	height:260px;
	background-image:url(../images/messe01.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

/*### Hauptmen? ###*/

#sidebox {
	position:absolute;
	top:270px;
	left:0px;
	width:260px;
	height:150px;
	/*border:1px solid #FFF;*/
}

#menuebox {
	position:static;
	float:left;
	width:260px;
	height:auto;
	/*border:1px solid #FFF;*/
}

/*### 1. Men?ebene ###*/

#was {
	position:relative;
	float:left;
	width:260px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_wasA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#was:hover {
	position:relative;
	float:left;
	width:260px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_wasB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#produktl {
	position:relative;
	float:left;
	width:260px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_produktlinienA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#produktl:hover {
	position:relative;
	float:left;
	width:260px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_produktlinienB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#erlebnis {
	position:relative;
	float:left;
	width:260px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_erlebnisweltenA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#erlebnis:hover {
	position:relative;
	float:left;
	width:260px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_erlebnisweltenB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#service {
	position:relative;
	float:left;
	width:260px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_serviceA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#service:hover {
	position:relative;
	float:left;
	width:260px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_serviceB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#wer {
	position:relative;
	float:left;
	width:260px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_werA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#wer:hover {
	position:relative;
	float:left;
	width:260px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_werB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#kontakt {
	position:relative;
	float:left;
	width:260px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_kontaktA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#kontakt:hover {
	position:relative;
	float:left;
	width:260px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_kontaktB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

/*### 2.Men?ebene ###*/

#vorteile {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_vorteileA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#vorteile:hover {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_vorteileB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#herstellungsverfahren {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_herstellungsverfahrenA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#herstellungsverfahren:hover {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_herstellungsverfahrenB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#produktdaten {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_produktdatenA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#produktdaten:hover {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_produktdatenB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#fragen {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_fragenA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#fragen:hover {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_fragenB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

/* --> 2. Men?ebene Produktlinien */

#fleece {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_fleeceA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#fleece:hover {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_fleeceB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#deluxe {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_deluxeA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#deluxe:hover {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_deluxeB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#liquid {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_liquidA.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#liquid:hover {
	position:relative;
	float:left;
	left:10px;
	width:250px;
	height:30px;
	list-style:none;
	background-image:url(../images/but_liquidB.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}


/*### Downloadbereich ###*/

#download {
	position:static;
	float:left;
	width:260px;
	height:auto;
	padding-top:10px;
}

#downhead {
	position:static;
	float:left;
	width:260px;
	height:30px;
	background-image:url(../images/download_center.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-top:10px;
}

#dl01 {
	position:static;
	float:left;
	left:10px;
	width:260px;
	height:20px;
	list-style:none;
	background-image:url(../images/dl01.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#dl02 {
	position:static;
	float:left;
	left:10px;
	width:260px;
	height:20px;
	list-style:none;
	background-image:url(../images/dl02.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#dl03 {
	position:static;
	float:left;
	left:10px;
	width:260px;
	height:20px;
	list-style:none;
	background-image:url(../images/dl03.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#dl04 {
	position:static;
	float:left;
	left:10px;
	width:260px;
	height:20px;
	list-style:none;
	background-image:url(../images/dl04.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

#dl05 {
	position:static;
	float:left;
	left:10px;
	width:260px;
	height:20px;
	list-style:none;
	background-image:url(../images/dl05.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}
#dl06 {
	position:static;
	float:left;
	left:10px;
	width:260px;
	height:20px;
	list-style:none;
	background-image:url(../images/dl062.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}
#dl07 { 
	position:static; 
	float:left; 
	left:10px; 
	width:260px; 
	height:20px; 
	list-style:none; 
	background-image:url(../images/dl07.jpg); 
	background-position:0px 0px; 
	background-repeat:no-repeat; 
	display:block; 
}
#dl08 {
	position:static;
	float:left;
	left:10px;
	width:260px;
	height:20px;
	list-style:none;
	background-image:url(../images/dl08.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}
#dl09 {
	position:static;
	float:left;
	left:10px;
	width:260px;
	height:20px;
	list-style:none;
	background-image:url(../images/dl09.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}
#dl10 {
	position:static;
	float:left;
	left:10px;
	width:260px;
	height:20px;
	list-style:none;
	background-image:url(../images/dl10.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}
#dl11 {
	position:static;
	float:left;
	left:10px;
	width:260px;
	height:20px;
	list-style:none;
	background-image:url(../images/dl11.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}
#dl12 {
	position:static;
	float:left;
	left:10px;
	width:260px;
	height:20px;
	list-style:none;
	background-image:url(../images/dl12.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}
/*
### Seitenspezifische Inhalte f?r Unterseiten ###
*/

/*Seite Information zum Herstellungsverfahren*/

#IpicA {
	position:absolute;
	top:305px;
	left:270px;
	width:240px;
	height:200px;
	background-image:url(../images/grube.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}


#IpicB {
	position:absolute;
	top:540px;
	left:640px;
	width:320px;
	height:200px;
	background-image:url(../images/lagen.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

/*Seite Technische Produktdaten*/

#tab01 {
	border:1px thin #f3f3f3;
	cellpadding:10px;
}

/*Seite Produktlinien*/

#IIpicA {
	position:absolute;
	top:290px;
	left:270px;
	width:240px;
	height:200px;
	background-image:url(../images/lapfleece.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#IIpicB {
	position:absolute;
	top:510px;
	left:270px;
	width:240px;
	height:200px;
	background-image:url(../images/lapdeluxe.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#IIpicC {
	position:absolute;
	top:730px;
	left:270px;
	width:240px;
	height:200px;
	background-image:url(../images/lapliquid.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

/*Seite LapisFleece*/

#IIIpicA {
	position:absolute;
	top:580px;
	left:270px;
	width:690px;
	height:200px;
	background-image:url(../images/fleecesample.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

/*Seite LapisFleece*/

#IVpicA {
	position:absolute;
	top:470px;
	left:270px;
	width:690px;
	height:80px;
	background-image:url(../images/deluxe01.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#IVpicB {
	position:absolute;
	top:740px;
	left:270px;
	width:690px;
	height:80px;
	background-image:url(../images/deluxe02.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

/*Seite LapisLiquid*/

#VpicA {
	position:absolute;
	top:410px;
	left:270px;
	width:690px;
	height:180px;
	background-image:url(../images/liquidsample.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

/*Seite LapisLiquid*/

#VIpicA {
	position:absolute;
	top:520px;
	left:270px;
	width:240px;
	height:200px;
	background-image:url(../images/erleb01.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#VIpicB {
	position:absolute;
	top:790px;
	left:710px;
	width:240px;
	height:200px;
	background-image:url(../images/erleb02.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#VIpicC {
	position:absolute;
	top:1060px;
	left:270px;
	width:240px;
	height:220px;
	background-image:url(../images/erleb03.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}