body, html {
   background: #eee;
}

#wrapper {
   position: relative;
   width: 64em;
   margin: 2em auto;
   min-width: 50em;
   max-width: 100%;
}

#background {
   background: url("images/bg.png") no-repeat #fafafa;
   border: 3px solid #0a639b;
   -moz-border-radius: 25px;
   -webkit-border-radius: 25px;
   overflow: hidden;
}


/******************** Header ********************/

#header {
   float: left;
   height: 150px;
   width: 600px;
   margin: 1.25em 0 0 0;
   padding: 0;
   position: relative;
}

#bild {
   position: relative;
   top: -1.5em;
   background: url("images/bild0.png") no-repeat;
   height: 310px;
   margin-bottom: -90px;
}

#video {
   position: relative;
   background: #fafafa;
   border: 3px solid #0a639b;
   width: 320px;
   height: 250px;
   top: 200px;
   left: 130px;
   overflow: hidden;
   /* 190 130 oder 170 440 */
}

#news {
   position: absolute;
   background: #fafafa;
   border: 3px solid #0a639b;
   bottom: 45px;
   right: 25px;
   overflow: hidden;
   text-align: center;
}
#news h1 { font-size: 2.2em; margin: 15px; padding: 0; }
#news p { font-size: 1.4em; margin: 15px; padding: 0; }


/******************** End Header ********************/



/******************** Navigation ********************/

#navi {
   float: right;
   width: 350px;
   margin: 1em 0 2em 0;
   position: relative;
}
#navi li {
   position: relative;
   list-style: none;
   margin: 0 0.66em;
   padding: 0 0.33em;
   font-size: 1.2em;
   font-family: Arial;
   line-height: 1.2em;
}
#navi .info { line-height: 1.5em; font-size: 0.8em; position: absolute; right: 0; color: #0a639b; margin-right: 1em; }
#navi .right { text-align: right; }
#navi .right .info { position: absolute; left: 0; text-align: left; margin-left: 1em; }
#navi a, #navi a:link, #navi a:active, #navi a:visited, #navi a:hover { color: #000; text-decoration: none; font-weight: normal; }
#navi li.current, #navi li.current:hover, #navi li:hover { font-style: italic; letter-spacing: 0.2em; }
#navi li.current .info, #navi li:hover .info { letter-spacing: 0; }

/******************** End Navigation ********************/



/******************** Main ********************/

#main {
   padding: 1.25em;
   line-height: 1.5em;
   position: relative;
}

/******************** End Main ********************/



/******************** Footer ********************/

#footer {
   margin: 1.25em 0 0 0;
   padding: 0.5em 1.25em;
   height: 1em;
   background: #fafafa;
   border: 2px solid #0a639b;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

/******************** End Footer ********************/



/******************** Legal ********************/

#legal {
   margin: 1.25em 0;
   padding: 0 1.25em;
   height: 1em;
}

/******************** End Legal ********************/



/******************** Formatting ********************/

#admin {
   position: fixed;
   bottom: 0.1em;
   right: 0.1em;
   z-index: 0;
   opacity: 0.2;
   text-align: center;
}
#admin img { margin: 0.1em; }

.images {
   display: inline-block;
   background: #eee;
   padding: 15px;
   margin: 5px;
}

h1 {
   margin-left: 100px;
}

#contactdata { float: left; height: 420px; margin-right: 7em; }

.notification_error { border: 5px solid #ff0000; padding: 1em; }

img, div { behavior: url("iepngfix.htc") }

/******************** End Formatting ********************/
