body{background-color:#FFFFFF; margin:0em; color:black; font-family:Arial, Helvetica, sans-serif; width:100%; font-size:10px; }
#wrapper, #moodimage{ width:859px; margin:auto;}

body{ quotes:none; }

#logo{ margin-left:10px; margin-top:83px; margin-bottom:5px;}
#moodimage{ height:244px; border-top:dotted 1px black; border-bottom:dotted 1px black; color:white;}
#moodimage #logo{ margin-left:108px; margin-top:101px; position:absolute;}
#moodimage #lang-menue{ left:auto; top:auto; margin:84px 0em 0em 552px;}
#moodimage #lang-menue li {height:13px; overflow:hidden; margin-bottom:41px; width:105px;}
#moodimage #lang-menue a{width:105px; margin-bottom:41px; overflow:hidden;}

.index #moodimage{ margin-top:126px; margin-left:auto; margin-right:auto;}
.home #moodimage{ background-image:url(files/home.jpg);}
.head #moodimage{ background-image:url(files/head.jpg);}
.fieldsofwork #moodimage{ background-image:url(files/fieldsofwork.jpg);}
.clients #moodimage{ background-image:url(files/clients.jpg);}
.hotshops #moodimage{ background-image:url(files/hotshops.jpg);}
.contact #moodimage{ background-image:url(files/contact.jpg);}
.showreel #moodimage{ background-image:url(files/showreel.jpg);}

a{color:#999999;text-decoration:none;}
a:hover{color:black;text-decoration:none;}


#moodimage{font-size:24px;}

/* für das zitat im moodimage */
#moodimage q{ display:block;font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;margin-left:2em;margin-top:3.5em;width:60%;}
#moodimage cite{margin-left:10em;font-family:Georgia, "Times New Roman", Times, serif; font-size:0.8em; display:none;}

h2{font-size:18px; font-weight:normal; text-transform:uppercase;}
h3{ font-size:1.1em; font-weight:normal; text-transform:uppercase;}
h2:first-child{ margin-top:32px;}
#content {font-size:14px; line-height:1.5em; margin-left:0px; overflow:visible;}

h4{font-weight:normal;}

#prime-menue{ position:absolute; top:96px; margin-left:397px; padding-left:0em; height:7px; margin-top:0em;}

#prime-menue li{ background-color:#666666; height:7px; float:left; list-style:none; margin-left:0em; overflow:hidden;}

#prime-menue li a{ padding-top:7px; display:block;}

#prime-menue li:hover{background-color:black;}

address{font-style:normal;}

#prime-menue #item_head{background-image:url(files/menue/item_head.gif); width:53px;}
#prime-menue #item_hotshops{background-image:url(files/menue/item_hotshops.gif); width:87px;}
#prime-menue #item_showreel{background-image:url(files/menue/item_showreel.gif); width:85px;}
#prime-menue #item_contact{background-image:url(files/menue/item_contact.gif); width:48px;}
#prime-menue #item_fieldsofwork{background-image:url(files/menue/item_fieldsofwork.gif); width:117px;}
#prime-menue #item_clients{background-image:url(files/menue/item_clients.gif); width:70px;}


#prime-menue #item_home{background-image:url(files/menue/item_home.gif); width:70px; position:absolute; top:-51px; left:-386px; background-color:black; display:block; height:0px; padding-top:7px; overflow:hidden; width:28px;}


#lang-menue{ margin:0em; padding:0em; position:absolute; top:375px; margin-left:837px; padding-left:0em; height:7px; margin-top:0em;}
#lang-menue li{margin:0em; padding:0em; list-style:none;}
#lang-menue a {margin:0em; padding:0em;width:22px; height:0px; display:block; overflow:hidden; padding-top:13px; display:block;}
#lang-menue a#en{background-image:url(files/menue/en.jpg);}
#lang-menue a#de{background-image:url(files/menue/de.jpg);}

#moodimage a#en{background-image:url(files/menue/en.gif);}
#moodimage a#de{background-image:url(files/menue/de.gif);}

.no-item li{padding-left:0em; margin-left:0em;}
ul.no-item{list-style:none; padding-left:0em; margin-left:0em;}


#contact_form{ width:386px; float:right; margin-left:3em;}
#contact_form #email{ background-color:#E5E5E5;}

input{background-color:green; height:19px;}
label{width:70px; display:block; float:left; margin-bottom:1px; height:19px; margin-bottom:3px; clear:left;}
input, textarea{width:301px;float:right;border:none; background-color:#CCCCCC; margin-top:1px; font-family:inherit; font-size:14px;}

textarea{ height:179px; overflow:auto;}

ul{padding-left:0em; margin-left:1em;}
ul li{margin-left:0em; padding-left:0em;margin-bottom:0.2em; list-style-type:square; }

.movie-container{  width:320px; height:295px; margin-bottom:1em; margin-top:2em;}

.button{ width:71px; clear:both; float:right;}

p{text-align:justify;}

a img{border:none;}

small{font-size:9px; display:block; width:234px; float:left; margin-right:28px; margin-bottom:28px;	}
small dl{width:234px; display:block;clear:both; margin-top:0px;}
small dt{float:left;  width:80px; margin:0px; padding:0px;}
small dd{float:right; width:154px;margin:0px; padding:0px;}

.clear{clear:both;}

div#loom {
background-image:url(loom.png);
height:15px;
left:1em;
opacity:0.7;
overflow:hidden;
position:absolute;
top:1em;
width:21px;
}

div#loom p {
margin-left:37px;
}

div#loom a {
height:15px;
left:0em;
position:absolute;
top:0em;
width:21px;
}