/**************************************************************
   Allgemeine Styleinformationen sind allgemein fuer die gesamte Seite definiert
   
 **************************************************************/

/*********************************************************
   HTML Elements
   
   unter Body wird der normale Fliesstext definiert, d.h. dieser Text muss nicht 
   mit einer CLASS oder ID definiert werden
 *********************************************************/

html,
body {
  height: 100%;
  margin: 0px;
}

body {
  margin: auto;
  padding: 0;
  text-align: left;
  font: 12px arial, helvetica, sans-serif;
  line-height: 170%;
  color: #444;
  background-color: #FFF;
  background-image: url(../images/bg.gif);
  background-repeat: repeat-x;
  background-position: top;
}

/* Links - allgemeine Links ohne weite CLASS oder ID zuweisung*/
a {
  text-decoration: none;
  color: #4A5E85;
}

a:hover {
  text-decoration: underline;
  color: #4A5E85;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}

p {
  text-align: justify;
}

/* Listen */

ul {
  position: relative;
  margin: 0;
  list-style-type: none; 
  padding-bottom: 2px;
  _padding-top: 0px;
  padding-left: 0px;
}

ul li{
background-image: url(../images/list.gif);
background-repeat: no-repeat;
background-position: 10px 11px;
 padding-top: 5px;
 padding-left: 25px;

}

/* header */
.header{
  font: 12px arial, helvetica, sans-serif;
  font-weight: bolder;
  color: #073185;
  line-height: 220%;
}

.subheader{
  font: 10px arial, helvetica, sans-serif;
  color: #525151;
  line-height: 220%;
}

.header_L{
  font: 14px arial, helvetica, sans-serif;
  font-weight: bolder;
  color: #073185;
  line-height: 220%;
}

.header_ML{
  font: 14px arial, helvetica, sans-serif;
  font-weight: bolder;
  color: #073185;
  line-height: 20%;
}

.header_XL{
  font: 22px arial, helvetica, sans-serif;
  font-weight: bolder;
  color: #073185;
  line-height: 220%;
}

.head_exec {
  font: 13px arial, helvetica, sans-serif;
  line-height: 240%;
  font-weight: bolder;
  color: #073185;

}

/* grafiken mit umfluss */
.teaser_gfx{
  padding-right: 5px;
  padding-top: 3px;
  float:left;

}

.gfx{
  padding-right: 8px;
  padding-top: 5px;
  float:left;

}

/**************************************************************
   Form Elements
   
   Formularstile - werden noch nicht angewandt
   
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input.radio {
  background: none;
  border: 0px;
}

input.checkbox {
  background: none;
  border: none;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em arial, helvetica, sans-serif;
  color: #444;
}

/* Textfelder Kontakt */
.form {
  background: #FFF;
  border: 1px solid #DDD;
  padding: 1px;
  font: 400 1em arial, helvetica, sans-serif;
  color: #444;
  width: 180px;
}

/* Kommentarfeld Kontakt */
.form1 {
  background: #FFF;
  border: 1px solid #DDD;
  padding: 1px;
  font: 400 1em arial, helvetica, sans-serif;
  color: #444;
  width: 295px;
}

/* Buttons Kontakt */
.form2 {
  background: #FFF;
  border: 1px solid #DDD;
  padding: 1px;
  font: 400 1em arial, helvetica, sans-serif;
  color: #444;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  background: none;
  border: 0px;
  padding-right: 0;
  text-align: right;
  font: 11px arial, helvetica, sans-serif;
  cursor: pointer;
}




input.image {
  background: none;
  border: 0px;
}

input.image:focus,
input.image:hover {
  background: none;
  border: 0px;
}