/*
rot:  #8c1612
gelb: #ffdd00
*/

body {text-align:center; margin:0; background-color:#8c1612; 
      font-family:Arial,sans-serif; font-size:14px;}

#designbody  { background-color:#fff; text-align:left; 
              font-family:Arial,sans-serif; font-size:14px;}

p { margin:0; }

.rot { color:#8c1612; }
.gelb { color:#ffdd00; }

table#welc { margin-right:20px; margin-left:auto; height:100%; text-align:left; }
.welcome { font-weight:bold; font-family:Comic Sans MS; font-style:italic; 
             font-size:27px; color:#8c1612; font-size:20px; }
table.galerie { border-collapse:collapse; table-layout:fixed; margin:0px; 
                width:100%; }

/* shop */
table#warenkorb      { width:650px; }
.schritt4            { width:80%; margin-left:auto; margin-right:auto;}
fieldset.bestellung2 { width:270px; padding:10px; }
.ueberschrift4       { font-weight:bold; margin-top:15px; margin-bottom:5px; }
form.wk              { display:inline; }
input.feld           { width:260px; }
input.plzfeld        { width:50px; }
input.ortsfeld       { width:202px; }

/* links */
a         { display:inline; color:#8c1612; text-decoration:none;}
a:link    {color:#8c1612; background-color:transparent; }
a:visited {color:#8c1612; background-color:transparent; }
a:hover   {color:#ffdd00; background-color:#8c1612; }
a:active  {color:#ffdd00; background-color:#8c1612; }

a.menu { display:block; margin-bottom:10px; text-align:left; width:150px;
         margin-left:25px; padding:2px; 
         text-decoration:none; font-weight:bold; font-size:15px; 
         text-transform:uppercase; }

a.verlauf  { display:inline; padding:0px; text-decoration:none; 
             font-weight:bold; font-size:15px; text-transform:uppercase; }

a.service { color:#777777; }
a.service:link    { color:#000; }
a.service:visited { color:#000; }
a.service:hover   { color:#fff; background-color:transparent; }
a.service:active  { color:#fff; background-color:transparent; }

.pfeilchen { font-weight:bold; }

/* zb logo soll nicht hervorgehoben werden */
a.clean:hover  { background-color:transparent; }
a.clean:active { background-color:transparent; }

/* divs */

div.zeile20    {width:100%; height:20px; clear:both; }
div.zeile10    {width:100%; height:10px; clear:both; }

div.block   { width:160px; height:160px; text-align:left; float:left; 
              overflow:hidden; }

div.termine { width:120px; float:left; margin-right:10px; margin-bottom:5px; 
              overflow:hidden; text-align:right; }

div.artikel { width:120px; float:left; margin-right:10px; margin-bottom:5px; 
              overflow:hidden; text-align:right; }

/* rahmen */
#rahmen0   { background-image:url(bg.gif); background-repeat:repeat-y;
           width:900px; margin-top:0px; margin-left:auto; margin-right:auto;
           outline:1px solid black; }

#rahmenWel {width:540px; height:99px; overflow:hidden; margin:0px; 
            float:left; background-color:#ffdd00; border-bottom:5px solid #aaa;
             text-align:right; }

#rahmenBild {width:150px; height:99px; overflow:hidden; float:left; 
             background-image:url(verlauf.jpg); background-repeat:repeat-y;
             border-bottom:5px solid #aaa; }

#rahmenLogo { width:210px; height:99px; overflow:hidden; margin:0px;
            float:left; border-bottom:5px solid #aaa; background-color:#fff;}

#rahmenNavi { width:210px; overflow:hidden; margin:0px; 
              text-align:left; float:left; }

#rahmenFotos { width:140px; overflow:hidden; float:left; text-align:center; }

#rahmenInhalt { width:530px; overflow:hidden; margin-left:20px; float:left;
             text-align:left; }

#rahmenInhaltBreit { width:650px; overflow:hidden; margin-left:20px; 
             margin-right:20px; float:left; text-align:left;}

#spaltel { width:315px; overflow:hidden; float:left; text-align:left;}
#spalter { width:315px; overflow:hidden; float:left; text-align:left; 
           margin-left:20px; }

#rahmenService { width:900px; overflow:hidden; text-align:left; clear:both; 
                background-color:#aaa; }

div.links { float:left; margin-bottom:5px; margin-right:10px; 
            overflow:hidden; }
div.rechts {float:right; margin-bottom:5px; margin-left:10px;
            overflow:hidden; }


/* Startseite */

#rahmenStart { width:700px; margin-top:50px; margin-left:auto; margin-right:auto;
               overflow:hidden;}


a.startnav { display:block; width:120px; padding:2px; text-transform:uppercase;
             text-decoration:none; font-weight:bold; font-size:15px; }

a.startnav:link    { color:#ffdd00; background-color:#8c1612; }
a.startnav:visited { color:#ffdd00; background-color:#8c1612; }
a.startnav:hover   { color:#8c1612; background-color:#ffdd00; }
a.startnav:active  { color:#8c1612; background-color:#ffdd00; }

