/* Farben: 
rot heller: #720914
rot dunkler: #5e0608
*/

/* dosis-300 - latin */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 300;
    src: url('../include/fonts/dosis-v27-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../include/fonts/dosis-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../include/fonts/dosis-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../include/fonts/dosis-v27-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../include/fonts/dosis-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../include/fonts/dosis-v27-latin-300.svg#Dosis') format('svg'); /* Legacy iOS */
  }
  /* dosis-regular - latin */
  @font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    src: url('../include/fonts/dosis-v27-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../include/fonts/dosis-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../include/fonts/dosis-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../include/fonts/dosis-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../include/fonts/dosis-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../include/fonts/dosis-v27-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
  }


body { background-color: #a1a1a1;
       background-image: url(../images/bg_verlauf.jpg);
       background-repeat:repeat-y;
      font-family: 'Raleway', sans-serif;
       font-size: 100.01%;
       padding: 0;
       margin: 0;
       text-align: center;
       width: 100%;}

img { border:0; }

/* "* html"  IE bis Version 6 */
/* "*+html"  IE nur IE 7 */

/* Gestaltung der Index-Seite */
#backgrounder { border: 0px;
                background-color: rgb(197,198,190);
                padding: 0;
                margin: 2em auto;
                height: auto;
                width: 915px;
                text-align: left;}
.startimage {	border: 0px;
}
/* head-Bereich*/
#head { border: 0;
                margin: 0;
                position: relative;
                width: 100%;}

#head1 { background-color: #5e0608;
         height: 29px;}

.logo { padding: 10px 0 0 10px;}

* html .logo { position:absolute;}
*+html .logo { position:relative;}

#head2 { background-color: #5e0608;
         height:97px;}

.headline { position: absolute;
            bottom:69px;
            right:0px;
            font-family: 'Dosis', sans-serif;
            margin: 0 1.0em 0.10em 0;
            font-weight: 300;
            color: #bbb;
            font-size: 2rem;
        }

.datum { color: #bbb;
         position: absolute;
         right:37px;
        font-family:'Dosis', sans-serif;
         font-size:1	em;
         text-align:right;
         bottom:-6px;
         line-height:1.3em;
         font-size: 0.99em;}

.veranstaltungstext { color: #aaa;
}

* html .datum  { bottom: 8px;}
*+html .datum  { font-weight: 300;
                 bottom: 13px;}

.livedatum { color: rgb(61,64,67);
             position: absolute;
             right: 37px;
             font-weight: 300;
             font-size: 1.05em;
             text-align: right;
             bottom: 11px;
                         line-height: 1.3em;}
* html .livedatum  { bottom: 8px;}

#head3 { background-color: #6a0c16;
         background-image: url(../images/verlauf_head3.jpg);
         height: 21px;}

#head4 { background-color: #6a0c16;
         background-image: url(../images/verlauf_head4.jpg);
         height: 54px;
         border-bottom: 4px solid #bbbcc1;}

/* #head5 { background-color: rgb(187,188,193);
         height: 4px;} */

/* Content-Bereich gesamte Breite #5e0608 */ 
#content { background-color: #720914;
           min-height: 350px;
           height: 100%;
           width: 915px;
           position: relative;
           float: left;}

#navigation_container {background-color: #5e0608;
					   position: relative;
                       float: left;
                       margin: 2em 1.5em 0 0;
                       width: 200px;
                       min-height: 400px;}

* html #navigation_container { padding: 20px 0 0 0;
                               margin: 0;}

#content_middle { position: relative;
                float: left;
                background-color: #720914;
                height:auto;
                width:430px;
                margin: 0 1.5em 0 0;
                padding-top:15px;
                padding-left:20px;}

#content_right{ position: relative;
                float: right;
                margin: 0px;
                width:150px;
                padding-top:15px;
                                z-index: 0;}

/* Bottom-Bereich*/
#bottom { position: relative;
                float: left;
                background-color: blue;
                height:45px;
                width:100%;}

* html #bottom { padding: 0;
                                 margin: 0;}

#bottom1 { background-color: #822f21;
                   border: 0;
           height: 9px;}

* html #bottom1 { padding: 0;
                                  margin: 0;
                                  height: 0;}

#bottom2 {background-color: #6a0c16;
          height: 33px;
          border-top: 9px solid #777;
          border-bottom: 3px solid #777;}

#bottom3 {background-color: #6a0c16;
          height: 3px;}

/* Navigation*/
ul { list-style-type: none;
     padding: 10px 0 8px 0;
     margin: 0;
     display: block;}

* html ul  { padding: 0;}

* html li  { padding: 0;
             margin: 0;}

* html #subnav ul  { padding: 0;
                     margin: 0;}

a { color: #b8b9b9;
    display: block;}

a.mail { color: rgb(220,220,220);
         text-decoration: none;}

#nav li a { font-size: 0.95em;
            text-decoration: none;
            line-height: 1.7em;
            margin: 0;
            padding: 0 0 0 25px;}

* html #nav li a { font-size: 0.95em;
                   text-decoration: none;
                   line-height: 1.2em;
                   padding: 0.2em 0 0 2em;
                   margin: 0;
                   height: 20px;}

#subnav li a { font-size: 0.8em;
               text-decoration: none;
                line-height: 1.4em;
                padding: 0.55em 0 0 3.5em;
                margin: 0;}

* html #subnav li a { padding: 0 0 0 3.5em;
                      font-size: 0.81em;
                      line-height: 1.4em;}

#nav li a.active { color: rgb(240,240,240);
				 background-position: bottom left;
				 background-image: url(../images/line.gif);
				 background-repeat:no-repeat;}
				   
#nav li a:hover { color: rgb(240,240,240);
				 background-position: bottom left;
				 background-image: url(../images/line.gif);
				 background-repeat:no-repeat;}

* html #nav li a:hover { 0 0 0 3.5em;}

.subnav li a:hover {color: rgb(220,220,220);
					background-image: url(../images/line.gif);
					background-repeat:no-repeat;}

.active { color: rgb(0,220,220);
                background-image: url(../images/line.gif);
                background-repeat: no-repeat;
                background-position: bottom left;
                }

/* Content*/

h1 { color: rgb(230,230,230);
font-family: 'Dosis', sans-serif;
        font-size: 1.5em;
        font-weight: normal;
        font-style: normal;}

p, label  {  color: rgb(220,220,220);
             line-height: 1.4em;
             font-size: 0.86em;}


/* Kartenvorverkauf*/

label { display: block;
                float: left;
                width: 130px;}

input, select, textarea { background-color: #5e0608;
                color: rgb(240,240,240);
                border: 1px solid #495c71;
                text-align: left;
                padding-left: 0.3em;
                margin-bottom: 5px;
                }
input.noborder { background-color: #5e0608;
                 border: 0}


.ticket { float: left;
                  width: 2em;}

.ticket_label { float: left;
                                width: auto;
                                margin: 0 1.3em 0 0.3em;}

.clearer { clear: both;}

.event_vvk { color: rgb(250,250,250);
                         font-weight: 700;
                         margin-left: -39px;
                         padding-left: 39px;
						 border: 1px solid #6f7f90;
             			 font-size: 0.95em;
                         background-image: url(../images/hg_vv_heads.jpg);
                         background-repeat: no-repeat;}

.event_vvk a { text-decoration:none;
				color:white;}


.ort_vvk { color: rgb(220,220,220);
                        font-weight: 800;
                         margin-left: -39px;
                         padding-left: 39px;
                         background-repeat: no-repeat;}

.subhead { color: rgb(220,220,220);
                   font-weight: 600;
                   font-size: 1.05em;}

.popup ul {margin-left: 0;
           padding: 0;}

.popup li {list-style-type: none;}

.popup a {text-decoration:none;}

.popup a span { display: none;}

.popup a:hover { border: 0;}

.popup a:hover span {display: block;
                     position: absolute;
                     border: 1px solid rgb(60,60,60);
                     padding: 0px;
                     z-index: 10;}

#popup1 a:hover span { top: 500px; left: 400px;}

#popup2 a:hover span { top: 670px; left: 400px;}

#popup3 a:hover span { top: 840px; left: 400px;}

#popup4 a:hover span { top: 1010px; left: 400px;}


.artist { color: rgb(230,230,230);
          font-size:0.9em;
                  font-weight:500;}

.portrait img { border: 1px solid rgb(190,190,190);}

#ticket_vvk img { border: 1px solid rgb(190,190,190);
                                  margin: 15px 0 0 80px;}

.littleimage { padding: 0 0 0 0;
                           margin: 0 0 0 24em;
                           width: 30px;
						   height:50px;
                           position: absolute;}

.sub_portrait { margin-top: 3px;
                font-size:0.65em;
                font-style: normal;
                color:#d1d1d1;}

#hello_index { position: relative;
               float: left;
               height:auto;
               width:700px;
               margin: 0 1.5em 0 0;
               padding-top:15px;
               padding-left:10px;}

#hello_index img { float: left;
                   border: 1px solid rgb(190,190,190);}
#hello_index_seite img { float: left; 
				margin: 20px 0 0 30px;
                   border: 0px solid rgb(190,190,190);}

#hello_index p.hello { float: right;
                       width: 500px;
                       margin: 0 0 100px 0;}

.kontakt { float: left;
           width: 200px;}
		   
.kritik { font-size: 0.75em;}
.kritik_autor { font-size: 0.75em;
				 font-style:italic;}
				 
.hidden {display:none;}