@import url("bottomnavi.css"); 
@import url("contentnavi.css"); 

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {  
background-color: #ffffff;
text-align:center;


min-width:825px;
min-height:600px;
 font-family: Arial; }

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 600px;
} 
.inner {
width: 825px;
height: 600px;
margin-left:auto;
margin-right:auto;
}
.content
{
    height: 282px; /*420  530*/
    float: left;
    width: 609px;
    background-color: #97be0d;
    padding: 50px 100px 50px 90px;
    text-align: left;
    font-size: 10.5pt;
    font-family: Arial;
    color: white;
    font-weight:  500;
     line-height: 15pt;
}
.headtextbold
{
    font-size: 10.5pt;
    font-family: Arial;
    color: white;
    font-weight: bolder;
    line-height: 15pt;
}
.headtext
{
    font-size: 10.5pt;
    font-family: Arial;
    color: white;
    font-weight: normal;
        line-height: 15pt;
}
img
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-top-style: none;
    padding-top: 0px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.square0101
{
    float: left;
    width: 255px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/logo.gif);
    border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0102
{
    float: left;
    width: 221px;
    height: 96px;
    padding: 0px 0px 0px 0px;
background-image: url(bilder/dj_elmar.jpg);
    border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0103
{
    float: left;
    width: 165px;
    height: 70px;
    padding:  26px 0px 0px 22px;
    border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;    
}
.square0104
{
  float:  left;
    width: 100px;
    height: 96px;
    padding: 0px 0px 0px 0px;
   background-image: url(bilder/feli_closer.jpg);
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;   
}
.square0201
{
    float: left;
    width: 108px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/akkordeon.jpg);
    border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0202
{
    float: left;
    width: 212px;
    height: 80px;
    padding: 16px 0px 0px 27px;
    border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;   

    
}
.square0203
{
    float: left;
    width: 72px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/elmar_mando.jpg);
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0204
{
    float: left;
    width: 125px;
    height: 96px;
    padding: 0px 0px 0px 0px;
   background-image: url(bilder/feli_sings.jpg);
       border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0205
{
    float: left;
    width: 185px;
    height: 81px;
    clear: none;
    padding-right: 0px;
    display: inline;
    padding-left: 22px;
    padding-top: 15px;
    
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}

.square0301
{
    float: left;
    width: 182px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/piano.jpg);
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;

}
.square0302
{
    float: left;
    width: 74px;
    height: 96px;
    padding: 0px 0px 0px 0px;
       background-image: url(bilder/feli_sings_2.jpg);
    border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
    
}
.square0303
{
    float: left;
    width: 258px;
    height: 81px;
    padding: 15px 0px 0px 27px;
    border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0304
{
    float: left;
    width: 222px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/band.jpg);
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}

.square0401
{
    float: left;
    width: 196px;
    height: 81px;
    padding: 15px 0px 0px 25px;
    border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0402
{
    float: left;
    width: 180px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/with_sax.jpg);
    border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
    
}
.square0403
{
    float: left;
    width: 100px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/headphone.jpg);
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0404
{
    float: left;
    width: 172px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/percussion.jpg);
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0405
{
    float: left;
    width: 78px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}

.square_heir_0102
{
    float: left;
    width: 160px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/heiraten_1_2.jpg);
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square_heir_0103
{
    float: left;
    width: 360px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/heiraten_1_3.jpg);
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square_feiern_0102
{
    float: left;
    width: 117px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/feiern02.jpg);
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square_feiern_0103
{
    float: left;
    width: 255px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/feiern03.jpg);
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square_feiern_0104
{
    float: left;
    width: 136px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/feiern04.jpg);
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square_kontakt_0102
{
    float: left;
    width: 117px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/kontakt02.jpg);
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square_kontakt_0103
{
    float: left;
    width: 255px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/kontakt03.jpg);
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square_kontakt_0104
{
    float: left;
    width: 136px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/kontakt04.jpg);
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0405 a 
{   margin-left:20px;
     margin-top:20px;
 		height: 52px;
		width: 39px;
		display:block;
		background: url("bilder/playvideo_roll.gif") 0px 0px no-repeat;
}
.square0405 a:hover, a:active {background-position: 0px -52px;}

.square0501
{
    float: left;
    width: 150px;
    height: 96px;
    padding: 0px 0px 0px 0px;
    background-image: url(bilder/people_with_sax.jpg);
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0502
{
    float: left;
    width: 150px;
    height: 71px;
    padding: 25px 20px 0px 28px;
        border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0503
{
    float: left;
    width: 375px;
    height: 81px;
    padding: 15px  20px 0px 32px;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}
.square0601
{
    float: left;
    width: 799px;
    height: 42px;
    padding: 20px 0px 0px 0px;
    border-right: white 12px solid;
    border-bottom: white 12px solid;
    background-color: #97be0d;
    text-align: left;
}

.kontakttable
{
 
    background-color: White;
    color: #4d4d4d;
    white-space: nowrap;
    font-weight: bold;
       font-family: Arial;
       width:100%;
}
.kontakttable .left
{
   border-color:  #97be0d;
 border-width:3px;
 border-style:solid;
 padding:  4px 3px 2px 10px;
 vertical-align:top;
  width:30%;
}
.kontakttable .right
{
   border-color:  #97be0d;
 border-width:3px;
 border-style:solid;
 padding: 0px 0px 0px 0px;
 vertical-align:middle;
 width:70%;
 }

.kontakttable input
{
    background-color: white;
    border-style:none;
    width:250px;
    height:18px;
        color: #4d4d4d;
    font-weight: bold;
    padding:   2px 0px  0px 3px;
        font-family: Arial;
        float:left;
}
#bemerkung
{
      background-color: white;
    border-style:none;
    width:415;
    height:100px;
        color: #4d4d4d;
    font-weight: bold;
    padding:   1px 0px  3px 3px;
        font-family: Arial; 
         font-size:14px;
} 
.btn_senden
{
/*background: url('bilder/senden.gif') 0% 50%;
width: 103px;
height: 16px;*/
border-width: 0px;
color:White;
font-weight: bold;
  font-family: Arial;
   background-color:transparent; 
       font-size:14px;
}
.btn_senden:hover
{
 color:#4d4d4d;   
}
.required
{
 color:Red;
 text-align:right;  
 float:right; 
 padding-right:3px;
}
#impressum
{
    float:right;
    padding-right:25px;
    
}
#impressum a
{
    text-decoration:none;
    color: #4d4d4d;
    font-family: Arial;
}