/* _______________________ Standart */


body
{
        font-family: 'Arial';
        font-weight: normal;
        font-style: normal; 
        letter-spacing: 1px;
        
        font-size:14px;
        background-color:#bfb72e;
        color:#444;
        text-align:center;
        margin:0;
        padding:0;
        
}

img
{       border-style:none;
        border-width:1px;
        
}

p
{
	margin-bottom:10px;
}

a
{
        color:#444;
        text-decoration:none;
        font-weight:normal;
}

a:hover
{
        color:#f00;
        text-decoration:none;select
        font-weight:normal;
}

h1
{

        font-size:26px;
        font-weight:normal;
        color:#111;
        padding:0px;
        margin:0px;
        //text-shadow: -2px 2px 3px #999;

        text-shadow: 0px 1px 1px #4d4d4d;
}

h2
{
        font-size:18px;
        font-weight:normal;
        color:#333;
        padding-top:15px;
        text-shadow: -2px 2px 3px #999
        
        //text-shadow: 0px 1px 1px #4d4d4d;
}

h3
{
        font-size:16px;
        font-weight:normal;
        padding:0px;
        margin:0px;
}

h4
{
        font-size:14px;
        padding:0px;
        margin:0px;
}

h5
{
        font-size:13px;
        padding:0px;
        margin:0px;
        float:left;
}

ul
{
     list-style-image: url(../grafiken/strelka.gif);
}

li
{
         padding:1px;
         padding-left:10px;
         line-height:15px;
         /*! --- um mit vertical-align innerhalb eines li-elements (blockelements) arbeiten zu können, brauchts line-height...*/
         vertical-align:middle;
}

hr 
{
border:none;
border-top: 1px solid #EE0000;
height: 1px;
padding:0;
margin:0;
}

div.nav a
  {
  padding:5px 5px 5px 5px;
  font-size:13px;
  height:24px;
  color:#eee;
  position:relative;
  top:-104px;
  left:15px;
  margin-bottom:6px;
  border-bottom-style:solid;
  border-top-style:solid;
  border-width:1px;
  border-color:#000;
  text-align:right;
  background:url(../grafiken/buttons_verlauf.jpg) repeat-x 0px 0px;
  }
  
div.nav a:hover
  {
  
  border-color:#ffffff;
  }


#main
{
        position: static;
        padding:0px;
        width:100%;
        margin:auto;
        /* background: url(../grafiken/bg_spacer.jpg) top left repeat-x #fff; */
}

div.header_spacer
{
        padding:0px;
        padding-top:10px;
        height:200px;
        margin:auto;
        margin-top:0px;
        width:100%;
        text-align:center;
        z-index: 0;
        background: url(../grafiken/Steinsenf-Logo2.png) top center no-repeat #bfb72e;
        
}

div.header
{
         padding:9px 0 0 0;
         margin:auto;
         height:60px;
         letter-spacing: 2px;
         font-style: normal;
         width:100%;
         
}

#inhalt
{
        padding: 0px 0px 60px 0;
        width:100%;
        max-width: 900px;
        text-align:left;
        margin:auto;
        
        border-top-style:solid;
        border-top-width:1px;
        border-top-color:#333;
        
        background: url(../grafiken/bg_spacer.jpg) top center repeat-x #ffffff;
        
        border-radius: 20px;
}


#footer
{
        margin:auto;
        padding:8px 8px 2px 2px;
        height:18px;
        font-size:9px;
        font-style:normal;
        letter-spacing: 2px;
        text-align:right;
        display:block;
        background-color:#e6f4bb;
}

#footer a
{
        color:#000;
}

#footer a:hover
{
        color:#f00;
}

div.clearer
{
        clear:both;
        height:1px;
}


/* ---- Zusammenführung DEPOT ---- */

div.picture
{
        position:absolute;
        right:20px;
        top:16px;
        z-index:1;

}

div.tab
{

        width:250px;
        float:left;
        padding:10px;

}

div.rahmen
{
        padding:0px;
        margin:0px;
}

div.foto
{
        padding:0px;
        margin:5px;
        float:right;
}

div.desc
{
        padding:10px;
        border-style:solid;
        border-color:#ccc;
        border-width:1px;
        background-color:#eee;
        width:100%; /* 900 -2*60 -2*10 */
        font-size:10px;
        border-radius: 10px;
}

div.text
{
        font-size:14px;
		  padding:0px 5px 5px 0px;
}

div.text p
{
	     padding:0px 0px 0px 0px;
	     margin:0px;
}


.admin
{
         margin: 0;
         padding: 1px;
         float:right;
}

.admin_gruppen
{
         margin: 0;
         padding: 1px;
         float:left;
}

#login_button
{

         float:right;
         padding:5px;
         padding-right:0;
         margin:0;
}

#login_form
{
         display:none;

         vertical-align:bottom;

         border-width:1px;
         border-style:solid;
         border-color:#ccc;

         padding: 5px;
         margin-top:10px;
         

}

div.formular2
{
         padding: 5px;
         margin-top:10px;
}

legend
{
         color:#999999;
         font-family:verdana, arial, sans-serif;
         font-size:12px;
}

fieldset
{
         border: 1px solid #ccc; background: #ffffff;
}

#anlegen
{
         display:none;
         vertical-align:bottom;
         border-width:1px;
         border-style:solid;
         border-color:#ccc;
         padding: 10px;
         margin-top:10px;
         background-color:#f4f4f4;
         position:fixed;
         top:50px;
         left:50px;
         width:400px;
}


input
{
 		  font-family:"Arial";
        letter-spacing: 1px;
        font-style: normal;        
        margin:0;
        padding:4px;
        border: solid 1px silver;
        background-color: #fff;
        color:#444;
}

textarea
{
        background-color: #fff;
        color: #333;
        margin:0;
        padding:0;
        border: solid 1px silver;

 }



input.file
{
        margin:0;
        padding:0;
        border: solid 1px silver;
        background-color: #fff;
}

select
{
        font-size:11px;
        color:#555;
        margin:0;
        padding:0;
        border: solid 1px #ccc;
        background-color: #eee;cf8bc2
}

/* Kontaktformular */

.eingabe
{
         float:left;
         text-align:left;
         padding:2px;
         width:100px;
         background-color: #fff;
         color:#444;
}

.ebene
{
         clear: both;
         padding: 2px;
}

.label
{
         float:left;
         text-align:right;
         padding:5px 5px 5px 5px;
         width:150px;
         font-family:verdana, arial, sans-serif;
}

.feld
{
         float:left;
         width:60px;
}

.feldbreite
{
         background:#eee;
         border:1px solid #bbb;
         font-size:10px;
         overflow:auto;
         width:180px;
         font-family:verdana, arial, sans-serif;
         padding-top:4px;
         color:#222;
}

.Button
{
        margin:0px;

}

* html .Button
{
        margin:0px;
}


.center {
    text-align: center;
}

.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    text-align: left;
    display: inline-block;
}

.iframe-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
/* ---- Zusammenführung DEPOT ---- ENDE ---- */