/*




Im HEAD einbinden:

<head>
<title> Versandbedingungen   </title>
     <link rel="stylesheet" type="text/css" href="style/style.css" />
</head>


Umwandlung  gross oder klein Zeichen:
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

<p class="uppercase">This is some text.</p>
<p class="lowercase">This is some text.</p>
<p class="capitalize">This is some text.</p>


Texte unterstreichen, durchstreichen:
text-decoration: underline;
text-decoration: overline;
text-decoration: line-through;

Abstand der Zeichen:
letter-spacing: 6px;

Ausrichung:
text-align: right;
text-align: center;
text-align: justify;

*/


div.ex
{
width:220px;
padding:10px;
border:5px solid gray;
margin:0px;
}
/*
<div class="ex">
  The line above is 250px wide.
</div>
*/




div.container
{
  width:100%;
  margin:0px;
  /* border:1px solid gray; */
  border:1px solid gray
  line-height:150%;
}
  div.header,div.footer
{
  padding:0.5em;
  color:white;
  /* background-color:gray; */
  clear:left;
}
h1.header
{
  padding:0;
  margin:0;
}
div.left
{
  float:left;
  width:180px;
  margin:0;

  padding:1em;
}

div.content
{
  margin-left:190px;
  /* border-left:1px solid gray;  */
  /* border-right:1px solid gray; */
  padding:1em;
}

/* --------------------------------------------------------------------------------- */
/*                  Definitionen: Tabelle im Kopf                                    */
/* --------------------------------------------------------------------------------- */
.class_tabelle_kopf {
         border-collapse: collapse;
         width:100%;
         border-spacing: 1px;

         border: 1px solid #F000FF;    /* 5px solid #dddddd    */
         margin: 5px 5px 5px 5px;
         font-size:10pt;
         /* vertical-align:center;   */
         empty-cells: show;
         background: white;
         color: red;
}
.class_tabelle_kopf caption {
         font-size:10pt;
         background-color: #FFFFFF;      /* #dddddd   */
         margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
}
.class_tabelle_kopf tr
{
         padding: 15px 15px 15px 15px;
         /* background-color: #e3e3e3; */

}
.class_tabelle_kopf th
{
         /* background-color: #e3e3e3;*/
}
.class_tabelle_kopf td
{
         /* background-color: #eeeee6; */
         text-align: center;
         vertical-align:top;
         padding: 15px 15px 15px 15px;
}
/* --------------------------------------------------------------------------------- */
/*                  Definitionen: Tabelle im Hauptteil                               */
/* --------------------------------------------------------------------------------- */
.class_tabelle_main {
         border-collapse: collapse;
         width:100%;
         border-spacing: 1px;

         border: 0px solid #F000FF;    /* 5px solid #dddddd    */
         margin: 5px 5px 5px 5px;
         font-size:10pt;
         /* vertical-align:center;   */
         empty-cells: show;
         background: white;
         /*color: red;    */
}
.class_tabelle_main caption {
         font-size:10pt;
         background-color: #FFFFFF;      /* #dddddd   */
         margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
}
.class_tabelle_main tr
{
         padding: 5px 5px 5px 5px;
         /* background-color: #e3e3e3; */

}
.class_tabelle_main th
{
         /* background-color: #e3e3e3;*/
}
.class_tabelle_main td
{
         /* background-color: #eeeee6; */
         text-align: center;
         vertical-align:top;
         padding: 5px 5px 5px 5px;
}
.class_tabelle_main_col_1   /*  (cols = columns = Spalten)  */
{
         /*width: 6em; */
         /*width: "80%"; */                    /* #dddddd   */
         /*width: "20%"; */                    /* #dddddd   */

         /*width: 6em;    */                 /* #dddddd   */
         /*width: 25%;   */
         width: 200px;
         text-align: center;               /* center   */
         background: #EEFFEE;      /* #EEFFEE   */
}
.class_tabelle_main_col_2   /*  (cols = columns = Spalten)  */
{
         /*width: 6em; */
         /*width: "80%"; */                    /* #dddddd   */
         /*width: "20%"; */                    /* #dddddd   */

         /* width: "75%";*/
         text-align: left;               /* center   */
         background: #FFFFFF;      /* #dddddd   */
}







/*
img
{
position:absolute;
right:50px;
}
*>
/*
<img src="logocss.gif" width="95" height="84" />
*/

/*
table,th,td
{
     border:0px solid black;


}
table
{
     width:100%;
}
th
{
     height:150px;
     background-color:#A7C942;

     color:white;


}
td
{    text-align:right;
     vertical-align:bottom;
     height:50px;

}
*/

/*
<table>
<tr> <th>Firstname  </th>     <th>Lastname</th>   </tr>
<tr> <td>Peter      </td>     <td>Griffin</td>    </tr>
<tr> <td>Lois       </td>     <td>Griffin</td>    </tr>
</table>
*/







/*
ul.a {list-style-type:circle;}
ul.b {list-style-type:disc;}
ul.c {list-style-type:square;}
ol.d {list-style-type:armenian;}
ol.e {list-style-type:cjk-ideographic;}
ol.f {list-style-type:decimal;}
ol.g {list-style-type:decimal-leading-zero;}
ol.h {list-style-type:georgian;}
ol.i {list-style-type:hebrew;}
ol.j {list-style-type:hiragana;}
ol.k {list-style-type:hiragana-iroha;}
ol.l {list-style-type:katakana;}
ol.m {list-style-type:katagana-iroha;}
ol.n {list-style-type:lower-alpha;}
ol.o {list-style-type:lower-greek;}
ol.p {list-style-type:lower-latin;}
ol.q {list-style-type:lower-roman;}
ol.r {list-style-type:upper-alpha;}
ol.s {list-style-type:upper-latin;}
ol.t {list-style-type:upper-roman;}
ol.u {list-style-type:none;}
ol.v {list-style-type:inherit;}
*/

/*
<ul class="a">
<li>Circle type</li>
<li>Tea        </li>
<li>Coca Cola  </li>
</ul>
*/

/*ul
{
 list-style:square url("sqpurple.gif");
}
*/

/*
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
*/

p
{
  background-color: FFFFFF;
}
p.margin
{
  margin-top:10px;
  margin-bottom:10px;
  margin-right:10px;
  margin-left:10px;
}
/*
<p>This is a paragraph with no specified margins.</p>
<p class="margin">This is a paragraph with specified margins.</p>

*/


p.normal {font-weight:normal;}
p.light {font-weight:lighter;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
<body>
<p class="normal">This is a paragraph.</p>
<p class="light">This is a paragraph.</p>
<p class="thick">This is a paragraph.</p>
<p class="thicker">This is a paragraph.</p>
</body>


img.top        {vertical-align:text-top;     }
img.bottom     {vertical-align:text-bottom;  }

/*
<body>
<p>An <img src="w3schools_logo.gif" alt="W3Schools" width="270" height="50" /> image with a default alignment.</p>
<p>An <img class="top" src="w3schools_logo.gif" alt="W3Schools" width="270" height="50" /> image with a text-top alignment.</p>
<p>An <img class="bottom" src="w3schools_logo.gif" alt="W3Schools" width="270" height="50" /> image with a text-bottom alignment.</p>
</body>
*/


p.date    {text-align:right;  }
p.small   {line-height:70%;   }
p.big     {line-height:200%;  }

div.text_direktion_rtl {direction:rtl;}
/*<div class="div.text_direktion_rtl">Some text. Right-to-left direction.</div>*/

/*
<p>
This is a paragraph with a standard line-height.<br />
This is a paragraph with a standard line-height.<br />
The default line height in most browsers is about 110% to 120%.<br />
</p>
*/

body {
         /*background-color: #FFFFFF; */
         /* background-color: #FFCC66; */
         background-color: FF00FF; */


          /* background-image: url("images/no.jpg");  */
          background-repeat: no-repeat;
         background-attachment: fixed;
         background-position: right bottom;
         text-align: center;

         margin-top: 5px;
         margin-right: 5px;
         margin-bottom: 5px;
         margin-left: 5px;
       }

div.box   {                        /* siehe hier  http://de.html.net/tutorials/css/  */
                height: 500px;
                width: 200px;
                border: 1px solid black;
                background: orange;
             }


h1  {
             color: #000000;
             background-color: #FFFFFF;
          /*font-family: arial, verdana, sans-serif;*/
          font-family: Verdana, Arial, Helvetica, sans-serif;
          /*font-style: italic;*/
          /*font-weight: bold;*/
          /*font-variant: small-caps;*/
        /*  font-size: 100%;  */
        }
h2  {
         color: #000000;
         background-color: #BFFFFF;
          /*font-family: arial, verdana, sans-serif;*/
          font-family: Verdana, Arial, Helvetica, sans-serif;
          /*font-style: italic;*/
          /*font-weight: bold;*/
          /*font-variant: small-caps;*/
       /*   font-size: 100%;  */
        }
h3  {
         color: #000000;
         background-color: #BFFFFF;
          /* font-family: arial, verdana, sans-serif; */
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          /* font-style: italic;*/
          /* font-weight: bold;*/
          /* font-variant: small-caps;*/
  /*        font-size: 150%;             */

          padding: 5px 5px 5px 5px;

          /*border-style: solid;*/
          /*border-color: green;*/



          /*
          border-top-width: thick;
              border-top-style: solid;
              border-top-color: green;

              border-bottom-width: thick;
              border-bottom-style: solid;
              border-bottom-color: green;

              border-right-width: thick;
              border-right-style: solid;
              border-right-color: green;

              border-left-width: thick;
              border-left-style: solid;
              border-left-color: green;
          */

          /*position:absolute;  top: 10px;    right: 10px;*/
          /*position:relative;  top: 10px;    right: 10px;*/




        }
h4  {
             color: #000000;
             background-color: #FFFFFF;
          /*font-family: arial, verdana, sans-serif;*/
          font-family: Verdana, Arial, Helvetica, sans-serif;
          /*font-style: italic;*/
          /*font-weight: bold;*/
          /*font-variant: small-caps;*/
          /*font-size: 100%;  */
        }
h5  {
             color: #000000;
             background-color: #FFFFFF;
          /*font-family: arial, verdana, sans-serif;*/
          font-family: Verdana, Arial, Helvetica, sans-serif;
           /*font-style: italic;*/
          /*font-weight: bold;*/
          /*font-variant: small-caps;*/
         /* font-size: 70%;  */
        }
h6  {
             color: #000000;
             background-color: #FFFFFF;
          /*font-family: arial, verdana, sans-serif;*/
          font-family: Verdana, Arial, Helvetica, sans-serif;
          /*font-style: italic;*/
          /*font-weight: bold;*/
          /*font-variant: small-caps;*/
         /* font-size: 50%; */
        }


p    {
         font-style: normal;             /* normal, italic, oblique */
         font-weight: normal;               /*lighter, medium,  normal, bold, bolder, 100,200,300,400,500,600,700,800,900 = extra-dünn (100) bis extrafett (900).*/
                                                  /*Bei den numerischen Werten entspricht die Angabe 500 dem im DTP-Bereich üblichen Begriff medium, und die Angabe 700 entspricht dem Begriff bold.*/
         font-size: 30px;                /*font-size: 1em;*/
         font-family: Arial, sans-serif; /*serif, sans-serif, cursive, fantasy, monospace   */
         text-indent:0px;                /* Anfang Textverschiebung */
         font-variant:normal;            /* normal, small-caps */
         text-decoration:none;            /* none, blink, line-through, overline, underline  */
     }



/*
a:link,a:visited
{

  display:block;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#DFFFFD;

  width:100%;
  text-align:center;
  padding:4px;
  text-decoration:none;

}
*/

/*
a:hover,a:active
{
     background-color:#A7C942;
}
*/


a         {
                  text-decoration:none;    /* Link wird nicht unterstrichen */
             }


a:link    {
                /*color: #0000FF;      */
                text-decoration:none;
             }

a:visited {
                /*color: purple;*/
                text-decoration:none;
             }

a:active {
                /*background-color: yellow;*/
                text-decoration:none;
             }

a:hover   {
                 /*text-transform: uppercase;*/
                 font-weight:bold;
                 /*color:blue;*/
                 /*background-color:yellow; */
                 letter-spacing: 0px;
          }

/* eigene Classe TEST */
a.weisswein    {
                       color: #FFBB00;
                  }

a.rotwein      {
                       color: #800000;
               }




#page-wrap {
        margin: 20px auto;
        width: 750px;
}

/*
textarea#styled {
        width: 1200px;
        height: 120px;
        border: 3px solid #cccccc;
        padding: 5px;
        font-family: Tahoma, sans-serif;
        background-position: bottom right;
        background-repeat: no-repeat;
        }

TEXTAREA {
      background-color: lime;
      color: red;
      font-family: Verdana;
      font-size: 10px;
      scrollbar-3dlight-color: yellow;
      scrollbar-arrow-color: red;
      scrollbar-darkshadow-color: yellow;
      scrollbar-face-color: lime;
      scrollbar-highlight-color: yellow;
      scrollbar-shadow-color: #CCCCCC;
      scrollbar-track-color: #004080;
}
*/







