body {
  margin: 0;
  padding: 0;
  background: #C0C0C0;
  height: 98%;
  padding-top:32px;
  text-align: center;
}

#site {
  margin: auto auto;
  position: relative;
  background: #FFF;
  width: 900px;
  padding-top: 386px;
  padding-bottom: 20px;
  text-align: left;
  height: 800px; /* for MAC IE */
}

/* Hides from IE-mac \*/
  #site {height: auto;}
/* End hide from IE-mac */


#rubrik {
  position: absolute;
  left: 638px;
  top: 367px;
  width: 150px;
  height: 20px;
}

#logo {
  position: absolute;
  right: 8px;
  top: 41px;
  width: 200px;
  height: 110px;
  background: url(../img/site/logo_outline_200.gif) no-repeat;
}

#logo.logostart {
  position: absolute;
  right: 8px;
  top: 41px;
  width: 626px;
  height: 355px;
  background: url(../img/site/logo_start.gif) no-repeat;
}

#logo a, #rubrik a {
  display: block;
  height: 100%;
  width: 100%;
} 

#logocf {
  position: absolute;
  right: 0px;
  top: 141px;
  width: 112px;
  height: 20px;
  background: url(../img/trans/Transp_ContentForm.gif) no-repeat top left;  
}

#logocf.cfstart {
  top: 390px;
  right: 120px;
}

#logo p, #logo a span,#footer p, #rubrik a span, #rubrik p, #logostart p {
  position: absolute;
  top: -1999px;
  left: -1999px;
}

#mediacont {
  position: absolute;
  left: 200px;
  top: 101px;
  color: blue;
  border: 1px solid #000;
  width: 400px;
  height: 267px;
  overflow: hidden;
}

#nav {
  position: absolute;
  top: 370px;
  left: 10px;
  width: 150px;
}


#nav *, #subnav * {
  margin: 0;
  padding: 0;
}

#nav ul, #subnav ul {
  list-style-type: none;
}

#nav li {
  /*overflow: hidden; */ /* ???? */
}

#nav li a {
  display: block;
  width: 150px;
  height: 20px;  
  margin-bottom: 1px;
  background: url(/atelier-goral/img/grue/fotografie.gif) no-repeat;
  text-decoration: none;
}

#nav span {
  display: none;
}

#subnav ul, #subnav p {
  margin: 8px;
}

#subnav li {
  margin-bottom: 5px;
}

#subnav, #subnav li a {
  color: #003267;
  text-decoration: none;
}

#subnav li a:HOVER {
  text-decoration: underline;
}

#subnav li strong {

}

#main {
  margin: 0px 10px 20px 200px;
  /*overflow: hidden;*/
  min-height: 300px;
  height: 300px;
  font: 0.68em Arial;
}


#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#main { /* MAC IE */
  display: inline-block;
}

/* Hides from IE-mac \*/
#main {display: block;}

html>body #main { 
  height: auto;
}
/* End hide from IE-mac */



#content {
  padding-top: 0px;
  float: left;
  width: 400px;
  line-height: 1.5em;
}

#content h1 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}

#content p {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}

#content #download {
  margin-top: 1.0em;
}

#content #fotostrecke {
  margin-top: 1.0em;
}

#content a {
  color: #003267;
  text-decoration: underline;
}

#content form label {
  float: left;
  clear: left;
  display: block;
  width: 80px;
  margin-top: .6em;
}

#content form input {
  float: left;
  margin-top: .5em;
  font-size: 1em;
}

#content form .submit {
  clear: left;
  margin-left: 80px;
  margin-top: 1em;
  font-size: 1.2em;
}

#content form#vm .submit {
  margin-left: 0px;
}

#content .fehler, #content .form1, #content .form2 {
  padding-left: 100px;
  position: relative;
}

#content form#vm label {
  float: none;
  position: absolute;
  top: 0px;
  left: 4px;
}


#content form .formelement input {
  float: none;
}

#content .fehler {
  border-top: 1px solid red;  
  border-bottom: 1px solid red;  
  background-color: #eee;
  color: red;
  margin: .5em 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

#content .errorlogin {
  border: 5px solid red;
  padding: 10px;
  margin: 1em 0;
  font-size: 1.2em;
}

#subnav {
  float: right; 
  width: 250px;
  height: 200px;
  background: #CCCC99;
  margin-top: 2px;
}


#footer {
  position: absolute;
  bottom: 13px;
  left: 7px;
  background: url(../img/trans/Transp_Atelier_Goral.gif) no-repeat;
  width: 150px;
  height: 20px;
}




/* Runde Ecken */

#site #cor1,#site #cor2,#site #cor3,#site #cor4 {
  position: absolute;
  height: 15px;
  width: 15px;
}

#site #cor1 {
  top: 0px;
  left: 0px;
  background: url(../img/site/cor1.gif) no-repeat;
} 

#site #cor2 {
  top: 0px;
  right: 0px;
  background: url(../img/site/cor2.gif) no-repeat;
} 

#site #cor3 {
  bottom: 0px;
  left: 0px;
  background: url(../img/site/cor3.gif) no-repeat bottom;
} 

#site #cor4 {
  bottom: 0px;
  right: 0px;
  background: url(../img/site/cor4.gif) no-repeat bottom;
}