
/* Base */






/* Layout 
-------------------------------------------------------------------------------------------------------*/



ul#flags {
position: absolute;
top: 4px;
right: -168px;
list-style: none;
margin: 0;
padding: 0;
width: 160px;
height: 71px;
border: 0;
}
ul#flags li {
margin: 0;
padding: 0;
border: 0;
}
ul#flags li a:link img.flags,
ul#flags li a:visited img.flags,
ul#flags li a:active img.flags,
ul#flags li a:hover img.flags{
margin: 0 -.38em 0 0;
padding: 0;
border: 0;
border: 0;
}

#pictureright {
position: absolute;
top: 20px;
left: 790px;
width: 139px;
height: 520px;
border-bottom: 0px solid #1B1A1F;
}


#footer {
position: absolute;
bottom: -50px;
left: 0;
height: 40px;
width: 800px;
background: url(../images/tuev.png) no-repeat 715px 0px;
}



#pagecontent {
position: absolute;
left: 0px;
top: 0px;
width: 794px;
height: auto;
background: #FEFDF7;
border-right: 1px solid #1B1A1F;
border-top: 4px solid #1B1A1F;
border-bottom: 4px solid #1B1A1F;
}


#header {
float: left;
margin: 0;
padding: 0;
width: 794px !important;
width: 800px;
height: 60px;
}

#header img {
margin: 0;
float: left;
border: 0;
}

#themebox {
float: right;
margin: -60px 27px 0 0 !important;
margin: -69px 10px 0 0;
width: 524px;
height: 77px;
text-align: right;
z-index: 200;
border-bottom: 1px solid #FCE439;
}

h1 {
font-size: 90%;
color: #422208;
margin: .2em .2em -.1em 0;
padding: .3em .3em 0 0;
font-weight: bold;
font-variant: small-caps;
letter-spacing: .08em;
line-height: 1.5em;
}
#themebox h1:first-letter {
font-size: 105%;
}
#themebox h1:first-line {
font-size: 110%;
}
#themebox h2#secondline {
font-size: 100%;
margin: .2em .2em -.1em 0;
font-weight: bold;
font-variant: small-caps;
letter-spacing: .08em;
line-height: 1.3em;
}
.nextline {
color: #FEFDF8;
}



#content {
margin: 60px 0 0 10px !important;
margin: 15px 0 0 0;
width: 800px;
background: #FEFDF7;
z-index: 20;
}    
#content-min {
margin: 60px 0 0 0px !important;
margin: 15px 0 0 0 ;
width: 800px;
/* height: 440px; */
z-index: 20;
}
#content-mid {
margin: 60px 0 0 0px !important;
margin: 15px 0 0 0;
width: 800px;
/* height: 520px; */
z-index: 20; 
}
.imprint-content,
#imprint-content {
font-size: 81%;
line-height: 125%;
letter-spacing: .01em;
width: 510px;
padding: .3em .2em 0 .1em;
float: right;
margin: 15px 27px 0 0 !important;
margin: 0px 4px 0 0;
}

.machines {
float: right;
margin: 20px 33px 0 0 !important;
margin: 0px 14px 0 0;
}
.images  {
float: right;
margin: 10px 33px -7px 0 !important;
margin: 10px 14px 0 0;
}
/* #images  {
float: right;
margin: 10px 33px -7px 0 !important;
margin: 10px 14px 0 0;
} */

#content_info ul.contentliste,
#content_info ul#listwithoutbulls,
#content_mid ul.contentliste,
#content_mid ul#listwithoutbulls,
#content_min ul.contentliste,
#content_min ul#listwithoutbulls,
#content ul.contentliste,
#content ul#listwithoutbulls {
font-size: 80%;
line-height: 130%;
letter-spacing: .01em;
width: 490px;
padding: .3em .2em 0 .2em;
float: right;
margin: 0px 27px 0 0;
}
#content ul#listwithoutbulls {
margin: 0px 27px 0 0 !important;
margin: 0px 27px 1em 0;
}
#content ul.contentliste li {
list-style-type: square;
list-style-position: outside;
line-height: 120%;
margin: 0px 27px 0 10px !important;
margin: 0px 20px 0 25px !important;
}
#content_info ul#listwithoutbulls li,
#content_mid ul#listwithoutbulls li,
#content_min ul#listwithoutbulls li,
#content ul#listwithoutbulls li {
list-style: none;
}

h2 {
font-size: 75%;
line-height: 135%;
letter-spacing: .04em;
width: 520px;
padding: .3em .2em 0 .2em;
float: right;
margin: 10px 27px 0 0 !important;
margin: 10px 14px 0 0;
}
.imprint-content h1 {
font-size: 120%;
line-height: 125%;
letter-spacing: .05em;
width: 520px;
padding: 0;
margin: .5em 0 .5em -.7em;
}
.imprint-content h1:first-letter {
font-size: 105%;
}
.imprint-content h1:first-line {
font-size: 110%;
}
.imprint-content h2,
#imprint-content h2 {
font-size: 85%;
line-height: 125%;
letter-spacing: .05em;
width: 520px;
padding: 0;
margin: 0;
}

h2.underlined,
#content_info h2.underlined,
#content_mid h2.underlined,
#content_min h2.underlined,
#content_info h2#underlined,  
#content h2#underlined,  
#content_mid h2.underlined,
#content_min h2#underlined,
#content h2#underlined {
border-bottom: 1px solid black; 
margin: 18px 34px 0 0 !important; 
margin: 0px 16px 0 0;
}
#content_min p.jobs,
#content p.jobs {
margin: 0px 27px 0 0 !important;
margin: 0px 27px 0 0;
padding: 4px 30px 1px 0;
line-height: 120%;
width: 495px;
}
#content p.jobsbig {
margin: 0px 27px 0 0 !important;
margin: 0px 27px 0 0;
padding: 20px 30px 1px 0;
line-height: 120%;
width: 495px;
text-transform: uppercase;
}

p.underlined-center {
text-align: center;
font-weight: bold;
padding: 20px 0 30px 0;
}


p {
font-size: 80%;
line-height: 130%;
letter-spacing: .0em;
width: 520px;
padding: .1em .2em 0 .2em;
float: right;
margin: 10px 27px 0 0 !important;
margin: 10px 14px 0 0;
}
imprint-content p,
#imprint-content p {
font-size: 81%;
line-height: 120%;
letter-spacing: .01em;
width: 500px;
margin: 0 20px .2em 0;
padding: 0;
}

h3 {
font-size: 95%;
letter-spacing: .01em;
width: 520px;
padding: .3em .2em 0 .2em;
float: right;
margin: 10px 27px 0 0;
}

h4 {
font-size: 1.3em;
letter-spacing: .01em;
width: 520px;
padding: 0 .2em 0 .2em;
float: right;
margin: 5px 27px 0 0;
}

p#margintop {
margin-top: 2em !important;
margin-top: 0;
}
p.einsatzgebiete {
margin: -2em 0 0 0;
}
#content_info ul,    
#content_mid ul,
#content_min ul,
#content ul {
font-size: 81%;
}
#content_info ul.pictures li,    
#content_mid ul.pictures li,
#content_min ul.pictures li,
#content ul.pictures li {
font-size: 100%;
list-style: none;
margin: 0 0 2em 0;
}

hr.content {
height: 1px;
width: 524px;
color: #1B1B1F;
background-color: #1B1B1F;
z-index: 100;
float: right;
margin: 5px 30px 0 0 !important;
margin: 5px 10px 0 232px;
padding: 0 ;
border: 0px solid #1B1B1F;
}

hr.yellow {
height: 4px;
width: 530px;
color: #FEE439;
background-color: #FEE439;
z-index: 100;
margin: 0 0 2em 0;
border: 0px solid #FEE439;
}


#images_zertifikate, #images_galerie {
float: right;
margin: 20px 20px 0 0 !important;
margin: 0px 14px 0 0;
width: 523px;
padding: .1em;
background-color: #fff; 
}

#images_zertifikate a:link img, #images_galerie a:link img,
#images_zertifikate a:visited img, #images_galerie a:visited img {
margin: 0 -.4em -.2em 0;
padding: 0;
border: 0;
}
#images_zertifikate a:hover img, #images_galerie a:hover img {
margin: 0 -.4em -.2em 0;
padding: 0;
border: 0;
}




#footer a {
font-size: 65%;
margin: 0 0 0 .4em;
text-decoration: none;
color: black;
font-weight: normal;
letter-spacing: .01em;
}
#footer a:link .bold, #footer a:visited .bold {
font-weight: bold;
}
#footer a:hover {
color: #675A41;
}


#certnav {
width: 500px;
height: 35px;
background: url(../images/verlauf_hg.gif);
font-size: 1.5em;
}
#galnav {
width: 480px;
height: 25px;
background: url(../images/verlauf_hg.gif);
font-size: 1.5em;
position: absolute;
bottom: 20px !important;
bottom: 22px;
left: 0;
}

#certnav a#certleft {
position: absolute;
bottom: 9px;
left: 10px;
text-decoration: none;
color: #3F2902;
}
#galnav a#galleft{
position: absolute;
bottom: 0px !important;
bottom: 11px;
left: 10px;
text-decoration: none;
color: #3F2902;
}
#certnav a#certmiddle {
position: absolute;
right: 200px;
bottom: 9px;
text-decoration: none;
color: #3F2902;
}
#galnav a#galmiddle {
position: absolute;
right: 225px;
bottom: 0px !important;
bottom: 11px;
text-decoration: none;
color: #3F2902;
}
#certnav a#certright {
position: absolute;
right: 10px;
bottom: 9px;
text-decoration: none;
color: #3F2902;
}
#galnav a#galright {
position: absolute;
right: 10px;
bottom: 0px !important;
bottom: 11px;
text-decoration: none;
color: #3F2902;
}
img#cert, img#gal {

margin: 14px;

}




/* Kontakt */

table a:link, table a:active {
color: #C78603;
text-decoration: none;
letter-spacing: .01em;
}
table a:visited {
color: #CBB06B;
text-decoration: none;
}
table a:hover {
color: #675A41;
text-decoration: none;
}

ul.einsatzgebiete {
margin: 0;
padding: 0;
}
ul.einsatzgebiete li {
margin: 1em 0 0 1.2em;
padding: 0 0 0 1.2em;
}

table.allinone_kontakt {
float: right;
margin: 0px 29px 0 0 !important;
margin: 0 14px 0 0;
width: 524px;
}

table.allinone {
float: right;
margin: 10px 27px 0 0;
width: 524px;
}

table.referenzen {
font-size: 72%;
float: right;
margin: 10px 29px 0 0 !important;
margin: 10px 14px 0 0;
width: 524px;
}
table.referenzen td.header {
font-weight: bold;
font-size: 100% !important;
font-size: 95%;
}
table.referenzen td.links {
width: 120px;
}
table.hauptsitz .hauptsitz_kontakt {
line-height: 2em;
font-size: 105%;
}
table.hauptsitz .hauptsitz {
line-height: 3em;
font-size: 105%;
color: #FF5432;
}
table.hauptsitz {
width: 520px;
margin: .5em 0 .5em 0;
font-size: 75%;
line-height: 1.3em;
}

table.standorte2,
table.standorte {
width: 525px;
margin: .2em 0 .7em 0;
font-size: 75%;
line-height: 1.4em;
}
table.standorte2 {
margin: 4.6em 0 .7em 0;
}

td {
font-size: 95%;
vertical-align: top;
}

.hauptsitz,
.einsatzgebiet {
font-size: 110%;
font-weight: bold;
margin: 0;
padding: 0;
}

.niederlassungen {
padding: 0;
font-weight: bold;
}

.niederlassung {
font-size: 95%;
font-weight: bold;
line-height: 2em;
}

.abstand {
margin-top: .3em;
}

img.bahn {
border: 0;
float: right;
margin: -2.5em 1.4em 0 0;
position: absolute;
right: 0px;
top: 345px;
}
img.alianz {
border: 0;
float: right;
margin: 19.8em 1.7em 0 0;
position: absolute;
right: 0px;

}




a:link.wastxt, a:visited.wastxt, a:active.wastxt {
text-decoration: none;
color: #CE0000;
font-weight: bold;
}
a:hover.wastxt {
text-decoration: none;
font-weight: bold;
}

a:link.wastxt .hauptsitz, a:visited.wastxt .hauptsitz, a:active.wastxt .hauptsitz,
a:link.wastxt .gb, a:visited.wastxt .gb, a:active.wastxt .gb,
a:link.wastxt .pl, a:visited.wastxt .pl, a:active.wastxt .pl,
a:link.wastxt .dk, a:visited.wastxt .dk, a:active.wastxt .dk,
a:link.wastxt .bln, a:visited.wastxt .bln, a:active.wastxt .bln,
a:link.wastxt .lpz, a:visited.wastxt .lpz, a:active.wastxt .lpz,
a:link.wastxt .mag, a:visited.wastxt .mag, a:active.wastxt .mag  {
display: none;
}

a:hover.wastxt .hauptsitz, a:hover.wastxt .bln, a:hover.wastxt .lpz, a:hover.wastxt .mag,
a:hover.wastxt .gb, a:hover.wastxt .dk, a:hover.wastxt .pl {
display: block;
background-color: transparent;
color: yellow;
margin: 0;
padding: 0;
border: 0px solid #696969;
}
p.erlaeutern {
font-size: 1em;
margin: 0 2em;
}
.erlueber {
font-size: 1.3em;
margin: 0 1.6em;
}


a:hover.wastxt .hauptsitz {
position: absolute;
top: 172px;
left: 468px;
font-size: 40px;
font-weight: normal;
text-align: center;
height: 60px;
}
a:hover.wastxt .bln {
position: absolute;
top: 171px;
left: 503px;
text-align: center;
height: 38px;
font-size: 22px;
}
a:hover.wastxt .mag {
position: absolute;
top: 174px;
left: 488px;
height: 34px;
font-size: 20px;
}
a:hover.wastxt .lpz {
position: absolute;
top: 191px;
left: 502px;
text-align: center;
height: 34px;
font-size: 20px;
}
a:hover.wastxt .dk {
position: absolute;
top: 127px;
left: 476px;
text-align: center;
height: 48px;
font-size: 25px;
}
a:hover.wastxt .pl {
position: absolute;
top: 183px;
left: 534px;
text-align: center;
height: 48px;
font-size: 25px;
}
a:hover.wastxt .gb {
position: absolute;
top: 176px;
left: 392px;
text-align: center;
height: 48px;
font-size: 25px;
}


a:link.standard,
a:active.standard,
a:visited.standard {
color: #CE0000;
text-decoration: none;
}
a:hover.standard {
color: #675A41;
}


table#sitemap {
float: right;
width: 760px;
margin: 17px 32px 0 10px !important;
margin: 17px 12px 0 10px;
padding: 0;
}
table#sitemap td.abstand {
height: .3em;
background-color: #DDDDDD;
}
table#sitemap td.main a:link,
table#sitemap td.main a:visited {
font-size: 70%;
font-weight: bold;
padding: .3em 0;
}

table#sitemap td a:link,
table#sitemap td a:visited {
font-size: 75%;
padding: .03em 0;
display: block;
background-color: #fff8b9;
color: #513B02;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
table#sitemap td a:hover {
background-color: white;
border-top: 1px solid #F6DE36;
border-bottom: 1px solid #F6DE36;
}

a:link.oben,
a:visited.oben {
float: right;
margin-right: 10px;
}
a:link.oben,
a:visited.oben,
a:link.standard,
a:visited.standard {
color: #CE0000;
text-decoration: none;
}
a:hover.standard,
a:hover.standard {
color: #675A41;
}




/* 

ab hier: 

die Messe-Info
---------------------------------------------------------------------------------------
*/

#content_info {
margin: 110px 0 0 0 !important;
margin: 65px 0 0 0 ;
width: 800px;
height: 440px;
z-index: 20;
}

/*.messeinfo {
float: right;
margin: 25px 32px 0 0 !important;
margin: 3px 14px 20px 0;
width: 523px;
height: 320px !important;
height: auto;
text-align: right;
z-index: 200;
border: 1px solid #FCE439;
}
*/

.messeinfo {
float: right;
margin: 25px 32px 0 0 !important;
margin: 3px 14px 20px 0;
width: 523px;
height: 230px;
text-align: right;
z-index: 200;
border: 1px solid #FCE439;
}

.messeinfo img {
float: left;
}

.info {
width: 250px;
height: auto;
}

.info h1 {
position: absolute;
top: 102px;
right: 30px; 
font-size: 110%;
text-align: left;
font-weight: normal;
font-variant: normal;
letter-spacing: .08em;
line-height: 1.3em;
}
.info h1:first-letter {
font-size: 105%;
}
.info h1:first-line {
font-size: 110%;
}

.info h2 {
position: absolute;
top: 170px;
right: 30px; 
line-height: 1.8em;
}    


br.clear {
clear: right;
}



table.ausschreibung {
float: right;
width: 530px;
font-size: 80%;
line-height: 1.3em;
margin-right: 30px
}

table.ausschreibung th {
vertical-align: top;
font-size: 90%;
text-align: left;
}

table.ausschreibung td {
border: 1px solid gray;
border-collapse: collapse;
padding: .4em .6em .5em .6em;
margin: 0;
}

table.ausschreibung th {
border: 1px solid gray;
border-collapse: collapse;
padding: .8em .3em .6em .8em;
margin: 0; 
}

td ul.ausschreibung li {
font-size: 120%;
padding: .2em;
}



/*  Navigation
---------------------------------------------------------------------------------------  */

#navigation {
position: absolute;
top: 86px;
left: 0px;
color: #523b05;
margin: 0;
padding: 0;
width: 205px;
}


#navigation ul li,
#navigation ul li.aktiv {
line-height: 1.7em;
margin-bottom: 2px;
margin-top: 2px;
background-color: #fedc00;
list-style: none;
}

#navigation ul,
#navigation ul ul {
margin: 0;
padding: 0;
margin-bottom: 1em;
}

#navigation ul li ul li {
line-height: 1.4em;
background: white;
}

#navigation ul ul {
list-style: none;
}

/* ul#navigation li.gap,
ul#navigation li.aktiv_gap {
margin-top: 6px;
}

ul#navigation li.smallgap,
ul#navigation li.smallgap_aktiv {
margin-top: 6px;
} */

#navigation ul a {
text-decoration: none;
display: block;
width: 205px;
padding-left: 1.5em;
color: #523b05;
}

#navigation ul a.gelbemaschinen {
text-decoration: none;
display: block;
width: 205px;
padding-left: .6em;
color: #523b05;
}

#navigation ul a.gelbemaschinen:hover {
font-weight: normal;
background-color: white;
color: #D7010B;
padding-left: .6em;
}

#navigation ul li.aktiv ul li a {
font-weight: normal;
background-color: white;
}

#navigation ul li.aktiv a.jobs {
font-weight: bold;
background-color: white;
color: #D7010B;
padding-left: 0em;
}
#navigation ul li.aktiv,
#navigation ul li.aktiv_gap,
#navigationul li.smallgap_aktiv,
#navigation ul a:hover {
font-weight: bold;
background-color: white;
color: #D7010B;
padding-left: 1.5em;
}

#navigation ul li.aktiv_gap2 {
background-color: white;
color: #D7010B;
padding-left: .2em;
}

#navigation ul li ul li a,
#navigation ul li ul li a:hover,
#navigation ul ul li.aktiv {
padding-left: .8em;
font-weight:normal;
}

#navigation ul li ul li a:hover,
#navigation ul ul li.aktiv {
font-weight: bold;
}

#navigation ul li ul {
margin-bottom: .5em;
}








