html { height:100%; }

body {
	background-color:#CCCCCC; margin:0px; padding:0px; height:100%;
	font-family:Arial, Helvetica, sans-serif; color:#000;
	
}



#roll a.link { height: 27px; width: 161px; display: block; 
		background: url(../images/link.jpg) 0px 0px no-repeat;
		}
span.link { height: 27px; width: 161px; display: block; 
		background: url(../images/link.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link01 { height: 27px; width: 161px; display: block; 
		background: url(../images/link01.jpg) 0px 0px no-repeat;
		}
span.link01 { height: 27px; width: 161px; display: block; 
		background: url(../images/link01.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link02 { height: 27px; width: 161px; display: block; 
		background: url(../images/link02.jpg) 0px 0px no-repeat;
		}
span.link02 { height: 27px; width: 161px; display: block; 
		background: url(../images/link02.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link03 { height: 27px; width: 161px; display: block; 
		background: url(../images/link03.jpg) 0px 0px no-repeat;
		}
span.link03 { height: 27px; width: 161px; display: block; 
		background: url(../images/link03.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link04 { height: 27px; width: 161px; display: block; 
		background: url(../images/link04.jpg) 0px 0px no-repeat;
		}
span.link04 { height: 27px; width: 161px; display: block; 
		background: url(../images/link04.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link05 { height: 27px; width: 161px; display: block; 
		background: url(../images/link05.jpg) 0px 0px no-repeat;
		}
span.link05 { height: 27px; width: 161px; display: block; 
		background: url(../images/link05.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link_about { height: 27px; width: 161px; display: block; 
		background: url(../images/link_about.jpg) 0px 0px no-repeat;
		}
span.link_about { height: 27px; width: 161px; display: block; 
		background: url(../images/link_about.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link_concept { height: 27px; width: 161px; display: block; 
		background: url(../images/link_concept.jpg) 0px 0px no-repeat;
		}
span.link_concept { height: 27px; width: 161px; display: block; 
		background: url(../images/link_concept.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link_products { height: 27px; width: 161px; display: block; 
		background: url(../images/link_products.jpg) 0px 0px no-repeat;
		}
span.link_products { height: 27px; width: 161px; display: block; 
		background: url(../images/link_products.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link_fairs { height: 27px; width: 161px; display: block; 
		background: url(../images/link_fair.jpg) 0px 0px no-repeat;
		}
span.link_fairs { height: 27px; width: 161px; display: block; 
		background: url(../images/link_fair.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link_contact { height: 27px; width: 161px; display: block; 
		background: url(../images/link_contact.jpg) 0px 0px no-repeat;
		}
span.link_contact { height: 27px; width: 161px; display: block; 
		background: url(../images/link_contact.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link_imprint { height: 27px; width: 161px; display: block; 
		background: url(../images/link_imprint.jpg) 0px 0px no-repeat;
		}
span.link_imprint { height: 27px; width: 161px; display: block; 
		background: url(../images/link_imprint.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link_feedback { height: 27px; width: 161px; display: block; 
		background: url(../images/feedback.jpg) 0px 0px no-repeat;
		}
span.link_feedback { height: 27px; width: 161px; display: block; 
		background: url(../images/feedback.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link_material { height: 27px; width: 161px; display: block; 
		background: url(../images/link06.jpg) 0px 0px no-repeat;
		}
span.link_material{ height: 27px; width: 161px; display: block; 
		background: url(../images/link06.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
#roll a.link_mat { height: 27px; width: 161px; display: block; 
		background: url(../images/link_materials.jpg) 0px 0px no-repeat;
		}
span.link_mat{ height: 27px; width: 161px; display: block; 
		background: url(../images/link_materials.jpg) 0px 0px no-repeat; background-position: 0px -27px;
		}
		
#roll a:hover {	
		background-position: 0px -27px;
		}
#roll a:active {
		background-position: 0px -27px;
		}
		
		
#rollp a.link_x { height: 25px; width: 161px; display: block; 
		background: url(../images/link_x.jpg) 0px 0px no-repeat;
		}
span.link_x { height: 25px; width: 161px; display: block; 
		background: url(../images/link_x.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
		
#rollp a.link_xe { height: 25px; width: 161px; display: block; 
		background: url(../images/link_xe.jpg) 0px 0px no-repeat;
		}
span.link_xe { height: 25px; width: 161px; display: block; 
		background: url(../images/link_xe.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}

#rollp a.link_fit { height: 25px; width: 161px; display: block; 
		background: url(../images/link_fit.jpg) 0px 0px no-repeat;
		}
span.link_fit { height: 25px; width: 161px; display: block; 
		background: url(../images/link_fit.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
#rollp a.link_wip { height: 25px; width: 161px; display: block; 
		background: url(../images/link_wip.jpg) 0px 0px no-repeat;
		}
span.link_wip { height: 25px; width: 161px; display: block; 
		background: url(../images/link_wip.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
#rollp a.link_flexi { height: 25px; width: 161px; display: block; 
		background: url(../images/link_flexi.jpg) 0px 0px no-repeat;
		}
span.link_flexi { height: 25px; width: 161px; display: block; 
		background: url(../images/link_flexi.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
#rollp a.link_flexi2 { height: 25px; width: 161px; display: block; 
		background: url(../images/link_flexi2.jpg) 0px 0px no-repeat;
		}
span.link_flexi2 { height: 25px; width: 161px; display: block; 
		background: url(../images/link_flexi2.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
#rollp a.link_flexi3 { height: 25px; width: 161px; display: block; 
		background: url(../images/link_flexi3.jpg) 0px 0px no-repeat;
		}
span.link_flexi3 { height: 25px; width: 161px; display: block; 
		background: url(../images/link_flexi3.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
#rollp a.link_relax { height: 25px; width: 161px; display: block; 
		background: url(../images/link_relax.jpg) 0px 0px no-repeat;
		}
span.link_relax { height: 25px; width: 161px; display: block; 
		background: url(../images/link_relax.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
#rollp a.link_relax67 { height: 25px; width: 161px; display: block; 
		background: url(../images/link_relax67.jpg) 0px 0px no-repeat;
		}
span.link_relax67 { height: 25px; width: 161px; display: block; 
		background: url(../images/link_relax67.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
#rollp a.link_rondeo { height: 25px; width: 161px; display: block; 
		background: url(../images/link_rondeo.jpg) 0px 0px no-repeat;
		}
span.link_rondeo { height: 25px; width: 161px; display: block; 
		background: url(../images/link_rondeo.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
#rollp a.link_sonet { height: 25px; width: 161px; display: block; 
		background: url(../images/link_sonet.jpg) 0px 0px no-repeat;
		}
span.link_sonet { height: 25px; width: 161px; display: block; 
		background: url(../images/link_sonet.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
#rollp a.link_sonet29 { height: 25px; width: 161px; display: block; 
		background: url(../images/link_sonet19.jpg) 0px 0px no-repeat;
		}
span.link_sonet29 { height: 25px; width: 161px; display: block; 
		background: url(../images/link_sonet29.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
#rollp a.link_rytmo { height: 25px; width: 161px; display: block; 
		background: url(../images/link_rytmo.jpg) 0px 0px no-repeat;
		}
span.link_rytmo { height: 25px; width: 161px; display: block; 
		background: url(../images/link_rytmo.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
#rollp a.link_hocker { height: 25px; width: 161px; display: block; 
		background: url(../images/link_hocker.jpg) 0px 0px no-repeat;
		}
span.link_hocker { height: 25px; width: 161px; display: block; 
		background: url(../images/link_hocker.jpg) 0px 0px no-repeat; background-position: 0px -25px;
		}
#rollp a:hover {	
		background-position: 0px -25px;
		}
#rollp a:active {
		background-position: 0px -25px;
		}
		
a.konzept { font-size:14px; font-weight:bold; color:#D0DE97; text-decoration:none;}
a.konzept:hover { font-size:14px; font-weight:bold; color:#99CC33; text-decoration:none;}	
span.konzept { font-size:14px; font-weight:bold; color:#99CC33; text-decoration:none;}

a.text { color:#000;}
a.text:hover { text-decoration:none}
	
h1 { font-size:13px; font-weight:bold; color:#99CC33; text-decoration:none;}	
h1.okto, h1.fala, h1.logo { font-size:13px; font-weight:bold; color:#B1B637; text-decoration:none;}
h1.fit, h1.wip { font-size:13px; font-weight:bold; color:#AD603F; text-decoration:none;}
h1.relax, h1.relax67 { font-size:13px; font-weight:bold; color:#CC9933; text-decoration:none;}
h1.rondeo, h1.sonet, h1.sonet29, h1.rytmo { font-size:13px; font-weight:bold; color:#FFCC33; text-decoration:none;}
h1.hocker { font-size:13px; font-weight:bold; color:#336699; text-decoration:none;}
h1.x { font-size:13px; font-weight:bold; color:#A8AE79; text-decoration:none;}

img.relax, img.relax67 { border:3px solid #CC9933;}
img.x { border:3px solid #A8AE79;}
img.rondeo, img.sonet, img.sonet29, img.rytmo { border:3px solid #FFCC33;}
img.hocker { border:3px solid #336699;}
img.fala, img.okto, img.logo { border:3px solid #AEA311;}
img.fit, img.wip { border:3px solid #AD603F;}


object.fit, object.wip {border:3px solid #AD603F;}
object.fala, object.okto, object.logo {border:3px solid #AEA311;}
object.relax {border:3px solid #CC9933;}
object.rondeo, object.sonet, object.rytmo {border:3px solid #FFCC33;}

		
img.dummy { width:1px; height:1px; border:0px;}

td { font-size:12px; line-height:16px;}

#konzeptbild {position: relative; top:-20px; left:-53px;}
#konzeptbild2 {position: relative; top:-40px; left:-37px;}

#xmodels {position:absolute;margin-top:123px; margin-left:23px}

.pflicht { color:#CC6633;}
span.red { color:#FF0000;}

img.material { width:60px; height:60px; border:1px solid #000; margin-top:10px; }