/* 
    Document   : seite
    Created on : 24.02.2013, 15:12:20
    Author     : Rolf Neubauer
    Description:
        Purpose of the stylesheet follows.
*/
div{
    font-size: 12px;
}
root { 
    display: block;
}
html, body{
   background-color: #000000;
    margin: 0;
    padding: 0;
    height: 100%;
    color: #ffffff;
}
div{
    color: #ffffff;
}
/*a:link    {color:green;}
a:visited {color:green;}
a:hover   {color:red;}
a:active  {color:yellow;}*/

#main{
/*     border: 10px solid #98ABAC;*/
/*Inhaltsbereich Abstand von unten, damit untere Rahmenlinie nicht anstößt*/
    margin-bottom: 100px; /*IE*/
    padding-bottom: 100px; /*andere*/
}

#div_navi{
    position: relative;
    left: 587px;
    padding: 5px 70px 0px 0px;
    top: -100px;
    width: 300px;
    min-height: 25px;
    text-align: right;
    
    /*padding-right: 20px;*/
    background-image: url("../images/bg_navi.jpg");
    background-repeat:no-repeat;
    background-position:50% 0px;
    
     -moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#div_facebook{
    position: relative;
    left: -15px;
    top: -122px;
    width: 300px;
    min-height: 25px;
    text-align: right;
}


#ebene1{
    z-index: 1;
    background-color: #000000;
    width: 99.8%;
    height: 100%;
/*    border: solid 1px 1px 1px 1px;*/
    background-image: url("../images/background.jpg");
    background-repeat:no-repeat;
    background-position:50% 0px;
    text-align: center;
}

#ebene2{
    z-index: 3;
    position: relative;
    top: 120px;
    padding: 15px;
    -moz-box-shadow: 0px 0px 10px 0px #ffffff;
    box-shadow: 0px 0px 10px 0px #ffffff;
    -webkit-box-shadow: 0px 0px 20px 0px #ffffff;
    border: 1px solid #98ABAC;
    background-color: #222222;
    width: 337px;
    min-height: 440px;
    text-align: left;
    margin: auto;
    color: #000000;
    font-family: arial;
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-image: url("../images/u-bahn.jpg");
    background-repeat:no-repeat;
    opacity: 0.9;       /* modern browser */  
    -moz-opacity: 0.9;  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=90); /* IE5.x -7.0 */ 
    /*    background-position:50% 0px;*/
}

#div_laufText{
    position:  relative;
    left: 155px;
    top: 305px;
    background-color: transparent;
   border: 0px;
}

#div_Inhalt{
    z-index: 2;
    position: relative;
    top: 80px;
    font-family: Verdana, Arial;
    border: solid #A3A36D 1px;
    width: 900px;
    min-height: 400px;
    margin: auto;
    color: #ffffff;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
background-color: #222222;
    
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    border-radius: 5px 5px 5px 5px;
    /*     background-image: url("images/u-bahn.jpg");*/
}

#div_Inhalt #tbl_ensemble{
  width: 100%;
  padding:0px; 
  border:0px solid #A3A36D; 
  border-spacing:0px;
    background-color: #222222;
}
#div_ensemble{
    width: 90%;
    padding: 7px;
    margin-top: 125px;
      -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    border-radius: 5px 5px 5px 5px;
    background-color: #222222;
    border:0px solid #A3A36D; 
    
}
@font-face {
font-family:Diavlo;  /*Name im Ordner Windows/Fonts: Diavlo Mager*/
src: url('../fonts/Diavlo Light Regular.ttf');   
font-style: normal;
font-weight: normal;
}

#div_dalai{
    font-family:Diavlo, Verdana;
    font-size: 18px; 
    /*font-weight: bold;*/
    font-style: italic;
    text-align: center; 
    color: #ffffff;
}

#tbl_ensemble td{
    border:0px solid #A3A36D; 
    font-family: Verdana, Arial;
    font-size: 12px;
    padding: 10px;
    background-color: #222222;
}

.td1_ensemble{
  
    
}

/*für Bild*/
.td2_ensemble{
     width: 300px;

     
}

#div_mehr1, #div_mehr2, #div_mehr3, #div_mehr4, #div_mehr5, #div_mehr6, #div_mehr7, #div_mehr8{
    position: relative;
    top: 10px;
    padding: 10px;
    width: 420px;
    height: auto;
    min-height: 100px;
    background-color: #222222;
    color: #ffffff;
    border: solid 1px #ffffff;
    font-family: comic sans ms, arial;
    font-size: 14px;
     -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
}



/*  ---------------- die Fotos der Mitwirkenden  ---------------------------- */
#pic_leo, #pic_sunny {
width: 300px;
min-height: 170px;
/*margin:20px 0 0 80px;*/
border:1px dotted #9C0606;
/* Gecko-Browser (Firefox) */
-moz-border-radius: 20px;
/* Webkit-Browser (Chrome, Safari) */
-webkit-border-radius: 20px;
/* CSS3 allgemein */
border-radius: 50px;

/* Schatten  */
  -webkit-box-shadow: 10px 10px 5px #cefa42;
    -moz-box-shadow: 10px 10px 5px #cefa42;
    box-shadow: 0px 10px 50px #626161;
/* als inline style definiert
background:transparent url("../images/mitw_leo.jpg") no-repeat 0 0;  
*/
}
/*  ------------------------------------------------------------------------- */



#bild_haufen{
    width: 95%;
    height: 450px;
    /*border:1px solid #A3A36D;*/ 
    
    border-style: solid;
    border-width: 1px;
    border-left-color: #3C3B3B;
    border-top-color: #333333; 
    border-right-color: #000000;
    border-bottom-color: #000000;
    padding: 20px;
}

#iframe_bilder{
    width: 100%;
    height: 450px;
    border: 0px;
    background-color: #222222;
}


#div_logo_gruppe table {
    width: 100%
}
#div_logo_gruppe td{
  
}