/*
Stylesheet für www.l-t.de

*/

/* ### Zurücksetzen ################################################### */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0px; padding:0px; vertical-align:bottom; }
address { font-style:normal }
html { overflow-y: scroll;}

/*table {        border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }*/


/* ######################################### farbalternative body: #EEECF5 */

body {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 13px;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        color: #000000;
        }

a img {
        border: none;
}

img .left {
        float: left;
        margin-right: 20px;
}

img .right {
        float: right; /*
        margin-top: 0px; 
        margin-right: 20px;
        */
        margin-left: 200px;

}


/*/// Header ////*/

#headermenu {
        padding: 168px 0px 5px 0px;
        height: 50px;
        margin: 5px auto;
        margin-bottom: 0px;
        position:relative;
        width: 900px;
/*        background-image:url(bgs/images/header_neutral.png);*/
        background-image:url(images/layout/header.jpg);
        background-repeat:no-repeat;
}



#menu {
        position:relative;
        margin: 0px auto;
        width: 900px;
}

#menu .mainmenuul {
        list-style: none;
        position:absolute;
}

#menu .mainmenuli {
        float: left;
        display: inline;
}




#menu a {
      text-decoration:none;
        display: block;
        float: left;
        font-family: Verdana, sans-serif;
}

#menu a:hover {
      color:#cc0000;
  }

#menu .mainmenuli a {
		height:24px;

      padding: 2px 13px 0px 13px;
      font-size: 1.4em;
      }
        
#menu .mainmenuli a:hover {
     background:#000000 url(images/layout/hover_link.jpg) no-repeat;
     background-position: center;
        }

#menu .submenuli a {
      padding: 1px 25px 3px 25px;
        font-size: 1.3em;
        }

#menu a:link,:visited {color:#000000 }



#splash {
        margin: 0px auto;
        width: 900px;
        height: 313px;
        padding-bottom: 0;
        }

/*////Wrapper ////*/

#wrapper {
        width: 900px;
        margin: 0px auto;
        background:#fff url(images/layout/background.jpg) repeat left top;
}


/*//// Page ////*/


.content { /* Sachen, an denen der Text vorbeifließen soll, werden diese Klassen zugewiesen. */
         padding: 0px 30px 0 10px;
}
.content .clearboth {
         clear:both;
         padding: 30px 0px 0 0;
         margin: 0px 1em 0.2em 1em;
}
.content .fleft { /* Sachen, an denen der Text vorbeifließen soll, werden diese Klassen zugewiesen. */
         float: left;
         margin: 0px 1em 1em 0px;
}

.content .fright {
         float: right;
         margin: 10px 10px 0.2em 1em;
         max-width: 420px;
}
.imgDL {	
		width: 220px;

}

.content .linkespalte {
         max-width: 420px;
}
.content h1, h2, h3, h4, h5, h6 {
         font-weight:normal;
         color: #000000;
         font-family: verdana, "Times New Roman", Times, serif;
}


.content h1 { /* Die Überschrift jeder Seite stellen wir besonders da, denn sie ist sehr wichtig. */
         font-size: 2.7em;
         font-weight: normal;
         line-height: 0.8em;
         padding: 0.6em 0px 0.2em 2%;
         margin: 0px 0px 20px 0px;
         border-bottom: 1px dashed #7fc34e;
}
.content h2 {
         font-size: 1.6em;
         margin:   0px 10px 0px 10px;
         padding:  15px 0px 0px 20px;
         border-bottom: 2px solid  #7fc34e;
}
.content h3 {
         font-size: 1.4em;
         margin: 5px 20px 5px 30px;
}
.content p {
         text-align:justify;
         margin: 5px 20px 10px 40px;
         padding: 0px 0px 0px 0px;
}
.content ul {	
         margin: 5px 20px 10px 60px;
         /*padding: 0 0 0 0;*/
}

.content a {
         text-decoration:underline;
         margin: 5px 0px 5px 0px;
         color:  #7fc34e;
        }
.content a img {
}

.content table {
         border: 0px solid;
         text-align:center;
         vertical-align:top;
         margin: 0 0 20px 80px;
         }
.content table img {
         margin: 0px 0px 0px 0px;
         }
.content table td {
         border: 0px solid;
         }



.content img { /* Alle Bilder im main bekommen einen schönen Rahmen. */
         border: 1px solid  #b6b6b6;;
         padding: 2px;
         margin: 10px;
         max-width: 95%; /* Gute Browser machen ein zu großes Bild, welches das Design sprengen würde, entsprechend kleiner. Funktioniert beim IE leider nicht. */
}
.content .karteiframe { /* Alle Bilder im main bekommen einen schönen Rahmen. */
         border: 1px solid  #b6b6b6;;
         padding: 2px;
         margin: 10px;
         max-width: 95%; /* Gute Browser machen ein zu großes Bild, welches das Design sprengen würde, entsprechend kleiner. Funktioniert beim IE leider nicht. */
}

.content .konzertfoto {
         float: right;
         max-width:350px;
         margin: 10px 50px 1.2em 1em;
}

.content .besetzung {
         margin: 5px 20px 10px 40px;
         padding: 0 0 0 0;
}

.content .besetzung li {
         padding: 0 0 5px 0;
         list-style-type:none;
         font-size:1.2em;
}
.content .liste {
         margin: 0px 0px 10px 60px;
         padding: 0 0 0 0;
}

.content .liste li {
         padding: 0 0 5px 0px;
}
.content .kontakt {
         margin: 5px 20px 10px 40px;
         padding: 0 0 0 0;
}

.content .kontakt li {
         padding: 0 0 5px 0;
         list-style-type:none;
         font-size:1.2em;
}

.content .kontakt li i {
         font-size:0.8em;

}

.content .galerietabelle {
         border: 0px;
         margin: 0px 20px 10px 70px;
}
.content .galerietabelle img {
         max-width: 180px;
         margin: 0.1em 0.1em 0.1em 0.1em;
}

.content form {
         margin: 0px 20px 10px 30px;
         padding: 0 10px 10px 10px;
/*
 */
         width: 84%;
         border: 2px solid #b6b6b6;
}

.content form ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.content form label {
display: block;
margin: 10px 0 2px 0;
font-weight:bold;
}

.content form .textfeld {
border: 1px solid #CCC;
font-size: 13px;
color: #000000;
width: 100%;
max-width: 100%;
}
.content form .textfeldkl {
border: 1px solid #CCC;
font-size: 13px;
color: #000000;
}
.content form .textbox {
border: 1px solid #CCC;
font-size: 13px;
color: #000000;
width: 99%;
max-width: 99%;
}
.content form .button {
border: 1px solid;
font-weight: normal;
font-size: 15px;
padding: 4px 8px 4px 8px;
margin: 6px;
}




.content .facebook {
         margin: 5px 20px 10px 70px;
         padding: 0px 0px 0px 0px;
}
.content .fb-like-box {
          position:relative;
          border: 0 0 0 0;
}



#footer1{
         clear: both;
        height: 20px;

         }
#footer {

        width: 900px;
        height: 65px;
        margin: 20px 0 0 0;
        background: #FFFFFF url(images/layout/footer.jpg) no-repeat;
}
#footer ul {
}
#footer li {

        /*font-weight:bold;*/
         border: 0px solid;
        text-align:center;
        float: left;
        list-style-type:none;
}
#footer a {
         text-decoration:underline;
         margin: 5px 40px 5px 40px;
         color:  #000000;
}