@charset "UTF-8";

*{margin:0;padding:0;}

img{border:none;}

html{
  height:100%;
}


body {
    color:#000000; 
    font-family:Arial,sans-serif; 
    font-size:12pt; 
    background-color:#f3ed8a; 
    background-image: url("images/rand.gif");
    background-attachment: fixed;
    background-repeat: no-repeat;
}

a.backtotop {
    position:fixed;
    bottom:2px;
    right:4px;
}

/* Menü */
#menu { 
    float:left;
    position:fixed;
    left:0;
    top:0;
    width:130px;
    font-family:Arial,sans-serif; 
    font-size:11pt; 
    font-weight:bold; 
    /*Trick: Hintergrund des DIVs erst auf Grün setzen, damit der Menütext 
    bei fehlender Grafik sichtbar bleibt. 
    Dann aber dem DIV (das sich ja über den Seitenhintergrund legt) wiederum
    dieselbe Hintergrundgrafik wie der gesamten Seite zuweisen (Margin/Padding=0), so dass wieder überall dieselbe Hintergrundgrafik sichtbar ist.
    (Derselbe Hintergrund soll auch (fixed) für die gesamte Seite und nicht
    nur für dieses DIV eingestellt sein, da das DIV i.d.R. nicht die gesamte
    Seitenhöhe ausfüllt und die Hintergrundgrafik des DIVs somit unterhalb 
    des letzten Menüpunkts endet. Dahinter kommt also (unterhalb des Menüs)
    die Hintergrundgrafik der Seite zum Vorschein. */
    
    background-color:#32492c; 
    background-image: url("images/rand.gif");
    background-repeat: no-repeat;
    color:#f3ed8a;
}
#menu a:link { color:#f3ed8a; text-decoration:none; }
#menu a:visited { color:#f3ed8a; text-decoration:none; }
#menu a:active { color:#ff0000;  }

#menu a.menutext:hover { background-color: #32492c }
#menu a:hover img.notselected {background-image: url(images/menuhighlight.png)}

#menu p {
    margin: 5px 0px 3.5em 5px;
}

#menu img.selected {background-image: url(images/menuselect.png)}

/* Main */

#inhalt {
    margin: 1em 20px 1em 135px;
}

#inhalt p { /* Beliebige Absätze im Inhalt, auch innerhalb von Boxen */
    padding:0.2em 0px 0.5em 0em;

    text-align:justify;
}

#inhalt .center {
    text-align:center;
}

#inhalt p.footer {
    color:#32492c;
    text-align:center;
    padding:2em 0 0.5em 0;
    font-style:italic;
    font-size:0.7em;
}


/*Links*/
#inhalt a:link { color:#36582D; text-decoration:none;}
/*#inhalt a:visited { color:#47180e; text-decoration:none; }*/
#inhalt a:visited { color:#5B0514; text-decoration:none; }
#inhalt a:hover { color:#36582D; text-decoration:underline; background-color:#f0e964}
#inhalt a:active { color:#FF0000; text-decoration:underline; background-color:#f0e964}

p.tk10 { font-size:10pt; } /*Textkörper mit kleinerer Schrift als normale Absätze */

.ls { letter-spacing:4pt; } /* Erhöhe Letter Spacing */
.mb { margin-bottom:2px; } /* Verringere unteren Rand (zu nächstem Element) */


h1 { font-size:16pt; padding-top: 1em;}
h2 { font-size:14pt; padding-top: 1em;}
h3 { font-size:12pt; padding-top: 1em;}
h4 { font-size:11pt; padding-top: 1em;}
h5 { font-size:10pt; padding-top: 1em;}

ul { padding-left:1.2em;}

ul.triangle li {list-style-image:url(images/pf_r.gif)}

img.floatleft {float:left; margin:0 2em 0.5em 0}
img.floatright {float:right; margin: 0 0 0.5em 2em}

/* Box (Tabellen-Version) */
/*
table.box {
    border: 2px solid #c0c0c0;
    border-spacing:0;
    width:80%;
    position: relative; left:10%;
    padding:0; 
    margin: 1em 0;
}

table.box th {
    background-color: #c0c0c0; 
    padding:0.4em;
}

table.box td {padding: 0.4em;}

table.box img.boxicon {
    position:absolute;
    left:2px;
    top:2px;
}*/

/* Box (DIV-Version) */
div.box {
    border: 2px solid #c0c0c0;
    border-spacing:0;
    width:80%;
    position: relative; left:10%;
    padding:0; 
    margin: 1em 0;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
    

div.box .boxhead {
    background-color: #c0c0c0; 
    background-image: url(images/boxheadbg.png);
    padding:0.4em;
    text-align:center;
    font-weight:bold;
    
    -webkit-border-top-left-radius:7px;
    -moz-border-radius-topleft:7px;
    -khtml-border-radius-top-left:7px;
    border-top-left-radius:7px;
    -webkit-border-top-right-radius:7px;
    -moz-border-radius-topright:7px;
    -khtml-border-radius-top-right:7px;
    border-top-right-radius:7px;
}


div.box .boxbody {padding: 0.4em;}

div.box img.boxicon {
    position:absolute;
    left:2px;
    top:2px;
}

/* Styles für Weinliste */
table.wein { padding:4px; border-style:outset; border-width:medium; border-color:#ffffaa; width:100%; overflow:scroll; }
table.wein td { padding:3px; border-style:inset; border-width:1px; border-color:#ffffaa; vertical-align:top;}
table.wein th { padding:2px; border-style:none; vertical-align:bottom;}


.anbau { font-size:10pt; font-weight:normal; font-style:italic; } /*Weinliste: Zeile mit Anbaugebiet*/
.rebsorte1 { font-size:12pt; font-weight:bold; font-style:italic; } /*Weinliste: Rebsorte, falls 1. Zeile (ohne Anbau vorweg)*/
.rebsorte2 { font-size:12pt; font-weight:bold; font-style:italic; } /*Weinliste: Rebsorte, falls 2. Zeile (nach Anbau)*/
.zusatz { font-size:10pt; font-weight:normal; font-style:italic; } /*Weinliste: Zusätze nach Rebsorte*/
.praem { font-size:10pt; font-weight:bold; font-style:italic; } /*Weinliste: Prämierungen*/
.gws:before { content:url(images/gelbws3d_18.png)" "; }
.grws:before { content:url(images/grws3d_18.png)" "; }
.rws:before { content:url(images/rotws3d_18.png)" "; }
.gold:before { content:url(images/gold_18.png)" "; }
.silber:before { content:url(images/silber_18.png)" "; }
.bronze:before { content:url(images/bronze_18.png)" "; }
.preis { text-align:right; } /*Weinliste: Preisangaben*/
.preis:after { content:" €" } 
.trocken { text-transform:uppercase; font-size:10pt; border-bottom-style:solid; border-width:3px; border-color:yellow;}/*Weinliste: Zusatz wie TROCKEN oder BRUT*/
.htr { text-transform:uppercase; font-size:10pt; border-bottom-style:solid; border-width:3px; border-color:#00bb00;} /*Weinliste: Zusatz wie HALBTROCKEN */
.neu { color:#ee0000; font-weight:bold; font-style:italic; } /*Weinliste: Formatierung für das Wort "Neu:"*/


/*Navigation*/
#navigation { font-size:11pt; }
ul.linklist { margin-top:0px; margin-bottom:0px; margin:0px 0px 0px 15px; padding: 2px;}
ul.linklist li { list-style-image:url(images/linklist_item.png); margin:0; padding:0; }
ul.linklist li.hidden { list-style-image:url(images/linklist_collapsed.png); }
ul.linklist li.showing { list-style-image:url(images/linklist_showing.png); }
ul.linklist a.showOrHideLink { color:black; }


.printonly { display:none; } 

/* ----- IE ----- */

.iewarning {
	font-size:10pt;
    margin:2em;
    border: 2px solid red;
    color:red;
    /*padding:2em; Wird vom IE 6 anscheinend nicht unterstützt */
}
.iewarning p {margin:2px 5px}

/*  ----- Druck-Vorlagen ---- */

@page{
   margin:1cm; 
}

@media print{

    * {background: white; color:black}

    body {margin: 1cm}

    .dontprint, .backtotop, .iewarning, #menu {
        display:none;
    }
    
    .printonly { display: block }
    
    #inhalt {
        width:100%;
        right:0;
        margin:0;
    }
	
	a, #inahlt a, #inhalt a:link, #inhalt a:visited {
		color:black;
		text-decoration:none;
	}
    
    p {
      orphans:2;
      widows:2;
    }
    
    h1, h2, h3, h4 {
      page-break-after:avoid;
    }
    
    /*Styles für Weinliste */
    table.wein { padding:0px; border-style:none; font-size:10pt; }
    table.wein td { padding:2px; border-style:none}
    table.wein th { padding:2px; border-style:none}

    p.tk10, .anbau { font-size:8pt; }
    .rebsorte1 { font-size:10pt; }
    .rebsorte2 { font-size:10pt; page-break-before:avoid; }
    .zusatz, .praem { font-size:8pt; page-break-before:avoid; }
    

    .trocken, .htr {font-size:8pt; border:none }
    .neu { color:black }

    a:link, a:visited { color:black; text-decoration:none; }
}