body{position:relative;font-size:11px;font-family:verdana;padding:0px;margin:0px;background-image:url("../image/bg.png");background-repeat:repeat-x;height:1024px;}

a{color:black;text-decoration:none;}
ul {list-style:none;}
.nav,#com *,.nav h1 {    -webkit-border-radius: 2px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.shadow {box-shadow: 1px 2px 2px #888;}
img.background {position:absolute;top:0px;left:0px;width:100%;z-index:1;}
h4{text-align:center;}
h4.error{color:red ! important;}
#box{position:relative;margin:auto;top:50px;background-repeat:no-repeat;border:0px black solid;width:800px;height:600px;z-index:2;}
#logo{display:block;background-image:url("../image/logo.png");height:77px;width:120px;}
.quick {top:290px;position:absolute;left:0px;opacity:0.3;padding-left:5px;}
.quick:hover{opacity:1;}
.quick a {display:block;clear:both;}

li {border:1px transparent solid;}
#nav1.nav{overflow:hidden;}
.nav {padding:10px;position:absolute;display:block;width:150px;height:136px;border:1px darkgrey solid;opacity:1;font-weight:bold;}
h2 {margin:0px;color:darkred;}
.facts b {color:darkred;}
.facts li {border-bottom:1px black dotted;}
h2 p {font-size:12px;}
video{position:relative;width:100%;height:320px;top:-5px;}
.nav:hover video{opacity:1;}

.facts {list-style:none ! important;padding:0px;width:100%;height:800px;margin:auto ! important;border:0px black solid ! important;}
.facts li {text-align:right;margin:0px ! important;padding:0px ! important; }
.nav h1,#highlight h1{position:absolute;bottom:10px;left:0px;width:100%;}
b {display:block;width:220px;float:left;border:0px black solid;font-size:11px;text-align:left ! important;}
.bach {background-image:url("../image/highlight.jpg");}
.produkt {background-image:url("../image/produkt.jpg");}
.image {background-image:url("../image/imagefilm.jpg");}
.profil {background-image:url("../image/profil.jpg");}
.event {background-image:url("../image/event.jpg");}

div.opacity {position:absolute;width:100%;height:50px;background-color:black;opacity:0.5;}
div.caption {position:absolute;width:100%;height:100%;opacity:1;padding-left:7px;padding-top:3px;font-size:15px;color:white;font-weight:normal;text-shadow: #000000 1px 2px 5px;}


#highlight h1 div.caption{background-color:#DBDBDB;color:white;}
#highlight{background-position:0px -30px;}
#nav1{left:0px;top:100px;}
#nav2{left:0px;top:280px;}
#nav3{left:190px;top:100px;}

#nav1 h1 div.opacity {background-color:#A8A883;}
#nav2 h1 div.opacity {background-color:#4E7387;}
#nav3 h1 div.opacity {background-color:#8386A8;}
#nav4 h1 div.opacity {background-color:#874E4E;}
#highlight h1 div.opacity{background-color:#8DA883;}

#portfolio span {font-size:10px ! important;}
#portfolio li {margin-bottom:20px ! important;}
#portfolio {list-style:none ! important;padding:0px;height:1000px ! important;}
#portfolio h2{font-size:12px;margin:0px;color:black;}
#portfolio li:nth-child(odd){background-color:lightgrey;}
#highlight{left:390px;top:280px;width:390px;background-image:url("../image/highlight.jpg");opacity:1;}

#message{left:190px;top:100px;width:590px;min-height:685px;opacity:1;padding-top:0px;padding-left:10px;font-weight:normal;line-height:23px;border:0px;box-shadow: 0px 0px 0px #888;}
#message ul {list-style:circle;}
#message ul li {margin-bottom:5px;padding:5px;}
#message span{color:black;font-size:14px;position:relative;top:0px;font-weight:bold;text-shadow: #E3E378 2px 5px 5px;}
#message p {margin-top:0px;}
#portfolio span {text-shadow: yellow 0px 0px 0px;}
label {display:block;}
input,textarea{display:block;width:482px;background-color:lightgrey;border:0px;padding:5px;font-weight:bold;border-bottom:1px lightgrey solid; background: -moz-linear-gradient(0% 6% 270deg,#E0E0E0, #ffffff);}
textarea {height:200px;}


img {margin-top:10px;}



.submit {width:140px;}