/* CSS Document */

/* ___________________________ BuddyW definitionen Start _________________________ */

a.navbutton {
 visibility: hidden;
}

table.gallery, tr.gallery, td.gallery {
	border: none;
	width: 100%;
	border-right: 0px solid #783E12;
	border-bottom: 0px solid #783E12;
	border-left: 0px solid #783E12;
}

#headerTwoContent {
	visibility:hidden;
	height: 0px;
	overflow: auto;
}

/* ___________________________ HTML definitionen Start ___________________________ */

*  {	
	margin: 0;
	padding: 0;
}


body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-image:url(layout/bg.jpg);
	background-repeat:repeat-x;
	background-color:#b49859;
	color: #39180d;
}


#bottomLeft img {
	border: 0;
	float:right;
}

#bottomRight img {
	border: 0;
	float:right;
}

#divDownControl img, #divUpControl img {
	border: 0;
}

hr {
	color: #39180d; /* Mozilla */
	background-color: #39180d; /* Ie */
	border: #39180d; /* Opera */
	height: 1px;
	margin: 8px 0 8px 0;
}

/* ___________________________ HTML definitionen Start ___________________________ */






/* ___________________________ Standarts Start ___________________________ */

.links {
	padding: 12px 0 0 24px;
	width: 398px;
	float: left;
}

.rechts {
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
}

.killfloat {
	clear:both;
	visibility: hidden;
	}	

/* ___________________________ Standarts SEnde ___________________________ */


/* ___________________________ Definiton der Hauptnavigation Start ___________________________*/

a:link, a:visited {
	text-decoration: underline;
	color:#39180d;
}

a:hover, a:focus {
color: #636494;
}

/* ___________________________ Definiton der Hauptnavigation Ende ___________________________*/





/* ___________________________ Schriften definition der Typo Start ___________________________ */

#headerTwo h1 {
	margin: 27px 0 10px 32px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #39180d;
	}

#divContent h1, #containerContent h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #39180d;
	}

#containerContent p {
	width: 480px;
	margin-top: 10px;
	}

h2 {
	margin: 0 0 0 32px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style:italic;
	font-size: 17px;
	color: #39180d;
	}
	
	
li {
	
	padding: 3px 3px 3px 16px;
	list-style-type: none;
	background-image:url(layout/bullet.gif);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	display: compact;
} 	

/* ___________________________ Schriften definition der Typo Ende ___________________________ */






/* ___________________________ Layout Start ___________________________ */

/* ___________________________ Background ___________________________ */

#ornament{
	width: 0px auto;
	height: 367px;
	background-image:url(layout/bg_ornamente.jpg);
	background-repeat:no-repeat;
}

/* ___________________________ Header ___________________________ */

#header {
	width: 953px;
	height: 163px;
}

#headerOne {
	width: 186px;
	height: 163px;
	background-image:url(layout/top1.jpg);
	background-repeat:no-repeat;
	float:left;
}

#headerTwo {
	width: 406px;
	height: 163px;
	background-image:url(layout/top_headline.jpg);
	background-repeat:no-repeat;
	float:left;
}

#headerThree {
	width: 361px;
	height: 163px;
	background-image:url(layout/top_logo.jpg);
	background-repeat:no-repeat;
	float:left;
}

/* ___________________________ Center ___________________________ */

#container {
	width: 953px;
}

#containerNav { 
	width: 186px;
	height: 366px;
	background-image:url(layout/bg_navigation.jpg);
	background-repeat:no-repeat;
	float:left; 
	}

#containerDragon { 
	width: 216px;
	height: 366px;
	background-image:url(layout/dragon_top.jpg);
	background-repeat:no-repeat;
	float:left; 
	}

#containerContent { 
	width: 551px;
	height: 366px;
	background-image:url(layout/bg_content.jpg);
	background-repeat:no-repeat;
	float:left; 
	}

/* ___________________________ Bottom ___________________________ */	
	
		
#bottom {
	width: 953px;
	}

#bottomLeft {
	width: 186px;
	height: 86px;
	background-image:url(layout/left_back_l.jpg);
	background-repeat:no-repeat;
	float:left; 
	}

#bottomDragon {
	width: 216px;
	height: 86px;
	background-image:url(layout/dragon_bottom.jpg);
	background-repeat:no-repeat;
	float:left; 
	}

#bottomRight {
	width: 551px;
	height: 86px;
	background-image:url(layout/bottom.jpg);
	background-repeat:no-repeat;
	float:left; 
	}
		
/* ___________________________ Layout Ende ___________________________ */







/* ___________________________ Navigation linke Seite Start ___________________________  */

/* Navigation Links Start */

#navlist { 
	}

#navlist ul {
	margin: 0;
	padding: 0;
	}

#navlist li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-image: none;
	}

#navlist a {
	display: block;
	padding: 4px 4px 4px 76px;
	width: 102px;
	color: #baaa94;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	}

#navlist a:hover {
	background-image:url(layout/kugel_nav.png);
	background-position: 44px 0px;
	background-repeat:no-repeat;
	color:#e5e0da;
	}

#navlist a#current { /* Diese Id ist für den Aktuellen Link und kommt ins a tag */
	background-image:url(layout/kugel_nav.png);
	background-position: 44px 0px;
	background-repeat:no-repeat;
	color:#e5e0da;
	}

*html #navlist a:hover {
	background-image:url(layout/kugel_navi.gif);
	background-position: 44px 0px;
	background-repeat:no-repeat;
	color:#e5e0da;
	}

*html #navlist a#current { /* Diese Id ist für den Aktuellen Link und kommt ins a tag */
	background-image:url(layout/kugel_navi.gif);
	background-position: 44px 0px;
	background-repeat:no-repeat;
	color:#e5e0da;
	}
/* Navigation Links Ende */

/* ___________________________  Navigation linke Seite Ende ___________________________  */

/* ___________________________  SCROLLING ___________________________  */

#divUpControl { 
	text-align: right;
	position:absolute;
	height: 48px;
	width: 25px;
	margin: 1px 0 0 475px;
} 

#divDownControl {
	text-align: right;
	position:absolute;
	height: 49px;
	width: 25px;
	margin: 284px 0 0 475px;
} 


#divContainer {
	width:480px; 
	height:346px; 
	position:absolute;
	overflow:hidden;
	clip:rect(0,480,366,0);
} 

#divContent{
	position:absolute;
	width: 480px;
	height: 2000px;
} 

/* ___________________________  ENDE SCROLLING ___________________________  */


/* ___________________________  Tabelle Start ___________________________  */

table  {
	border-collapse: collapse;
	width: 252px;
	font-size: 10px;
}

th {
	background-color:#783E12;
	color:#FFF;
	padding: 4px;
	border: 1px solid #FFF;
	text-align:left;
}

td {
	padding: 4px;
	text-align:left;
	border-right: 1px solid #783E12;
	border-bottom: 1px solid #783E12;
	border-left: 1px solid #783E12;
}

.tabelleBild {
	padding: 0;
	border-top: 1px solid #783E12;
	border-left: 1px solid  #783E12;
	border-right: 1px solid  #783E12;
}

.tabelleButton  {
	padding: 25px 0 0 0;
	border: 1px solid #FFF;
	text-align: right;
}
/* ___________________________  Tabelle Ende ___________________________  */

/* ___________________________  Gallery ___________________________  */
.galleryThumbs {
	float:left;
	margin: 5px 0 0 5px;
	width: 90px;
	text-align: left;
}	

.galleryThumbs img {
	border: 1px solid #D4D1C8;
}	

.galleryThumbs a:hover img {
	border: 1px solid #39180d;
}	


/* ___________________________  MOTOYAMA ___________________________  */

#motoyama {
font-family:Arial, Helvetica, sans-serif;
width: 953px;
font-size:10px;
color:#FFF;
text-align:right;
}

#motoyama a:link, #motoyama a:visited {
	text-decoration: none;
	color:#FFF;
}

#motoyama a:hover, #motoyama a:focus {
color: #FFF;
text-decoration: underline;
}
