/*   http://www.vorderhaus.de/vh.css   */


/* HTML-Tags  */


/* damit die Höhe auch immer den ganzen Monitor erfasst, braucht es .... */

 
html,body {
    height: 100%;
  }


body {
    margin: 0px;
    padding: 0px;
    font-size: 1.0em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  }


h3 {
    display : inline;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-bottom : 0px;
    padding-bottom : 0px;
    font-size: 18px;
  }

/* Positionierung  */




#top {
    margin: 0px;
    padding: 0px;
    background: #fff;
    height: 50px;
  }


#left {
    position: absolute;
    left: 10px;
    top: 95px;
    width: 200px;
  }


#center {
    background: #fff;
    margin-top: 15px;
    margin-left: 240px;
    margin-right: 120px;
    padding: 20px;
  }


#right {
    position: absolute;
    right: 10px;
    top: 95px;
    width: 100px;
  }


.box1, .box2 {
    float: left;
  }


.box1 {
    position: absolute;
    left: 80px;
    top: 0px;
  }


.box2 {
    margin : 0 auto;
    left : 260px;
    position : absolute;
    top : 24px;
    z-index : 9999;
  }

/* index-Seite (Positionierungen etc.)  */


/* helle Farbe */


.index-alles {
    background: #FFE787;
  }

/* helle Farbe */


#index-top {
    margin: 0px;
    padding: 0px;
    background: #FFE787;
    height: 250px;
  }


.index-box1, .index-box2 {
    float: left;
  }


.index-box1 {
    position: absolute;
    left: 80px;
    top: 0px;
  }

/* dunkle Farbe */


.index-box2 {
    position: absolute;
    left: 30%;
    top: 0px;
    width: 70%;
    height: 250px;
    background-color: #FFCF0E;
  }

/* helle Farbe */


#index-left {
    float: left;
    width: 30%;
    top: 200px;
    background: #FFE787;
    height: 100%;
  }

/* dunkle Farbe */


#index-right {
    float: right;
    width: 70%;
    top: 200px;
    height: 100%;
    background-color: #FFCF0E;
  }


.adresse {
    font : 900 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding : 0.2em 1em 0 0;
    color : #000000;
    position : absolute;
    right : 0px;
    top : 0px;
  }


h2 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-left : 10px;
    padding-bottom : 0px;
    color: White;
    font-size: 1.5em;
  }


.monat {
    margin-left : 100px;
  }


.uebersicht {
    position: relative;
    right: 0px;
    margin-left: 10px;
    text-align: left;
    border-left-color : #fff;
    border-left-style : solid;
    border-left-width : 2px;
    border-top-color : #fff;
    border-top-style : solid;
    border-top-width : 2px;
    border-bottom-color : #fff;
    border-bottom-style : solid;
    border-bottom-width : 2px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
  }


.index-img {
    display : block;
    float : right;
  }


.logo-box {
    position: absolute;
    left: -60px;
    top: 100px;
  }

/* Navigationsbereich  */




.navig-box {
    position: absolute;
    top: 0px;
    margin-left: 10px;
    width: 210px;
  }


.sponsor {
    position: absolute;
    top: 400px;
    margin-left: 10px;
    width: 210px;
    border-right-color : #50AD26;
    border-right-style : solid;
    border-right-width : 2px;
    border-top-color : #50AD26;
    border-top-style : solid;
    border-top-width : 2px;
    border-bottom-color : #50AD26;
    border-bottom-style : solid;
    border-bottom-width : 2px;
  }

/* Farben anpassen 
		 background-color  = helle Farbe
		 border-right-color = dunkle Farbe		 
		 */



.navig {
    background-color : #E5F3DF;
    border-right-color : #50AD26;
    border-right-style : solid;
    border-right-width : 2px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : bold;
  }

/* Farben anpassen (dunkle Farbe)   */



.navig-logo {
    border-right-color : #50AD26;
    border-right-style : solid;
    border-right-width : 2px;
    padding-bottom: 25px;
  }

/* Farben anpassen (dunkle Farbe)   */



.navig-leer {
    border-right-color : #50AD26;
    border-right-style : solid;
    border-right-width : 2px;
  }

/* Farben anpassen (dunkle Farbe)   */



.navig-top {
    border-right-color : #50AD26;
    border-right-style : solid;
    border-right-width : 2px;
    border-top-color : #50AD26;
    border-top-style : solid;
    border-top-width : 2px;
  }

/* Farben anpassen (dunkle Farbe)   */




.navig-unten {
    border-right-color : #50AD26;
    border-right-style : solid;
    border-right-width : 2px;
    border-bottom-color : #50AD26;
    border-bottom-style : solid;
    border-bottom-width : 2px;
    height: 30px;
  }

/* Links   */

/* Farben anpassen
   		background-color = helle Farbe	*/




.links {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 14px;
    color : #000000;
    font-weight : bold;
    /*background-color : #FFE787;
    */ background-color: #FFFFFF;
  }


A {
    text-decoration: underline;
    color: #000000;
  }

/*die A:Hover-Farbe muss eventuell bei r�licher Seitengestaltung korrigiert werden
sie soll aber, wann immer es geht, rot sein ...
*/





A:Hover {
    text-decoration: underline;
    color: #FF0000;
  }

/* Schriften  */




.titel-dat {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #000000;
    font-weight : normal;
    text-align: right;
  }


.titel {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 20px;
    color : #000000;
    font-weight : bold;
  }


.name {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
  }


.u-titel {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 16px;
    color : #000000;
    font-weight : bold;
  }


.genre {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    color : #000000;
    font-weight : bold;
  }

/* Farben anpassen (dunkle Farbe)   */




.text {
    font : bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #50AD26;
  }


.normal {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    color : #000000;
    font-weight : normal;
  }


.betont {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    color : #000000;
    font-weight : bold;
  }


.programm {
    border-bottom-color : #50AD26;
    border-bottom-style : solid;
    border-bottom-width : 2px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 14px;
    color : #000000;
    font-weight : bold;
    line-height: 14px;
    white-space: nowrap;
  }


.termin {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 14px;
    color : #000000;
    font-weight : bold;
    line-height: 14px;
    white-space: nowrap;
  }



.vorschau {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 14px;
    color : #000000;
    font-weight : bold;
    white-space: nowrap;
  }

/* Farbe anpassen (helle Farbe)   */




.zellfarbe {
    background : #50AD26;
    line-height : 30px;
    text-align : right;
    vertical-align : middle;
    margin-bottom: 10px;
    padding-right : 1.0em;
  }

/* Farbe anpassen (helle Farbe)   */
  


.zellfarbe-links {
    background : #E5F3DF;
    line-height : 30px;
    padding-left : 1.0em;
    vertical-align : middle;
  }


/*  Bilder  */




.rahmen {
    display : inline;
    vertical-align : middle;
  }


.kunst-img {
    display : inline;
    float: left;
    margin-bottom: 250px;
  }


.last {
    display : inline;
    float : right;
  }


.titel-img {
    display : inline;
    float : right;
    /*margin-bottom: 250px;
    */;
  }

/*   Sonstiges  */




.karten {
    text-align : right;
    white-space : nowrap;
  }

/*   EOF  http://www.vorderhaus.de/vh.css   */