/* CSS Document */

* {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}

a { color:#b40000; text-decoration:none;}
a:hover { text-decoration:underline;}

body { background:url(Bilder/background.jpg) repeat-y #000; font-size:75%;}
.small { font-size:0.8em;}
#wrapper {width:955px;}
#left {width:200px; height:400px; float:left; background:url(Bilder/fish03.jpg) no-repeat;}
#right {width:755px; float:left;}
#header {height:155px; width:755px; background:url(Bilder/header.jpg) no-repeat;}
#subnavi { height:98px; width:755px; background:url(Bilder/fish01.jpg) #b7af9f no-repeat;}
#main { width:755px; background:url(Bilder/fish02.jpg) #e3e0d8 no-repeat;}
#mainleft { width:165px; height:225px; float:left;}
#mainright { width:490px; float:left; position:relative;}
#footer { clear:both; width:755px; height:94px; background:url(Bilder/footer.jpg) #b6af9d no-repeat;}

#circle {position:absolute; z-index:999; width:292px; height:292px; left:54px; top:53px;}
#circle img {width:292px; height:292px;}

#header ul { position:absolute; left:370px; top:135px; width:500px;}
#header ul li { float:left; list-style-type:none; height:14px; margin:4px 10px 0 0; padding-left:10px; }
#header ul li a { display:block;height:14px; outline:0; vertical-align:top;}/*top right bottom left*/

#header a img { border:0; height:12px;}	
.home { width:45px;}
.home a { width:45px;}
.restaurants { width:110px;}
.restaurants a { width:110px;}
.speisekarte { width:106px;}
.speisekarte a { width:106px;}
.kontakt { width:70px;}
.kontakt a { width:70px;}
.home a:hover, .restaurants a:hover, .speisekarte a:hover, .kontakt a:hover{border-bottom:2px solid #c72c1a;}


h1 { display:block; width:590px; height:46px; text-indent:-2000px;}
.sushimenue { background:url(Bilder/h1_sushimenue.gif) no-repeat;}
.gunkan { background:url(Bilder/h1_gunkan.gif) no-repeat;}
.soup { background:url(Bilder/h1_soup.gif) no-repeat;}
.dessert { background:url(Bilder/h1_dessert.gif) no-repeat;}
.drinks { background:url(Bilder/h1_drinks.gif) no-repeat;}
.beside { background:url(Bilder/h1_beside.gif) no-repeat;}
.plate { background:url(Bilder/h1_plate.gif) no-repeat;}
.maki { background:url(Bilder/h1_maki.gif) no-repeat;}
.makimenue { background:url(Bilder/h1_makimenue.gif) no-repeat;}
.nigiri { background:url(Bilder/h1_nigiri.gif) no-repeat;}
.nigirimenue { background:url(Bilder/h1_nigirimenue.gif) no-repeat;}
.don { background:url(Bilder/h1_don.gif) no-repeat;}
.ceyro { background:url(Bilder/h1_ceyro.gif) no-repeat;}
.welcome { background:url(Bilder/h1_welcome.gif) no-repeat;}
.schlossstr { background:url(Bilder/h1_schlossstr.gif) no-repeat;}
.mittelstr { background:url(Bilder/h1_mittelstr.gif) no-repeat;}
.charlottenstr { background:url(Bilder/h1_charlottenstr.gif) no-repeat;}
.bundesallee { background:url(Bilder/h1_bundesallee.gif) no-repeat;}
.h1restaurants { background:url(Bilder/h1_restaurants.gif) no-repeat;}
.h1kontakt {background:url(Bilder/h1_kontakt.gif) no-repeat;}
.h1kontaktformular {background:url(Bilder/h1_kontaktformular.gif) no-repeat;}
.disclaimer {background:url(Bilder/h1_disclaimer.gif) no-repeat;}
.jobs {background:url(Bilder/h1_stellenangebote.gif) no-repeat;}
.glossar {background:url(Bilder/h1_glossar.gif) no-repeat;}
.tee {background:url(Bilder/h1_tee.gif) no-repeat;}

#subnavi ul { width:575px; margin-left:180px; padding-top:30px;}
#tooltipp { clear:left; padding-top:10px;}
#subnavi a img { 
filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;
width:32px; 
height:32px; 
float:left; 
padding:0px 1px 0px 1px;/*top right bottom left*/ 
border:0; 
display:block; 
cursor:hand;
cursor:pointer;
}

#subnavi ul li {float:left; list-style-type:none;}
#subnavi a:hover img, #subnavi .selected img  {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}

p { padding:0 10px 10px 15px;}

#liste {  }

#sitemap { border-top:1px solid #8c8c8c; margin:0 0 0 15px;}
#sitemap,#sitemap ul, #abstand { width:500px;}
#sitemap ul { list-style-type:none; margin:8px 0 0 0px; }
#sitemap ul li { display:inline; padding-right:10px;}
#sitemap a {color:#8c8c8c; text-decoration:none; font-size:10px;}
#sitemap a:hover { text-decoration:underline;}
#abstand { height:12px; line-height:12px; clear:both;}

.smlbox, .midbox, .bigbox, .widebox { position:relative; float:left; padding-left:12px; padding-top:12px; line-height:13px;}
.bigbox p, .midbox p, .smlbox p { padding:0 2px 2px 4px; font-size:0.9em}

.bigbox .price, .midbox .price, .smlbox .price { position:absolute; right:0px; bottom:3px; width:48px; font-weight:bold; font-size:12px; color:#fff;}

.smlbox { width:110px; height:110px; background:url(Bilder/smlbox.gif) bottom right no-repeat;}
.smlbox img { width:110px; height:60px;}

.midbox { width:150px; height:150px; background:url(Bilder/midbox.gif) bottom right no-repeat;}
.midbox img { width:150px; height:100px;}

.bigbox { width:230px; height:200px; background:url(Bilder/bigbox.gif) bottom right no-repeat;}
.bigbox img {  width:230px; height:140px;}

.widebox { width:470px; height:160px; background:url(Bilder/widebox.gif) bottom right no-repeat; clear:left;}
.widebox img { width:256px; height:160px; float:left; padding-right:10px;}
.widebox .happy { padding:0; position:absolute; left:320px; bottom:3px; font-weight:bold; font-size:12px; color:#fff; text-align:left; white-space:nowrap; }
.widebox .price { padding:0; position:absolute; left:425px; bottom:3px; font-weight:bold; font-size:12px; color:#fff; text-align:right; white-space:nowrap;  width:42px;}
.widebox p { padding:0 2px 2px 4px; } /*top right bottom left*/
.abstand {margin-top:10px;}

.klebrig img { width:108px; height:50px; behavior:url("../pngbehavior.htc");}
.klebrig { position:absolute; z-index:999; top:80px; right:-16px; width:108px; height:50px;}

.important { color:#990000;}

dt, dd { padding:0 10px 5px 15px;}
dt { font-weight:bold;}
dd { margin:-5px 10px 5px 16px; background:url(Bilder/arrow.gif) no-repeat 2px 0px;}

/* F O R M U L A R E */
form {
	padding-left:10px; margin:0; width:500px;}
fieldset {
	position: relative;
	width: 500px;
	display: block;
	border: 0;
	clear: both;
	margin:0 auto;
	margin-top:1em; padding-top:.75em; 
}
			
legend {
	position:absolute; top: -.8em; left: .5em;
	font-weight: bold;
	font-size:14px; line-height:20px;
}
	
form input {
	width:140px;
}

label {margin: 6px 0;display: block;
	width: 66px;
	float: left;} 

					   
form input,form textarea {
	margin: 3px 0;
	border: 1px solid #999;
	background: white;
	padding: 3px 3px;
}  
   
form textarea { width:379px; height:192px;} #betreff { width:379px;} #submit,#reset { width:128px;}


blockquote { padding-left:40px; padding-right:40px; font-style:italic;}
cite { font-style:normal; display:block; text-align:right;}

#image {padding:0px 0 10px 14px; } /*top right bottom left*/
.image img { }

.clear { clear:both;}

.hinweis {
	border:2px dotted #990000;
	margin:12px;
	background:#FFe8e8;
	color:#990000;
	padding:0 10px 0 0;}
	
.hinweis p {
	padding:10px 0 10px 0;}