/**
 * CSS Basisdatei für www.wedeko.de
 * 
 * @author mediaconcept-ulm
 * @copyright mediaconcept-ulm <www.mediaconcept-ulm.de>
 * @version 1.0.0
 * 
 * Erstellt am 14. August 2009
 */
 
 /****************************************************************************
  * Spezielle grundlegende HTML Formatierungen
  ***************************************************************************/
body {
    background-image: url(../images/bg_site.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-color: #cdcdcd;
}

 /*********************************************************
  * Layout
  ********************************************************/

/*** (Ebene 1) Alles umschließender Wrapper für die Zentrierung des gesamten Inhalts ***/
#wrapper {
    width: 1208px;
    margin-left: auto;
    margin-right: auto;
}

/*********** LINKE SPALTE **********/

/*** (Ebene 2) Linke Hauptspalte. ***/
#leftcol {
    width: 974px;
    float: left;    /* Dieses Element steht links und soll vom nachfolgenden rechts umflossen werden. */
    overflow: hidden; /* Kein Aufblähen des Elements erlaubt. */
}

/*** (Ebene 3 / Linke Hauptspalte) Kopfbereich. ***/
#header {
    width: 974px;
    height: 362px;
    float: none;
    overflow: hidden;
    background-image:url('../images/header_left.jpg');
    background-repeat: no-repeat;
    background-position:0px 0px;
}

/*** (Ebene 3 / Linke Hauptspalte) Körperbereich. ***/
#body {
    width: 974px;
    background-image: url('../images/shade.png');
    background-repeat: repeat-y;
    background-position: 0px 0px;
}

/*** (Ebene 3 / Linke Hauptspalte) Fußbereich. ***/
#footer {
    width: 974px;
    height: 40px;
    padding: 20px 20px 0px 20px;
    font-size: 10px;
    color: #8896a1;
    background-image: url('../images/shade_body_bottom.png');
    background-repeat: no-repeat;
    background-position:0px 0px;
}

/*** (Ebene 3 / Linke Hauptspalte) Fußbereich: Links. ***/
#footer a {
    color: #8896a1;
    text-decoration: none;
}

/*** (Ebene 3 / Linke Hauptspalte) Fußbereich: Links. ***/
#footer a:hover {
    text-decoration: underline;
}

/*** (Ebene 4 / Linke Hauptspalte) Kopfbild. ***/
#headertext {
    width: 710px;
    height: 42px;
    margin: 10px 0px 0px 258px;
    font-size: 10px;
    color: #8896a1;
    text-align: right;
    text-transform: uppercase;
}

/*** (Ebene 4 / Linke Hauptspalte) Kopfbild. ***/
#header_image {
    width: 700px;
    height: 265px;
    margin: 10px 0px 0px 258px;
    overflow: none;
}
#logolink {
    width: 220px;
    height: 110px;
    margin: 0px 0px 0px 20px;
    float: left;
    background-color: transparent;
}

/*** (Ebene 4 / Linke Hauptspalte) Spalte für Navigation ***/
#navibox {
    width: 220px;
    margin: 0 20px 0 17px;
    float: left;
}

/*** (Ebene 4 / Linke Hauptspalte) Spalte für Hauptinhalt ***/
#content {
    width: 690px;
    margin: 0 20px 0 0px;
    padding: 0;
    float: left;
        list-style-type: disc;
        list-style-image: url('../images/bullet.png');
}

/*** (Ebene 5 / Linke Hauptspalte) Grafik über Navigation ***/
#navitop {
    width: 220px;
    height: 40px;
    background-image: url('../images/bg_navi_top.png');
    background-repeat: repeat-y;
    background-position: 0px 0px;
}

/*** (Ebene 5 / Linke Hauptspalte) Navigation ***/
#navigation {
    width: 220px;
    background-color: #8896a1;
}

/*** (Ebene 5 / Linke Hauptspalte) Abstand unterhalb Navigation ***/
#navibot {
    width: 220px;
    height: 40px;
    background-color: #8896a1;
}

/*** (Ebene 5 / Linke Hauptspalte) Text: Zum Shop ***/
#to_shop {
    width: 158px;
    height: 33px;
    float: left;
    margin: 10px 0 0 0;
    padding: 9px 0 0 0;
    font-size: 18px;
    text-align: right;
    text-decoration: none;
    color: #FFFFFF;
    background-image: url('../images/bg_to_shop.png');
    background-repeat: repeat-y;
    background-position: 0px 0px;
}

/*** (Ebene 5 / Linke Hauptspalte) Grafik: Zum Shop ***/
#shop_arrow {
    width: 62px;
    height: 42px;
    float:left;
    margin: 10px 0 0 0;
    padding: 0px 0 0 0;
    overflow: none;
}

/*** (Ebene 5 / Linke Hauptspalte) Spalte Hauptinhalt, Zeile Navigationsbaum ***/
#navbreadcrumb, #navbreadcrumb a {
    width: 690px;
    margin: 10px 0px 10px 0px;
    font-size: 9px;
    color: #3d3735;
    text-transform: uppercase;
}

/*** (Ebene 5 / Linke Hauptspalte) Spalte Hauptinhalt, Topcontent ***/
.singlecol {
    width: 690px;
    margin: 0;
    padding: 0;
    float: left;
}

/*** (Ebene 5 / Linke Hauptspalte) Spalte Hauptinhalt, x-spaltig, links ***/
.multicol {
    width: 690px;
}


/*****************************************************************************
 * Zwei Spalten
 ****************************************************************************/
 
/*** (Ebene 6 / Linke Hauptspalte) Spalte Hauptinhalt, symm. 2-spaltig, links ***/
.leftcol2 {
    width: 335px;
    margin: 5px 10px 5px 0px;
    float:left;
}

/*** (Ebene 6 / Linke Hauptspalte) Spalte Hauptinhalt, symm. 2-spaltig, rechts ***/
.rightcol2 {
    width: 335px;
    margin: 5px 0px 5px 10px;
    float: left;
}

/*** (Ebene 6 / Linke Hauptspalte) Spalte Hauptinhalt, assymm. 2-spaltig, rechts ***/
.rightcol2_fairs {
    width: 450px;
    margin: 5px 0px 5px 5px;
    float: left;
}

/*** (Ebene 7 / Linke Hauptspalte) Spalte Hauptinhalt, assymm. 2-spaltig, rechts ***/
.fairsLine {
    margin: 0px 0px 10px 0px;
}

/*****************************************************************************
 * Drei Spalten
 ****************************************************************************/
/*** (Ebene 6 / Linke Hauptspalte) Spalte Hauptinhalt, 2-spaltig, links ***/
.leftcol3, .midcol3 {
    width: 220px;
    margin: 5px 15px 5px 0px;
    float:left;
}

/*** (Ebene 6 / Linke Hauptspalte) Spalte Hauptinhalt, 2-spaltig, links ***/
.rightcol3 {
    width: 220px;
    margin: 5px 0px 5px 0px;
    float: left;
}


/*********** RECHTE SPALTE **********/

/*** (Ebene 2) Rechte Hauptspalte. ***/
#rightcol {
    width: 234px;
    display: inline; /* Dieses Element soll keine neue Zeile erzwingen. */
}

/*** (Ebene 3 / Rechte Hauptspalte) Spacerbox. ***/
#spacerbox {
    width: 234px;
    height: 52px;
    margin: 0px;
    float:left;
}

/*** (Ebene 3 / Rechte Hauptspalte) Box für "Aktuelles", "Newsletter" und "Messen". ***/
.newsbox, #newsletterbox {
    width: 234px;
    margin: 0px;
    float: left;
}

/*** (Ebene 4 / Rechte Hauptspalte) Kopf für "Aktuelles" und "Messen". ***/
.newsheader {
    width: 204px;
    height: 30px;
    margin: 0px;
    padding: 10px 15px 0px 15px;
    font-size: 18px;
    color: #FFFFFF;
    background-image: url('../images/box_head_grey.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-transform: uppercase;
}

/*** (Ebene 4 / Rechte Hauptspalte) Körper für "Aktuelles" und "Messen". ***/
.newsbody {
    width: 204px;
    margin: 0px;
    padding: 10px 15px 10px 15px;
    font-size: 10px;
    color: #FFFFFF;
    background-image: url('../images/box_shade_grey.png');
    background-repeat: repeat-y;
    background-position: 0px 0px;
}

/*** (Ebene 4 / Rechte Hauptspalte) Überschrift in Körper für "Aktuelles" und "Messen". ***/
.newsbody h3 {
        width: 204px;
    margin: 5px 0px 5px 0px;
    font-size: 10px;
    color: #FFFFFF;
}

/*** (Ebene 4 / Rechte Hauptspalte) Text in Körper für "Aktuelles" und "Messen". ***/
.newsbody p, .newsbody p a {
    width: 204px;
    font-size: 10px;
    color: #FFFFFF;
}

/*** (Ebene 4 / Rechte Hauptspalte) Fuß für "Aktuelles" und "Messen". ***/
.newsfooter, #newsletterfooter {
    width: 234px;
    height: 10px;
    margin: 0px;
    float: left;
    background-image: url('../images/box_shade_bottom.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/*** (Ebene 4 / Rechte Hauptspalte) Kopf für "Newsletter". ***/
#newsletterheader {
    width: 204px;
    height: 30px;
    margin: 0px;
    padding: 10px 15px 0px 15px;
    font-size: 18px;
    color: #FFFFFF;
    background-image: url('../images/box_head_orange.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-transform: uppercase;
}

/*** (Ebene 4 / Rechte Hauptspalte) Körper für "Newsletter". ***/
#newsletterbody {
    width: 204px;
    margin: 0px;
    padding: 10px 15px 10px 15px;
    font-size: 10px;
    color: #000000;
    background-image: url('../images/box_shade_orange.png');
    background-repeat: repeat-y;
    background-position: 0px 0px;
}

/*** (Ebene 4 / Rechte Hauptspalte) Text in Körper für "Newsletter". ***/
#newsletterbody p {
    margin: 0px 0px 4px 0px;
    padding: 0px;
    font-size: 10px;
    color: #000000;
}

.teaser_img_div {
    width: 204px;
    overflow: none;
}

.teaser_img {
    border-width: 0;
}

/**********************************************************
 * Messe-Liste
 *********************************************************/
 .newslist, .newslistitem {
     width: 690px;
     float: left;
 }

/**********************************************************
 * Messe-Liste
 *********************************************************/
.fairslist, .fairslistitem {
    width: 690px;
    float: left;
}
.fairs_logo {
    width: 220px;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: none;
}


/**********************************************************
 * Printer-Liste
 *********************************************************/
.printerlist, .printerlistitem {
    width: 690px;
    float: left;
}
.list_printer_img {
    float: left;
    margin: 0px 10px 10px 0px;
    border: 0px solid #000000;
}

/**********************************************************
 * Mini-Rückruf-Service-Formular
 *********************************************************/
#callbackMiniForm {
    width: 335px;
    margin: 0;
    padding: 0;
    float:left;
}
.callbackMiniRow {
    width: 335px;
}
.callbackMiniName {
    width: 125px;
    float: left;
    overflow: none;
}
#cbm_Nachname {
    width: 70px;
}
.callbackMiniTelefon {
    width: 130px;
    float: left;
    overflow: none;
}
#cbm_Telefon {
    width: 70px;
}
.callbackMiniZeitpunkt {
    width: 80px;
    float: left;
    overflow: none;
}
#cbm_Zeitpunkt {
    width: 40px;
}
.callbackMiniFormSubmit {
    width: 335px;
    margin: 3px 0px 3px 0px;
    padding: 0px;
}
.callbackMiniButton {
    width: 90px;
    margin: 10px 0px 20px 0px;
    padding: 3px;
    text-decoration: underline;
    color: #ffffff;
    float: left;
    background-color: #8896a1;
}

/**********************************************************
 * Rückruf-Service-Formular
 *********************************************************/
#callbackForm {
    width: 335px;
    margin: 0;
    padding: 0;
    float:left;
}
.callbackRow {
    width: 335px;
}
.callbackRow label {
    width: 120px;
    display: inline-block;
    overflow: none;
}
.callbackRow input {
    width: 180px;
    margin: 3px;
    padding: 0px;
}
.callbackFormSubmit {
    width: 186px;
    margin: 3px 3px 3px 124px;
    padding: 0px;
}
.callbackButton {
    width: 90px;
    margin: 3px 0px 0px 3px;
    padding: 3px;
    text-decoration:underline;
    color: #ffffff;
    float: left;
    background-color: #8896a1;
}


/**********************************************************
 * Kontakt-Formular
 *********************************************************/
#contactForm {
    width: 335px;
    margin: 0;
    padding: 0;
    float:left;
}
.contactRow {
    width: 335px;
}
.contactRow label {
    width: 120px;
    display: inline-block;
    overflow: none;
}
.contactRow input {
    width: 180px;
    margin: 3px;
    padding: 0px;
}
.contactRow textarea {
    width: 180px;
    height: 40px;
    margin: 3px;
    padding: 0px;
}
.contactFormSubmit {
    width: 186px;
    margin: 3px 3px 3px 124px;
    padding: 0px;
}
.contactButton {
    width: 90px;
    margin: 3px 0px 0px 3px;
    padding: 3px;
    text-decoration:underline;
    color: #ffffff;
    float: left;
    background-color: #8896a1;
}


/**********************************************************
 * Newsletter-Formular
 *********************************************************/
.nlSubscrRow {
    width: 204px;
}
.nlSubscrLabel {
    width: 90px;
    display: inline-block;
    overflow: none;
}
.nlSubscrTextField {
    width: 96px;
    margin: 0px;
    padding: 0px;
}
.nlSubscrField {
    width: 100px;
    margin: 0px;
    padding: 0px;
}
.nlSubscrButton {
    width: 100px;
    margin: 0px;
    padding: 3px;
    text-decoration:underline;
    color: #ffffff;
    background-color: #8896a1;
}

/**********************************************************
 * Hauptnavigation
 *********************************************************/

/* Level 1 */
#navigation ul {
    width: 220px;
    font-size: 14px;
    color: #ffffff;
    margin: 0;
    padding: 0;
}
#navigation ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-image: url('../images/navi_separator.png');
    background-position: 0px 29px;
    background-repeat: no-repeat;
}
#navigation ul li a {
    height: 30px;
    margin: 0;
    padding: 0 0 0 15px;
    line-height: 30px;
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    display: block;
}
#navigation ul li.navmainStandardLevel_1 a:hover {
    text-decoration: underline;
}

/* Level 2 */
#navigation ul li.navmainStandardLevel_2 {
    font-size: 12px;
    font-weight: normal;
}
#navigation ul li.navmainStandardLevel_2 a {
    height:24px;
    padding-left: 25px;
    line-height:24px;
}
#navigation ul li.navmainStandardLevel_2 a:hover {
    text-decoration:underline;
}
#navigation ul li.navmainStandardLevel_2.active a {
    text-decoration: underline;
}
#navigation ul li.navmainStandardLevel_2.last a {
    background-image: url('../images/navi_separator.png');
    background-position: 0px 23px;
    background-repeat: no-repeat;
}

/* Level 3 */
#navigation ul li.navmainStandardLevel_3 {
    font-size: 10px;
    font-weight: normal;
    padding-left: 25px;
}
#navigation ul li.navmainStandardLevel_3 a {
    font-size: 10px;
    height: 20px;
    line-height: 20px;
}
#navigation ul li.navmainStandardLevel_3 a:hover {
    text-decoration:underline;
}
#navigation ul li.navmainStandardLevel_3.active a {
    text-decoration: underline;
}


/**********************************************************
 * Meta-Navigation (Links oben in der Kopfzeile)
 *********************************************************/
ul#metaNavigation {
    margin:0;
    padding:0;
    font-size: 10px;
    color: #8896a1;
    /*text-transform: uppercase;*/
}
ul#metaNavigation li {
    display:inline;
}
ul#metaNavigation li a {
    color: #8896a1;
    text-decoration:none;
}
ul#metaNavigation li a:hover {
    text-decoration:underline;
}

 /*********************************************************
  * Links
  ********************************************************//*
a {
    color:#000000;
    text-decoration:underline;
}
a:hover {
    text-decoration:underline;
}

 /*********************************************************
  * Backend Styles
  ********************************************************/

/*** Symbol für Bildbearbeitung des Bildes im Header ***/
#modHeaderImgEdit {
    position: relative;
    top: -265px;
    left: 258px;
}
/*** Symbol für Bildbearbeitung des Messe-Logos ***/
#modFairsLogoImgEdit {
    position: relative;
    top: -15px;
    left: 0px;
}

/**********************************************************
 * Clearfix
 *
 * Diese CSS-Klasse wird benötigt, um ein Eltern-DIV
 * auf die Größe des größten eingebetteten Kind-DIV
 * aufzublähen, ohne dabei ein HTML-Element bzw. ein
 * unsichtbares 1x1-Pixel-GIF oder sonst etwas platzieren
 * zu müssen.
 *
 * ACHTUNG: Diese Methode erfordert eine Abfrage des
 * verwendeten Browsers im HTML-Layout, der für IE6
 * die Größe als zusätzliche CSS-Eigenschaft definiert!
 *
 * <!--[if lte IE 6]>
 *   <style type="text/css">
 *     .clearfix {height:1px;}
 *   </style>
 * <![endif]-->
 *********************************************************/
.clearfix:after, .multicol:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/*****************************************************************************
 * Sitemap
 ****************************************************************************/
ul.sitemapStandardMainCat {
    margin-left:0;
    padding-left:0;
}

ul.sitemapStandardMainCat li {
    list-style-type: none;
    list-style-image: none;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
    padding: 3px 3px 3px 10px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
    padding: 3px 3px 3px 30px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
    padding: 3px 3px 3px 50px;
}

/**********************************************************
 * Referenzkundensuche (Formular und Ausgabe)
 *********************************************************/
#refclForm {
    width: 690px;/*335px;*/
    margin: 0;
    padding: 0;
/*    float:left;*/
    float:none;
}
.refclRow {
    width: 690px;/*335px;*/
}
.refclRow label {
    width: 80px;
    display: inline-block;
    overflow: none;
}
.refclRow input {
    width: 180px;
    height: 15px;
    margin: 3px;
    padding: 0px;
}
.refclRow select {
    width: 184px;
    height: 20px;
    margin: 3px;
    padding: 0px;
}
.refclFormSubmit {
    width: 190px;
    height: 36px;
    margin: 3px 3px 3px 84px;
    padding: 0px;
}
.refclButton {
    width: 90px;
    height: 20px;
    margin: 3px 0px 0px 3px;
    padding: 3px;
    text-decoration: underline;
    color: #ffffff;
    float: left;
    background-color: #8896a1;
}

.refclResults {
    width: 690px;/*335px;*/
    margin: 0;
    padding: 0;
}

.refclResultTable {
    width: 690px;
    margin: 0;
    padding: 0;
}
.refclResultRow_0 {
    margin: 0;
    padding: 1px 0px 1px 0px;
    background-color: #eeeeee;
}

.refclResultRow_1 {
    margin: 0;
    padding: 1px 0px 1px 0px;
    background-color: #dddddd;
}

.refclResultRow_2 {
    color: #fffff;
    font-weight:bold;
    margin: 0;
    padding: 1px 0px 1px 0px;
    background-color: #8896a1;
}

.refclNum_0, .refclNum_1, .refclNum_2 {
    width: 30px;
    margin: 0;
    padding: 0;
}
.refclNum_2 {
    color: #ffffff;
}

.refclName_0, .refclName_1, .refclName_2 {
    width: 280px;
    margin: 0;
    padding: 0;
}
.refclName_2 {
    color: #ffffff;
}

.refclName2_0, .refclName2_1, .refclName2_2 {
    width: 140px;
    margin: 0;
    padding: 0;
}
.refclName2_2 {
    color: #ffffff;
}

.refclPLZ_0, .refclPLZ_1, .refclPLZ_2 {
    width: 80px;
    margin: 0;
    padding: 0;
}
.refclPLZ_2 {
    color: #ffffff;
}

.refclOrt_0, .refclOrt_1, .refclOrt_2 {
    width: 160px;
    margin: 0;
    padding: 0;
}
.refclOrt_2 {
    color: #ffffff;
}

/**********************************************************
 * DIV-Tag-Klassen für Mediendateien
 *
 * Bitte beachten:
 * width, height, background-image, background-repeat
 * und background-position werden vom Modul selbst per
 * style="..." eingetragen und würden hier gemachte
 * Angaben überschreiben bzw. diesen widersprechen.
 * Daher diese Stildefinitionen hier nicht verwenden!
 *
 * Zur Info:
 * Das einspaltige Layout im Hauptbereich ist 690px breit.
 * Nutzen Sie diese Angabe, um margin und padding
 * entsprechend der verwendeten Mediengröße zu wählen.
 *********************************************************/
.media1 {
    margin-top: 30px;
    margin-left: 178px;
}