* {margin: 0; padding: 0;}
/* common styles
----------------------------------------------- */
body {
background: url(../img/bg2.png) bottom repeat-x #DCDCDC;

font-family: "Arial",  sans-serif;


}

/* layout
----------------------------------------------- */
#container {
position: relative;

background: url(../img/bg1.png) top repeat-x ;
margin: 0px ;
padding: 0px;
width: auto;
height: 850px;
border: 0px solid #000;
}

#fuss {
position: absolute ;
 bottom:0px;

background: url(../img/bg3.png) top repeat-x ;



padding: 0 0 0 0;
width: 839px;
height: 31px;

border: 0px solid #000;
text-align:center;
color:#D2DCFF;
font-size: 12px;
}


p{
margin-top: 8px;
margin-bottom:0px;
line-height: 14px;
}

#container2 {
position: relative;

background: url(../img/logo3.png) top no-repeat #ffffff;
margin: auto ;
padding: 0px;
width: 839px;
height: 850px;
border: 0px solid #000;
}

/* TEMP!!!
----------------------------------------------- */
#container3 {
position: relative;

background: url(../img/logo2.png) top no-repeat #ffffff;
margin: auto ;
padding: 0px;
width: 839px;
height: 850px;
border: 0px solid #000;
}


/* menu!!!
----------------------------------------------- */
#menu {
position: absolute ;
top:142px;
left:0px;
background: #fff;
background: url(../img/bg4.png) top repeat-x;
margin: 0px ;
padding: 0px;
width: 839px;
height: 30px;
border: 0px solid #000;
color:#022766;
text-align:center;
}
#a,#b,#c,#d,#e{
padding:0 0 0 0;
font-size: 14px;
color:#022766;
font-weight:normal;
}
#a{
position: absolute;
top:0px;
left:0px;
width:50px;
height:50px;

}

#b{
position: absolute ;
left:479px;
top:0px;
width:90px;
height:29px;
}
#c{
position: absolute ;
left:569px;
top:0px;
width:90px;
height:29px;
}
#d{
position:absolute;
left:659px;
top:0px;
width:90px;
height:29px;
}
#e{
position:absolute;
left:749px;
top:0px;
width:90px;
height:29px;
}

A{color: #2146A0; text-decoration: none;}
A:link{color: #2146A0;}
A:hover{color: #2146A0; text-decoration: underline;}
A:visited{color: #2146A0;}

a#roll1 { display: block; width: 90px; height: 29px; 
             background: url(../img/bgmenu.png) 
             top left no-repeat; 
             }
a:hover#roll1 { background-position: 0 -29px;  }
a#roll2 { display: block; width: 90px; height:  29px; 
             background: url(../img/bgmenu.png) 
             top left no-repeat; 
             }
a:hover#roll2 { background-position: 0 -29px;  }
a#roll3 { display: block; width: 90px; height:  29px; 
             background: url(../img/bgmenu.png) 
             top left no-repeat; 
             }
a:hover#roll3 { background-position: 0 -29px;  }
a#roll4 { display: block; width: 90px; height:  29px; 
             background: url(../img/bgmenu.png) 
             top left no-repeat; 
             }
a:hover#roll4 { background-position: 0 -29px;  }
a#roll5 { display: block; width: 90px; height:  29px; 
             background: url(../img/bgmenu2.png) 
             top left no-repeat; 
             }
a:hover#roll5 { background-position: 0 -29px;  }
a#roll6 { display: block; width: 90px; height:  29px; 
             background: url(../img/bgmenu3.png) 
             top left no-repeat; 
             }
a:hover#roll6 { background-position: 0 -29px;  }



/*foto oben
----------------------------------------------- */
#foto {
position: absolute ;
top:5px;
left:10px;
background: #fff;
background: url(../img/foto2.png) top repeat-x;
margin: 0px ;
padding: 0px;
width: 238px;
height: 131px;
border: 1px solid #fff;
}

/* lokal menu
----------------------------------------------- */
#bgmenu {
position: absolute ;
top:180px;
left:10px;
background: #E9EAEC;
width: 238px;
height: 630px;
border: 1px solid #6C95FD;
margin: 0px ;
padding: 0px;
}


ul{
font-size: 16px;
list-style: none;
color:#454646;
margin: 25px 0 0px 30px;
font-weight:bold;

}
ul li {
font-size: 14px;
list-style: none;
color:#2146A0;
list-style-image:  url(../img/lista.png); 
margin: 2px 0 0 0px;
padding: 0 0 0 10px;
width:190px;
font-weight:bold;

}


#ax,#bx,#cx,#dx,#ex{
padding:0 0 0 0;
line-height: 14px;
font-size: 14px;
color:#022766;
text-align:center;
}
#ax{
position: absolute;
top:0px;
left:0px;
width:90px;
}

#bx{
position: absolute ;
left:0px;
top:0px;
width:90px;
}
#cx{
position: absolute ;
left:0px;
top:0px;
width:90px;

}
#dx{
position:absolute;
left:0px;
top:0px;
width:90px;

}
#ex{
position:absolute;
left:0px;
top:0px;
width:90px;

}

/* Map
----------------------------------------------- */
#map
{
background:#fff;
position:absolute;
top :120px;
left:0px;
width:550px;
height:400px;
}


/* text
----------------------------------------------- */
#text
{
background:#fff;
position:absolute;
top :190px;
left:270px;
width:540px;
height:600px;
}

ul#text1{
font-size: 16px;
list-style: none;
color:#454646;
margin: 25px 0 0px 30px;
font-weight:bold;
width:510px;
}
li#text2 {
font-size: 14px;
list-style: none;
color:#454646;
list-style-image:  url(); 
margin: 20px 0 10px 0px;
padding: 0 0 0 10px;
width:510px;
font-weight:normal;
text-align: left;

}
li#liste3 {
font-size: 14px;
list-style: none;
color:#454646;
list-style-image: none; 
margin: 5px 0px 10px 20px;
padding: 0 0 0 0px;
width:100%;
font-weight:normal;
text-align: left;

}
#liste5 {

margin: 0px 0 0px 20px;
padding: 0 0 0 0;
width:190px;
font-weight:normal;
text-align: left;


}


#firma
{
background:#fff;
position:absolute;
top :200px;
left:0px;
width:540px;
height:250px;

border: 0px solid #6C95FD;
}

/* kontakt
----------------------------------------------- */
#kontakt1
{
background:#fff;
position:absolute;
top :100px;
left:60px;
width:170px;
height:230px;
background: url(../img/wilfried.jpg) top no-repeat;
border-bottom: 1px solid #6C95FD;
}
#kontakt2
{
background:#fff;
position:absolute;
top :100px;
left:300px;
width:170px;
height:230px;
background: url(../img/Claudia.jpg) top no-repeat;
border-bottom: 1px solid #6C95FD;
}
#kontakt3
{
background:#fff;
position:absolute;
top :360px;
left:60px;
width:150px;
height:260px;
background: url(../img/anonym2.jpg) top no-repeat;
border-bottom: 1px solid #6C95FD;
}
#kontakt4
{
background:#fff;
position:absolute;
top :360px;
left:300px;
width:150px;
height:260px;
background: url(../img/anonym.jpg) top no-repeat;
border-bottom: 1px solid #6C95FD;
}
#kontaktinfo
{

margin: 0;
padding: 0 ;
color:#454646;
font-size: 12px;
background:#fff;
position:absolute;
bottom :0px;
left:0px;
width:170px;
height:90px;
border-top: 1px solid #6C95FD;
}
#textkontakt {
font-size: 14px;
color:#454646;
margin: 0px 0 10px 0px;
padding: 0 0 0 10px;
font-weight:normal;
text-align: left;
}
#name {
margin: 0;
padding: 0 ;
color:#454646;
font-size: 12px;
background:#fff;
font-weight:bold;
text-align: left;
}

#logogruppe
{
background:#fff;
position:absolute;
top :560px;
left:450px;
width:218px;
height:218px;
background: url(../img/kreis.jpg) top no-repeat;
}
/* fresen
----------------------------------------------- */
#bild1
{
background:#fff;
position:absolute;
top :230px;
left:15px;
width:250px;
height:188px;
background: url(../img/fr1m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild2
{
background:#fff;
position:absolute;
top :230px;
left:280px;
width:250px;
height:188px;
background: url(../img/fr2m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild31
{
background:#fff;
position:absolute;
top :430px;
left:15px;
width:250px;
height:188px;
background: url(../img/fr3m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild32
{
background:#fff;
position:absolute;
top :430px;
left:280px;
width:250px;
height:188px;
background: url(../img/fr4m.jpg) top no-repeat;
border: 1px solid #454646;
}
/* drehen
----------------------------------------------- */
#bild3
{
background:#fff;
position:absolute;
top :230px;
left:15px;
width:250px;
height:188px;
background: url(../img/dr1m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild4
{
background:#fff;
position:absolute;
top :230px;
left:280px;
width:250px;
height:188px;
background: url(../img/dr2m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild27
{
background:#fff;
position:absolute;
top :430px;
left:15px;
width:250px;
height:188px;
background: url(../img/dr3m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild28
{
background:#fff;
position:absolute;
top :430px;
left:280px;
width:250px;
height:188px;
background: url(../img/dr4m.jpg) top no-repeat;
border: 1px solid #454646;
}
/* biegen
----------------------------------------------- */
#bild5
{
background:#fff;
position:absolute;
top :230px;
left:15px;
width:250px;
height:188px;
background: url(../img/bi1m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild6
{
background:#fff;
position:absolute;
top :230px;
left:280px;
width:250px;
height:188px;
background: url(../img/bi2m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild15
{
background:#fff;
position:absolute;
top :430px;
left:15px;
width:250px;
height:188px;
background: url(../img/big1m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild16
{
background:#fff;
position:absolute;
top :430px;
left:280px;
width:250px;
height:188px;
background: url(../img/big2m.jpg) top no-repeat;
border: 1px solid #454646;
}

/* gleitschleifen
----------------------------------------------- */
#bild7
{
background:#fff;
position:absolute;
top :230px;
left:15px;
width:436px;
height:188px;
background: url(../img/gs4m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild8
{
background:#fff;
position:absolute;
top :430px;
left:15px;
width:250px;
height:188px;
background: url(../img/gs2m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild9
{
background:#fff;
position:absolute;
top :430px;
left:280px;
width:250px;
height:188px;
background: url(../img/gs3m.jpg) top no-repeat;
border: 1px solid #454646;
}
/* uschweisen
----------------------------------------------- */
#bild10
{
background:#fff;
position:absolute;
top :230px;
left:280px;
width:250px;
height:188px;
background: url(../img/us1m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild11
{
background:#fff;
position:absolute;
top :230px;
left:15px;
width:250px;
height:388px;
background: url(../img/us2m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild12
{
background:#fff;
position:absolute;
top :430px;
left:280px;
width:250px;
height:188px;
background: url(../img/us3m.jpg) top no-repeat;
border: 1px solid #454646;
}
/* ramie
----------------------------------------------- */
#bild13
{
background:#fff;
position:absolute;
top :250px;
left:70px;
width:400px;
height:300px;
background: url(../img/ramie1m.jpg) top no-repeat;
border: 1px solid #454646;
}
/* dicht
----------------------------------------------- */
#bild14
{
background:#fff;
position:absolute;
top :230px;
left:70px;
width:400px;
height:300px;
background: url(../img/dicht_m.jpg) top no-repeat;
border: 1px solid #454646;
}

/* rohrendenumformung
----------------------------------------------- */
#bild17
{
background:#fff;
position:absolute;
top :230px;
left:15px;
width:250px;
height:188px;
background: url(../img/ru1m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild18
{
background:#fff;
position:absolute;
top :230px;
left:280px;
width:250px;
height:188px;
background: url(../img/ru2m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild19
{
background:#fff;
position:absolute;
top :430px;
left:15px;
width:250px;
height:188px;
background: url(../img/ru3m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild20
{
background:#fff;
position:absolute;
top :430px;
left:280px;
width:250px;
height:188px;
background: url(../img/ru4m.jpg) top no-repeat;
border: 1px solid #454646;
}
/* Besägen
----------------------------------------------- */
#bild21
{
background:#fff;
position:absolute;
top :230px;
left:15px;
width:250px;
height:188px;
background: url(../img/be1m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild22
{
background:#fff;
position:absolute;
top :230px;
left:280px;
width:250px;
height:188px;
background: url(../img/be2m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild23
{
background:#fff;
position:absolute;
top :430px;
left:15px;
width:250px;
height:188px;
background: url(../img/be3m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild24
{
background:#fff;
position:absolute;
top :430px;
left:280px;
width:250px;
height:188px;
background: url(../img/be4m.jpg) top no-repeat;
border: 1px solid #454646;
}
/* tampo
----------------------------------------------- */
#bild25
{
background:#fff;
position:absolute;
top :230px;
left:15px;
width:250px;
height:188px;
background: url(../img/ta1m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild26
{
background:#fff;
position:absolute;
top :230px;
left:280px;
width:250px;
height:188px;
background: url(../img/ta2m.jpg) top no-repeat;
border: 1px solid #454646;
}
/* obermessung
----------------------------------------------- */
#bild29
{
background:#fff;
position:absolute;
top :230px;
left:15px;
width:250px;
height:188px;
background: url(../img/om1m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild30
{
background:#fff;
position:absolute;
top :230px;
left:280px;
width:250px;
height:188px;
background: url(../img/om2m.jpg) top no-repeat;
border: 1px solid #454646;
}
/* obermessung
----------------------------------------------- */
#bild33
{
background:#fff;
position:absolute;
top :300px;
left:15px;
width:250px;
height:188px;
background: url(../img/ek1m.jpg) top no-repeat;
border: 1px solid #454646;
}
#bild34
{
background:#fff;
position:absolute;
top :300px;
left:280px;
width:250px;
height:188px;
background: url(../img/ek2m.jpg) top no-repeat;
border: 1px solid #454646;
}
/* logos
----------------------------------------------- */
#logokunde1
{
background:#fff;

width:500px;
height:62px;
background: url(../img/sma.jpg) top right no-repeat;
border-bottom: 1px solid #454646;
}
#logokunde2
{
background:#fff;

width:500px;
height:62px;
background: url(../img/bte.jpg) top right no-repeat;
border-bottom: 1px solid #454646;
}
#logokunde3
{
background:#fff;

width:500px;
height:62px;
background: url(../img/conti.jpg) top right no-repeat;
border-bottom: 1px solid #454646;
}
#logokunde4
{
background:#fff;

width:500px;
height:62px;
background: url(../img/hansa.gif) top right no-repeat;
border-bottom: 1px solid #454646;
}
#logokunde5
{
background:#fff;

width:500px;
height:62px;
background: url(../img/parker.jpg) top right no-repeat;
border-bottom: 1px solid #454646;
}

/* linien
----------------------------------------------- */
#linie
{
width:480px;
height:0;
border-bottom: 1px solid #6C95FD;
}