/* --------------------------------------------------------------
    Default CSS styles for all common browsers. Copyright Helena Lauber. 2008.02.23
    ---------------------------------------------------------------*/

/*  Base
---------------------------------------------------------------*/
#main {
	position:absolute;
	width:1000px;
	height:800px;
	z-index:3;
	left: 10px;
	top: 10px;
	background-color:#000000;
	visibility: visible;
}
#background {
	position:absolute;
	width:1000px;
	height:560px;
	z-index:3;
	left: 0px;
	top: 120px;
	background-image:url('../images/background.jpg');
	background-repeat:no-repeat;
	visibility: visible
}

a:link { font-weight:bold; color:#000000; text-decoration:none; font-style:italic; }
a:visited { font-weight:bold; color:#6F6565; text-decoration:none; font-style:italic; }
a:focus { font-weight:bold; color:#468FAA; text-decoration:underline; font-style:italic; }
a:hover { font-weight:bold; color:#459FAA; text-decoration:none; font-style:italic; }
a:active { font-weight:bold; color:#459FAA; text-decoration:underline; font-style:italic; }

#logo {
	position:absolute;
	width:420px;
	height:115px;
	left:580px;
	top:0px;
	z-index:1;
	background-image:url('../images/logo.jpg');
	background-repeat:no-repeat;
}
#button1 {
	position:absolute;
	width:228px;
	height:120px;
	left:0px;
	top:679px;
	z-index:1;
	visibility: visible;
}
#button2 {
	position:absolute;
	width:130px;
	height:120px;
	left:255px;
	top:679px;
	z-index:1;
	visibility: visible;
}
#button3 {
	position:absolute;
	width:165px;
	height:120px;
	left:405px;
	top:679px;
	z-index:1;
	visibility: visible;
}
#button4 {
	position:absolute;
	width:172px;
	height:121px;
	left:593px;
	top:679px;
	z-index:1;
	visibility: visible;
}	
#button5 {
	position:absolute;
	width:231px;
	height:120px;
	left:769px;
	top:679px;
	z-index:1;
	visibility: visible;
}
#rahmen{
	position:absolute;
	width:1000px;
	height:560px;
	z-index:5;
	left: 0px;
	top: 0px;
	visibility: visible;
}
#rollebene{
	position:absolute;
	width:643px;
	height:510px;
	z-index:4;
	left: 358px;
	top: 21px;
	overflow:hidden;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	visibility: visible;
}
#contentlayer{
	position:absolute;
	width:643px;
	height:700px;
	left: 0px;
	top: 0px;
	visibility: visible;
	z-index: 1;
}
#Pfeile{
	position:absolute; 
	width:36px; 
	height:470px; 
	z-index:1; 
	left: 293px; 
	top: 56px;
}
#StartseiteInhalt{
	position:absolute;
	width:531px;
	height:700px;
	left: 0px;
	top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: justify;
}
#Inhalt{
	position:absolute;
	width:400px;
	height:700px;
	left: 102px;
	top: 31px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: justify;

}
#Ueberschrift{
	position:absolute; 
	z-index:6; 
	top: -1px;
	left:0px;
	width:800px;
	height:205px;	
}
#LinksInhalt{
	position:absolute;
	width:643px;
	height:700px;
	left: 96px;
	top: 70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index: 2;
}
#Welcome{
	position:absolute;
	width: 200px;
	height: 244px;
	top: 125px;
	left:0px;
	z-index: 10;
}
#HotAnimation{
	position:absolute;
	width:200px;
	height:244px;
	top: 125px;
	left: 250px;
	z-index: 10;
}
#RezepteInhalt{
	position:absolute;
	width:643px;
	height:700px;
	left: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	top: 0px;
	z-index: 1;
}
#Menge{
	float:left;
	top:50px ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:5px;
}
#Zutaten{
	float: left; 
	margin-right: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#RezeptBild{
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 237px;
	top: 75px;
}
#bildismi{
	position:absolute;
	width:150px;
	left: 400px;
	top: 423px;

}
#textismi{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
	width:380px;
	left: 10px;
	top: 440px;
	height: 160px;
}
#bildgoldie{
	position:absolute;
	width:150px;
	left:10px;
	top: 608px;
}
#textgoldie{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
	width:380px;
	left: 182px;
	top: 639px;
	height: 180px;
}
#bildjayson{
	position:absolute;
	width:150px;
	left:10px;
	top: 232px;
}
#textjayson{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
	width:380px;
	left: 175px;
	top: 233px;
	height: 180px;
}	
#bildannamaria{
	position:absolute;
	width:150px;
	left:403px;
	top: 43px;
}
#textannamaria{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
	width:380px;
	left: 10px;
	top: 35px;
	height: 180px;
}	
#footer {
	background: #000000 ;
	border-top: 1px solid #398291;
	height: 18px;
	position: relative;
	width: 975px;
	top: 800px;
	padding-left: 25px;
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
#footer a {
	color: #628EB7;
}
#footer a:hover {
	color: #FFF;
}
#footer p {
	background-color: #398291;
	display: block;
	float: right;
	font-size: 9px;
	height: 13px;
	margin: 0;
	padding: 0 5px 0 4px;
	text-transform: uppercase;
	}
/*  EOT
---------------------------------------------------------------*/