/*-----------------------------------------------------------------------------
version:   1.0
date:      April 2012
author:    EDV Fofi 
website:   https://www.folien-fischer.com
project:   
-----------------------------------------------------------------------------*/



/* Basis
-----------------------------------------------------------------------------*/

body {
	background-color:#EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	font-size: 12px;
	color: #333333;
	padding:0px;
	margin:0px;
}

#container { /* damit wird das Layout zentriert */
	width:1200px;
	height:850px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
}


#container_index { /* damit wird das Layout zentriert */
    width: 1200px;
    height: 850px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

#container_fiscover { /* damit wird das Layout zentriert */
    width: 1200px;
    height: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}


/* no Scrollbar but functional scrolling
-----------------------------------------------------------------------------*/

html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0; /* Remove scrollbar space */
    background: transparent; /* Optional: just make scrollbar invisible */
}


/* Behälter
-----------------------------------------------------------------------------*/
#contentbox {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


/* Header
-----------------------------------------------------------------------------*/
#head {
	
	width:1200px;
	height:280px;
	
	padding-top: 0px;
	z-index: 1;

}


/* Menu
-----------------------------------------------------------------------------*/
#menu {
		
	width:1200px;
	position:absolute;
	top:0px;
	z-index: 99;
}
	

/* Content
-----------------------------------------------------------------------------*/
#content {

	margin-top: 0px;
	width: 1200px;
	height: 595px;
}

/* Content Index
-----------------------------------------------------------------------------*/
#contentindex {
    margin-top: 0px;
    width: 1200px;
    height: 590px;
}

/* Content Fiscover
-----------------------------------------------------------------------------*/
#contentfiscover {
    margin-top: 0px;
    width: 1200px;
    height: 900px;
}


/* Footer
-----------------------------------------------------------------------------*/

#footer {
	margin-top:0px;
	width: 1200px;	
	line-height: 120%;
	font-size: 0.85em;
	color: #333333;
	
}

#contact_index {
    color: #888;
    padding-top: 180px;
    padding-left: 130px;
    height: 25px;
    background-color: white
}


#contact_produktion {
    color: #888;
    padding-top: 120px;
    padding-left: 130px;
    height: 25px;
    background-color: white
}

#contact {
    color: #888;
    padding-top: 20px;
    padding-left: 130px;
}

    #contact a,
    #contact_index a,
    #contact_produktion a {
        color: #888;
    }

#kontakt {
    border-style: none;
    color: #000;
    width: 310px;
    height: 560px;
}


/* Titel
-----------------------------------------------------------------------------*/
#titel
{
    position: relative;
    top: 000px;
    left: 0px;
    color: #FFFFFF;
    width: 650px;
    height: 90px; 
}


#titelheader,
#titelheader2,
#titelheader3 {
    position: relative;
    top: -05px;
    left: 0px;
    color: #444;
    width: 310px;
    font-family: Arial, Helvetica, sans-serif;
    height: 36px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


#index {
    padding-top: 20px;
    width: 310px;
    border: none;
    position: relative;
    left: 117px;
    top: 0px;
}

#index1 {
    padding-top: 0px;
    width: 310px;
    border: none;
    position: relative;
    left: 445px;
    top: -241px;
}

#index2 {
    padding-top: 0px;
    width: 310px;
    border: none;
    position: relative;
    left: 775px;
    top: -482px;
}




/* Inovation Day
-----------------------------------------------------------------------------*/
#iday
{
    position: relative;
    top: -350px;
    left: 800px;
    color: #FFFFFF;
 }
 
/* Box Index
-----------------------------------------------------------------------------*/
#box
{
  
    position:relative;
    top:375px;
    height:290px;
    background-color:lightgray;
}

/* Box Production
-----------------------------------------------------------------------------*/
#boxproduction {
    position: relative;
    top: 240px;
    height: 380px;
    background-color: lightgray;
    
}

/* Production
-----------------------------------------------------------------------------*/


#titelproduction {
    position: relative;
    top: 220px;
    left: 0px;
    color: #333333;
    width: 972px;
    height: 80px;
    background-color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#productiontextd,
#productiontexte {
    padding-top: 0px;
    width: 750px;
    height: 65px;
    border: none;
    position: relative;
    left: 20px;
    top: 10px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 120%;
}



#productionheader,
#productionheader2,
#productionheader3 {
    position: relative;
    top: -05px;
    left: 0px;
    color: #444;
    width: 310px;
    font-family: Arial, Helvetica, sans-serif;
    height: 36px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#production {
    padding-top: 20px;
    width: 310px;
    border: none;
    position: relative;
    left: 117px;
    top: 0px;
}

#production1 {
    padding-top: 0px;
    width: 310px;
    border: none;
    position: relative;
    left: 445px;
    top: -338px;
}

#production2 {
    padding-top: 0px;
    width: 310px;
    border: none;
    position: relative;
    left: 775px;
    top: -676px;
}



#productionglassd,
#productionglasse {
    top: -5px;
    position: relative;
    left: 782px;
    width: 2px;
    height: 2px;
}

#productioncertd,
#productioncerte {
    top: -160px;
    position: relative;
    left: 800px;
    width: 113px;
    height: 165px;
}


.productioncert span {
    display: none;
}

.productioncert:link, .productioncert:visited {
    display: block;
    width: 100%;
    height: 100%;
    background: url(webpics/CleanAir_cert_sm.jpg);
}

.productioncert:hover, .productioncert:active, .productioncert:focus {
    position: relative;
    background-image: url(webpics/CleanAir_cert_m.jpg);
    background-size: 408px 580px;
    background-repeat: no-repeat;
    background-position: center top;
    border: 1px solid grey;
    width: 408px;
    height: 580px;
    border: 1px solid grey;
    font-size: 0;
    left: -170px;
    top: -183px;
    z-index: 2;
}




/*
Producte index
*/
#fisprint_index {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: -10px;
    top: 0px;
}

#fiscoll_index {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 100px;
    top: 0px;
}

#fofisafe_index {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 210px;
    top: 0px;
}

#fiscode_index {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 320px;
    top: 0px;
}


#fiscover_index {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 430px;
    top: 0px;
}

#fismelt_index {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 540px;
    top: 0px;
}



#fisil_index {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 650px;
    top: 0px;
}

#fisual_index {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 760px;
    top: 0px;
}

#fofigreen_index {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 870px;
    top: 0px;
}


/* Entwicklung
-----------------------------------------------------------------------------*/
#entwicklung
{
    position: relative;
    top: 100px;
    left: 290px;
    width: 370px;
    height: 560px;
}

/* Datenschutz
-----------------------------------------------------------------------------*/
#datenschutzheadd,
#datenschutzheade {
    position: relative;
    top: 20px;
    left: 10px;
    width: 180px;
    height: 50px;
    white-space: nowrap; 
}

#datenschutzheadd h,
#datenschutzheade h {
    font-family: Arial, Helvetica, sans-serif;
    color: #a5a4a4;
    font-size: 2.5em;
    line-height: 100%;
    font-weight: normal;
    padding-bottom: 0px;
    padding-top: 0px; 
}

#datenschutzboxd,
#datenschutzboxe {
    position: relative;
    top: 10px;
    left: 10px;
    width: 280px;
    height: 180px;
}

#datenschutzbox1d,
#datenschutzbox1e {
    position: relative;
    top: 5px;
    left: 0px;
    width: 460px;
    height: 500px;
    
}

#datenschutzbox2d,
#datenschutzbox2e {
    position: relative;
    top: -505px;
    left: 480px;
    width: 460px;
    height: 500px;
    
}

#datenschutzboxd h1,
#datenschutzboxe h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #DD0000;
    font-size: 1.3em;
    line-height: 100%;
    font-weight: normal;
    padding-bottom: 0px;
    padding-top: 10px;
    
}

#datenschutzboxd p,
#datenschutzboxe p {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 0.9em;
    line-height: 100%;
    font-weight: normal;
    padding-bottom: 0px;
    padding-top: 0px;
}


#datenschutzboxd ul,
#datenschutzboxe ul {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 0.9em;
    line-height: 100%;
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 5px;
    font-style: italic;
}

/* Datenschutz
-----------------------------------------------------------------------------*/
#impressumheadd,
#impressumheade,
#cookieshead {
    position: relative;
    top: 20px;
    left: 10px;
    width: 180px;
    height: 50px;
}

#impressumheadd h,
#impressumheade h {
    font-family: Arial, Helvetica, sans-serif;
    color: #a5a4a4;
    font-size: 2.5em;
    line-height: 100%;
    font-weight: normal;
    padding-bottom: 0px;
    padding-top: 0px;
}

#impressumboxd,
#impressumboxe,
#cookiesbox {
    position: relative;
    top: 10px;
    left: 10px;
    width: 280px;
    height: 180px;
}

#impressumbox1d,
#impressumbox1e,
#cookiesbox1 {
    position: relative;
    top: 5px;
    left: 0px;
    width: 660px;
    height: 500px;
}  
 
#impressumboxd h1,
#impressumboxe h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #DD0000;
    font-size: 1.3em;
    line-height: 100%;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 0px;  
}

#impressumboxd p,
#impressumboxe p {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 1.0em;
    line-height: 100%;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 0px;
}


/* Unternehmen
-----------------------------------------------------------------------------*/
#unternehmen
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 160px;
    height: 450px;
}


#isologod,
#isologoe {
    position: relative;
    top: 50px;
    left: 120px;
    color: #FFFFFF;
    width: 110px;
}




/* Flashanimation Unternehmen
-----------------------------------------------------------------------------*/

#flashbox {
    border-style: none;
    width: 315px;
    position: relative;
    top: 231px;
    color: #FFF;
}


/* Jobs
-----------------------------------------------------------------------------*/
#jobstiteld,
#jobstitele
{
    position: relative;
    top: 0px;
    left: 10px;
    width: 250px;
    height: 80px;    
}

#jobs1titeld,
#jobs1titele
{
    position: relative;
    top: 5px;
    left: 10px;
    width: 250px;
    height: 100px;
     
}

#jobs
{
    position: relative;
    top: 0px;
    left: 10px;
    width: 250px;
    background-color: #FFFFFF; 
}

#jobs1
{
    top: 5px;

}

#jobs2
{
    top: 10px;
}

#jobs3
{
    top: 15px;
}

#jobs4
{
    top: 20px;
}

#jobs5
{
    top: 25px;
}

#jobs6 
{
        top: 30px;
}

#jobs7
{
        top: 35px;
}

#jobs1,
#jobs2,
#jobs3,
#jobs4,
#jobs5,
#jobs6,
#jobs7 
{
    position: relative;
    left: 10px;
    width: 250px;
    height: 60px;
    background-color: #FFFFFF;
}



#jobs1:hover,
#jobs2:hover,
#jobs3:hover,
#jobs4:hover,
#jobs4:hover,
#jobs5:hover,
#jobs6:hover,
#jobs7:hover 
{
    background-color: #EEEEEE;
}


#jobs1 a,
#jobs1 a:active,
#jobs2 a,
#jobs2 a:active,
#jobs3 a,
#jobs3 a:active,
#jobs4 a,
#jobs4 a:active,
#jobs5 a,
#jobs5 a:active,
#jobs6 a,
#jobs6 a:active,
#jobs7 a,
#jobs7 a:active 
{
    text-decoration: none;
}




/* USA
-----------------------------------------------------------------------------*/
#usa
{
    border-style: none;
    position: relative;
    top: -28px;
    left: 395px;
}



/* Produkte
-----------------------------------------------------------------------------*/

#pbox1d
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/produkte1a.jpg');
    text-shadow: #c5c5c5 3px 2px;
}

#pbox1d:hover
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/produkte1b.jpg');
    text-shadow:none;
}

#pbox1e
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/products1a.jpg');
    text-shadow:#c5c5c5 3px 2px;
}

#pbox1e:hover
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/products1b.jpg');
    text-shadow:none;
}

#pbox2d
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/produkte2a.jpg');
    text-shadow:#c5c5c5 3px 2px;
}

#pbox2d:hover
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/produkte2b.jpg');
    text-shadow:none;
}

#pbox2e
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/products2a.jpg');
    text-shadow:#c5c5c5 3px 2px;
}

#pbox2e:hover
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/products2b.jpg');
    text-shadow:none;
}

#pbox3d
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/produkte3a.jpg');
    text-shadow:#c5c5c5 3px 2px;
}

#pbox3d:hover
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/produkte3b.jpg');
    text-shadow:none;
}

#pbox3e
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/products3a.jpg');
    text-shadow:#c5c5c5 3px 2px;
}

#pbox3e:hover
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/products3b.jpg');
    text-shadow:none;
}

/* Produkte2
-----------------------------------------------------------------------------*/



#quote9d,
#quote9e
{
display: block;
color: Black;
padding-top:20px;
padding-left:25px;
padding-right: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 135%;  
}



/* technik
-----------------------------------------------------------------------------*/

#tbox1d
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/technik1a.jpg');
    color: White;
    text-shadow: #5c5c5c 3px 2px;
}

#tbox1d:hover
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/technik1b.jpg');
    color: Black;
    text-shadow:none;
}

#tbox1e
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/technology1a.jpg');
    color: White;
    text-shadow:#5c5c5c 3px 2px;
}

#tbox1e:hover
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/technology1b.jpg');
    color: Black;
    text-shadow:none;
}

#tbox2d
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/technik2a.jpg');
    color: White;
    text-shadow:#5c5c5c 3px 2px;
}

#tbox2d:hover
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/technik2b.jpg');
    color: Black;
    text-shadow:none;
}

#tbox2e
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/technology2a.jpg');
    color: White;
    text-shadow:#5c5c5c 3px 2px;
}

#tbox2e:hover
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/technology2b.jpg');
    color: Black;
    text-shadow:none;
}

#tbox3d
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/technik3a.jpg');
    color: White;
    text-shadow:#5c5c5c 3px 2px;
}

#tbox3d:hover
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/technik3b.jpg');
    color: Black;
    text-shadow:none;
}

#tbox3e
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/technology3a.jpg');
    color: White;
    text-shadow:#5c5c5c 3px 2px;
}

#tbox3e:hover
{
    width: 310px;
    height: 560px;
    background-image: url('webpics/technology3b.jpg');
    color: Black;
    text-shadow:none;
}

/*Kontakt Kontaktbox <!--background-image: url(webpics/hintergrund_kontakt2.jpg);-->
-----------------------------------------------------------------------------*/

.textfeld {
    width: 220px;
    height: 8px;
    padding: 10px;
    border: none;
    
}

.textarea {
    width: 220px;
    height: 50px;
    padding: 10px;
    border: none;
}

.formfeld {
    background-color: #fff;
    border:none;
    position: relative;
    width: 150px;
    height: 30px;
    right: 25px;
}

    .formfeld:hover {
        background-color: #E5322D;
        color:#fff;
        border:none;
    }

address {
    font-style: normal;
}

dl.grid {
    display: grid;
    grid-template-columns: 1fr 95%;
}

dl.gridz {
    display: grid;
    grid-template-columns: 1fr 62%;
}

dl.gridy {
    display: grid;
    grid-template-columns: 1fr 51%;
}


dd {
    margin: 0;
    padding-left: 1em;
}

dl.grid dd {
    margin-bottom: 0.1em;
}

a[href^="tel"] {
    white-space: nowrap;
}





#kontaktboxd,
#kontaktboxe {
    border: none;
    width: 490px;
    height: 560px;
  }

#kontaktheaderd,
#kontaktheadere {
    height: 36px;
    width: 130px;
    position: relative;
    left: 30px;
    top: 44px;
    color: #fff;
    background-color: #E5322D;
    font-family: Arial, Helvetica, sans-serif;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


#kontaktadressd,
#kontaktadresse {
    position: relative;
    top: 90px;
    left: 50px;
    color: #000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.05em;
    line-height: 110%;
}

#kontaktzeitd,
#kontaktzeite {
    position: relative;
    top: 140px;
    left: 50px;
    color: #000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 120%;
}

#kontaktmapd,
#kontaktmape {

    position: relative;
    top: 140px;
    left: 50px;

    height: 25px;
}

#kontaktbxd,
#kontaktbxe 
{
color: #000;
padding-top: 30px;
padding-left:30px;
}

#quotebox2d,
#quotebox2e {
    padding-top: 30px;
    width: 380px;
    height: 530px;
    background-color: none;
    border: none;
}

#quote2d,
#quote2e {
    color: #000;
    padding-top: 70px
}



/* Produkte
-----------------------------------------------------------------------------*/

#produktebox {
    border: thin solid #000000;
    width: 310px;
    height: 560px;
    background-color: #fff;
    opacity: .85;
    filter: alpha(opacity=85);
}

#produktebox:hover
{
border: thin solid #000000;
width: 310px;
height: 560px;
background-color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}

#produktebx {
color: #000;
padding-top: 50px;
padding-left:30px;
max-width:250px;
}

/* Kasten
-----------------------------------------------------------------------------*/

#jobsboxd,
#jobsboxe
{
border: thin solid #000000;
width: 310px;
height: 560px;
background-color: #fff;
opacity: .75;
filter: alpha(opacity=75);
}

#jobs1boxd,
#jobs1boxe
{
border: thin solid #000000;
width: 500px;
height: 560px;
background-color: #fff;
opacity: .85;
filter: alpha(opacity=85);
}

#jobsboxmd,
#jobsboxme
{
position:relative; 
left:170px;
top: 10px;
width:120px;
height:15px;
}

#jobsboxmd a,
#jobsboxme a
{
color: #FF0000;

}

#jobsboxmd a:hover,
#jobsboxme a:hover
{
color: #FF0000;

}

#quotedjobsd,
#quotedjobse,
#quotedjobs1d,
#quotedjobs1e
{
color: #000;
padding-top: 30px;
padding-left:20px;
padding-right:10px;
}

#quoteboxd,
#quotebox1d,
#quoteboxe,
#quotebox1e

{
border: thin solid #000000;
width: 310px;
height: 560px;
background-color: #fff;
opacity: .85;
filter: alpha(opacity=85);
}


#quoteboxcompd,
#quoteboxcompe {
margin-top: 30px;
margin-left: 20px;
border: thin solid #000000;
width: 190px;
height: 500px;
background-color: #fff;
opacity: .85;
filter: alpha(opacity=85);

}




#quotebox3d,
#quotebox4d,
#quotebox5d,
#quotebox3e,
#quotebox4e,
#quotebox5e {
    border: thin solid #999;
    width: 310px;
    height: 200px;
    background-color: white;
}


#quotebox6d,
#quotebox7d,
#quotebox8d,
#quotebox6e,
#quotebox7e,
#quotebox8e {
    border: thin solid #999;
    width: 310px;
    height: 300px;
    background-color: white;
}

#jobbsoxe
{
border: thin solid #000000;
width: 310px;
height: 560px;
background-color: #fff;
opacity: .70;
filter: alpha(opacity=70);
}

#quoteboxe,
#quotebox1e
{
border: thin solid #000000;
width: 310px;
height: 560px;
background-color: #fff;
opacity: .85;
filter: alpha(opacity=85);
}





#quoted,
#quote1d,
#quotee,
#quote1e
{
color: #000;
padding-top: 50px;
padding-left:20px;
}


#quote3d,
#quote3e {
    color: #000;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: yellow;
    width: 310px;
    height: 178px;
}


#quote4d,
#quote5d,
#quote4e,
#quote5e
{
color: #000;
padding-top: 30px;
padding-left:30px;
padding-right: 10px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

#quote6d,
#quote7d,
#quote8d,
#quote6e,
#quote7e,
#quote8e
{
display: none;
}





#pbox1d:hover #quote6d,
#pbox2d:hover #quote7d,
#pbox3d:hover #quote8d,
#pbox1e:hover #quote6e,
#pbox2e:hover #quote7e,
#pbox3e:hover #quote8e
{
display: block;
color: #000;
padding-top: 0px;
padding-left:25px;
padding-right: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 135%;  
}



#tbox1d:hover #quote6d,
#tbox2d:hover #quote7d,
#tbox3d:hover #quote8d,
#tbox1e:hover #quote6e,
#tbox2e:hover #quote7e,
#tbox3e:hover #quote8e
{
display: block;
padding-top: 0px;
padding-left:25px;
padding-right: 100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 135%;
}

#tpfeil1d
{
visibility: visible;
position: relative;
left: 210px; 
top:62px;
}

#tpfeil2d
{
visibility: visible;
position: relative;
left: 155px; 
top:33px;
}
#tpfeil3d
{
visibility: visible;
position: relative;
left: 175px; 
top:62px;
}
#tpfeil1e
{
visibility: visible;
position: relative;
left: 205px; 
top:62px;
}
#tpfeil2e
{
visibility: visible;
position: relative;
left: 125px; 
top:33px;
}
#tpfeil3e
{
visibility: visible;
position: relative;
left: 155px; 
top:62px;
}

#pfeil1d
{
visibility: visible;
position: relative;
left: 230px; 
top:33px;
}

#pfeil2d
{
visibility: visible;
position: relative;
left: 200px; 
top:33px;
}
#pfeil3d
{
visibility: visible;
position: relative;
left: 275px; 
top:33px;
}
#pfeil1e
{
visibility: visible;
position: relative;
left: 225px; 
top:33px;
}
#pfeil2e
{
visibility: visible;
position: relative;
left: 155px; 
top:33px;
}
#pfeil3e
{
visibility: visible;
position: relative;
left: 250px; 
top:33px;
}

#pbox1d:hover #pfeil1d,
#pbox2d:hover #pfeil2d,
#pbox3d:hover #pfeil3d,
#pbox1e:hover #pfeil1e,
#pbox2e:hover #pfeil2e,
#pbox3e:hover #pfeil3e,
#tbox1d:hover #tpfeil1d,
#tbox2d:hover #tpfeil2d,
#tbox3d:hover #tpfeil3d,
#tbox1e:hover #tpfeil1e,
#tbox2e:hover #tpfeil2e,
#tbox3e:hover #tpfeil3e
{
visibility:hidden;    
}


/* Produkte
-----------------------------------------------------------------------------*/

#produktelisted,
#produktelistee
{
position:relative; 
left:0px;
top:140px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
width:900px;

}

#produktelisted table:hover, #produktelistee table:hover {
    outline: 2px solid grey;
}


#produktelisted a,
#produktelisted a:active,
#produktelistee a,
#produktelistee a:active {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 1em;
font-weight: normal;
text-decoration: none;
}

#produktelisted a:hover,
#produktelistee a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
text-decoration: none;
/*
background-color: #B8C4CF;
opacity: 0.5;
filter: alpha(opacity=50);
*/
}

#productreturnd,
#productreturne {
    position: relative;
    border: none;
    height: 13px;
    width: 70px;
    left: 875px;
    top: 0px;
}

.proheadd,
.proheade {
    vertical-align: top;
    text-align: left;
    width: 310px;
    height: 95px;
    table-layout: fixed;
}



#pprodd,
#pprode {
    padding-top: 0px;
    width: 480px;
    height: 150px;
    border: none;
    position: relative;
    left: 30px;
    top: 50px;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height:200%;
}


#fisprintd,
#fisprinte,
#fiscoverd,
#fiscovere,
#fisuald,
#fisuale,
#fiscolld,
#fiscolle,
#fisild,
#fisile,
#fofisafed,
#fofisafee,
#fismeltd,
#fismelte,
#fiscoded,
#fiscodee,
#fofigreend,
#fofigreene {
    padding-top: 0px;
    border: none;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
}



/* Fisprint
-----------------------------------------------------------------------------*/


#fisprintheaderd,
#fisprintheadere {
    height: 36px;
    width: 130px;
    position: relative;
    left: 30px;
    top: 44px;
    color: #fff;
    background-color: #E5322D;
    font-family: Arial, Helvetica, sans-serif;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#fisprintheadertextd,
#fisprintheadertexte {
    height: 36px;
    width: 250px;
    position: relative;
    top: 44px;
    left: 50px;
    color: #000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    line-height: 110%;
}

#fisprintbox1d,
#fisprintbox1e {
    position: relative;
    text-align: left;
    left: 30px;
    top: 60px;
    width: 270px;
    height: 220px;
    line-height: 200%;
}

#fisprintbox2d,
#fisprintbox2e {
    position: relative;
    text-align: right;
    left: 700px;
    top: 170px;
    width: 150px;
    height: 30px;
    font-size: 11px;
    font-style:italic;
}

#fisprintbox3d,
#fisprintbox3e {
    position: relative;
    left: 835px;
    top: 230px;
    width: 120px;
    height: 40px;
}

/* Fiscoll
-----------------------------------------------------------------------------*/

#fiscollheaderd,
#fiscollheadere {
    height: 36px;
    width: 130px;
    position: relative;
    left: 30px;
    top: 44px;
    color: #fff;
    background-color: #E5322D;
    font-family: Arial, Helvetica, sans-serif;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#fiscollheadertextd,
#fiscollheadertexte {
    height: 36px;
    width: 250px;
    position: relative;
    top: 44px;
    left: 50px;
    color: #000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    line-height: 110%;
}

#fiscollbox1d,
#fiscollbox1e {
    position: relative;
    text-align: left;
    left: 180px;
    top: 60px;
    width: 290px;
    height: 150px;
    line-height: 200%;
}


#fiscollbox2d,
#fiscollbox2e {
    position: relative;
    text-align: left;
    left: 660px;
    top: 130px;
    width: 250px;
    height: 40px;
    font-size: 11px;
    font-style: italic;
}

#fiscollbox3d,
#fiscollbox3e {
    position: relative;
    left: 30px;
    top: 280px;
    width: 150px;
    height: 20px;
    font-size: 11px;
    font-style: italic;
}

#fiscollbox4d,
#fiscollbox4e {
    position: relative;
    left: 430px;
    top: 260px;
    width: 110px;
    height: 20px;
    font-size: 11px;
    font-style: italic;
}

#fiscollbox5d,
#fiscollbox5e {
    position: relative;
    left: 835px;
    top: 250px;
    width: 120px;
    height: 20px;
}

/* Fofisafe
-----------------------------------------------------------------------------*/

#fofisafeheaderd,
#fofisafeheadere {
    height: 36px;
    width: 130px;
    position: relative;
    left: 30px;
    top: 44px;
    color: #fff;
    background-color: #E5322D;
    font-family: Arial, Helvetica, sans-serif;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#fofisafeheadertextd,
#fofisafeheadertexte {
    height: 36px;
    width: 250px;
    position: relative;
    top: 44px;
    left: 50px;
    color: #000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    line-height: 110%;
}

#fofisafebox1d,
#fofisafebox1e {
    position: relative;
    left: 30px;
    top: 60px;
    width: 340px;
    height: 60px;
    line-height: 160%;
}

#fofisafebox2d,
#fofisafebox2e {
    position: relative;
    left: 30px;
    top: 55px;
    width: 205px;
    height: 180px;
    line-height: 140%;
}

#fofisafebox3d,
#fofisafebox3e {
    position: relative;
    left: 250px;
    top: -125px;
    width: 190px;
    height: 80px;
    line-height: 160%;
}


#fofisafebox4d,
#fofisafebox4e {
    position: relative;
    left: 500px;
    top: -205px;
    width: 180px;
    height: 80px;
    line-height: 160%;
}



#fofisafebox5d,
#fofisafebox5e {
    position: relative;
    left: 715px;
    top: -285px;
    width: 200px;
    height: 80px;
    line-height: 160%;
}


#fofisafebox6d,
#fofisafebox6e {
    position: relative;
    left: 715px;
    top: -190px;
    width: 215px;
    height: 80px;
    line-height: 140%;
}



#fofisafebox7d,
#fofisafebox7e {
    position: relative;
    left: 840px;
    top: -80px;
    width: 120px;
    height: 40px;
}


#fofisafebox1d ul,
#fofisafebox1e ul,
#fofisafebox4d ul,
#fofisafebox4e ul
{
    padding-left: 11px;
}

#fofisafebox2d ul,
#fofisafebox2e ul,
#fofisafebox3d ul,
#fofisafebox3e ul,
#fofisafebox5d ul,
#fofisafebox5e ul,
#fofisafebox6d ul,
#fofisafebox6e ul {
    padding-left: 0px;
}

/* Fiscode
-----------------------------------------------------------------------------*/

#fiscodeheaderd,
#fiscodeheadere {
    height: 36px;
    width: 130px;
    position: relative;
    left: 30px;
    top: 44px;
    color: #fff;
    background-color: #E5322D;
    font-family: Arial, Helvetica, sans-serif;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#fiscodeheadertextd,
#fiscodeheadertexte {
    height: 36px;
    width: 250px;
    position: relative;
    top: 44px;
    left: 50px;
    color: #000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    line-height: 110%;
}



#fiscodebox1d,
#fiscodebox1e {
    position: relative;
    left: 30px;
    top: 80px;
    width: 340px;
    height: 100px;
    line-height: 150%;
}



#fiscodebox2d,
#fiscodebox2e {
    position: relative;
    left: 835px;
    top: 380px;
    width: 120px;
    height: 20px;
}

#fiscodeglassd,
#fiscodeglasse {
    position: relative;
    left: 400px;
    top: 300px;
    width: 2px;
    height: 2px;
}


#fiscodecertd,
#fiscodecerte {
    top: -5px;
    position: relative;
    left: 420px;
    width: 222px;
    height: 321px;
}

.fiscodecert span {
    display: none;
}

.fiscodecert:link, .fiscodecert:visited {
    display: block;
    width: 100%;
    height: 100%;
    background: url(webpics/fiscode_cert_sm.png);
}

.fiscodecert:hover, .fiscodecert:active, .fiscodecert:focus {
    position: relative;
    background-image: url(webpics/fiscode_cert_m.png);
    background-size: 408px 580px;
    background-repeat: no-repeat;
    background-position: center top;
    border: 1px solid grey;
    width: 408px;
    height: 580px;
    border: 1px solid grey;
    font-size: 0;
    z-index: 2;
    left: -100px;
    top: -176px;
}






/* Fiscover
-----------------------------------------------------------------------------*/
#fiscoverheaderd,
#fiscoverheadere {
    height: 36px;
    width: 130px;
    position: relative;
    left: 30px;
    top: 44px;
    color: #fff;
    background-color: #E5322D;
    font-family: Arial, Helvetica, sans-serif;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#fiscoverheadertextd,
#fiscoverheadertexte {
    height: 36px;
    width: 250px;
    position: relative;
    top: 44px;
    left: 50px;
    color: #000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    line-height: 110%;
}



#fiscoverbox1d,
#fiscoverbox1e {
    position: relative;
    left: 40px;
    top: 80px;
    width: 300px;
    height: 100px;
    line-height: 110%;
}

#fiscoverbox1d ul,
#fiscoverbox1e ul {
padding-left: 11px;
}

#fiscoverbox2d,
#fiscoverbox2e {
    position: relative;
    left: 0px;
    top: 50px;
    width: 380px;
    height: 20px;
    line-height: 130%;
}

#fiscoverbox3d,
#fiscoverbox3e {
    position: relative;
    left: 0px;
    top: 160px;
    width: 255px;
    height: 20px;
    line-height: 130%;

}

#fiscoverbox4d,
#fiscoverbox4e {
    position: relative;
    left: 140px;
    top: 310px;
    width: 250px;
    height: 20px;
    line-height: 130%;
}

#fiscoverbox5d,
#fiscoverbox5e {
    position: relative;
    left: 0px;
    top: 435px;
    width: 250px;
    height: 20px;
    line-height: 130%;
}
#fiscoverbox6d,
#fiscoverbox6e {
    position: relative;
    left: 480px;
    top: 240px;
    width: 350px;
    height: 20px;
    line-height: 130%;
}
#fiscoverbox7d,
#fiscoverbox7e {
    position: relative;
    left: 480px;
    top: 295px;
    width: 350px;
    height: 20px;
    line-height: 130%;
}
#fiscoverbox8d,
#fiscoverbox8e {
    position: relative;
    left: 480px;
    top: 340px;
    width: 280px;
    height: 20px;
    line-height: 130%;
}
#fiscoverbox9d,
#fiscoverbox9e {
    position: relative;
    left: 835px;
    top: 460px;
    width: 120px;
    height: 20px;
}


/* Fisil
-----------------------------------------------------------------------------*/

#fisilheaderd,
#fisilheadere 
{
height: 36px;
width: 80px;
position: relative;
left: 30px;
top: 44px;
color: #fff;
background-color: #E5322D;
font-family: Arial, Helvetica, sans-serif;
height: 36px;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.1em;
display: table-cell;
vertical-align: middle;
text-align: center;
}

#fisilheadertextd,
#fisilheadertexte {
height: 36px;
width: 250px;
position: relative;
top: 44px;
left: 50px;
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
display: table-cell;
vertical-align: middle;
text-align: left;
line-height: 110%;
}

#fisilbox1d,
#fisilbox1e {
position: relative;
left: 130px;
top: 60px;
width: 280px;
height: 160px;
line-height: 200%;
}

#fisilbox2d,
#fisilbox2e {
position: relative;
left: 835px;
top:   320px;
width: 120px;
height: 40px;
}


/* Fismelt
-----------------------------------------------------------------------------*/

#fismeltheaderd,
#fismeltheadere {
    height: 36px;
    width: 120px;
    position: relative;
    left: 30px;
    top: 44px;
    color: #fff;
    background-color: #E5322D;
    font-family: Arial, Helvetica, sans-serif;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#fismeltheadertextd,
#fismeltheadertexte {
    height: 36px;
    width: 250px;
    position: relative;
    top: 44px;
    left: 50px;
    color: #000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    line-height: 110%;
}

#fismeltbox1d,
#fismeltbox1e {
    position: relative;
    left: 30px;
    top: 80px;
    width: 320px;
    height: 40px;
    line-height: 200%;
}

#fismeltbox2d,
#fismeltbox2e {
    position: relative;
    left: 380px;
    top: 25px;
    width: 230px;
    height: 40px;
    line-height: 200%;
}

#fismeltbox3d,
#fismeltbox3e {
    position: relative;
    left: 620px;
    top: -30px;
    width: 230px;
    height: 40px;
    line-height: 200%;
}

#fismeltbox4d,
#fismeltbox4e {
    position: relative;
    left: 770px;
    top: -85px;
    width: 180px;
    height: 40px;
    line-height: 200%;
}

#fismeltbox5d,
#fismeltbox5e
{
position:relative; 
left:835px;
top:281px;
width:100px;
height:40px;
}

/* Fisual
-----------------------------------------------------------------------------*/

#fisualheaderd,
#fisualheadere {
    height: 36px;
    width: 100px;
    position: relative;
    left: 30px;
    top: 44px;
    color: #fff;
    background-color: #E5322D;
    font-family: Arial, Helvetica, sans-serif;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#fisualheadertextd,
#fisualheadertexte {
    height: 36px;
    width: 250px;
    position: relative;
    top: 44px;
    left: 50px;
    color: #000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    line-height: 110%;
}

#fisualbox1d,
#fisualbox1e {
    position: relative;
    left: 150px;
    top: 80px;
    width: 200px;
    height: 50px;
    line-height:200%;
}

#fisualbox1d ul,
#fisualbox1e ul {
    padding-left: 11px;
}

#fisualbox2d,
#fisualbox2e {
    position: relative;
    left: 250px;
    top: 420px;
    width: 200px;
    height: 20px;
    font-style: italic;
    font-size: 11px;
}

#fisualbox3d,
#fisualbox3e {
    position: relative;
    left: 610px;
    top: 350px;
    width: 100px;
    height: 20px;
    font-style: italic;
    font-size: 11px;
}


#fisualbox4d,
#fisualbox4e {
    position: relative;
    left: 835px;
    top: 390px;
    width: 100px;
    height: 20px;
}

/* Fofigreen
-----------------------------------------------------------------------------*/

#fofigreenheaderd,
#fofigreenheadere {
    height: 36px;
    width: 140px;
    position: relative;
    left: 30px;
    top: 44px;
    color: #fff;
    background-color: #E5322D;
    font-family: Arial, Helvetica, sans-serif;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#fofigreenheadertextd,
#fofigreenheadertexte {
    height: 36px;
    width: 250px;
    position: relative;
    top: 44px;
    left: 50px;
    color: #000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    line-height: 110%;
}

#fofigreenbox1d,
#fofigreenbox1e {
    position: relative;
    left: 30px;
    top: 100px;
    width: 300px;
    height: 50px;
    line-height: 200%;
}



#fofigreenbox2d,
#fofigreenbox2e {
    position: relative;
    left: 30px;
    top: 150px;
    width: 230px;
    height: 130px;
    line-height: 150%;
}

#fofigreenbox3d,
#fofigreenbox3e {
    position: relative;
    left: 850px;
    top: 300px;
    width: 100px;
    height: 20px;

}

#fofigreenglassd,
#fofigreenglasse {
    position: relative;
    left: 360px;
    top: 220px;
    width: 2px;
    height: 2px;
}


#fofigreencertd,
#fofigreencerte {
    top: -52px;
    position: relative;
    left: 385px;
    width: 202px;
    height: 286px;
}


.fofigreencert span {
    display: none;
}

.fofigreencert:link, .fofigreencert:visited {
    display: block;
    width: 100%;
    height: 100%;
    background: url(webpics/fofigreen_cert_sm.png);
}

.fofigreencert:hover, .fofigreencert:active, .fofigreencert:focus {
    position: relative;
    background-image: url(webpics/fofigreen_cert_m.png);
    background-size: 408px 580px;
    background-repeat: no-repeat;
    background-position: center top;
    border: 1px solid grey;
    border: 1px solid grey;
    font-size: 0;
    width: 408px;
    height: 580px;
    left: -100px;
    top: -210px;
    z-index: 2;
}




/*
Producte
*/
#fisprint {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 30px;
    top: 0px;
}


#fiscoll {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 130px;
    top: 0px;
}

#fofisafe {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 230px;
    top: 0px;
}

#fiscode {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 330px;
    top: 0px;
}


#fiscover {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 430px;
    top: 0px;
}

#fismelt {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 530px;
    top: 0px;
}



#fisil {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 630px;
    top: 0px;
}

#fisual
{
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 730px;
    top: 0px;
}

#fofigreen {
    padding-top: 0px;
    width: 90px;
    border: none;
    position: absolute;
    left: 830px;
    top: 0px;
}

/*
#fisprint:hover,
#fiscoll:hover,
#fofisafe:hover,
#fiscode:hover,
#fiscover:hover,
#fismelt:hover,
#fisil:hover,
#fisual:hover,
#fofigreen:hover,
#fisprint_index:hover,
#fiscoll_index:hover,
#fofisafe_index:hover,
#fiscode_index:hover,
#fiscover_index:hover,
#fismelt_index:hover,
#fisil_index:hover,
#fisual_index:hover,
#fofigreen_index:hover {
    opacity: .5;
}
*/

/* Menu
-----------------------------------------------------------------------------*/
.boxde {
    padding-top: 5px;
    padding-left: 7px;
    width: 60px;
    height: 20px;
    background-color: #FFFFFF;
    border: 1px solid black;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    position: absolute;
    left: 945px;
    top: 0px;
}

.boxen {
    padding-top: 5px;
    padding-left: 7px;
    width: 60px;
    height: 20px;
    background-color: #FFFFFF;
    border: 1px solid black;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    position: absolute;
    right: 115px;
    top: 0px;
}

.logo {
position:absolute; 
left:115px; 
top:35px;
}

.cover {
position:absolute; 
left:978px; 
top:40px;
}

.drop
{
position:absolute; 
right:115px; 
top:80px;
}



/* Sonstiges
-----------------------------------------------------------------------------*/

#line,
#line1,
#line2
{
padding-top:9px;
padding-bottom:30px;
height: 1px;
position:relative; 
left:80px;
width:300px;
border:none;
}

#line3
{
padding-top:9px;
padding-bottom:20px;
height: 1px;
position:relative; 
left:80px;
width:300px;
border:none;
}


.longline
{
    width: 300px;
}

.redline {
    width: 250px;
    border: solid;
    color: #DD0000;
    /*    background: #DD0000;*/
    height: 1px;
}


.center {text-align:center; padding: 0px;}

.top {vertical-align:top; padding: 0px;}

.bottom {vertical-align:bottom; padding: 0px;}
.tbproindex {width:90px; height:63px; border:0px; border-spacing:0px 0.1rem; padding:0px;  border-collapse: collapse;}

.tbpro {width:90px; height:63px; border:0px; border-spacing:0px 0.1rem;  padding:0px; border-collapse: collapse;}

.tbw969 {width:969px; border:0px; border-spacing:0px 0px; padding:0px; }


.tdprolo{width:60px; height:53px; vertical-align:top; text-align:left; padding:0px; border:0px; }

.tdindexboxtext{width:310px; height:90px; vertical-align:middle; text-align:center; padding:0px 15px; border:0px; font-family: Arial, Helvetica, sans-serif; line-height: 120%; font-size: 12px; color: #a5a4a4;}
.tdindeximg{width:310px; height:70px; vertical-align:middle; text-align:center; padding:0px; border:0px;}
.tdindexlow{width:310px; height:38px; vertical-align:middle; text-align:center; padding:0px; border:0px; }

.tdproductionboxtext{width:310px; height:170px; vertical-align:middle; text-align:center; padding:0px 15px; border:0px; font-family: Arial, Helvetica, sans-serif; line-height: 120%; font-size: 12px; color: #a5a4a4;}
.tdproductionimg{width:310px; height:107px; vertical-align:middle; text-align:center; padding:0px; border:0px;}
.tdproductionlow{width:310px; height:18px; vertical-align:middle; text-align:center; padding:0px; border:0px; }



.tdprotiindex{width:90px; height:40px; font-family: Arial, Helvetica, sans-serif; font-size:9px; color: #a5a4a4; vertical-align: middle; text-align:center; padding:0px; border:thin; border-style: solid; border-color:#a5a4a4; font-weight: bold; text-decoration: none; background-color:#fff; line-height:100%;}

.tdproti{width:90px; height:60px; font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #a5a4a4; vertical-align: middle; text-align:center; padding:0px; border:thin; border-style: solid; border-color:#a5a4a4; font-weight: bold; text-decoration: none; background-color:#fff; line-height:120%;}

.tdpropr{width:90px; height:30px; vertical-align: middle; text-align:center; padding:0px; padding-left:5px; border:0px; font-family: Arial, Helvetica, sans-serif; font-size:11.5px; color: #FFFFFF; font-weight: bold; background-color: #E5322D; background-repeat: repeat; letter-spacing: 0.1em; }

.tdprozu{padding:0px; border:0px; background-color:#ff00dc;}

.tbjob {width:350px; height:75px; border:1px; border-spacing:0px 0px; padding:5px; vertical-align:middle; font-family: Arial, Helvetica, sans-serif; font-size:18px;}



hr {
    width: 185px;
    position: relative;
    border-top: thin solid #000;
    border-bottom: none;
    border-right: none;
    border-left: none;
}



h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	letter-spacing:0px;
	padding-bottom:5px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	letter-spacing:0px;
	padding-bottom:5px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
}

h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    letter-spacing: 0px;
    padding-bottom: 5px;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 120%;
}

h4
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    letter-spacing: 0px;
    padding-bottom: 3px;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 100%;
    font-weight: normal;
}

h5
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding-left: 5px;
    font-weight:bolder;
    line-height: 0%;
    color:#fff 
}

h6
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    letter-spacing: 0px;
    padding-bottom: 40px;
    padding-top: 10px;
    padding-left: 25px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 120%;
}

h7
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.5em;

    line-height: 150%;
    font-weight:bold;
}

h8
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.2em;

    line-height: 120%;
    font-weight:bold;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 1em;
	line-height: 120%;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:0px;
	margin-top:5px;
	margin-bottom:5px;
}

p1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 1em;
	line-height: 140%;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:0px;
	margin-top:5px;
	margin-bottom:5px;
}

p2
{
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 0.8em;
    line-height: 100%;
    font-weight: normal;
    padding-bottom: 20px;
    padding-top: 20px;
    font-style: italic;
}

p3 {
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 1em;
	line-height: 100%;
	font-weight: bold;
	padding-left:10px;
  float: left;
}

.medium {
	font-size: 0.9em;
	line-height: 100%;

}

.small {
	font-size: 0.8em;
	line-height: 110%;
	padding-top:4px;
}


#produkte a, 
#produkte a:active 
  {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 1em;
    font-weight:normal;
    text-decoration: none;
}

    #produkte a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: normal;
        text-decoration: none;
        background-color: #B8C4CF;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

a,
a:active,
#index a,
#index a:hover,
#index a:active,
#index1 a,
#index1 a:hover,
#index1 a:active,
#index2 a:hover,
#index2 a,
#index2 a:active,
#production a,
#production a:hover,
#production a:active,
#production1 a,
#production1 a:hover,
#production1 a:active,
#production2 a:hover,
#production2 a,
#production2 a:active {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
}

b {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 1.2em;
    text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
}

.Smenu {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	border-bottom-color: white;
    text-decoration: none;
}

.menu,
.menu:active,
.linksmall,
.linksmall:active
 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;  
}

.menu:hover,
.linksmall:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}



.Slinksmall {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

.Slink {
    font-family: Arial, Helvetica, sans-serif;
    color: #DD0000;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}


.link,
.link:hover,
.link:active
 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}


sup
{
	height:0;
	bottom:0.5em;
	position:relative;
	vertical-align:baseline;
	_vertical-align:bottom;
	font-size:.8em;
	line-height:1;
}

/*Coin Slider jQuery plugin CSS styles
-----------------------------------------------------------------------------*/

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #EEEEEE; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }