/*------------------------ALLGEMEIN-----------------------*/

body {
  padding:0px;
  margin:0px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
}

h1{
        font-weight: bold;
        font-size: 12pt;
}

h4{
         font-size: 10pt;
         font-family:  verdana, arial, sans-serif;
         font-weight: normal;
}

ul{
        font-size: 10pt;
}

a{
        text-decoration: none;
        color: #CC0000;
        font-weight: bold;
        text-align: center;
}

a.breadcrumb{
        font-weight: normal;
        color: #CC0000;
        text-decoration: none;
        font-size: 8pt;
}




/*------------------------HOME-----------------------*/
#animation{
        position: absolute;
        left: 480px;
        top: 100px;

}


/*------------------------KURSE-----------------------*/
div.spezkursetext{
		position: absolute;
		top: 80px;
		left: 0px;

}

div.imgkurse1{
        position: absolute;
        top: 10px;
        left: -90px;
}

div.imgkurse2{
        position: absolute;
        top: 10px;
        left: 630px;
}

div.imgkurse3{
        position: absolute;
        top: 60px;
        left: 0px;
}

div.imgkurse4{
        position: absolute;
        top: 60px;
        left: 630px;
}

div.textkurse{
        position: absolute;
        left: 90px;
        top: 55px;
        color: black;
}


div.textspezial{
        position: absolute;
        left: 0px;
        top: 10px;
        color: black;
}

table.spez09{
        position: absolute;
        top: 80px;
        height: 100%;
        width: 800px;
}

div.textkurse1{
        position: absolute;
        top: 350px;
}

table.kurs1{
        height: 100%;
        width: 800px;
}

div.bildkurs{
        position: absolute;
        left: 270px;
        top: 220px;
}

div.zurueck{
        position: absolute;
        left: 595px;
        bottom:420px;
}

div.zurueck a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

div.zurueck2{
        position: absolute;
        left: 595px;
        bottom:450px;
}

div.zurueck2 a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

div.anmelden{
        position: absolute;
        left: 450px;
        bottom:420px;
}

div.anmelden a{
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

/*--Anmeldeformular--*/
div.imgformular{
        position: absolute;
        left: 0px;
        top: 0px;

}

/*------------------------AKTUELL-----------------------*/

div.bildaktuell1{
        position: absolute;
        left: 350px;
        top: 200px;
}

div.bildaktuellBea img{
        border: 0px;
        text-decoration: none;
}


/*------------------------KUNDENDIENST-----------------------*/

div.textkd{
        position: absolute;
        left: 0px;
}

div.imgkd1{
        position: absolute;
        left: 0px;
        top: 120px;;
}

div.textkd2{
        position: absolute;
        top: 330px;
}

div.imgkd2{
        position: absolute;
        top: 120px;
        left: 400px;
}


/*------------------------PRODUKTE-----------------------*/
div.textprodukte{
        margin-left: 80px;
}

div.imgprodukte{
        margin-left: 150px;
}

/*------------------------STICKEN-----------------------*/
div.imgsticken1{
        position: absolute;
        top: 50px;
        left: 600px;
}

div.imgsticken2{
        position: absolute;
        top: 290px;
        left: 30px;
}

div.imgsticken3{
        position: absolute;
        top: 290px;
        left: 210px;
}

div.zuruecksticken{
        position: absolute;
        left: 580px;
        bottom:445px;
}

div.zuruecksticken a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

/*--Positionierung der Vorschauen--*/

div.imgstickenklein1{
        position: absolute;
        left: 0px;
        top: 120px;
}

div.imgstickenklein2{
        position: absolute;
        left: 150px;
        top: 120px;
}

div.imgstickenklein3{
        position: absolute;
        left: 300px;
        top: 120px;
}

div.imgstickenklein4{
        position: absolute;
        left: 450px;
        top: 120px;
}

div.imgstickenklein5{
        position: absolute;
        left: 600px;
        top: 120px;
}

div.imgstickenklein6{
        position: absolute;
        left: 0px;
        top: 320px;
}

div.imgstickenklein7{
        position: absolute;
        left: 150px;
        top: 320px;
}

div.imgstickenklein8{
        position: absolute;
        left: 300px;
        top: 320px;
}

div.imgstickenklein9{
        position: absolute;
        left: 450px;
        top: 320px;
}

div.imgstickenklein10{
        position: absolute;
        left: 600px;
        top: 320px;
}

div.imgstickenklein11{
        position: absolute;
        left: 0px;
        top: 520px;
}




/*--Positionierung der Texten zu den Vorschauen--*/

div.textstickenklein1{
        position: absolute;
        left: 0px;
        top: 220px;
}

div.textstickenklein2{
        position: absolute;
        left: 150px;
        top: 220px;
}

div.textstickenklein3{
        position: absolute;
        left: 300px;
        top: 220px;
}

div.textstickenklein4{
        position: absolute;
        left: 450px;
        top: 220px;
}

div.textstickenklein5{
        position: absolute;
        left: 600px;
        top: 220px;
}

div.textstickenklein6{
        position: absolute;
        left: 0px;
        top: 420px;
}

div.textstickenklein7{
        position: absolute;
        left: 150px;
        top: 420px;
}

div.textstickenklein8{
        position: absolute;
        left: 300px;
        top: 420px;
}

div.textstickenklein9{
        position: absolute;
        left: 450px;
        top: 420px;
}

div.textstickenklein10{
        position: absolute;
        left: 600px;
        top: 420px;
}

div.textstickenklein11{
        position: absolute;
        left: 0px;
        top: 620px;
}

/*--Positionierung Bilder auf der Downloaden-Seite--*/

div.imgsticken4{
        position: absolute;
        left: 0px;
        top: 160px;
}

div.imgsticken5{
        position: absolute;
        left: 0px;
        top: 300px;
}

div.imgsticken6{
        position: absolute;
        left: 600px;
        top: 160px;
}

div.imgsticken7{
        position: absolute;
        left:250px;
        top: 200px;
}

div.imgsticken7 a img{
        border: 0px;
        text-decoration: none;
}

div.imgsticken8{
        position: absolute;
        left: 600px;
        top: 320px;
}




/*------------------------FIRMA-----------------------*/




/*--Positionierung Bilder--*/

div.imgfirma1{
        position: absolute;
        left: 200px;
        top: 100px;
}

div.imgfirma2{
        position: absolute;
        left: 0px;
        top: 200px;
}

div.imgfirma3{
        position: absolute;
        left: 500px;
        top: 250px;
}

div.imgfirma4{
        position: absolute;
        left: 0px;
        top: 600px;
}

div.imgfirma5{
        position: absolute;
        left: 600px;
        top: 500px;
}

div.imgfirma6{
        position: absolute;
        left: 20px;
        top: 450px;
}

/*--Positionierung Texte--*/

div.textfirma1{
        position: absolute;
        left: 220px;
        top: 290px;
        font-size: 10px;
}

div.textfirma2{
        position: absolute;
        left: 220px;
        top: 320px;
}

div.textfirma3{
        position: absolute;
        top: 750px;
}





/*------------------------TEAM-----------------------*/

/*--Navigation--*/

div.teamadministration{
        position: absolute;
        top: 49px;
        left: 600px;

}

div.teamadministration a{
        color: #CC0000;
}

div.teamkurse{
        position: absolute;
        top: 100px;
        left: 600px;
}

div.teamkurse a{
        color: #CC0000;
}

div.teamverkauf{
        position: absolute;
        top: 140px;
        left: 600px;
}

div.teamverkauf a{
        color: #CC0000;
}

div.teamkundendienst{
        position: absolute;
        top: 180px;
        left: 600px;
}

div.teamkundendienst a{
        color: #CC0000;
}



/*--Geschäftsleitung und Administration, Platzierung der Mouse-Over-Bilder --*/

div.tauschtpulfer{
        position: absolute;
        top:60px;
        left: 0px;
}

div.tauschbpulfer{
        position: absolute;
        top:60px;
        left: 150px;
}

div.tauschppulfer{
        position: absolute;
        top:60px;
        left: 300px;
}

div.tauschapulfer{
        position: absolute;
        top:60px;
        left: 450px;
}



/*--Beratung und Verkauf, Platzierung der Mouse-Over-Bilder --*/

div.tauschischeidegger{
        position: absolute;
        top: 60px;
        left: 0px;
}

div.tauschchzuber{
        position: absolute;
        top: 60px;
        left: 100px;
}

div.tauschebelle{
        position: absolute;
        top: 60px;
        left: 200px;
}

div.tauschrmaurer{
        position: absolute;
        top: 60px;
        left: 300px;
}

div.tauschrmathyer{
        position: absolute;
        top: 60px;
        left: 400px;
}


/*--Kurse Platzierung der Mouse-Over-Bilder --*/

div.tauschestauss{
        position: absolute;
        top: 60px;
        left: 0px;
}

div.tauschvmoser{
        position: absolute;
        top: 60px;
        left: 300px;
}

/*--Kundendienst Platzierung der Mouse-Over-Bilder --*/

div.tauschtpulver{
        position: absolute;
        top: 60px;
        left: 0px;
}

div.tauschtwenger{
        position: absolute;
        top: 60px;
        left: 200px;
}

div.tauschmvogelsang{
        position: absolute;
        top: 60px;
        left: 400px;
}




/*------------------------STANDORT-----------------------*/


/*--Laden--*/
div.textladen{
        position: absolute;
        left: 580px;
        top: 200px;
}

div.laden{
        position: absolute;
        left: 580px;
        bottom:445px;
}

div.laden a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

/*--Kundendienst--*/

div.textkundendienst{
        position: absolute;
        left: 580px;
        top: 200px;
}

div.kundendienst{
        position: absolute;
        left: 580px;
        bottom:445px;
}

div.kundendienst a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}


/*------------------------LINKS-----------------------*/


/*--Positionierung der Bilder--*/
div.imgembroidery{
        position: absolute;
        left: 20px;
        top: 55px;
}

div.imgbernina{
        position: absolute;
        left: 20px;
        top: 160px;
}

div.imgmuster{
        position: absolute;
        left: 20px;
        top: 240px;
}

div.imgmettler{
        position: absolute;
        left: 20px;
        top: 300px;
}

div.imgburda{
        position: absolute;
        left: 20px;
        top: 350px;
}

div.imgbern{
        position: absolute;
        left: 20px;
        top: 410px;
}

div.imgberncity{
        position: absolute;
        left: 20px;
        top: 480px;
}

div.imgkeller{
        position: absolute;
        left: 20px;
        top: 600px;;
}

div.imgmodespot{
        position: absolute;
        left: 20px;
        top: 700px;;
}

div.imgquiltissima{
        position: absolute;
        left: 20px;
        top: 800px;;
}


/*--Positionierung und Attributvergabe der Texte/Links--*/

div.textembroidery{
        position: absolute;
        left: 250px;
        top: 50px;
}

div.textembroidery a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

div.textbernina{
        position: absolute;
        left: 250px;
        top: 130px;
}

div.textbernina a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

div.textmuster{
        position: absolute;
        left: 250px;
        top: 250px;
}

div.textmuster a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

div.textmettler{
        position: absolute;
        left: 250px;
        top: 300px;
}

div.textmettler a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

div.textburda{
        position: absolute;
        left: 250px;
        top: 355px;
}

div.textburda a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

div.textbern{
        position: absolute;
        left: 250px;
        top: 420px;
}

div.textbern a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

div.textberncity{
        position: absolute;
        left: 250px;
        top: 510px;
}

div.textberncity a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

div.textkeller{
        position: absolute;
        left: 250px;
        top: 610px;
}

div.textkeller a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

div.textmodespot{
        position: absolute;
        left: 250px;
        top: 710px;
}


div.textmodespot a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

div.textquiltissima{
        position: absolute;
        left: 250px;
        top: 810px;
}

div.textquiltissima a{
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}