/********************************************************************************
* ESSENTIAL */

* {
	margin: 0;
	padding: 0;
	border-width: 0px;
}

.preload {            
	margin:-1px 0 0 0; 
	padding:0;
    height:1px; 
	overflow:hidden;
	display: none;
}

img {
	border: 0px;
}

/********************************************************************************
* PAGE */

body {
	background-position: 839px;

	font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
}


/**************
* HEADER */

html>body #header { position: fixed; }

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 180px;
	z-index:10;
	padding: 0;
}

#logo {
	z-index: 11;
	position: absolute;
	width: 440px;
	height: 79px;
	margin: 0 0 31px -220px;
	padding: 0;
	left: 50%;
	top: 60px;
}


#slide-under {
	z-index: 9;
	position: absolute;
	background-image: url(../c_images/menu-bg-slide-under.png);
	height: 160px;
	width: 870px;
	margin: 0 0 0 -436px;
	left: 50%;
	top: 19px;
}

/*************
*Kochbuch ansehen*/

#book {
	z-index: 200;
	position: absolute;
	width: 100%;
	margin: auto;
	min-height: 100%;
	height:auto !important;
	height:100%;
	overflow: hidden !important;
	background-image: url(../c_kochbuch/book-bg.png);
	display: none;
}
#book_tisch {
	z-index: 20000;
	position: absolute;
	width: 100%;
	margin: auto;
	min-height: 100%;
	height:auto !important;
	height:100%;
	overflow: hidden !important;
	background-image: url(../c_kochbuch/book-bg.png);
	display: none;
}


/**************
* CONTENT */

#content {
	padding: 185px 0 0;
	margin: 0 auto;
	text-align: left;
}


html>body #index_footer_starter { position: fixed; }

#index_footer_starter {
	position: absolute;
	height:125px;
	width:100%;
	border-top:1px solid #d3d2ce;
	background-color:#fff;
	z-index:101;
	bottom: 0px;
	left: 0;
}

#index_footer_starter2 {
	position:fixed;
	height:50px;
	width:100%;
	background-color:#FFF;
	z-index:101;
	bottom: 0px;
	margin-left: auto;
	margin-right: 20px !important;
}

#index_footer_starter_wrap {
	position: absolute;
	width: 820px;
	left: 50%;
	margin: 0 0 0 -410px;
}


/********************************************************************************
* MENU */

#menu,
#menu_beige {
	z-index: 10;
	position: absolute;
	margin: 0 auto 0 -215px;
	width: 430px;
	height: 24px;
	left: 50%;
	top: 16px;
}

#menu ul,
#menu_beige ul {
	display: block;
	list-style-type: none;
	width: 429px;
	height: 24px;
}

#menu ul li,
#menu_beige ul li
{
	width: 4px;
	height: 24px;
	float: left;
	margin: 0;
	padding: 0;
}

/**********************
* MENU  Buttons */

#menu #menu_home,
#menu_beige #menu_home {
	width: 58px;
}

#menu #menu_home a,
#menu_beige #menu_home a {
	display: block;
	margin: 0;
	padding: 0;
	width: 58px;
	height: 24px;
}


#menu #menu_fakten,
#menu_beige #menu_fakten {
	width: 71px;
}

#menu #menu_fakten a,
#menu_beige #menu_fakten a {
	display: block;
	margin: 0;
	padding: 0;
	width: 71px;
	height: 24px;
}

#menu #menu_team,
#menu_beige #menu_team {
	width: 55px;
}

#menu #menu_team a,
#menu_beige #menu_team a {
	display: block;
	margin: 0;
	padding: 0;
	width: 55px;
	height: 24px;
}


#menu #menu_arbeiten,
#menu_beige #menu_arbeiten {
	width: 92px;
}

#menu #menu_arbeiten a,
#menu_beige #menu_arbeiten a {
	display: block;
	margin: 0;
	padding: 0;
	width: 92px;
	height: 24px;
}


#menu #menu_jobs,
#menu_beige #menu_jobs {
	width: 50px;
}

#menu #menu_jobs a,
#menu_beige #menu_jobs a {
	display: block;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 24px;
}


#menu #menu_kontakt,
#menu_beige #menu_kontakt {
	width: 83px;
}

#menu #menu_kontakt a,
#menu_beige #menu_kontakt a {
	display: block;
	margin: 0;
	padding: 0;
	width: 83px;
	height: 24px;
}


#menu #menu_trenner,
#menu_beige #menu_trenner {
	height: 24px;
}

#menu #menu_trenner a,
#menu_beige #menu_trenner a {
	display: block;
	margin: 0;
	padding: 0;
	width: 4px;
	height: 24px;
}

/*******************************************************
* OLD STYLE */


#logo
{
	width: 478px;
	height: 65px;
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	background-color: #f5f4ef;

}
#menu a strong, #menu_br a strong
, #menu_beige a strong
{
	display: none;
}

#navigation {
	position: absolute;
	width: 500px;
	margin-right: auto;
	margin-left: -250px;
	z-index: 5000;
	left: 50%;
	height: 150px;
}

/********************************************************************************
* TEXANISCHE KÜCHE */

.seiten {
	position: relative;
	overflow: visible;
}

.box-overlay {
	cursor: pointer;
	position: relative;
	display: none; 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

.zana-sagt {
	position: absolute;
	width:367px; 
	height:385px;
	z-index:5000
}

.button-sound {
	position: absolute;
	z-index:7900
}


/********************************************************************************
* */
#intro {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	/*left: -223px;*/
}
#intro ul, #intro li{ 
		margin:0;
		padding:0;
		list-style:none;
		}	
#intro #templates{
	height:649px;
	/*width:696px;*/
		margin-left:5px;
	overflow:hidden;
	position:relative;
	margin: 0px auto;
}	

#intro ul{
	height:649px;
}	

#intro li {
	float:left;
	display:inline;
	height:659px;
	width:1024px;
}	



#intro span {
	display:block;
	width:41px;
	height:41px;
	position:absolute;
	top:360px;
	z-index: 15001;
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent:-8000px;
}	

#intro #overlay_link {
	z-index: 15000;
	position: absolute;
	width: 694px;
	height: 100%;
}

#intro #overlay_link.next {
	top: 50px;
	left: 0;
}

#intro #overlay_link a {
	position: absolute;
	border: 0;
	outline: none;
	width: 694px;
	height: 100%;
}

#intro #overlay_book_link {
	z-index: 15001;
	position: absolute;
	width: 330px;
	height: 539px;
}

#intro #overlay_book_link img {
	width: 100%;
	height: 100%;
}

#intro #overlay_book_link.next {
	top: 110px;
	right: 0;
}

#intro #overlay_book_link a {
	position: absolute;
	border: 0;
	outline: none;
	width: 330px;
	height: 539px;
}

#intro span.next { 
	/*left:701px;*/
	right: 50px;
}

#intro span.prev { 
	/*left:701px;*/
	left: 50px;
}

#intro span.prev a {
	display:block;
	width:41px;
	height:41px;
	background:url(../c_images/pfeil_prev.png) no-repeat 0 0;
}

#intro span.next a {
	display:block;
	width:41px;
	height:41px;
	background:url(../c_images/pfeil_next.png) no-repeat 0 0;
}


#muster {
	background-image: url(../c_images/muster2.jpg);
	background-repeat: repeat-x;
	height: 39px;
}

/********************************************************************************************
* INTRO */

#teaser {
	background-image: url(../c_images/teaser-bg.jpg);
	z-index: 100;
}

#starter-bg {
	background-image: url(../c_images/starter-bg.jpg);
}

#teaser,
#starter-bg {
	background-position: top center;
	background-repeat: repeat-x;
	height: 891px;
	position: absolute; 
	top: 19px;
	width: 100%;
	background-color: rgb(255, 255, 255);
}

#starter-entry {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

#starter-entry div {
	position: absolute;
	top: 476px;
	left: 50%;
	margin: 0 0 0 -49px;
	height: 1px;
	overflow: hidden;
	width: 75px;
	border-bottom: 1px solid #fff;
	display: none;
}



/********************************************************************************************
*/

#topmenu
{
	display: block;
	list-style-type: none;
	color: #fff;
	background-color: #000;
	height: 19px;
	margin: 0;
	padding: 0px 0 0 0;
}

#topmenu li
{
	margin: 0;
	padding: 0;
	width: 11px;
	height: 19px;
	float:right;
}


#topmenu a small, #menu a strong
{
	display: none;
}

#topmenu #lang
{
	width: 49px;
}


#topmenu #lang a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 49px;
	height: 19px;
	background: url(../css/images/topmenu_en.gif) no-repeat;
}

#topmenu #top_impressum
{
	width: 63px;
}

#topmenu #top_impressum a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 63px;
	height: 19px;
	background: url(../c_images/topmenu_impressum.gif) no-repeat;
}

#topmenu #delicious
{
	
	width: 21px;
}

#topmenu #delicious a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 21px;
	height: 19px;
	background: url(../c_images/topmenu_delicious.gif) no-repeat;
}
#topmenu #facebook
{
	
	width: 20px;
}

#topmenu #facebook a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 19px;
	background: url(../c_images/topmenu_facebook.png) no-repeat;
}


#topmenu #vier 
{
	width:119px;
}

#topmenu #vier a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 119px;
	height: 19px;
	background-image: url(../c_images/idee_4ft.gif);
	background-repeat: no-repeat;

	}
#topmen {
	top: 0px;
	left: 0px;
	height: 19px;
	width: 100%;
	z-index: 100;

}

#index_footer
{
	position:fixed;
	bottom:0px;
	height:73px;
	width:100%;
	background-color:#fff;
	border-top:1px solid #d3d2ce;
	z-index:101;
}

#footer_text a:link 
{
	width:520px;
	height:33px;
	margin: 20px auto 0 auto;
	background:url(../css/images/footer_text.gif) no-repeat;
	display: block;
	}

#footer_text a:visited
{
	width:520px;
	height:33px;
	margin: 20px auto 0 auto;
	background:url(../css/images/footer_text.gif) no-repeat;
	display: block;
	}
	
#footer_text a:visited
{
	width:520px;
	height:33px;
	margin: 20px auto 0 auto;
	background:url(../css/images/footer_text.gif) no-repeat;
	display: block;
	}
	
#footer_text a:hover
{
	background:url(../css/images/footer_text_over.gif) no-repeat;
}

#footer_text a:active
{
	width:520px;
	height:33px;
	margin: 20px auto 0 auto;
	background:url(../css/images/footer_text.gif) no-repeat;
	display: block;
	}
	
#footer_text a:focus
{
	width:520px;
	height:33px;
	margin: 20px auto 0 auto;
	background:url(../css/images/footer_text.gif) no-repeat;
	display: block;
	}

#footer_text a small
{
	display: none;
}
/*#index_footer_starter {
	position:static;
	height:90px;
	width:629px;
	z-index:101;
	top: 668px;
	margin-left: auto;
	margin-right: auto;
}*/





#bvblog
{
	width:262px !important;
	height:93px !important;
	margin: 0px 0px 0px auto !important;
	float:left;
}
#missions 
{
	width:262px !important;
	height:93px !important;
	margin: 0 auto !important;
	float:left;
}
#kueche
{
	width:174px !important;
	height:93px !important;
	margin: 0 auto !important;
	float:left;
}
#buch
{
	width:121px !important;
	height:93px !important;
	margin: 0 auto !important;
	float:left;
}

#bvblog a:link, #bvblog a:visited
{
	width:262px !important;
	height:93px !important;
	margin: 0px auto !important;
	display:block !important;
	background:url(../c_images/footer_bahnhofsviertelblog.gif) no-repeat  !important;
}

#bvblog a:hover 
{
	background:url(../c_images/footer_bahnhofsviertelblog_over.gif) no-repeat  !important;
}

#missions a:link, #missions a:visited
{
	width:262px !important;
	height:93px !important;
	margin: 0px !important;
	display:block !important;
	background:url(../c_images/footer_mission.gif) no-repeat  !important;
}
#missions a:hover 
{
	background:url(../c_images/footer_mission_over.gif) no-repeat  !important;
}

#kueche a:link, #kueche a:visited
{
	width:174px !important;
	height:93px !important;
	margin: 0px auto !important;
	display:block !important;
	background:url(../c_images/footer_kueche.gif) no-repeat  !important;
}

#kueche a:hover 
{
	background:url(../c_images/footer_kueche_over.gif) no-repeat  !important;
}
#buch a:link, #buch a:visited
{
	width:121px !important;
	height:93px !important;
	margin: 0px auto !important;
	display:block !important;
	background:url(../c_images/footer_buch.gif) no-repeat  !important;
}

#buch a:hover 
{
	background:url(../c_images/footer_buch_over.gif) no-repeat  !important;
}


#bvblog a small, #missions a small, #kueche a small, #kueche a small, #buch a small, #buch a small
{
	display: none;
}


.preload {            
	margin:-1px 0 0 0; 
	padding:0;
    height:1px; 
	overflow:hidden;
	visibility:hidden;
        }
#close-movie-button, #close-movie-button a, 
#close-movie-button-2, #close-movie-button-2 a, 
#close-movie-button-3, #close-movie-button-3 a, 
#close-movie-button-outtakes, #close-movie-button-outtakes a {
	height: 38px;
	width: 38px;
	position: relative;
	z-index: 8020;
	margin-left: auto;
	margin-right: 144px;
	margin-top: -392px;
	cursor: pointer;
}
#close-movie-button, #close-movie-button a, 
#close-movie-button-2, #close-movie-button-2 a, 
#close-movie-button-3, #close-movie-button-3 a {
}
#close-movie-button a small, 
#close-movie-button-2 a small, 
#close-movie-button-3 a small, 
#close-movie-button-outtakes a small  {
	display: none;
}