body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: #898989;
    color: #666666;
}

#background {
    position: relative;
    width: 1003px;
    height: 560px;
    margin: auto;
    text-align: left;
}

#logo {
    position: absolute;
    top: 9px;
    left: 0px;
}

#background-mitte {
    position: absolute;
    top: 70px;
    left: 0px;
    width: 1003px;
    height: 462px;
    background-color: #EFEEEE;
}

#linksoben {
    position: absolute;
    top: 80px;
    left: 80px;
    width: 570px;
    height: 200px;
    background-color: #4814a0;
}

#linksunten {
    position: absolute;
    top: 290px;
    left: 80px;
    width: 570px;
    height: 230px;
    background-color: #FFFFFF;
}

/*                                                   */
/*              STARTSEITE             */
/*                                                   */

#linksunten.startseite {
    position: absolute;
    top: 290px;
    left: 80px;
    width: 270px;
    height: 230px;
    background-color: #FFFFFF;
}
#rechtsunten.startseite {
    position: absolute;
    top: 290px;
    left: 380px;
    width: 270px;
    height: 230px;
    background-color: #3EB1E6;
}
#content-rechtsunten.startseite {
    position: absolute;
    top: 300px;
    left: 405px;
    width: 255px;
    height: 210px;
    overflow: auto;
}

.text_news {
	font-size: 12px;
	font-family:  Arial, Helvetica, sans-serif;
	/*color: #DD0099;*/
	color: #FFF;
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: normal;
}

#rechtsoben {
    position: absolute;
    top: 80px;
    left: 680px;
    width: 270px;
    height: 200px;
    z-index: 5;
}

#rechtsunten {
    position: absolute;
    top: 290px;
    left: 680px;
    width: 270px;
    height: 230px;
    background-color: #3EB1E6;
}

#bnamen {
    position: absolute;
    text-align: left;
    top: 200px;
    left: 40%;
}

#pass {
    position: absolute;
    text-align: left;
    top: 250px;
    left: 40%;
}

#eingabe-in-backend {
    position: absolute;
    top: 50px;
    left: 20px;
    text-align: left;
}

#news-in-backend {
    position: absolute;
    top: 120px;
    left: 480px;
    width: 270px;
    height: 230px;
    background-color: #D4D4D4;
    text-align: left;
}

#text-vorschau-backend {
    position: absolute;
    top: 130px;
    left: 490px;
    width: 255px;
    height: 210px;
    overflow: auto;
    text-align: left;
}

#loeschen-in-backend {
    position: absolute;
    top: 290px;
    left: 0px;
}

#fett-in-backend {
    position: absolute;
    top: 330px;
    left: 0px;
}

#beschreibung-loeschen {
    position: absolute;
    top: 290px;
    left: 125px;
}

#beschreibung-fett {
    position: absolute;
    top: 330px;
    left: 125px;
}

#beschreibung-vorschau {
    position: absolute;
    top: 370px;
    left: 125px;
}

#beschreibung-abbrechen {
    position: absolute;
    top: 410px;
    left: 125px;
}

#beschreibung-speichern {
    position: absolute;
    top: 450px;
    left: 125px;
}

#beschreibung-index-schreiben {
    position: absolute;
    top: 490px;
    left: 125px;
}

#beschreibung-logout {
    position: absolute;
    top: 530px;
    left: 125px;
}

#vorschau-in-backend {
    position: absolute;
    top: 370px;
    left: 0px;
}

#abbrechen-in-backend {
    position: absolute;
    top: 410px;
    left: 0px;
}

#speichern-in-backend {
    position: absolute;
    top: 450px;
    left: 0px;
}

#abschicken-in-backend {
    position: absolute;
    top: 490px;
    left: 0px;
}

#logout-in-backend {
    position: absolute;
    top: 530px;
    left: 0px;
}

#text-ueber-feld-backend {
    position: absolute;
    top: 38px;
    left: 460px;
}

#text-falsch-backend {
    position: absolute;
    top: 630px;
    left: 20px;
}

#text-gruen {
    position: absolute;
    top: 630px;
    left: 20px;
}

#text-logout {
    position: absolute;
    top: 630px;
    left: 20px;
}

.text-backend {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

/*                                                        */
/*              ABTEILUNGEN - EG      */
/*                                                        */



#rechtsoben.abteilungen {
    position: absolute;
    top: 80px;
    left: 680px;
    width: 270px;
    height: 362px;
    z-index: 5;
}

#linksoben-abteilungen {
    position: absolute;
    top: 80px;
    left: 80px;
    width: 570px;
    height: 200px;
    background-color: #BFE1F0;
}

#rechtsunten-abteilungen {
    position: absolute;
    top: 290px;
    left: 680px;
    width: 270px;
    height: 230px;
    background-color: #8DCEEB;
}

/* Hochkant-Version */
#rechtsunten-abteilungen.hochkant {
    position: absolute;
    top: 440px;
    left: 680px;
    width: 270px;
    height: 80px;
    background-color: #8DCEEB;
}
#ani01.abteilungen {
    position: absolute;
    top: 459px;
    left: 705px;
    width: 100px;
    height: 46px;
}

#ani02.abteilungen {
    position: absolute;
    top: 459px;
    left: 827px;
    width: 100px;
    height: 46px;
}

/*Hintergrund für den kasten links oben und rechts unten zu den jeweiligen seiten*/
#linksoben-abteilungen_hochzeit {
    position: absolute;
    top: 80px;
    left: 80px;
    width: 570px;
    height: 200px;
    background-color: #8DCEEB;
}

#rechtsunten-abteilungen_hochzeit {
    position: absolute;
    top: 290px;
    left: 680px;
    width: 270px;
    height: 230px;
    background-color: #50B6E2;
}

#linksoben-abteilungen_gross {
    position: absolute;
    top: 80px;
    left: 80px;
    width: 570px;
    height: 200px;
    background-color: #50B6E2;
}

#rechtsunten-abteilungen_gross {
    position: absolute;
    top: 290px;
    left: 680px;
    width: 270px;
    height: 230px;
    background-color: #4090B2;
}

#linksoben-abteilungen_service {
    position: absolute;
    top: 80px;
    left: 80px;
    width: 570px;
    height: 200px;
    background-color: #c2afe6;	
}

#rechtsunten-abteilungen_service {
    position: absolute;
    top: 290px;
    left: 680px;
    width: 270px;
    height: 230px;
    background-color: #7c5dc6;
}

#linksoben-abteilungen_ueberuns {
    position: absolute;
    top: 80px;
    left: 80px;
    width: 570px;
    height: 200px;
    background-color: #7c5dc6;
}

#rechtsunten-abteilungen_ueberuns {
    position: absolute;
    top: 290px;
    left: 680px;
    width: 270px;
    height: 230px;
    background-color: #4814a0;
}
/*Linksoben für den Kontakt*/
#linksoben-abteilungen_kontakt2 {
    position: absolute;
    top: 80px;
    left: 80px;
    width: 570px;
    height: 200px;
    background-color: #4814a0;
}

#linksoben-abteilungen_kontakt {
    position: absolute;
    top: 80px;
    left: 80px;
    width: 570px;
    height: 440px;
    background-color: #4814a0;
}

#rechtsunten-abteilungen_kontakt {
    position: absolute;
    top: 290px;
    left: 680px;
    width: 270px;
    height: 230px;
    background-color: #4a2c7a;
}

h2, h5 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 5px;
}
h1,h4 {
	font-size: 20px;
	font-family:  Arial, Helvetica, sans-serif;
	/* color: #8DCEEB; */
	color: #444444;
	line-height: normal;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	font-weight:normal;
}

.tabelle_reihen {
    border-bottom-color: #ffffff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 11px;
    font-weight: normal;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #4090B2;
}

.tabelle_ohne {
    font-size: 11px;
    font-weight: normal;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #4090B2;
}

#content-linksoben {
    position: absolute;
    top: 95px;
    left: 95px;
    width: 535px;
    height: 181px;
    overflow: auto;
}
/*Testkontakt*/
#content-linksoben_kontakt2 {
    position: absolute;
    top: 95px;
    left: 95px;
    width: 535px;
    height: 181px;
    overflow: auto;
}

#content-linksoben_kontakt {
    position: absolute;
    top: 95px;
    left: 95px;
    width: 540px;
    height: 420px;
    overflow: auto;
	color:#fff;
}
#content-linksoben_kontakt h2 {
	color:#fff;
}
/* Layer für die Eingabefelder*/
.aufzaehlung {
    list-style-type: square;
	margin-top: 5px;
    margin-left: 15px;
}

#input_vorname {
    position: absolute;
    top: 97px;
    left: 140px;
    width: 170px;
    height: 50px;
}

#input_name {
    position: absolute;
    top: 128px;
    left: 140px;
    width: 230px;
    height: 50px;
}

#input_strasse {
    position: absolute;
    top: 158px;
    left: 140px;
    width: 230px;
    height: 50px;
}

#input_plz {
    position: absolute;
    top: 188px;
    left: 140px;
    width: 230px;
    height: 50px;
}

#input_ort {
    position: absolute;
    top: 218px;
    left: 140px;
    width: 230px;
    height: 50px;
}

#input_email {
    position: absolute;
    top: 247px;
    left: 140px;
    width: 230px;
    height: 50px;
}

#input_groesse {
    position: absolute;
    top: 277px;
    left: 140px;
    width: 230px;
    height: 50px;
}

#input_nachricht {
    position: absolute;
    top: 307px;
    left: 140px;
    width: 230px;
    height: 50px;
}

#input_checkbox {
    position: absolute;
    top: 420px;
    left: 137px;
    width: 230px;
    height: 50px;
}

#text_checkbox {
    position: absolute;
    top: 424px;
    left: 160px;
    width: 230px;
    height: 50px;
}

#input_button {
    position: absolute;
    top: 470px;
    left: 140px;
    width: 230px;
    height: 50px;
}

.text_formular {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 22px;
    border-style: solid;
    border-width: 1px;
    border-color: #9c9f00;
}

.text_formular_button {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 16px;
    border-style: none;
}

.text_button {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 18px;
    border-style: none;
    width: 100px;
}

#formular {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 320px;
    height: 440px;
}
/*Testkontakt*/
#content-rechtsunten {
    position: absolute;
    top: 300px;
    left: 690px;
    width: 255px;
    height: 210px;
    overflow: auto;
}

#b01 {
    position: absolute;
    top: 11px;
    left: 326px;
    width: 102px;
    height: 22px;
}

#b02 {
    position: absolute;
    top: 11px;
    left: 431px;
    width: 102px;
    height: 22px;
}

#b03 {
    position: absolute;
    top: 11px;
    left: 536px;
    width: 102px;
    height: 22px;
}

#b04 {
    position: absolute;
    top: 11px;
    left: 641px;
    width: 102px;
    height: 22px;
}

#b05 {
    position: absolute;
    top: 11px;
    left: 746px;
    width: 102px;
    height: 22px;
}

#b06 {
    position: absolute;
    top: 11px;
    left: 851px;
    width: 102px;
    height: 22px;
}
/* Hier kommt die Unternavigation von Abteilungne. Es werden fast alle Bilder und der Text mit CSS gemacht*/
#unternavi_abteilungen_bild1 {
    position: absolute;
    top: 35px;
    left: 326px;
    width: 200px;
    height: 30px;
    background-color: #BFE1F0;
    background-image: url(images/Abteilungen/pfeil.gif);
    background-position: left;
    background-repeat: no-repeat;
}

#unternavi_abteilungen_bild2 {
    position: absolute;
    top: 35px;
    left: 527px;
    width: 112px;
    height: 30px;
    background-color: #BFE1F0;
    background-image: url(images/Abteilungen/pfeil.gif);
    background-position: left;
    background-repeat: no-repeat;
}

#unternavi_abteilungen_bild3 {
    position: absolute;
    top: 35px;
    left: 640px;
    width: 123px;
    height: 30px;
    background-color: #BFE1F0;
    background-image: url(images/Abteilungen/pfeil.gif);
    background-position: left;
    background-repeat: no-repeat;
}

#unternavi_abteilungen_bild4 {
    position: absolute;
    top: 35px;
    left: 764px;
    width: 186px;
    height: 30px;
    background-color: #BFE1F0;
    background-image: url(images/Abteilungen/unternavirechts.gif);
    background-repeat: no-repeat;
}

#unternavi_abteilungen_text1 {
    position: absolute;
    top: 36px;
    left: 340px;
    width: 185px;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

#unternavi_abteilungen_text2 {
    position: absolute;
    top: 36px;
    left: 541px;
    width: 92px;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

#unternavi_abteilungen_text3 {
    position: absolute;
    top: 36px;
    left: 654px;
    width: 98px;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

#unternavi_abteilungen_text4 {
    position: absolute;
    top: 36px;
    left: 778px;
    width: 160px;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.ueberschriften_service {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 20px;
}

#abteilungen {
    position: absolute;
    top: 17px;
    left: 335px;
}

#hochzeit {
    position: absolute;
    top: 17px;
    left: 462px;
}

#grossegroessen {
    position: absolute;
    top: 17px;
    left: 551px;
}

#services {
    position: absolute;
    top: 17px;
    left: 671px;
}

#ueberuns {
    position: absolute;
    top: 17px;
    left: 774px;
}

#kontakt {
    position: absolute;
    top: 17px;
    left: 883px;
}

.text {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    margin-top: 2px;
    margin-bottom: 2px;
}

.text-weiss {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
}

.text-fehler {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #ccffff;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
}

.text-gruen {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #99ff66;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
}

.text_kontaktdaten {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: bold;
}

.text_kontaktdaten_black {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: bold;
}


.weiss, .weiss h1, .weiss h2, .weiss h3, .weiss h4 {
	color:#fff;
}

.link {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}

a.link-aktiv {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
#kontakt a.link, #kontakt a.link-aktiv, #ueberuns a.link, #ueberuns a.link-aktiv {
	color: #fff;
}

#ani01 {
    position: absolute;
    top: 316px;
    left: 705px;
    width: 100px;
    height: 46px;
}

#ani02 {
    position: absolute;
    top: 316px;
    left: 827px;
    width: 100px;
    height: 46px;
}

#ani03 {
    position: absolute;
    top: 382px;
    left: 705px;
    width: 100px;
    height: 46px;
}

#ani04 {
    position: absolute;
    top: 382px;
    left: 827px;
    width: 100px;
    height: 46px;
}

#ani05 {
    position: absolute;
    top: 448px;
    left: 705px;
    width: 100px;
    height: 46px;
}

#ani06 {
    position: absolute;
    top: 448px;
    left: 827px;
    width: 100px;
    height: 46px;
}

#hochzeitslogo {
    position: absolute;
    top: 382px;
    left: 770px;
    width: 100px;
    height: 46px;
}
/* mit Messe-gif TrauDich im Feld unten rechts */
#trauDich {
    position: absolute;
    top: 322px;
    left: 692px;
    width: 246px;
    height: 165px;
    border: none;
}
/*kontaktdaten---------------------------------*/
#kontaktdaten {
    position: absolute;
    top: 350px;
    left: 735px;
    width: 190px;
    height: 160px;
}

#impressum {
    position: absolute;
    top: 542px;
    left: 80px;
}

.link_impressum {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}

.link_fliesstext_blau {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #B4587A;
    text-decoration: none;
}

.link_fliesstext_weiss {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
}

.link_fliesstext_schwarz {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}

#marktplatz {
    position: absolute;
    top: 542px;
    left: 237px;
}

#stuttgart {
    position: absolute;
    top: 542px;
    left: 343px;
}

#oeffnungszeiten {
    position: absolute;
    top: 542px;
    left: 519px;
}

#montag {
    position: absolute;
    top: 542px;
    left: 626px;
}

#samstag {
    position: absolute;
    top: 542px;
    left: 822px;
}

.text-addy {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

.scroll_abteilungen {
    scrollbar-arrow-color: #000000;
    scrollbar-face-color: #8DCEEB;
    scrollbar-highlight-color: #BFE1F0;
    scrollbar-darkshadow-color: #BFE1F0;
    scrollbar-shadow-color: #BFE1F0;
    scrollbar-base-color: #BFE1F0;
    scrollbar-track-color: #BFE1F0;
}

.scroll_service {
    scrollbar-arrow-color: #000000;
    scrollbar-face-color: #7C5DC6;
    scrollbar-highlight-color: #C2AFE6;
    scrollbar-darkshadow-color: #C2AFE6;
    scrollbar-shadow-color: #C2AFE6;
    scrollbar-base-color: #C2AFE6;
    scrollbar-track-color: #C2AFE6;
}

.scroll_kontakt {
    scrollbar-arrow-color: #000000;
    scrollbar-face-color: #C2AFE6;
    scrollbar-highlight-color: #4814A0;
    scrollbar-darkshadow-color: #4814A0;
    scrollbar-shadow-color: #4814A0;
    scrollbar-base-color: #4814A0;
    scrollbar-track-color: #4814A0;
}

.scroll_index {
    scrollbar-arrow-color: #000000;
    scrollbar-face-color: #909090;
    scrollbar-highlight-color: #D4D4D4;
    scrollbar-darkshadow-color: #D4D4D4;
    scrollbar-shadow-color: #D4D4D4;
    scrollbar-base-color: #D4D4D4;
    scrollbar-track-color: #D4D4D4;
}