@charset "utf-8";

div#Container {
	width: 100%;
	height:100%;
	border:0px solid red;
	margin: 0px; 
	top:0px;
	left:60px;
	position:absolute;
	z-index:1;
}

div#Container div#header {
	width: 960px;
	height: 159px;
	margin:0 auto;
	top:60px;
	position:relative;
	border:0px solid red;
	background:url(../gfx/header_2.jpg) 0 0 no-repeat;
}

div#Container  div#header div#menu {
	width: 640px;
	height: 160px;
	left: 390px;
	top:154px;
	margin: 0px;
	position:relative;
	border:0px solid blue;
	z-index:1;
	background-color: ;
}
div#Container div#header div#menu ul#menu {
	position:relative;
	list-style:none;
}
div#Container div#header div#menu ul#menu li {
	float:left;
	padding:0;
	border:0;
}
div#Container div#header div#menu ul#menu li a{
	height:160px;
	display:block;
}



div#Container  div#main {
	width: 98%;
	height: 100%;
	top: 10px;
	left:20px;
	position:relative;
	border:0px solid gold;
	padding:0px;
	z-index:-1;
	
	
	
}

div#info_left_1{
	width: 40px;
	height: 40px;
	top: 25px;
	left:-40px;
	position:absolute;
	border:0px solid white;
	padding:0px;
	z-index:1;
	
}
div#info_left_2{
	width: 40px;
	height: 40px;
	top: 76px;
	left:-40px;
	position:absolute;
	border:0px solid white;
	padding:0px;
	z-index:1;
	
	
}
div#info_left_3{
	width:40px;
	height:40px;
	top: 130px;
	left:-80px;
	position:absolute;
	border:0px solid red;
	padding:0px;
	z-index:1;
	
	
}

div#info_left_socialmedia{
	width:80px;
	height:240px;
	top: 190px;
	left:-60px;
	position:absolute;
	border:0px solid red;
	padding:0px;
	z-index:1;
	
	
}

div#videos{
	width: 400px;
	height: 500px;
	top: 30px;
	left:0px;
	position:relative;
	border:0px solid green;
	padding:0px;
	z-index:1;
	
}

div#video_1{
	width: 400px;
	height: 400px;
	top: 30px;
	left:0px;
	position:relative;
	border:0px solid green;
	padding:0px;
	z-index:1;
	
}

div#video_2{
	width: 300px;
	height: 200px;
	top: -293px;
	left:314px;
	position:relative;
	border:0px solid green;
	padding:0px;
	z-index:1;
	
}

div#video_3{
	width: 300px;
	height: 200px;
	top: -494px;
	left:626px;
	position:relative;
	border:0px solid green;
	padding:0px;
	z-index:1;
	
}

div#video_4{
	width: 300px;
	height: 200px;
	top: -424px;
	left:0px;
	position:relative;
	border:0px solid green;
	padding:0px;
	z-index:1;
	
}
div#video_5{
	width: 300px;
	height: 200px;
	top: -624px;
	left:314px;
	position:relative;
	border:0px solid green;
	padding:0px;
	z-index:1;
	
}div#video_6{
	width: 300px;
	height: 200px;
	top: -824px;
	left:626px;
	position:relative;
	border:0px solid green;
	padding:0px;
	z-index:1;
	
}div#video_7{
	width: 300px;
	height: 200px;
	top: -724px;
	left:0px;
	position:relative;
	border:0px solid green;
	padding:0px;
	z-index:1;
	
}

div#end {
	width: 960px;
	height: 200px;
	top: 430px;
	left:0px;
	position:relative;
	border:10px solid gold;
	padding:0px;
	z-index:-1;
	background:url(../gfx/end_1.jpg) 0 0 no-repeat;
}




div#Container div#header div#menu ul#menu li a#home {
	width:83px;
	background:url(../gfx/buttons/home_1.jpg) no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	color:#ccc;
}

div#Container div#header div#menu ul#menu li a#home:hover {
	background:url(../gfx/buttons/home_2.jpg) no-repeat;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	color:#ccc;
}

div#Container div#header div#menu ul#menu li a#home.active {
	background:url(../gfx/buttons/home_3.jpg) no-repeat;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	color:#ccc;
}
div#Container div#header div#menu ul#menu li a#uebermich {
	width:130px;
	background:url(../gfx/buttons/uebermich_1.jpg) no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	color:#ccc;
}

div#Container div#header div#menu ul#menu li a#uebermich:hover {
	background:url(../gfx/buttons/uebermich_2.jpg) no-repeat;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	color:#ccc;
}

div#Container div#header div#menu ul#menu li a#uebermich.active {
	background:url(../gfx/buttons/uebermich_3.jpg) no-repeat;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	color:#ccc;
}
div#Container div#header div#menu ul#menu li a#pamperedchef{
	width:150px;
	background:url(../gfx/buttons/pamperedchef_1.jpg) no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	color:#ccc;
}

div#Container div#header div#menu ul#menu li a#pamperedchef:hover {
	background:url(../gfx/buttons/pamperedchef_2.jpg) no-repeat;
}

div#Container div#header div#menu ul#menu li a#pamperedchef.active {
	background:url(../gfx/buttons/pamperedchef_31.jpg) no-repeat;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	color:#ccc;
}
div#Container div#header div#menu ul#menu li a#thermomix{
	width:130px;
	background:url(../gfx/buttons/thermomix_1.jpg) no-repeat;
	background-position:0 0;
}

div#Container div#header div#menu ul#menu li a#thermomix:hover {
	background:url(../gfx/buttons/thermomix_2.jpg) no-repeat;
}

div#Container div#header div#menu ul#menu li a#thermomix.active {
	background:url(../gfx/buttons/thermomix_31.jpg) no-repeat;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	color:#ccc;
}

div#Container div#header div#menu ul#menu li a#links{
	width:83px;
	background:url(../gfx/buttons/links_1.jpg) no-repeat;
	background-position:0 0;
}

div#Container div#header div#menu ul#menu li a#links:hover {
	background:url(../gfx/buttons/links_2.jpg) no-repeat;
}

div#Container div#header div#menu ul#menu li a#links.active {
	background:url(../gfx/buttons/links_3.jpg) no-repeat;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	color:#ccc;
}

div#Container div#header div#menu ul#menu li a#kochvideos{
	width:38px;
	background:url(../gfx/buttons/video_111.jpg) no-repeat;
	background-position:0 0;
	border:0px solid white; 
	
}

div#Container div#header div#menu ul#menu li a#kochvideos:hover {
	background:url(../gfx/buttons/video_222.jpg) no-repeat;
	
}

div#Container div#header div#menu ul#menu li a#kochvideos.active {
	background:url(../gfx/buttons/video_333.jpg) no-repeat;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	color:#ccc;
}
