@import url(schriften.css);
@import url(inhalt.css);
@import url(formular.css);
@import url(menue.css);
@import url(slimbox.css);



 #locationField, #controls {
        position: relative;
        width: 600px;
      }
      #autocomplete {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 200%;
      }
      .label {
        text-align: right;
        font-weight: bold;
        width: 100px;
        color: #303030;
      }
      #address {
        border: 1px solid #000090;
        background-color: #f0f0ff;
        width: 600px;
        padding-right: 2px;
      }
      #address td {
        font-size: 10pt;
      }
      .field {
        width: 200%;
      }
      .slimField {
        width: 200px;
      }
      .wideField {
        width: 200px;
      }
      #locationField {
        height: 20px;
        margin-bottom: 2px;
      }


* 
{
	padding: 0px;
	margin: 0px;
}
html 
{ 
 margin:0px; 
 padding:0px;
}
body 
{ 
 height: 100%;
 margin: 0px; 
 padding: 0px;
 background: #F3F3F3 url(../images/layout/hintergrund.gif) repeat-x;
}
div#oben
{
 position:relative;
 left: 50%;
 margin-left: -412px;
 width: 824px;
 height: 320px;
 background: url(../images/layout/hg_oben.jpg) no-repeat;
 z-index: 2;
}
div#film
{
 position:absolute;
 left: 12px;
 top: 100px;
 width: 800px;
 height: 176px;
 z-index: 3; 
}
div#iconnavi
{
 position:absolute;
 left: 20px;
 top: 40px;
 width: 100px;
 height: 20px;
 z-index: 3; 
}
div#navigation
{
 position:absolute;
 top: 276px;
 width: 824px;
 height: 48px;
 font: 11px/14px Arial, Helvetica, sans-serif;
 color: #ffffff;
 z-index: 3;
}
div#mitte
{
 position:relative;
 left: 50%;
 margin-left: -412px;
 width: 824px;
 font: 12px/14px Arial, Helvetica, sans-serif;
 color: #6B7073;
 background: url(../images/layout/hg_inhalt.gif) repeat-y;
 z-index: 2;
}
div#unten
{
 position:relative;
 left: 50%;
 margin-left: -412px; 
 width: 824px;
 height: 48px;
 font: 11px/14px Arial, Helvetica, sans-serif;
 color: #8F9090;
 background: url(../images/layout/hg_unten.gif) no-repeat;
 z-index: 2;
}
div#unten a
{
  color: #8F9090;
} 
div#unten a:hover
{
  color: #2D4B9B;
} 
div#linke_box
{
  position:absolute;
  left: 27px;
  top: 10px;
  overload:scroll;
}
div#linke_box a
{
 	font-weight:normal;
 	text-decoration: none;
}
div#linke_box a:hover
{
 	color: #2D4B9B;
}
div#rechte_box
{
 position:absolute;
 left: 620px;
 top: 0px;
}
div#statusbox
{
 position:absolute;
 left: 400px;
 top: 10px;
}
div#inhalt
{
 position:relative;
 left: 220px;
 width: 380px;
 min-height: 570px;
 padding-top: 1px;
 padding-bottom: 10px;
}
div#inhalt a
{
  text-decoration:underline;
  color: #6B7073;
}
div#inhalt a:hover
{
  color: #005B36;
}
.aktuelles
{
  width: 182px;
  height: 33px;
}
.oben
{
  padding-left: 20px;
  padding-right: 25px;
  height: 33px;
  color: #ffffff;
  font: 12px/24px Arial, Helvetica, sans-serif;
  font-weight:bold;
  background: url(../images/layout/hg_box_oben_links.gif) no-repeat;
}
.mitte
{
  padding-left: 20px;
  padding-right: 25px;
  background: url(../images/layout/hg_box_mitte_links.gif) repeat-y;
}
.mitte a
{
 text-decoration: underline;
 color: #6B7073;
 font-weight: bold;
}
.mitte hr
{
	border: 1px solid #E2E2E2;
	border-bottom: 1px solid #6B7073;
}
.unten
{
  padding-left: 20px;
  height: 30px;
  background: url(../images/layout/hg_box_unten_links.gif) no-repeat;
}
.footer
{
  padding-left: 575px;
  
}

#chat {
    padding:0px 0px 0px 0px;
    text-align: center;
    margin:0px;
    width: 160px;
    height:40px;
    background:#1C6D4C;
    z-index:15;
    border-radius: 5px 5px 0px 0px;
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform-origin: bottom right;
    position: relative;
    right: 0px;
	
}
#chat p {
    color:#fff;
    display:inline-block;
    line-height:40px;
}
.toggler { width: 500px; height: 200px; position: relative; }
  #button { padding: .5em 1em; text-decoration: none; }
  #effect { position: relative; }
  .newClass { width: 240px;  padding: 1em; letter-spacing: 0; font-size: 1.2em; margin: 0; }
  .anotherNewClass { text-indent: 40px; letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; }

input:required + label::before {
    position: absolute;
    left: 300%;
    content: "★";
    color: red;
}
input:required:valid + label::before {
    content: "✔";
    color: green;
}