/*=========================================================
 Stylesheet der Website Hiromi Hayashi
 Datum: 10. Januar 2008
 Autor: Bernd Rumpf
 www.zeithygiene.net
 ========================================================*/

/*== Allgemeine Styles ==*/

body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:14px; background:#111111; margin:0; padding:0; }

/*== Kalibrierung ==*/

* { margin: 0; padding: 0;}

ol, ul { margin-bottom: 0;}

h1 { font-size: 20px;; margin-bottom: 10px;}
h2 { font-size: 17px; margin-bottom: 14px;}
p { margin-bottom: 0px;}
a { color:#fff;}


/*== IDs ==*/

#WRAPPER { position: relative; background-color:#111111; color:#FFFFFF; width: 774px; margin: 0px auto; margin-top:1px; }

#GLOWL { position: absolute; top:0px; left:-39px; z-index:1;}

#GLOWR { position: absolute; top:0px; left:774px; z-index:1;}

#HEADER {
	 position:relative; margin:0; padding:0; 	
}
	
	#HEADER ul { margin: 0; padding: 0; height:32px; text-align:right; background:url(../img/bgr_console.gif); overflow: hidden;}
	#HEADER li{ display: inline; line-height:26px; list-style-type: none;}
	#HEADER a { color:#dddddd; text-decoration:none;}
	#HEADER a:hover,
	#HEADER a:focus { color:#c70016; text-decoration:none; }
	
#NAVI {
	 position:relative; margin:5px 16px 16px 0; clear: both; font-size:16px; background:url(../img/bgr_navi.jpg) repeat-x top #080c0a; border-right:2px solid black; border-bottom:2px solid black; float: left;	
}
	#NAVI ul { margin: 0; padding: 0; border-left: 1px solid #343420; border-right: 1px solid #343420; border-bottom: 1px solid #343420; padding-bottom:8px; }
	#NAVI li{ list-style-type: none; line-height: 30px; margin-left: 16px; font-size:16px; color: red;}
	#NAVI a { color:#dddddd; text-decoration:none; margin:0; padding: 0; font-size:16px }
	#NAVI a:hover,
	#NAVI a:focus { color:#c70016; text-decoration:none; }

#BACKGROUND {
	position:absolute; top:0px; left:0px; margin:0; padding:0; z-index:0;
}

#CONTENT {
	position: relative;
	margin: 6px 6px 64px 6px; padding:0;
}
	#CONTENT h3{
		width: 330px;
		font-size:16px;
	}	
	
#BILDLEISTE {
	position:relative; display: block; width: 746px; height: 128px; margin: 30px 0; border-left: 10px solid #29291c; border-right: 1px solid #333333; overflow:hidden; clear:both;
}

	/* Horizontal Scrollbarer Bereich für evtl. Bildlaufzeile */
	/* Die aktuelle Position wird über left: XXpx angegeben  */
	/* Am rechten Bildrand werden Inhalte ansosnten abgeschnitten */
	#BILDLEISTE p{
		 position:absolute; left:0px; height: 128px; width:5000px;
	}
	#BILDLEISTE img{
		border: 1px solid #333333; margin: 0 6px; float:left;
	}
	
#SLIDE {
	position:relative; display: block; width: 746px; height: 186px; margin: 30px 0; border-left: 10px solid #29291c; border-right: 1px solid #333333; overflow:hidden; clear:both;
}

	#SLIDE p{
		 position:relative; left:0px; height: 184px; width:5000px;
	}
	#SLIDE img{
		border: 1px solid #333333; margin: 0 6px;
	}

#MAP { margin-left: 228px;}

#FOOTER {
	position:relative;
	width: 768px;
	margin: 0 auto; margin-top:40px; margin-bottom: 18px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #27272e;
	clear:both;
}
	#FOOTER address{
		margin: 0; padding: 0; font-style:normal; margin-left:14px;
	}
	#FOOTER ul{
		margin: 0; padding: 0; margin-right: 6px;
	}
	#FOOTER li{		
		margin: 0; padding: 0; display:inline; float: right;
	}
	#FOOTER a{
		text-decoration: none; color:#cccccc; padding-right: 8px;
	}
	#FOOTER a:hover, a:focus{
		text-decoration: underline;
	}

/*== Klassen ==*/

.clear { clear: both; width: 0; height: 0; line-height: 0px; }
.skipper { position:absolute; top: -5000px; left: -5000px; width: 0; height: 0; overflow: hidden; display: inline; }
.language { position:absolute; top:139px; right: 90px; z-index:2; }
.mailto { position:absolute; top:140px; right: 52px; z-index:2; }
.music { position:absolute; top:138px; right: 15px; width:21px; height:15px; z-index:2; }
.bgnavi { border: 2px solid #343420; margin:0; padding:0; }
.coder { font-size: 80%; margin-top: 40px; }
.toptext { position:relative; margin-left:228px; margin-bottom: 40px; padding-right:55px; }
.textleft { position: relative; display:block; width: 348px; padding-left:18px; float: left }
.textright { position: relative; display:block; width: 348px; margin-left: 50%; padding-left: 10px; border-left: 1px solid white; }
.fliesstext { position: relative; display:block; width:680px; padding-left:18px; padding-top:18px; clear:both; }
.fliesstextright { position: relative; display:block; width: 348px; margin-left: 50%; margin-top: 36px; padding-left: 10px; }
.small { font-size: 80%; }
.small a{ text-decoration: none; color:#c70016; }

.more {
		font-size: 11px; color:#0099CC; margin-top: 12px; text-align:right;
	}
.more a{
		text-decoration: none; color:#c70016;
	}
.more a:hover{
		text-decoration: underline;
	}

.footertop { width: 768px; height: 8px; margin:0; padding:0; background-color: #27272e; background:#27272e url(../img/footer_top.gif) no-repeat; }
.footerbottom { position:relative; bottom:0px; width: 768px; height: 8px; margin:0; padding:0; background-color: #27272e; background:#27272e url(../img/footer_bottom.gif) bottom no-repeat; }
.footerkontakt { border-left: 1px solid white; padding-left:8px; }
	
.mainlink1 { text-decoration: none;}
.mainlink2 { text-decoration: none;}
.mainlink3 { text-decoration: none;}
.mainlink4 { text-decoration: none;}
.mainlink5 { text-decoration: none;}