/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
    background-color: #e1ddd9;
    font-size: 0.8em;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#564b47;
    padding:0;
    margin:0;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #000000;}
a:active { color:#000000;}


h1 {
    font-size: 2em; 
    font-weight: normal;
 }

h2 {
    font-size: 1.7em;
    font-weight: normal;
}

img.download {
vertical-align:top;
}

/* ----------container zentriert das layout-------------- */
#container {
    width: 78em;
    margin: 0 auto;
    padding: 0;
    background-color: #564b47;
}

/* ----------banner for logo-------------- */
/* new banner */

#banner { 
    text-align:center;
    height:80px; 
    margin:0;
    padding:0;
    color: #000033;
    background-color: #999999;
}

#banner object, #banner embed { 
    float: left;
    margin: 0;
    padding:0 32px 0 10px;
}

#banner #bannerinfo {
    float: right;
    text-align: center;
    width: 6.8em;
    font-size: 2.2em;
    margin: 0;
    padding: 18px 0 0 0;
}

#banner #bannertitel {
    font-size:2.2em;
    margin:0;
    padding:18px 0 0 0;
}

/* --------------mainnavi------------- */
#mainnavi {
    margin: 0;
    padding: 0;
    background-color: #E0A3B7;
    height: 1.8em;
    }
    
#mainnavi a:link {
    color:#0A246A;
    text-decoration:none;
    background-color: inherit;
 }
#mainnavi a:visited {
    color:#660033;
    text-decoration:none;
    background-color: inherit;
 }


#mainnavi a:hover, #mainnavi a:active {
    color:blue;
    background-color: inherit;
    text-decoration:none;
 }

        
#mainnavi p{
    margin-left: 15em;
    margin-right: 15em;
    padding: 0.2em 0 0 0; 
}
        

/* -----------------Inhalt--------------------- */
#content {
    min-height:700px;
    background-color: #ffffff;
    padding: 0;
    margin: 0 15em;
}
 

p, pre {
    padding: 10px;
    margin:0;
}
pre, code {
    font-size: 1.2em;
    overflow: visible;
}

h1 {
    padding: 10px;
    margin:0;
}
h2 {
    padding: 10px;
    margin:0;
}

.gross {
    width: 5.71em;
    height: 1.07em;}
    
#txtdiv {
   
    width:500px;
    height:80px;
}

#grossdiv {
    
    width:500px;
    height:570px;
    margin: 0 10px 0 0;
    padding: 0;
}

#grossdiv #legende {
    color: green;
    background: inherit;
}
/* h2 { text-align:center; } */

/* classes for various tables (forums, threads, search results etc.) */
.threads_table {   /* Table for list of threads */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: smaller;
  border: 4px solid #9090e0;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%; }
.td_tl {
  background-color: #d0d0ff;
  padding: 3px 5px;   }
.td_tr {  /* td thread right */
  background-color: #d0d0ff;
  padding: 3px 5px;
  text-align: right;  }
.td_tbl {  /* td thread border left */
  background-color: #9090e0;
  padding: 3px 5px;   }
.td_tbr {  /* td thread border right */
  background-color: #9090e0;
  padding: 3px 5px;
  text-align: right;  }

/* mark search results */

.markup {
  background-color: #e0e0ef;
  color: #ff0000;
  font-weight: bold;
  }

/* classes for the menu table at page heading */
.menu_table {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: 4px solid #909090;
  border-spacing: 0px;
  border-collapse: collapse;
  width: 100%; }
.tdml {  /* td menu left */
  font-size: smaller;
  background-color: #c0c0c0;
  padding: 3px 3px;   }
.tdmc {  /* td menu center */
  background-color: #c0c0c0;
  padding: 3px 3px;
  text-align: center; }
.tdmr {  /* td menu right */
  font-size: smaller;
  background-color: #c0c0c0;
  padding: 3px 3px;
  text-align: right; }


/* classes for form layout (formfunctions.php) */
.myformtable {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: smaller;
  border: 5px solid #9090e0;
  border-spacing: 0px;
  border-collapse: collapse; }
.myformtd {
  background-color: #b0b0ff;
  border-width: 0;
  border-style: solid;
  border-color: #9090e0;
  padding: 3px 5px;
   }
.mycontrol {
   border: none;
   background: #e0e0ff;
   font-family: Verdana, Arial, Helvetica, sans-serif; }
 .mycontrolgrey {
   border: none;
   background: #e8e8e8;
   font-family: Verdana, Arial, Helvetica, sans-serif; }
.mybutton {
  border: 2px outset #ffffff;
  background: #cccccc;
  font-family: Verdana, Arial, Helvetica, sans-serif;  }
.red {
  color: #dd0000; }


/* --------------left navigavtion------------- */
#left {
    float: left;
    width: 15em;
    margin: 0;
    padding:15px 0 0 0;
    color:#FF0033;
}
#left ul{
    list-style-type: none ;
    padding: 10px 0 10px 10px;
    margin: 0;
    color: #E0A3B7;
}
#left ul.borderbottom{
    border-bottom:1px solid #ffffff;
    padding: 10px 0 10px 10px;
    color: #FFFFFF;
}

#left li a {
    font-size: 1.3em;
    text-decoration:none; 
    color:#FFFFFF;
}
#left  li li a { font-size: 1em; }
#left li{
    margin: 0;
    padding: 0 0 4px 0;
}
#left li li{
    margin: 0;
    padding: 0 0 3px 0;
}
#left li a.selected {
    margin: 0;
    padding: 0 0 0 10px;
    color:#ffffff;
}

#left li li a.selected {
    margin: 0;
    padding: 0;
}

/* --------------right divs------------- */
#right {
    float: right;
    width: 15em;
    margin: 0;
    padding: 0;
    color:#ffffff;
}
#right aufklapp {
    float: right;
    width: 15em;
    margin: 0 0 0 10px;
    padding: 0;
    color:#ffffff;
    }
#kleindiv {
    text-align:center;
    width:15em;
    height:auto;
    margin: 0px;
    padding: 0px;
}
#kleindiv img {
    margin-top:3px;

}
    


/* -----------------shop--------------------- */
input,textarea,select {
    font-family: Verdana;
    font-size: 11px;
}
h3 {
    font-family: Verdana;
    font-size: 12px;
}
td {
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
}
.label {
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
}

.fett {
    font-weight: bold;
}
a {
    color:  #E0A3B7;
    font-weight: bold;
}

a:link {
    text-decoration:none;
    font-weight: bold;
}
a:visited {
    text-decoration:none;
    font-weight: bold;
}
a:hover {
    text-decoration:underline;
    font-weight: bold;
}
a:active {
    text-decoration:underline;
    font-weight: bold;
}

a.titellink:link {
    font-size: 12px;
    font-weight: bold;
    text-decoration:none;
}
a.titellink:visited {
    font-size: 12px;
    font-weight: bold;
    text-decoration:none;
}
a.titellink:hover {
    font-size: 12px;
    font-weight: bold;
    text-decoration:underline;
}
a.titellink:active {
    font-size: 12px;
    font-weight: bold;
    text-decoration:underline;
}


#titel { 
    position:absolute;
    top:130px;
    left:30px;
    width:500px;
    height:auto;
    z-index:1
}

#aufklapp {
    position:absolute;
    top:180px;
    width:auto;
    height:auto;
    z-index:1
}

#meldung {
    position:absolute;
    top:170px;
    width:auto;
    height:auto;
    z-index:1
}

#formular {
    position:absolute;
    top:190px;
    left:30px;
    width:500px;
    height:auto;
    z-index:1
}

#artikelliste {
    position:absolute;
    top:220px;
    left:30px;
    width:500px;
    height:auto;
    z-index:1
}

.artikel {
    clear: both;
    margin-top: 8px;
    border-bottom: 1px dashed black;
    padding-bottom: 6px;
}

.artikelbild {
    height:100px;
    width:130px;
    float:left;
    z-index:1
}

.artikelinfos {
    margin-left: 130px;
    height:auto;
    z-index:1
}


#warenkorb {
    position:absolute;
    padding-left: 10px;
    padding-right: 10px;
    top:180px;
    left:570px;
    width:225px;
    z-index:2;
    border: 1px dashed black;
}

#warenkorbinhalt {
    z-index:3;
}

#warenkorblinks {
    margin-top: 20px;
    margin-bottom: 15px;
    height:auto;
    z-index:3;
}

.red {
    color: red;
    font-weight: bold;
}

.green {
    color: green;
    font-weight: bold;
}

/* -----------footer--------------------------- */
#footer {
    clear: both;
    background-color: #99FFFF;
    padding: 0;
    margin:0;
    font-size: 1em;
    color: #660033;
}