/*Stylesheet für alle Browser außer IE. Optimiert für Firefox 2.0.0.15*/

/*Globale Einstellungen, gültig für alle Seiten der Website*/


*
{
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 17.4px;
    font-family: Arial, Sans-Serif;
}


a
{
    color: #004494;
    text-decoration: none;
}


a:hover
{
    text-decoration: underline;
}


body
{
    background-color: #ffc600;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left top;
    color: #004494;
    background-image: url( 'Images/Layout/hg.jpg' );
}


/*Elemente der Masterpage*/


.alleElemente
{
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
}


.elementeOben
{
    width: 1020px;
    height: 120px;
    margin-top: 5px;
}



.logo
{
    display: block;
    margin-left: 20px;
    width: 250px;
    height: 120px;
    float: left;
    background-image: url(Images/Layout/logo_yormas.png);
    background-repeat: no-repeat;
    background-position: top left;
    cursor: hand;
}


.metanavi
{
    text-align: right;
    vertical-align: bottom;
    height: 43px;
    padding-top: 77px;
    margin-right: 200px;
}



.hauptnaviRahmen
{

    margin-left: 20px;
    width: 800px;
    height: 30px;
    overflow: hidden;
    position: relative;
    z-index: 3;
    background-image: url(Images/Layout/menueleiste.jpg);
    
    
}

.hauptmenue {margin: 0!important; padding: 0!important; height: 30px;}

#ctl00_Menu1 * { display: block; float: left; }

.hauptnaviRahmen a{text-decoration: none;}

.MenuItem{width: 133px; height: 30px; display: block; line-height: 2em; padding-left: 0px; text-align: center;
          }

.MenuHover{background-color: #0073ff; width: 133px; padding-left: 0px; color:#ffffff; }
.MenuSelected{background-color: #ffed00; width: 133px;padding-left: 0px; color:#004494; }

.DynamicMenuHover{background-color: #0073ff; width: 133px;padding-left: 0px; color:#ffffff; }
.DynamicMenuSelected{background-color: #ffed00; width: 133px;padding-left: 0px; color:#004494; }


.DynamicMenuItem{width: 133px; height: 30px; display: block; line-height: 2em; margin-left: -2px; text-align: center;
          }


.bildleiste
{
    margin-left: 20px;
    width: 800px;
    z-index: 2;
    position: relative;
    margin-top:0px;
}



.platzhalter
{
    margin-top: 0px;
    margin-left: 10px;
    background-image: url( 'Images/Layout/hg_streifen.png' ); /*url( 'Images/hg6.png' )*/
    background-repeat: repeat-y; /*no-repeat;*/
    background-position: top left;
    width: 980px;
    height: auto; /*height: 670px;*/
    padding-left: 10px;
    float: left;
    position: relative;
    z-index: 1;
}

.platzhalter_unten
{
    margin-top: 0px;
    margin-left: 10px;
    background-image: url( 'Images/Layout/hg_unten.png' ); /*url( 'Images/hg6.png' )*/
    background-repeat: no-repeat; /*no-repeat;*/
    background-position: top left;
    width: 980px;
    height: auto; /*height: 670px;*/
    padding-left: 10px;
    float: left;
    position: relative;
    z-index: 1;
}

/*Elemente, die auf mehreren Seiten verwendet werden:*/


.inhalt
{
    float: left;
    width: 760px;
    height: auto; /*height: 500px;*/
    margin-left: 20px;
    margin-right: 20px;
}


.banner
{
    float: right;
    margin-top: 0px;
    margin-right: 0px;
}


h1
{   width: 760px;
    margin-top: 190px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    border-bottom: 1px solid #004494;
}


h2
{
    width: 760px;
    margin-bottom: 20px;
   padding-bottom: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    border-bottom: 1px solid #004494;
}



/**/ /*Die Einstellungen für das Accordion werden von allen Accordions verwendet.*/
.accordionHeader
{
    color: #004494;
    background-color: #FFC600;
    font-weight: bold;
    height: 15px;
    padding: 5px;
    padding-left: 5px;
    padding-top: 2px;
    margin-top: 10px;
    cursor: pointer;
    text-decoration: none;
}


.accordionHeader:hover
{
    text-decoration: underline;
}


.accordionHeaderSelected
{
    color: white;
    background-color: #004494;
    font-weight: bold;
    height: 15px;
    padding: 5px;
    padding-left: 5px;
    padding-top: 2px;
    margin-top: 10px;
    cursor: hand;
    text-decoration: none;
}


.accordionContent
{
    padding-top: 10px;
}


.accordionText
{
    text-align: justify;
    width: 420px;
    float: left;
    margin-top: -5px;
}


.accordionBild
{
    float: right;
}

/*Text über Gesamtbreite*/
.accordionText2
{
    text-align: justify;
    width: auto;
    margin-top: -5px;
}


/*Jezt folgen die einzelnen Seiten und ihre speziellen Elemente:*/

/*Startseite*/


.startKarte
{
    display: block;
    width: 300px;
    height: 400px;
    margin-left: 10px;
    margin-right: -300px;
    background-image: url(images/Start/karte.png);
    background-position: top left;
    background-repeat: no-repeat;
    float: left;
    cursor: hand;
}

.startText
{
    float: right;
    width: 400px;
}


/*Geschichte*/


/*Philosophie*/


.philosophieText /*=accordionText*/
{
    text-align: justify;
    width: 420px;
    float: left;
    margin-top: -5px;
}


.philosophieBild /*=accordionBild*/
{
    float: right;
}


/*Service*/


.serviceText
{
    width: 220px;
    line-height: 16px;
    text-align: justify;
}




/*Standorte*/




/*Produkte*/ /*Dank IE6 und Flash etwas komplizierter aufgebaut: 
               Der IE6 schneidet bei negativen margin-Werten die swf-Datei einfach ab.*/


.inhaltProdukteGesamt
{
    float: left;
    width: 800px;
    height: 500px;
    margin-left: 0px;
    margin-right: 0px;
}


.inhaltProdukteOben
{
    width: 760px;
    margin-left: 20px;
    margin-right: 20px;
}


.produkteFlash
{
    margin-left: -20px;
    margin-top: -20px;
    position: relative;
    z-index: 1;
}

/*Partner*/

/*Jobs*/


.jobsText
{
    width: 490px;
    float: left;
    text-align: justify;
    margin-bottom: 15px;
}


.jobsAccordion
{
    float: left;
    width: 490px;
    height: 300px;
}


.jobsDropdown
{
    width: 154px;
    color: #004494;
}


.jobsTextbox /*Die kleine Textbox für verschiedene Angaben.*/
{
    width: 150px;
    color: #004494;
}



.jobsTextbox2 /*Die große Textbox für die persönliche Nachricht.*/
{
    color: #004494;
    width: 480px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-left: 5px;
}

.jobsTextbox2Watermark
{
    background-color: #fff;
    color: #004494;
    width: 480px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-left: 5px;
}


.jobsButton
{
    color: #004494;
    font-weight: bold;
    width: 150px;
}


.jobsBild
{
    float: right;
    width: 240px;
    height: 500px;
    background-image: url( 'Images/Jobs/aktuelle_stellenangebote.jpg' );
    background-repeat: no-repeat;
    background-position: top left;
}

/*Lob und Kritik*/


.lobkritikText1
{
    height: 80px;
    width: 350px;
    float: left;
}


.lobkritikText2
{
    float: right;
    width: 350px;
    height: 80px;
}

/*Das Kontaktformular bei Lob und Kritik ist identisch mit dem bei Kontakt. Siehe dort.*/

/*Kontakt*/


.kontaktformularPanel /*ein Rahmen für das Kontaktformular*/
{
    width: 760px;
    height: 320px;
}


.kontaktDropdown
{
    width: 154px;
    color: #004494;
}


.kontaktTextbox
{
    width: 150px;
    height: 18px;
    color: #004494;
}


.kontaktTextbox2 /*Die große Textbox für die Nachricht.*/
{
    width: 480px;
    color: #004494;
    margin-bottom: 5px;
}


.kontaktformularText
{
    margin-bottom: 5px;
}


.kontaktButton
{
    color: #004494;
    font-weight: bold;
    width: 154px;
}

/*Presse*/


.presseAccordion1
{
    width: 370px;
    margin-right: 10px;
    float: left;
}


.presseAccordion2
{
    width: 370px;
    margin-left: 10px;
    float: right;
}

/*Impressum*/


/*Datenschutz*/


/*Sitemap*/

/*Sozialprojekte*/

.slideshowbutton1{
background-color: #004494; 
color: #fff; 
height: 15px;
width: 300px;
border: none; 
display: block;
width: 150px;
font-weight: bold;
float: left;
text-align: center;}

.slideshowbutton2{
background-color: #004494; 
color: #fff; 
height: 15px;
width: 300px;
border: none; 
display: block;
width: 150px;
font-weight: bold;
float: right;
text-align: center;}

.slideshowpfeil1
{
    background-image: url( 'Images/Layout/zurueck.png' );
    color: #fff;
    overflow: hidden;
    height: 40px;
    width: 40px;
    border: none;
    display: block;
    font-weight: bold;
    float: left;
    text-align: center;
    margin-top: -35px;
    margin-left: 0px;
    z-index: 9;
}

.slideshowpfeil1:hover{
background-position: 0 -40px;
}

.slideshowpfeil2{
background-image:  url( 'Images/Layout/weiter.png' );
overflow: hidden;
color: #fff; 
height: 40px;
width: 40px;
border: none; 
display: block;
font-weight: bold;
float: right;
text-align: center;
margin-top: -35px;
margin-right:0px;
 z-index: 9;}

.slideshowpfeil2:hover{
background-position: 0 -40px;
}


.slideshowbutton1:hover{
color: #ffc600; 
}

.slideshowbutton2:hover{
color: #ffc600; 
}






.slideContainer{background-color: #004494; 
                width: 409px;
                height: 395px;
                border: 3px solid #004494; 
                color: White;}

.slideTitle{font-weight: bold; font-size: 1.3em; padding-top: 5px; height: 24px; display: block;}

.slideDescription{font-size: 1em; height: 25px; display: block; border-bottom: 1px solid #fff; padding-top: 5px; margin-bottom: 5px;}

.slideDescription2{font-size: 1em; height: 25px; display: block; margin-top: 15px; margin-bottom: 5px;}

.slideDescriptionLang{font-size: 1em; height: 40px; display: block; border-bottom: 1px solid #fff; padding-top: 5px; margin-bottom: 5px;}


/*neue Seiten mit Rahmen*/



.hg_start
{
    background-image: url(hg_rahmen.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-top: 170px;
    width: 800px;
    height: 450px;
    padding: 35px;
    padding-top: 0px;
    float: left;
    margin-right: -100px;
}


.container
{
    padding-top: 20px;
    height: 385px;
    width: 750px;
}

.container h1
{
    border-bottom: none;
    margin-top: 5px;
}

.hilfsliste li
{padding-left: 0px; margin-left: 15px; list-style-type: square;}


.angebotsbuttons a
{
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
    display: inline;
    width: 180px;
    height: 30px;
    background-color: #004494;
    margin-left: 0px;
    margin-bottom: 10px;
    text-align: center;
    float: left;
    vertical-align: middle;
    line-height: 2em;
    
}
.angebotsbuttons a:hover
{
    color: #004494;
    background-color: #ffc600;
    text-decoration: none;
}



.angebotsbuttons .button_aktiv
{
    background-color: #ffc600;
    color: #004494;
}

.ob_show_panel {overflow: hidden !important;}

.banner * {overflow: hidden !important;}

.ie6 {display: none;}
* html body * {display: none;}
* html body .ie6 {display: block; text-align: center; margin-top: 20px;}
* html body .ie6 * {display: inline;}
* html body .ie6 a {text-decoration: underline;}

.myprodukt {  
position: relative;
 width: /*370px;*/ 245px; float: left; margin-right: 10px; overflow: hidden;
} 
.mypreis {position: absolute; top: 0; right: 0;}

.myproduktneu {  
position: relative;
 width: /*370px;*/ 360px;  overflow: hidden;
} 
.mypreisneu {position: absolute; top: 0; right: 0;}


*:first-child+html .products7 .myprodukt * {  

}