* {
margin: 0;
padding: 0;
}

body {
background: #BFBFBF url("../images/carbon_background.gif") ;  /**  #BFBFBF hellgrau        endlos Hintergrund  url("../images/bkgrnd_body.gif") repeat;  **/
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;  
text-align: left;
}

#global
{
	position:absolute;	/**  START setzt den ganzen Inhalt zentriert  **/
	top:0Px;
	left:50%;
	width:920px;
	margin-left:-460px; /**  ENDE setzt den ganzen Inhalt zentriert  **/  
text-align:left;
background: #A7A7A7; /**  #A7A7A7 standard grau  fuer main inhalt       **/
}

#header
{
position: relative;
width:920px;
height: 120px;
margin: 0px auto;
text-align:left;
background: #FFFFFF;
}

#footer
{
position: absolute;
top: 900px;
left: 0px;
width: 920px;
height: 20px;
margin: 0px auto;
font-size: 9px;
text-align: center;
color: #666666
}

#footer02
{
position: absolute;
top: 1820px;
left: 0px;
width: 920px;
height: 20px;
margin: 0px auto;
font-size: 9px;
text-align: center;
color: #666666
}

#footer04
{
position: absolute;
top: 1080px;
left: 0px;
width: 920px;
height: 20px;
margin: 0px auto;
font-size: 9px;
text-align: center;
color: #666666
}

#page
{
position: relative;
width:920px;
height: auto;
margin: 0px auto;
text-align: left;
background: #A7A7A7;
}

#pageinnen00
{
position: relative;
top: 0px;
left: 33px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 420px;
width: 154px;
float: left;
background: #A7A7A7;
}

#pageinnen01
{
position: relative;
top: 101px;
left: 145px;
/**       oben >rechts >unten > links    **/
margin:  0px 0px 0px 0px;
height: 208px;
width: 600px;
float: left;
background: #A7A7A7;
}

#pageinnen01a
{
position: relative;
top: 101px;
left: 50px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 208px;
width: 300px;
float: left;
}

#pageinnen01b
{
position: relative;
top: 101px;
left: 110px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 208px;
width: 300px;
float: left;
}

#pageinnen02
{
position: absolute;
top: 280px;
left: 300px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: auto;
width: 450px;
float: left;
font-size: 16px;
font-weight: bold;
}

#page_home
{
position: relative;
width:920px;
height: 450px;
margin: 0px auto;
text-align:left;
background: #A7A7A7;
}

#page_home_innen01            /**       willkommen text     **/
{
position: absolute;
top: 20px;
left: 50px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 100px;
width: 300px;
float: left;
}

#page_home_innen00a          /**       Produkte text     **/
{
position: absolute;
top: 70px;
left: 50px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 30px;
width: 320px;
float: left;
}

#page_home_innen01a          /**       Neuheiten text     **/
{
position: absolute;
top: 70px;
left: 580px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 30px;
width: 320px;
float: left;
}

#page_home_innen02a          /**       ZumFILM text     **/
{
position: absolute;
top: 350px;
left: 710px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 30px;
width: 200px;
float: left;
}

#page_home_innen02            /**       hellgrauer dicker balken     **/
{
position: absolute;
top: 100px;
left: 0px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 250px;
width: 920px;
background: #BBBEC0;
}

#page_home_innen03            /**     noch leer!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!111   **/
{
position: absolute;
top: 20px;
left: 350px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 200px;
width: 100px;
}

#page_unternehmen
{
position: relative;
width:920px;
height: 450px;
margin: 0px auto;
text-align:left;
background: #A7A7A7;
}

#page_unternehmen_innen01
{
position: relative;
top: 80px;
left:187px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 370px;
width: 733px;
background: #A7A7A7;
overflow:scroll;
overflow-x:hidden; 
}

#page_historie
{
position: relative;
width:920px;
height: 470px;
margin: 0px auto;
text-align:left;
background: #A7A7A7;
}

#page_historie_innen01
{
position: relative;
top: 0px;
left:0px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: auto;
width: 920px;
background: #A7A7A7;
overflow:scroll;
overflow-y:hidden; 
}

#page_referenzen
{
position: relative;
width:920px;
height: 450px;
margin: 0px auto;
text-align:left;
background: #A7A7A7;
}

#page_referenzen_innen01
{
position: relative;
top: 80px;
left:187px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 370px;
width: 733px;
background: #A7A7A7;
overflow:scroll;
overflow-x:hidden; 
}

#page_service
{
position: relative;
width:920px;
height: 450px;
margin: 0px auto;
text-align:left;
float: left;
background: #A7A7A7;
}

#page_service_jump
{
	position: relative;
	top: 0px;
	left: 0px;
	/**       oben >rechts >unten > links     **/
margin:  75px 0px 0px 0px;
	height: 50px;
	width: 700px;
	float: left;
	background: #A7A7A7;
}

#page_service_innen01
{
position: relative;
top: 80px;
left:187px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 370px;
width: 700px;

}

#page_service_innen02
{
position: relative;
top: 90px;
left: 190px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 325px;
width: 640px;
overflow:scroll;
overflow-x:hidden; 
background-color:#D9D9D9;
}

#page_service_innen01_start
{
position: relative;
top: 80px;
left:187px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
padding:  10px 0px 0px 0px;
height: 230px;
width: 350px;
background: #969696;
float: left;
text-align:center;
}

#page_service_innen02_start
{
position: relative;
top: 80px;
left:190px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
padding:  10px 0px 0px 0px;
height: 230px;
width: 350px;
background: #969696;
float: left;
text-align:center;
}

#page_anfahrt
{
position: relative;
width:920px;
height: 450px;
margin: 0px auto;
text-align:left;
background: #A7A7A7;
}

#page_anfahrt_innen01
{
position: relative;
top: 80px;
left:187px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 370px;
width: 700px;
background: #A7A7A7;
}

#page_kontakt
{
position: relative;
width:920px;
height: 450px;
margin: 0px auto;
text-align:left;
background: #A7A7A7;
}

#page_kontakt_innen01
{
position: relative;
top: 80px;
left:187px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 370px;
width: 300px;
float: left;
background: #A7A7A7;
}

#page_kontakt_innen02
{
position: relative;
top: 10px;
left:220px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 440px;
width: 400px;
float: left;
background: #A7A7A7;
}

#page_impressum
{
position: relative;
width:920px;
height: 450px;
margin: 0px auto;
text-align:left;
background: #A7A7A7;
}

#page_impressum_innen01
{
position: relative;
top: 80px;
left:187px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
height: 370px;
width: 733px;
background: #A7A7A7;
}

#page_sponsoring
{
position: relative;
width:920px;
height: 450px;
margin: 0px auto;
text-align:left;
background: #A7A7A7;
}

#page_sponsoring_innen01
{
position: relative;
top: 80px;
left:187px;
/**       oben >rechts >unten > links     **/
margin:  0px 0px 0px 0px;
width: 733px;

}

/**   #####################################     **/

#jobst_logo  	/**    Logo links im Head     **/
{
position: absolute;
top: 0px;
left: 20px;
float: left;
}

#jobst_flag  	/**    Flagge rechts im Head     **/
{
position: absolute;
top: 100px;
left: 880px;
float: left;
}

#jobst_flag2  	/**    Flagge rechts im Head     **/
{
position: absolute;
top: 100px;
left: 850px;
float: left;
}

#jobst_flag3  	/**    Flagge rechts im Head     **/
{
position: absolute;
top: 100px;
left: 820px;
float: left;
}

#jobst_headline 	/**    Headline im main     **/
{
position: absolute;
top: 0px;
left:187px;
float: left;
}

#jobst_headlineservice 	/**    Headline im main     **/
{
position: absolute;
top: 0px;
left: 20px;
float: left;
}

#jobst_neu0 	/**    bigimage Bild Portal    **/
{
position: absolute;
top: 0px;
left: 0px;
float: left;
}

#jobst_neu1 	/**    1tes Bild Portal    **/
{
position: absolute;
top: 0px;
left: 580px;
float: left;
}

#jobst_neu2 	/**    2tes Bild Portal    **/
{
position: absolute;
top: 0px;
left: 690px;
float: left;
}

#jobst_neu3 	/**    3tes Bild Portal    **/
{
position: absolute;
top: 0px;
left: 810px;
float: left;
}

#jobst_ausstellung 	/**    Bild bei Unternehmen     **/
{
position: absolute;
top: 480px;
left: 295px;
float: left;
}

#jobst_ausstellung2 	/**    Bild bei Unternehmen     **/
{
position: absolute;
top: 807px;
left: 295px;
float: left;
}

#jobst_map24 	/**    Bild bei anfahrt     **/
{
position: absolute;
top: 300px;
left: 225px;
float: left;
}

#jobst_banner 	/**    Bild Produktbanner     **/
{
position: absolute;
top: 1px;
left: 187px;
float: left;
}

#jobst_bannertext 	/**    TEXT unter Produktbanner     **/
{
position: absolute;
top: 101px;
left: 187px;
margin:  0px 0px 0px 50px;
height: 10px;
width: 733px;
font-size: 9px;
float: left;
}

#mainskizze 	/**    Bild Skizze links thumbnail     **/
{
position: absolute;
top: 308px;
left: 20px;
float: left;
}

#mainskizze2 	/**    Bild Skizze links thumbnail tiefer    **/
{
position: absolute;
top: 368px;
left: 20px;
float: left;
}

#farbtafel 	/**    Bild Farbtafel links unter Skizze-tief    **/
{
position: absolute;
top: 498px;
left: 20px;
float: left;
}

#mainuni 	/**    Bild HauptProdukt  groß einzeln (wie Waschsessel)      **/
{
position: absolute;
top: 308px;
left: 190px;
float: left;
}

#mainli 	/**    Bild HauptProdukt  links      **/
{
position: absolute;
top: 308px;
left: 190px;
float: left;
}

#mainre 	/**    Bild HauptProdukt  rechts     **/
{
position: absolute;
top: 309px;
left: 548px;
float: left;
}

#mainli2 	/**    Bild HauptProdukt  links      **/
{
position: absolute;
top: 775px;
left: 190px;
float: left;
}

#mainre2 	/**    Bild HauptProdukt  rechts     **/
{
position: absolute;
top: 775px;
left: 548px;
float: left;
}

#mainli3 	/**    Bild HauptProdukt  links      **/
{
position: absolute;
top: 1239px;
left: 190px;
float: left;
}

#mainre3 	/**    Bild HauptProdukt  rechts     **/
{
position: absolute;
top: 1239px;
left: 548px;
float: left;
}

#togo 	/**    Bild HauptProdukt  rechts     **/
{
position: absolute;
top: 2550px;
left: 560px;
float: left;
}

#page_sponsoring img.sponsor
{
border: 1px solid #F7DD00;
padding:5px; 
margin:0px 10px 0px 0px;
}


label
{
display: block;
float: left;
}
#navioben     /**    label  abstand zu Unternehmen      **/
{
display: block;
float: left;
width: 170px;
}

#dreieck        /**    label  platzhalter dreieck      **/
{
display: block;
float: left;
width: 15px;
clear:both;
}

#pdf        /**    label  platzhalter pdf text      **/
{
display: block;
float: left;
width: 30px;
}

#textabstand        /**    label  platzhalter  text      **/
{
display: block;
float: left;
width: 40px;
}

#global h3
{
font-size:1.2em;
color: #000000;
font-weight: bold;
}

#global h5
{
font-size:0.8em;
color: #000000;
font-weight: normal;
}

#global h6
{
font-size:1em;
color: #000000;
font-weight: normal;
}

.normal 
{
font-weight: normal; /*bolder  >  normal  >  etc.*/
}

.serviceheadline
{
font-weight: bold;
background-color:#F7DD00;
}

.jumpmenu
{
font-weight: bold;
/** background-color:#F7DD00;
    **/

}

.bold 
{
font-weight: bold;
}

.italic 
{
font-style: italic;
}

.red 
{
color: #DD0000;
}

.yellow 
{
color: #F7DD00;
}

.clear 
{
clear:both;
}

address
{
margin: 20px 0;
font-style: normal;
}

/** LINK im kontaktformular   **/

#navikontakt a, a:link
{
text-decoration: none;
color: #000000;
}

#navikontakt a:active, #navikontakt a:visited
{
text-decoration: none;
color: #D9D9FF;
}

#navikontakt a:hover
{
text-decoration: underline;
}



/** LINK im sponsoring   **/

#page_sponsoring a, a:link
{
font-weight: bold;
text-decoration: none;
color: #F7DD00;
}

#page_sponsoring a:active, #page_sponsoring a:visited
{
text-decoration: none;
color: #F7DD00;
}

#page_sponsoring a:hover
{
text-decoration: underline;
}

/** LINK allgemein   **/

a, a:link
{
font-weight: bold;
text-decoration: none;
color: #F7DD00;
}

a:active, a:visited
{
text-decoration: none;
color: #F7DD00;
}

a:hover
{
text-decoration: underline;
}