body {
	margin: 0;
	padding: 0;
	height: 100%; /* WICHTIG!!! UM DEN ANZEIGENBEREICH AUF 100% ZU STRECKEN */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	overflow-y:scroll;
	
	
}

html {
	background-color: #ffffff;
	height: 100%; /* WICHTIG!!! UM DEN ANZEIGENBEREICH AUF 100% ZU STRECKEN */
	/*overflow:hidden;*/
}

a {
	color:#000000; 
	text-decoration:none;
	}
a:hover, a:focus, a:active {
	color:#000000; text-decoration:none;
	}

h1{
	padding:0px;
	margin:0px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
	table-layout:fixed;
}

#wrapper {
	background-color: #FFFFFF;
	width: 980px;
	padding-left: 0px;
	margin: auto; /* Div soll zentriert werden */
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: auto !important; /* 100% Höhe im FF auch mit Scroll-leiste */
}

	
#seite {
	width: 980px;
	background-color: #ffffff;
	padding: 0px;
	margin: 0 auto;
	height:100%;
	overflow:hidden;
	}
	
#inhalt{
	padding:0px 15px;
	width:950px;
}

#header{
	width:950px;
	height:85px;

}

#navi{
	padding:47px 0px 0px 0px;
	width:645px; 
	height:25px;
	float:left;
}

#haupt_navi{
	font-size:12px;
	font-weight:normal;
	height:20px;
}

#unter_navi{
	font-size:10px;
	padding:1px 0px 0px 0px;
}

#sprache{
	padding:47px 0px 0px 25px;
	width:70px; 
	height:20px;
	font-size:12px;
	font-weight:normal;
	float:left;
}

#logo{
	padding:40px 0px 0px 12px;
	float:left;
	height:20px;
}

#header_bild{
	height:282px;
	width:950px;
}

#news_start{
	width:950px;
	margin:30px 0px 60px 0px;
}

.container_start{
	width:300px;
	background-color:#ffffff;
	float:left;
	margin-right:20px;
}

.container_start_kochzeit{
	width:310px;
	background-color:#ffffff;
	float:left;
}

.container_arbeiten{
	width:950px;
	background-color:#ffffff;
	margin-right:20px;
}

.container_arbeiten_right{
	width:310px;
	background-color:#ffffff;
	float:left;
}

.container_arbeiten_left{
	width:620px;
	background-color:#ffffff;
	float:left;
	margin-right:20px;
}


#footer{
	height:15px;
	width:950px;
	text-align:right;
	padding:0px 0px 30px 0px;
}

/* Accordeon */

.basic, #list2, #list3, #navigation { width:20em; }

.basic  {
	width: 300px;
	font-size:12px;
}
.basic div {
	background-color: #ffffff;
}

.basic p {
	margin-bottom:10px;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	margin:0px;
	padding:0px 0px 10px 5px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top:0;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	color:black;
	background-color:#ffffff;
	border-top:1px solid #999;
	
}
.basic a:hover {
	background-color:#ffffff;
}
.basic a.selected {
	color: black;
	background-color:#ffffff;
}



.basic_arbeiten, #list2, #list3, #navigation { width:20em; }

.basic_arbeiten  {
	width: 325px;
	font-size:12px;
}
.basic_arbeiten div {
	background-color: #ffffff;
}

.basic_arbeiten p {
	margin:0px;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	margin:0px;
	padding:0px 0px 0px 5px;
}
.basic_arbeiten a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top:0;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:black;
	background-color:#ffffff;
	border-top:1px solid #999;
	
}
.basic_arbeiten a:hover {
	background-color:#ffffff;
}
.basic_arbeiten a.selected {
	color: black;
	background-color:#ffffff;
}

/* Navigation */

ul {list-style:none;margin:0;padding:0;}

li.werbeagenturli {list-style:none;margin:0;padding:0;}
.englisch li.werbeagenturli {width:75px !important;}
li {float:left;width:125px;margin:0;padding:0;text-align:center;} {float:left;width:100px;margin:0;padding:0;text-align:center;}	
li a.werbeagentur {display:block;padding:2px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #000; color:#000000;}
li a.werbeagentur {background:url(../images/bg_werbeagentur.jpg) repeat 0 0;}
li a.werbeagentur:hover, li a.werbeagentur:focus, li a.werbeagentur:active {background-position:-150px 0; color:#ffffff;}
#a a.werbeagentur {background:url(../images/bg_werbeagentur.jpg) repeat 0 0;}

li.leistungenli {float:left;width:100px;margin:0;padding:0;text-align:center;}
.englisch li.leistungenli {width:80px !important;}
li a.leistungen {display:block;padding:2px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #000; color:#000000;}
li a.leistungen {background:url(../images/bg_leistungen.jpg) repeat 0 0;}
li a.leistungen:hover, li a.leistungen:focus, li a.leistungen:active {background-position:-150px 0; color:#ffffff;}
#a a.leistungen {background:url(../images/bg_leistungen.jpg) repeat 0 0;}

li.arbeitenli {float:left;width:85px;margin:0;padding:0;text-align:center;}
.englisch li.arbeitenli {width:80px !important;}
li a.arbeiten {display:block;padding:2px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #000; color:#000000;}
li a.arbeiten {background:url(../images/bg_leistungen.jpg) repeat 0 0;}
li a.arbeiten:hover, li a.arbeiten:focus, li a.arbeiten:active {background-position:-150px 0; color:#ffffff;}
#a a.arbeiten {background:url(../images/bg_leistungen.jpg) repeat 0 0;}

li.aktuellesli {float:left;width:90px;margin:0;padding:0;text-align:center;}
.englisch li.aktuellesli {width:55px !important;}
li a.aktuelles {display:block;padding:2px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #000; color:#000000;}
li a.aktuelles {background:url(../images/bg_leistungen.jpg) repeat 0 0;}
li a.aktuelles:hover, li a.aktuelles:focus, li a.aktuelles:active {background-position:-150px 0; color:#ffffff;}
#a a.aktuelles {background:url(../images/bg_leistungen.jpg) repeat 0 0;}

li.kontaktli {float:left;width:80px;margin:0;padding:0;text-align:center;}
.englisch li.kontaktli {width:80px !important;}
li a.kontakt {display:block;padding:2px 10px;height:100%;color:#FFF;text-decoration:none;border-right:0px solid #000; color:#000000;}
li a.kontakt {background:url(../images/bg_leistungen.jpg) repeat 0 0;}
li a.kontakt:hover, li a.kontakt:focus, li a.kontakt:active {background-position:-150px 0; color:#ffffff;}
#a a.kontakt {background:url(../images/bg_leistungen.jpg) repeat 0 0;}



li.faktenli {float:left;width:60px;margin:0;padding:0;text-align:center;}
.englisch li.faktenli {width:50px !important;}
li a.fakten {display:block;padding:1px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #000; color:#000000;}
li a.fakten {background:url(../images/bg_leistungen.jpg) repeat 0 0;}
li a.fakten:hover, li a.fakten:focus, li a.fakten:active {background-position:-150px 0; color:#ffffff;}
#b a.fakten {background:url(../images/bg_leistungen.jpg) repeat 0 0;}

li.philosophieli {float:left;width:90px;margin:0;padding:0;text-align:center;}
.englisch li.philosophieli {width:85px !important;}
li a.philosophie {display:block;padding:1px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #000; color:#000000;}
li a.philosophie {background:url(../images/bg_leistungen.jpg) repeat 0 0;}
li a.philosophie:hover, li a.philosophie:focus, li a.philosophie:active {background-position:-150px 0; color:#ffffff;}
#b a.philosophie {background:url(../images/bg_leistungen.jpg) repeat 0 0;}

li.teamli {float:left;width:50px;margin:0;padding:0;text-align:center;}
.englisch li.teamli {width:50px !important;}
li a.team {display:block;padding:1px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #000; color:#000000;}
li a.team {background:url(../images/bg_leistungen.jpg) repeat 0 0;}
li a.team:hover, li a.team:focus, li a.team:active {background-position:-150px 0; color:#ffffff;}
#b a.team {background:url(../images/bg_leistungen.jpg) repeat 0 0;}

li.magazinli {float:left;width:70px;margin:0;padding:0;text-align:center;}
.englisch li.magazinli {width:70px !important;}
li a.magazin {display:block;padding:1px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #000; color:#000000;}
li a.magazin {background:url(../images/bg_leistungen.jpg) repeat 0 0;}
li a.magazin:hover, li a.magazin:focus, li a.magazin:active {background-position:-150px 0; color:#ffffff;}
#b a.magazin {background:url(../images/bg_leistungen.jpg) repeat 0 0;}

li.jobsli {float:left;width:45px;margin:0;padding:0;text-align:center;}
li a.jobs {display:block;padding:1px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #000; color:#000000;}
li a.jobs {background:url(../images/bg_leistungen.jpg) repeat 0 0;}
li a.jobs:hover, li a.jobs:focus, li a.jobs:active {background-position:-150px 0; color:#ffffff;}
#b a.jobs {background:url(../images/bg_leistungen.jpg) repeat 0 0;}

li.sozialesli {float:left;width:150px;margin:0;padding:0;text-align:center;}
.englisch li.sozialesli {width:130px !important;}
li a.soziales {display:block;padding:1px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #000; color:#000000;}
li a.soziales {background:url(../images/bg_soziales.jpg) repeat 0 0;}
li a.soziales:hover, li a.soziales:focus, li a.soziales:active {background-position:-150px 0; color:#ffffff;}
#b a.soziales {background:url(../images/bg_soziales.jpg) repeat 0 0;}

li.kooperationli {float:left;width:110px;margin:0;padding:0;text-align:center;}
.englisch li.kooperationli {width:95px !important;}
li a.kooperation {display:block;padding:1px 10px;height:100%;color:#FFF;text-decoration:none;border-right:0px solid #000; color:#000000;}
li a.kooperation {background:url(../images/bg_soziales.jpg) repeat 0 0;}
li a.kooperation:hover, li a.kooperation:focus, li a.kooperation:active {background-position:-150px 0; color:#ffffff;}
#b a.kooperation {background:url(../images/bg_soziales.jpg) repeat 0 0;}



li.deli {float:left;width:30px;margin:0;padding:0;text-align:center;}
li a.de {display:block;padding:2px 5px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #000; color:#000000;}
li a.de {background:url(../images/bg_sprache.jpg) repeat 0 0;}
li a.de:hover, li a.de:focus, li a.de:active {background-position:-150px 0; color:#ffffff;}
#c a.de {background:url(../images/bg_sprache.jpg) repeat 0 0;}

li.enli {float:left;width:30px;margin:0;padding:0;text-align:center;}
li a.en {display:block;padding:2px 5px;height:100%;color:#FFF;text-decoration:none;border-right:0px solid #000; color:#000000;}
li a.en {background:url(../images/bg_sprache.jpg) repeat 0 0;}
li a.en:hover, li a.en:focus, li a.en:active {background-position:-150px 0; color:#ffffff;}
#c a.en {background:url(../images/bg_sprache.jpg) repeat 0 0;}



div.team1li {margin:10;padding:0;text-align:left;}
div a.team1 {padding:2px 10px;height:100%;color:#FFF;text-decoration:none; color:#000000;}
div a.team1 {background:url(../images/bg_leistungen.jpg) repeat 0 0;}
div a.team1:hover, div a.team1:focus, div a.team1:active {background-position:150px 0; color:#ffffff;}
#team a.team1 {background:url(../images/bg_leistungen.jpg) repeat 0 0;}


div.koopli {margin:10;padding:0;text-align:left;}
div a.koop1 {padding:2px 10px;height:100%;color:#FFF;text-decoration:none; color:#000000;}
div a.koop1 {background:url(../images/bg_soziales.jpg) repeat 0 0;}
div a.koop1:hover, div a.koop1:focus, div a.koop1:active {background-position:150px 0; color:#ffffff;}
#koop a.koop1 {background:url(../images/bg_soziales.jpg) repeat 0 0;}



li.impressumli {float:left;width:75px;margin:0;padding:0;text-align:center;}
li a.impressum {display:block;padding:2px 5px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #000; color:#000000;}
li a.impressum {background:url(../images/bg_leistungen.jpg) repeat 0 0;}
li a.impressum:hover, li a.impressum:focus, li a.impressum:active {background-position:-150px 0; color:#ffffff;}
#e a.impressum {background:url(../images/bg_leistungen.jpg) repeat 0 0;}

li.sitemapli {float:left;width:60px;margin:0;padding:0;text-align:center;}
li a.sitemap {display:block;padding:2px 5px;height:100%;color:#FFF;text-decoration:none;border-right:0px solid #000; color:#000000;}
li a.sitemap {background:url(../images/bg_leistungen.jpg) repeat 0 0;}
li a.sitemap:hover, li a.sitemap:focus, li a.sitemap:active {background-position:-150px 0; color:#ffffff;}
#e a.sitemap {background:url(../images/bg_leistungen.jpg) repeat 0 0;}



/* Background */
img.bgmaximage {
	position:fixed !important;
}

/* Arbeiten */
div.span-2 {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

div.span-2d {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

div.last {
	margin-right:0px;
}

.span-2 {
	width:182px;
}

.span-2d {
	width:73px;
}


fieldset, img {
	border:0;
}


a:link, a:visited, a:active {
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
a {
	border-bottom:0px dotted #999;
	color:#000000;
}


h2, .header-image{
	font-size:15px;
	margin-bottom:0;
}

.header-image .info, .project-thumb a span {
	position:absolute;
	bottom:0;
	left:0;
	background:#fff;
	padding-bottom:17px;
}

.project-thumb {
	display:block;
	height:91px;
	margin-bottom:4px;
	overflow:hidden;
	position:relative;
}

.project-thumb img {
	width:100%;
}

.project-thumb a span {
	display:none;
	color:#fff;
	bottom:auto;
	top:0;
	left:0;
	width:182px;
	height:91px;
}

.project-thumb a span span {
	width:182px;
	height:91px;
	padding:0;
	
}

a:hover, a.none, .inverted a {
	color:#000000;
	border-color:#fff;
}

.project-thumb h3{
	display:none;
}


.project-thumb a:hover span, .project-thumb a span span {
	display:block;
}


.header-image .info, .project-thumbd a span {
	position:absolute;
	bottom:0;
	left:0;
	background:#fff;
	padding-bottom:17px;
}


.project-thumbd {
	display:block;
	height:39px;
	margin-bottom:4px;
	overflow:hidden;
	position:relative;
}

.project-thumbd img {
	width:100%;
}

.project-thumbd a span {
	display:none;
	color:#fff;
	bottom:auto;
	top:0;
	left:0;
	width:73px;
	height:37px;
}

.project-thumbd a span span {
	width:73px;
	height:37px;
	padding:0;
	
}

a:hover, a.none, .inverted a {
	color:#000000;
	border-color:#fff;
}

.project-thumbd h3{
	display:none;
}


.project-thumbd a:hover span, .project-thumbd a span span {
	display:block;
}

/*SLIDESHOW Soziales*/
#slideshow {
    position:relative;
    height:371px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:0.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/** 
 * Slideshow style rules.
 */
#slideshow2 {
	margin:0 auto;
	width:950px;
	height:282px;
	position:relative;
}
#slideshow2 #slidesContainer {
  margin:0 auto;
  width:950px;
  height:282px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow2 #slidesContainer .slide {
  margin:0 auto;
  width:950px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:282px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:80px;
  height:293px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:200;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/control_right.png) no-repeat 0 0;
}

#pageContainer {
  margin:0 auto;
  width:950px;
}
.slide img {
  float:right;
}


/*
	Sitemap Styler 	 
*/

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap{}
#sitemap li{
	line-height:200%;
	margin-right:1px;
	background:#d6d6d6;
	float:left;
	text-align:left;
}
#sitemap li a{padding-left:10px;}
#sitemap li span{float:left;position:absolute;top:5px;left:2px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url() no-repeat 0 0;} 
#sitemap li span.expanded{background:url() no-repeat 0 0;}

/* second level */

#sitemap li li{
	clear:both;
	width:100%;
	background:#fff;
	margin-right:0;
	margin-bottom:1px;
}
#sitemap li li span, #sitemap li li span.collapsed{background:url() no-repeat 0 0;} 
#sitemap li li span.expanded{background:url() no-repeat 0 0;}

/* third level */

#sitemap li li li{
	background:#fff;
}
#sitemap li li li a{color:#999;font-size:90%;}

/* float fix */

#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/*  \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
 /*  */
#sitemap ul{display:none;}


#jFlowSlide{ background-color:#cccccc; background-image: url(../images/magazin_bg.jpg); background-repeat: no-repeat; font-family: arial;}
#myController {font-family: arial; background-color:#666666;}
#myController span.jFlowSelected {background-image:url(../images/arbeiten_zaehler_o.png); background-repeat: no-repeat;}

.slide-wrapper { padding:0px; overflow:hidden; }
.slide-thumbnail { width:950px; float:left; }
.slide-thumbnail img {max-width:950px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {}