/* CSS Sozialjob */





/* Allgemeine Elementanweisungen */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */





* { margin: 0;

    padding: 0;

        border: 0;

}



body {

        font-family: arial, helvetica, sans-serif;

        color: #666;

        font-size: 100.01%;

        margin-bottom: 20px;

        padding: 30px 100px;

        text-align: center;

        /*background-color: #c5aaff;*/

        background-color: #b39e9d;

}





a {text-decoration: none;

   font-size: 0.7em;

   font-weight: bold;

   font-family: verdana, arial, sans-serif;}

a:link, a:visited {color: #999;}

a:focus, a:hover, a:active  {color: #b4006d}



h1 {

    font: bold 0.9em verdana, helvetica, sans-serif;

        color: #b4006d;

        margin-top: 0.5em;

        margin-bottom: 2em;

        }



h2 {

  font: bold 0.8em verdana, helvetica, sans-serif;

  color: #666;

  margin-bottom: 1em;

  }



h3 {

  font: bold 0.70em verdana, helvetica, sans-serif;

  color: #666;



  }



h4 {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 0.70em;

        font-weight: normal;

        color: #666;

        margin-bottom: 3em;

}







p {

        font-size: 0.8em;

        margin-bottom: 1em;

        margin-right: 1em;

}



img {border-style: none;}





/* Allgemeine Klassen */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {

  display: block;

  float: none;

  clear: both;

  height: 1px;

  font-size: 0px;

  line-height: 0px;

}





.underline {text-decoration: underline;}

.kasten {

        border: 1px solid #333;

        padding: 8px 8px;

        margin-bottom: 10px;

}

.mb2 {margin-bottom: 2em;}

.mt2 {margin-top: 2em;}



/* Container */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



#rahmen {


        width: 703px;
        text-align: left;

        border: 1px solid #999;
        background: #ccc url("images/hg_grau.gif") top left fixed;


        background-image: url("fotos/hg.jpg")top left fixed;

        background-repeat: repeat-y;



}



#kopf{

    float: left;

        width: 498px;

        background: #fff;

        padding: 10px 20px;

        height: 100%;

        text-align:right



}



#spalte_l{background: #ccc;

        float:left;

        width: 160px;



}

/*#menue{

        position: absolute;

        top: 22px;

        left: 784px;

        width: 180px;

        height: 300px; }*/



#inhalt{

        float: left;

        width: 498px;

        background: #fff;

        padding: 20px;

        border-top: 1px solid #999;





}



#inhalthome {

    float: left;

        width: 498px;

        background: #fff;

        padding: 20px;



}





#fuss{

        text-align: center;

        padding: 1em;

        font-weight: normal;

}



/* kopf */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#kopf h1 {

        margin-bottom: 1em;

}



#kopf h2 {

        color: #666;

}



/* menue */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */





#spalte_l ul {

        list-style-type: none;

        margin-top: 150px;

        padding: 0; /*IE + Opera*/

        margin-left: 8px; /*Firefox*/



}





/* inhalthome */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



#inhalthome h1 {

        letter-spacing: 0.05em;

        margin-top: 8em;

        margin-left: 1em;

        margin-bottom:1em;

        color: #b4026d;

        font: bold 1em Verdana, Arial, Helvetica, sans-serif;



}



#inhalthome h2 {

        font-size: 0.8em;

        color: #666;

        margin-left: 1em;



}



#inhalthome h3 {

        font-size: 0.7em;

        font-style: italic;

        font-weight: normal;

        color: #666;

        margin-left: 21.5em;

        margin-top: 7em;

}





#inhalthome p {

    font-family: verdana, Arial, Helvetica, sans-serif;

        font-size: 0.6em;

        font-weight: normal;

        color: #666;

        margin-right: 0;

        margin-left: 25em;

        }





/* inhalt */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



#inhalt ul {

        font-size: 0.8em;

        margin-bottom:1em;

        padding-left:2em;

        padding-right: 2em;

        list-style-type: circle;

}

#inhalt a {

   font-size: 1em;

   text-decoration: underline;

   font-family: arial, sans-serif;

   color: #666666}











/* Kontaktformular */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

input,

textarea {

  width: 100%; /*keine festen Pixel, da bei Vergrößerung die Zeilen sonst zu schmal sind*/

  background: #e1e1e1;

  border: 1px solid #666;

}





.field {



   width: 20em;



}

.field_k {



   width: 10em;

}





.send {

  width: 8em;/*em weil Text bei Vergrößerung sonst nicht mehr lesbar ist*/

  height: 2em;

  background: #b39e9d;

  text-transform: uppercase;

  color: #fff;

  padding: 2px;

  margin-left: 5em;

  margin-bottom: 2em;

}