html {
 height: 100%;
}

body {
 height: 100%;
 background: #001100;
 background-repeat: no-repeat;
 background-attachment:fixed;
 /* background-image: url(../pics/layout/bgr-stars.gif); */ 
}

body.gradient_left1 {
			background-image: linear-gradient(to right, black, #B7E5AB 1%, #B7E5AB);
			}

body.disco {
 background: #000000;
 /* background-image: url(../pics/layout/bgr-stars.gif); */ 
}

body.neutral {
		background: #B7E5AB;
		font-family: "sans-serif", Arial, Helvetica;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        text-align: left;
}

body.kaba {
 /* background: #000000; */
 background-image: url(../pics/layout/vorhang-blau.jpg); 
}

h1 {
		font-family: "sans-serif", Arial, Helvetica;
		/* color: #3E7D2C; */
		color: #B7E5AB;
}

h2 {
        font-family: "sans-serif", Arial, Helvetica;
        font-size: 13px;
        font-weight: bold;
        color: #B7E5AB;
}

h3 {
        font-family: "sans-serif", Arial, Helvetica;
        font-size: 13px;
        font-style: normal;
        line-height: 18px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #3E7D2C;
        text-align: center;
}

h4 {
        font-family: "sans-serif", Arial, Helvetica;
        font-size: normal;
        font-style: normal;
        line-height: 18px;
        font-weight: normal;
        /* color: #FFFFFF; */
        /* background-color: #3E7D2C; */
        text-align: center;
}

td {
 font-family: sans-serif; Arial, Helvetica;
 vertical-align: top;
}

p {
        font-family: "sans-serif", Arial, Helvetica;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        text-align: left;
}


.standard {
        font-family: "sans serif", Arial, Helvetica;
        font-size: medium;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
		color: #DDFFFF;
}

.standardnorm {
        font-family: "sans serif", Arial, Helvetica;
        font-size: medium;
        font-weight: normal;
        text-align: left;
}

.standardcen {
        font-family: "sans serif", Arial, Helvetica;
        font-size: medium;
        font-size: 11px;
        font-weight: normal;
        text-align: center;
}

.standardnormcen {
        font-family: "sans serif", Arial, Helvetica;
        font-size: medium;
        font-weight: normal;
        text-align: center;
}

.discocen {
        font-family: "sans serif", Arial, Helvetica;
        font-size: initial;
        font-weight: normal;
        text-align: center;
}

a:link {
        font-family: "sans serif", Arial, Helvetica;
        /* font-size: 11px; */
        font-style: bold;
        color: #888888;
}

a:visited {
        font-family: "sans serif", Arial, Helvetica;
        /* font-size: 11px; */
        font-style: bold;
        color: #888888;
}

.left {
        text-align: left;
}


.redstrike {
		text-decoration: line-through;
		text-decoration-color: red;
}

ul { 
		list-style-type: disc; 
		font-family: "sans-serif", Arial, Helvetica;
        /* font-size: 11px; */
        font-style: normal;
        font-weight: normal; 
} 

.intro {
        font-family: "sans serif", Arial, Helvetica;
        font-size: 18px;
        font-weight: bold;
        color: #B7E5AB;
        text-align: center;
}

.intro_top {
        font-family: "sans serif", Arial, Helvetica;
        font-size: 14px;
        font-weight: bold;
        color: #cce0cc;
        text-align: center;
}

.intro1 {
        font-family: "sans serif", Arial, Helvetica;
        font-size: 15px;
        font-weight: bold;
        color: #006600;
        text-align: center;
}

.intro2 {
        font-family: "sans serif", Arial, Helvetica;
        font-size: 13px;
        font-weight: bold;
        color: #B7E5AB;
        text-align: center;
}


.intro3 {
        font-family: "sans serif", Arial, Helvetica;
        font-size: 14px;
        font-weight: bold;
        color: #006600;
        text-align: left;
        vertical-align:top;
}

.intro4 {
        font-family: "sans serif", Arial, Helvetica;
        font-size: 13px;
        font-weight: bold;
        color: #000000;
        text-align: left;
        vertical-align: top;
}

.intro5 {
        font-family: "sans serif", Arial, Helvetica;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        vertical-align: top;
}

.intro6 {
        font-family: "sans serif", Arial, Helvetica;
        font-weight: bold;
		font-size: x-large;
        color: #B7E5AB;
        text-align: center;
        vertical-align: top;
}

.intro7 {
        font-family: "sans serif", Arial, Helvetica;
        font-size: 14px;
        font-weight: normal;
        color: #006600;
        text-align: center;
}

hr {
   color:#B7E5AB;
}

/* css optionen fuer on-mouse-over effekt */
div.imageHold_r {
  /* padding: 1px 1px; /* damit der container die höhe des großen bildes annimmt */
  /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}

div.imageHold_r div {
  /* float: left; */
  width: 180px;
  height: 180px;
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  /* margin-left: 50px; */
}

div.imageHold_r img {
  margin: 0 auto;
  width: 70px;  /* wir skalieren das große bild auf die kleine größe */
  height: 70px; /* um verpixelung beim vergößern zu verhindern       */
}

div.imageHold_r img:hover {
  /* position: absolute; */
  /* margin-left: -85px; /* die hälfte des größenunterschiedes der bilder */ 
  /* margin-top: -55px;  /* hier genau so */
  margin: 0 auto;
  width: 250px;       /* die weite beim vergrößern */
  height: 250px;      /* die höhe beim vergrößern */
  border: 2px outset #969696;
}
div.imageHold_l {
  /* padding: 1px 1px; /* damit der container die höhe des großen bildes annimmt */
  /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}

div.imageHold_l div {
  float: left;
  width: 1px;
  height: 1px;
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  /* margin-left: -50px; */
}

div.imageHold_l img {
  margin: 0 auto;
  width: 70px;  /* wir skalieren das große bild auf die kleine größe */
  height: 70px; /* um verpixelung beim vergößern zu verhindern       */
}

div.imageHold_l img:hover {
  /* position: absolute; */
  /* margin-left: -185px; /* die hälfte des größenunterschiedes der bilder */ 
  /* margin-top: -55px;  /* hier genau so */
  margin: 0 auto;
  width: 250px;       /* die weite beim vergrößern */
  height: 250px;      /* die höhe beim vergrößern */
  border: 2px outset #969696;
}
  
img.zoom1 {
 transition: transform 0.2s;
 z-index:1
}

img.zoom1:hover {
 transform: scale(1.0, 1.0);
 z-index:2
}

/* test: :hover für disco_3.php */
#box {
height:149px;
width:200px;
padding:0;
margin:20px;
font:bold 14px verdana, sans-serif;
}

#box div {
	display:none;
}

#box:hover div {
display:block;
width:300px;
position:absolute;top:20px;left:50px;
padding:15px;
border: 2px outset #969696;
font:normal 14px verdana, sans-serif;
}

#responsive-image100 {
	max-width: 100%;  height: auto;
}

#responsive-image80 {
	max-width: 80%;  height: auto;
}

#responsive-image60 {
	max-width: 60%;  height: auto; 
}

#responsive-image50 {
	max-width: 50%;  height: auto; 
}

#responsive-image40 {
	max-width: 40%;  height: auto; 
}