@charset "utf-8";
/* CSS Document */

/* CSS (C) www.explo.at
 * Author: James
 * Last Modification: 2009-05-17
 */

html, body { margin-top: 0px; margin-bottom: 0px; height: 100%; background-color: #cccccc; }
table { width: 100%; }


/*-- Text --*/

a {}
a:link { font-weight: bold; color: #333333; }
a:active { font-weight: bold; color: #333333; }
a:hover { font-weight: bold; color: #333333; }
a:visited { font-weight: bold; color: #333333; }

h1, h2, h3 { margin: 0px; }
h1 { font-size: 11px;}
h2 { font-size: 12px; color: #719DDE; text-decoration: underline; font-weight: normal; }
h3 { font-size: 14px; color: #666666; margin-bottom: 10px; }

img { border: 0px; }
img.Produktbild { float: left; width: 60px; height: 60px; }

body { font-family: Tahoma; font-size: 11px; line-height: 15px; }

p {margin: 0px; margin-bottom: 10px; }

/* Globale Variablen
 * Hauptsächlich für das Kontaktformular */
input, select, textarea { border: 1px #CCCCCC solid; font-size: 13px; color: #666666; font-family: Arial, Helvetica, sans-serif; background-color: #F9F9F9; }
input.SizeLarge { width: 190px; }
input.SizeMedium { width: 170px; }
input.SizeSmall { width: 50px; }
input.Plz { width: 65px; }
input.Ort { width: 120px; }
textarea.Size { width: 240px; }
select.Size { width: 242px; }
input.Button { height: 30px; font-size: 13px; font-weight: bold; }

ul { padding-left: 15px; margin: 0px; margin-left: 10px; padding: 0px; }
ul.Produkte { margin: 0px; padding: 0px; }

li {}
li.Produkte { list-style-type: none;}
li.marginBottom { margin-bottom: 14px; }

td { vertical-align: top; }
td.Right { text-align: right; }


/*-- Layout --*/
	
#wrapper {position: relative; margin: 0px auto; margin-bottom: 0px; width: 750px; min-height: 100%; height: auto !important ; height: 100%; background-color: #FFFFFF; background: url(../images/BoxBackgr3.gif); border-left: 1px solid #000000; border-right: 1px solid #000000; z-index: 0; }

/* ID#header
 * Für die Implementierung der Flash-Datei */
#header { height: 190px; background-color:#999999; }

/* ID#navigation
 * */
#navigation { height: 49px; background: url(../images/NaviBackgr.gif); } /* Eventuell auf 50px Höhe erhöhen*/
#navigation .Spacer { float: left; width: 17px; }
#navigation .Home { float: left; width: 34px; height: 49px; }
#navigation .Produkte { float: left; width: 79px; height: 49px; }
#navigation .Termine { float: left; width: 67px; height: 49px; }
#navigation .PcSoftware { float: left; width: 79px; height: 49px; }
#navigation .Kontakt { float: left; width: 52px; height: 49px; }
#navigation .PieceOfIntro { float: left; width: 288px; height: 10px; background: url(../bilder/HeaderPiece.jpg) repeat-x; }
/* Arm vom Flashintro, dass beschnitten wurde */
#navigation .Sprache {clear: both; position: absolute; width: 35px; height: 16px; left: 709px; top: 216px; z-index: 1; }

#content, #infobox { padding-bottom: 45px; }

/* ID#content
 * Linke Spalte im Layout - divFade, divSpacer, divMain */
#content { float: left; display: block; width: 435px; height: auto; background-color: #FFFFFF; }
#content .divFade { height: 5px; background: url(../images/ContentTopFade.gif) repeat-x; }
#content .divSpacer { height: 29px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; padding-left: 10px; padding-top: 8px; }
/*.divSpacerText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; padding-left: 10px; padding-top: 8px; }*/

#content .divMain { margin-left: 10px; margin-right: 10px; display: block; }

/* ID#infobox
 * Rechte Spalte im Layout - divTop, divInfo */
#infobox { float: right; width: 315px; height: auto; }

#infobox .divTop { position: relative; height: 35px; background: url(../images/InfoboxHeaderBg.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; }
#infobox .divTop a:link { font-weight: normal; color: #666666; }
#infobox .divTop a:visited { font-weight: normal; color: #666666; }
#infobox .divTop .NewsImg { position: absolute; width: 54px; height: 16px; left: 8px; top: 11px; background: url(../images/InfoboxHeaderNews.gif) repeat-x; }
#infobox .divTop .Anmelden { position: absolute; left: 81px; top: 13px; font-weight: bold; color: #333333; }
#infobox .divTop .Anmelden a:link { font-weight: bold; }
#infobox .divTop .Anmelden a:visited { font-weight: bold; }
#infobox .divTop .Sitemap { position: absolute; left: 160px; top: 13px; }
#infobox .divTop .InfoMaterial { position: absolute; left: 222px; top: 13px; }

#infobox .divInfo { height: auto; }
#infobox .divInfo .LinkInfo { text-align: right; margin-right: 20px; font-weight: bold; color: #666666; }

/* Class.Box
 * Umfasst den Text u. Bildinhalt der Webseite - die darauffolgenden Klassen sind Bestandteil dieser Klasse */
.Box { display: block; margin: 10px; margin-top: 15px; }
.ListBox { display: block; margin-bottom: 10px; margin-top: 15px; }

.Pfeil { float: left; background: url(../images/arrow.gif) no-repeat; width: 11px; height: 8px; margin-top: 5px; overflow: hidden; }
/* overflow:hidden; - Für IE5.x + IE6, damit sie die height: 8px-Deklaration einhalten, und darin nicht einen Platzhalter setzen, dessen Zeilenhöhe sich an der globalen Schriftgröße orientiert  */
.Header { margin-left: 15px; margin-bottom: 3px; height: 20px; }
/* float: left; - entfernt, denn der Header umfliesst schon den Pfeil, und soll vom nachfolgenden Element nicht umflossen werden */
.Download { float: right; height: 20px; }
.Text { clear: both; margin-left: 16px; margin-top: 0px; }
.Text .redwine { color: #990000; }

.ImgTermin { margin-left: auto; margin-right: auto; width: 182px; }
.ImgSoftware { margin-left: auto; margin-right: auto; width: 188px; text-align: center; }
.ImgProdukt { margin-left: auto; width: 300px; height: 330px; }
.ImgGalerie { float: right; margin: 10px; width: 65px; height: 65px; display: inline; }

/* Footer
 * Layout + Copyright u. Impressum */
#footer { clear: both; position: absolute; left: 0px; bottom: 0px; width: 750px; height: 35px; background: url(../images/nav_bottom.jpg); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; }
#footer .Copyright { position: absolute; left: 10px; top: 13px; }
#footer .Impressum { position: absolute; left: 665px; top: 13px; text-decoration: underline; }
#footer .Impressum a:link { font-weight: normal; color: #666666; }
#footer .Impressum a:visited { font-weight: normal; color: #666666; }

/* Clearfix - Workflow IE,FF,Opera & Co.
 * Damit der Footer in jedem Browser am Fensterende grenzt */
 
/* Der Kern von Clearfix */
.clearfix:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; }
/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */




/* ----------------------------------- */
#Statusbericht { position: relative; color: #e95d0f; background-color: #fbcb8c; outline-color: #ea6645; margin: 20px; padding: 10px; border: 1px; border-style: solid;  }