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

/*== Kalibrierung ==*/

* { margin: 0; padding: 0;}

ol, ul { margin-bottom: 0;}

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


/*== Allgemeine Styles ==*/

body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background-color: #3a4a51; background-image:url(../img/bgr_body.jpg); background-repeat:repeat-x; }

/*== IDs ==*/

#WRAPPER { background-color:#000000; color:#FFFFFF; background-image:url(../img/bgr_wrapper.jpg); background-repeat:no-repeat; width: 770px; margin: 22px auto; }

#HEADER {
 	
}
	#HEADER h1{
		padding-top: 30px;
 		margin-left: 20px;
		font-size:28px;
	}
	#HEADER h2{
 		margin-left: 120px;
		font-size:24px;
	}

#PICTURE { display: inline; float:left; margin: 26px 18px 0 0; height:440px; }

#NAVI {
	border-top: 1px solid #87000f; border-bottom: 1px solid #7e2a23; margin: 0px; padding:0; clear: both; font-size:15px; line-height: 30px; background:url(../img/bgr_navi.jpg) no-repeat;
}
	#NAVI ul { margin: 0; padding: 0; text-align:center;}
	#NAVI li{ display: inline; list-style-type: none; margin: 24px;}
	#NAVI a { color:#dddddd; text-decoration:none; font-weight: bold; }
	#NAVI a:hover,
	#NAVI a:focus { color:#c70016; text-decoration:none; font-weight: bold; }

#CONTENT {
	margin: 12px 12px 0px 0px; padding: 10px 15px 0 12px;
	font-size: 14px;
}
	#CONTENT h3{
		font-size:16px; line-height:32px;
	}
	#CONTENT ul{
		font-size:14px;
	}
	#CONTENT dl{
		font-size:14px; list-style:none; list-style-position:outside; margin-bottom: 12px;
	}
	
#CTEASER { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #663300; background:url(../img/bgr_wrapper.jpg) #333333 no-repeat right;
	padding: 5px; margin: 56px 0 0 302px; color: #FFCC99
}
	#CTEASER h3{
		font-size: 11px; margin-bottom: 6px;
	}
	#CTEASER p{
		font-size: 9px;
	}
	#CTEASER a{
		text-decoration: underline; color:#c70016; line-height:18px;
	}

#FOOTER {
	font-size: 9px;
	line-height: 18px;
	background-color: #5e2723;
}
	#FOOTER address{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		display:inline; font-style:normal; margin-left:14px;
	}
	#FOOTER li{
		display:inline; float: right;
	}
	#FOOTER a{
		text-decoration: none; color:#cccccc; padding-right: 20px;
	}
	#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; }
.coder { font-size: 80%; margin-top: 40px; }
.small { font-size: 80%; }
.small a{ text-decoration: none; color:#c70016; }
.scroll { height: 400px; padding-right:15px; overflow:auto; }
.scroll ul { list-style:square; list-style-position:outside; margin-left: 16px; line-height: 17px; }
.scroll li { margin-bottom:10px; }
.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;
	}
	

.galerie { height: 410px; width:740px; border: 1px solid red; overflow:auto; margin-bottom: 12px; }
.galerie img{ display:inline; padding: 6px; border:none; }