html, body {
  background-color: #333333;
  margin: 0;
  padding: 0;
  height: 100%; 
  background:#eeeeee url(../images/bg.jpg) 0 0% repeat;
  font-size:15px;
  color:#000;
  /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
  font-family: 'Noticia Text, 'Radley', 'EB Garamond', 'Handlee', cursive, Arial, Verdana, sans-serif;
  font-weight:normal;
}

/*texte*/
p {
font-size: 100%;

}

h1 {
font-size: 200%;
}

h2 {
font-size: 150%;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    h3 {    font-weight:normal;  }
}

h3 {
font-size: 125%;

}

h4, h5, h6 {
font-size: 100%;

}

/* liens hypertextes*/ 
a:link, a:visited {
text-decoration:none;
font-weight:normal;
color:#000;

}

a:hover {
color:#000;
text-decoration:underline;
}

.jshop_list_category a:hover {
  font-weight:normal !important;
  text-decoration:none !important;
}

ul {
margin:0;
padding-left:5px;

}

li {
list-style-type:square;
background:transparent;
margin: 4px;

}

img {
border:none;
margin: 5px 10px 5px 5px;
padding:0;
border-radius: 10px 10px 10px 10px;

}

.clr {
clear:both;
}

#wrapper{
  width: 1000px;
  margin: auto; /* Div soll zentriert werden */
  min-height: 844px; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* Important Regel für moderne Browser */
  height:100%; /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */
  background: #e0c49c;
}

.hg-content {
  background: url(../images/content2.jpg) no-repeat #6f0000!important;
}

.hg-rtl_1 {
  background: url(../images/BG_Marionetten.jpg) no-repeat #6f0000!important;
}



.hg-start {
  background: url(../images/content.jpg) no-repeat #6f0000!important;
}

#overlay_vorhang {
  background:url(../images/vorhang.png) no-repeat;
  -min-height: 844px; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* Important Regel für moderne Browser */
  height:100%; /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */
}

#saeule_left {
  float:left;
  min-height: 100%; 
  height:auto !important; 
  height:100%; 
  overflow: hidden !important;
  background-position: 48px 0px;
  z-index:1;
}

#logo_top {
  background:url(../images/s_oben.png) no-repeat;
  height:190px;
  width:210px;
}

#logo_top img {
  margin-left:30px;
  margin-top:10px;
}

#saeule_mitte{
  background:url(../images/s_mitte.png) repeat-y 48px 0px;;
  min-height: 768px; 
  height:auto !important; 
  height:100%; 
  overflow: hidden !important;
  position:relative;
} 

#saeule_unten {
  width:210px;
  height:110px;
  margin-left:9px;
  position:relative;
  bottom:115px;
}

#footer {
  width:1000px;
  height:25px;
  margin:auto;
  background: url("../images/footbar.png")repeat-x;
}


#copyright {  
  width: 973px;
  margin-top:-2px;
  margin-right:10px; 
  text-align:right; 
  color: #000;
}

#footernav {
  float:left;
  width: 225px;
  margin-top:-3px;
  height:22px;
  margin-left: 20px;
}

#footernav ul {
    list-style: none outside none;
    text-indent: 0;
  
}

#footernav li {
    margin-top: 3px;
  margin-right: 20px;
  list-style: none;
  display: inline;
}
#footernav a {
    background: transparent;
    color: #A30D0C;
    font-size: 14px;
  font-weight: bold;
    height: 20px;
    padding-top: 10px;
    text-decoration: none;
}

#footernav a:hover {
  color:#000;
}

#footernav ul {
  margin-top:0px;
}

#mainmenu ul {
    list-style: none outside none;
    text-indent: 0;
    padding-left:5px;
    position: relative;
    z-index: 2;
  
}
#mainmenu li {
    
  list-style: none;
  width:195px;
  margin-bottom:9px;
}
#mainmenu a {
    background: url("../images/menu_back.gif") no-repeat transparent;
    color: #A30D0C;
    display: block;
    font-size:18px;
    font-weight: bold;
    height: 35px;
    line-height:38px;
    text-decoration: none;
    text-align:center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #mainmenu a {   -webkit-text-stroke: 4px transparent;  }
}
  


#mainmenu a:hover {
    background: url("../images/menu_hover.gif") no-repeat transparent;
}

#main {
float:left;
width:530px;
text-align:left;
margin-top:185px;
margin-left:53px;
}

#infobox {
  clear:both;
  position:absolute;
  bottom:62px;
  left:-2px;
  z-index: 1;
}

.moduletable_infobox {
color: #FFF !important;
background: url(../images/infobox.png) no-repeat;
width: 721px;
height: 111px;
margin-left:137px;
padding-left: 40px;
text-align:left;
}

.custom_infobox {
  padding-top:1px;
  line-height: 12px;
}


.custom_infobox h1 {
  font-size:175%;
}


#modright {
  float:right;
    padding-top:150px;
  vertical-align:top;
  width:170px;
  color:#FFF !important;
  margin-right:8px;
}

#modright a{
  color:#FFF;
}

#modright a:visited{
  color:#FFF;
}

#modright a:hover{
  font-weight:bold;
  text-decoration:underline;
}

a.linkwhite:link{
  color:#FFF !important;
  text-decoration:underline;
}

a.linkwhite:visited{
  color:#FFF !important;
  text-decoration:underline;
}

a.linkwhite:hover{
  color:#FFF;
  font-weight:bold;
  text-decoration:underline;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    a.linkwhite:hover{
  font-weight:normal;
  text-decoration:underline;}
}

.moduletable_rightmod {
color: #FFF !important;
text-align:center;
margin-left:30px;
margin-top:30px;
}

.moduletable_rightmod li {
list-style: outside none none !important;
list-style-type: none !important;
}

td.programm {
    background: none repeat scroll 0 0 #EEEAD4;
    border: 1px solid #B80000 !important;
    border-radius: 10px 10px 10px 10px;
    vertical-align: top;  
    
}
td.programm:hover {
    background: none repeat scroll 0 0 #F9F6E5;
    border: 1px solid #B80000 !important;

    border-radius: 10px 10px 10px 10px;
}