@charset "utf-8";
/* CSS Document */

body {
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
color:#000;

background-color:#FFF;

margin:0px;
padding:0px;
}

.header_container {
/* background-image:url(../img/sample_download_03.jpg);
background-repeat:no-repeat;
background-position:20px 15px;

background-color:#330099; */

height:60px;
width:1211px;

text-align:left;
clear:left;
z-index:3;
}

.header_container img {
margin:15px 0px 0px 15px;
}

.picture {
background-image:url(../img/home_pic.jpg);
background-repeat:no-repeat;
background-position:right top;

height:250px;
width:1211px;

padding:530px 0px 0px 0px;
}

.logo {
margin:0px;
padding:165px 0px 0px 364px;

background-image:url(../img/logo.gif);
background-position:24px 0px;
background-repeat:no-repeat;

/* background-color:#00CCCC; */

height:85px;
width:831px;

display:block;
}

*+html .logo {
padding:165px 0px 0px 380px;
background-position:40px 0px;
}

*html .logo {
padding:165px 0px 0px 380px;
background-position:40px 0px;
}

/* 	SAFARI HACK START
#logo {
background-position:24px 0px;
padding:165px 0px 0px 364px;
#
}
	SAFARI HACK ENDE*/

.navigation {
height:85px;
width:829px;

/* background-color:#00FF00; */
text-align:left;
}

.navigation ul {
margin:0px 0px 0px 0px;
padding:35px 0px 0px 0px;

height:50px;
width:829px;

list-style:none;
}

.navigation ul li{
padding:0px;
margin:0px 15px 0px 15px;


display:block;
float:left;
}

.navigation ul li a{
padding:1px 15px 1px 15px;

border:1px solid #FFF;
}

.navigation ul li a span{
display:none;
}

/*.navigation ul li a:hover {
border:1px solid #000;
}*/

.navigation ul li a.storyboards {
background-image:url(../img/navi/storyboards.gif);
background-repeat:no-repeat;
background-position:14px 1px;

height:12px;
width:106px;
display:block;
}

.navigation ul li a.storyboards {
background-image:url(../img/navi/storyboards.gif);
background-repeat:no-repeat;
background-position:14px 1px;

height:12px;
width:106px;
display:block;
}

.navigation ul li a:hover.storyboards, .navigation ul li a.storyboards_active {
background-image:url(../img/navi/active/active_storyboards.gif);
background-repeat:no-repeat;
background-position:15px 1px;

height:12px;
width:106px;
display:block;

border:1px solid #b8c382;
}

.navigation ul li a.visuals {
background-image:url(../img/navi/visuals.gif);
background-repeat:no-repeat;
background-position:15px 1px;

height:12px;
width:62px;
display:block;
}

.navigation ul li a:hover.visuals, .navigation ul li a.visuals_active {
background-image:url(../img/navi/active/active_visuals.gif);
background-repeat:no-repeat;
background-position:15px 1px;

height:12px;
width:62px;
display:block;

border:1px solid #f4ab41;
}

.navigation ul li a.archiv {
background-image:url(../img/navi/archiv.gif);
background-repeat:no-repeat;
background-position:15px 1px;

height:12px;
width:60px;
display:block;
}

.navigation ul li a:hover.archiv, .navigation ul li a.archiv_active {
background-image:url(../img/navi/active/active_archiv.gif);
background-repeat:no-repeat;
background-position:15px 1px;

height:12px;
width:60px;
display:block;

border:1px solid #c1bd97;
}

.navigation ul li a.cartoons {
background-image:url(../img/navi/cartoons.gif);
background-repeat:no-repeat;
background-position:14px 1px;

height:12px;
width:84px;
display:block;
}

.navigation ul li a:hover.cartoons, .navigation ul li a.cartoons_active {
background-image:url(../img/navi/active/active_cartoons.gif);
background-repeat:no-repeat;
background-position:15px 1px;

height:12px;
width:84px;
display:block;

border:1px solid #f3a1ee;
}

.navigation ul li a.art {
background-image:url(../img/navi/art.gif);
background-repeat:no-repeat;
background-position:14px 1px;

height:12px;
width:32px;
display:block;
}

.navigation ul li a:hover.art, .navigation ul li a.art_active {
background-image:url(../img/navi/active/active_art.gif);
background-repeat:no-repeat;
background-position:14px 1px;

height:12px;
width:32px;
display:block;

border:1px solid #598153;
}

.navigation ul li a.kontakt {
background-image:url(../img/navi/kontakt.gif);
background-repeat:no-repeat;
background-position:15px 1px;

height:12px;
width:70px;
display:block;
}

.navigation ul li a:hover.kontakt {
border:1px solid #000;
}



/* ###### UNTERSEITE START ###### */

.footer {
position:relative;

top:-120px;
left:0px;

width:1211px;
height:auto;

clear:left;
z-index:2;
}

* html .footer {
margin-top:-60px;
}


.logo_unterseite {
height:244px;
width:359px;

float:left;
}

.logo_unterseite img{
margin: 0px 0px 0px 40px;
}

.nav_unterseite {
float:left;

margin:165px 0px 0px 22px;
}

* html .nav_unterseite {
margin:165px 0px 0px 20px;
}

.content {
height:650px;
width:1211px;

text-align:left;
clear:left;
z-index:3;
}

.teaser_container {
height:710px;
width:800px;

margin: 0px 0px 0px 386px;
clear:left;
}

.teaser_box {
height:125px;
width:160px;

float:left;
/*background-color:#3300CC;*/
}

/* ###### UNTERSEITE ENDE ###### */

.left_box {
width:376px;
height:auto;
float:left;

padding:580px 0px 0px 30px;
}

.picture_container {
position:relative;
height:870px;
width:800px;

margin: 0px;

float:left;

top:-40px;
/*left:-30px;*/
}

.bg_archiv {
background-color:#d4d2bd;
}

.bg_storyboards {
background-color:#d0d8b1;
}

.bg_visuals {
background-color:#f0aa57;
}

.bg_cartoons {
background-color:#f5b0f1;
}

.picture_box {
height:200px;
width:270px;

margin:0px 0px 5px 10px;

/* background-color:#990066; */

float:left;
}

.picture_box_6 {
height:270px;
width:360px;

margin:0px 0px 5px 10px;

/* background-color:#990066; */

float:left;
}

.next_pic_navi {
height:40px;
width:650px;

margin:0px;
padding:0px;

float:left;
}

.subsite_description {
float:left;
margin-top:5px;
width:135px;
text-align:center;
}

.next_pic_navi ul {
margin:0px;
padding:0px;
}

.next_pic_navi li {
float:left;
list-style:none;
margin: 10px 0px 0px 20px;
}

.next_pic_navi ul li a.schliessen {
height:20px;
width:91px;

display:block;
background-image:url(../img/navi/navi__schliessen.png);
background-repeat:no-repeat;
}

* html .next_pic_navi ul li a.schliessen {
	background:url();
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/navi/navi__schliessen.png', sizingMethod='scale');
	cursor:pointer;
}

.next_pic_navi ul li a.letztes {
height:20px;
width:65px;

display:block;
background-image:url(../img/navi/navi__letztes.png);
background-repeat:no-repeat;
}

* html .next_pic_navi ul li a.letztes {
	background:url();
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/navi/navi__letztes.png', sizingMethod='scale');
	cursor:pointer;
}

.next_pic_navi ul li a.naechstes {
height:20px;
width:85px;

display:block;
background-image:url(../img/navi/navi__naechstes.png);
background-repeat:no-repeat;
}

* html .next_pic_navi ul li a.naechstes {
	background:url();
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/navi/navi__naechstes.png', sizingMethod='scale');
	cursor:pointer;
}

/* ------------------------------------------------- */


.left_box_with_movie {
width:386px;
height:auto;
float:left;

padding:200px 0px 0px 20px;
}

#workingexample {
margin:200px 0px 125px 0px;
text-align:left;
width:321;
}

*+html #workingexample {
margin:200px 0px 128px 0px;
}

*html #workingexample {
margin:200px 0px 128px 0px;
}

.fruchtanimatic {
position:absolute;
left:62px;
}

*html .fruchtanimatic {
left:73px;
}