/* general HTML Elements --------------------------------------------------------------------------------------- */
html {
	height:100%;
}
body, #fakebody{
	background-color:#ffffff; 	/* bodys backgound is set to black for IE (overlay needs black background in IE) so an additional Element "fakebody" is needed for the backgroundcolor */
	height:100%;				/* fakebody needs 100% height to cover the whole viewport */
	margin:0px; 				/* reset default margin of body */
}
body, td, th{ 					/* general Font settings */
	font-family:Verdana, Arial;
	font-size:11px;
	line-height:14px;
	color:#000000;
}

/* Commons */
img			{border-style:none;}
p, form		{margin:0px; padding:0px;}
.error		{color:#ff0000;}
.noerror	{color:#009900;}

.closefloatcontainer{
	clear:both;
	width:1px;
	height:1px;
	font-size:1px;
	line-height:1px;
}


/* Layout (kopf, navigation, inhalt) -------------------------------------------------------------------------------------------------------------  */
#page, #page #content{
	width:1000px;
}
#kopf{
	height:100px;
	background-image:url(../images/kimssushi/css/header_background.gif); /* Viewport Hintergrund */
	background-repeat:repeat-x;
}
#navigation{
	clear:both;
	float:left;
	width:256px;
}
#inhalt{
	float:left;
	width:532px;
}


/* Kopf -----------------------------------------------------------------------------------------------*/
#kopf{
	margin-bottom:30px;
}
#kopf #logo{
	float:left;
	width:512px;
}
#kopf #oeffnungszeiten{
	width:256px;
	float:left;
	padding-top:7px;
}
#kopf #telefon{
	width:232px;
	float:left;
}

/* Startseite Sonderelemente -----------------------------------------------------------------------------------------------*/
#startseiteinhalt{
	float:left;
	width:744;
}
#startseiteinhalt .imagelink{
	float:left; 
	width:256px;
}
#startseiteinhalt .imagelink img{
	display:block;
}
/* Kopf */
#kopfstartseite{
	height:232px;
	background-image:url(../images/kimssushi/css/header_home_background.gif); /* Viewport Hintergrund */
	background-repeat:repeat-x;
}
#kopfstartseite {
	margin-bottom:20px;
}
#kopfstartseite #logo{
	float:left;
	width:512px;
}
#kopfstartseite #teaser{
	float:left;
	width:488px;
	height:132px;
	overflow:hidden;
}
#kopfstartseite #teasersmall{
	float:left;
	width:244px;
	margin-top:19px;
	margin-bottom:33px;
}

#kopfstartseite #oeffnungszeiten{
	float:left;
	width:256px;
	padding-top:7px;
}
#kopfstartseite #telefon{
	float:left;
	width:232px;
}



/* Navigation ----------------------------------------------------------------------------------------*/
#navigation ul{														
	margin:0px;															/* reset default margin */
	margin-left:25px;
	padding:0px;														/* reset default padding */
	list-style-type:none;												/* kein Bullet-zeichen */
}
/* Darstellung erste Ebene ------------------------------------ */ 
#navigation ul li{																						
	font-family:Verdana, Arial;
	font-size:13px;
	line-height:16px;
}
#navigation ul li a{
	color:#000000;
	text-decoration:none;							
	margin-bottom:12px;													/* Abstand zwischen Elementen nach unten */
	display:block;														/* Pfeil vor Link auch bei mehrzeilern */
}
#navigation ul li a:hover, #navigation ul li a.inside{					/* Mouseover Effekt oder "inside" */
	color:#bf151c; /* rot */
}
#navigation #adresse{
	margin-left:25px;
	margin-top:130px;
}



/* Inhalt -----------------------------------------------------------------------------------*/
#inhalt .hauptreihe{
	clear:both;																/* Float aufheben für neues Hauptspaltenelement */
}

/* Spaltenaufteilung */
#inhalt .hauptreihe .spalten2			{ width:250px; margin-right:12px; float:left; }
#inhalt .hauptreihe .spalten2span2		{ width:512px; margin-right:12px; float:left; }



/* Speisekarte -----------------------------------------------------------------------------------*/
#speisekarte{
	float:left;
	width:744px;
}
#speisekarte .hauptreihe{
	clear:both;																/* Float aufheben für neues Hauptspaltenelement */
}

#speisekarte .hauptreihe .spalten2			{ width:224px; margin-right:32px; float:left; }
#speisekarte .hauptreihe .spalten2wide		{ width:488px; margin-right:0px; float:left; }

#speisekarte .hauptreihe .image{
	margin-bottom:25px;
}
#speisekarte .hauptreihe a{
	color:#000000;
}



/* Gruppe */
#speisekarte .hauptreihe h2{
	font-size:14px;
	border-style:solid none none none;
	border-width:2px;
	line-height:26px;
	margin:0px 0px 4px 0px;
}
#speisekarte .hauptreihe h3{
	font-size:11px;
	line-height:16px;
	margin:2px 0px 4px 2px;
}

/* Gruppendaten Tabelle */
#speisekarte .hauptreihe .gruppendaten{
	width:438px;
}
#speisekarte .hauptreihe .gruppendaten .nr{
	width:51px;
	padding-right:18px;
	text-align:right;
}
#speisekarte .hauptreihe .gruppendaten .bez{
	width:321px;
}
#speisekarte .hauptreihe .gruppendaten .euro{
	width:11px;
}
#speisekarte .hauptreihe .gruppendaten .preis{
	text-align:right;
}

/* toplink */
#speisekarte .hauptreihe a.top{
	display:block;
	margin-bottom:30px;
}




/* Contentelemente ------------------------------------------------------------------------------- */
#inhalt #titel{
	margin-bottom:20px;
}
#inhalt h2{
	font-size:13px;
	line-height:18px;
	margin:6px 0px 14px 0px;
}
#inhalt .image{
	margin-bottom:14px;
}