/*---------------------------GLOBAL---------------------------*/
a {
	outline:0;
	}


body {
	background:#8b785c url(../bilder/layout/bg.jpg);
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:auto;
	font-family:Arial, sans-serif, Tahoma, Verdana; 
	}
	
div#background {
	width:100%;
	height:768px;
	background:url(../bilder/layout/background.jpg) repeat-x;
	z-index:1;
	}
	
div#center {
	margin: 0 auto;
	padding: 0;
	width: 794px;
	z-index:2;
}

/*---------------------------HEAD---------------------------*/

div#topborder {
	width:794px;
	height:9px;
	background:url(../bilder/layout/topborder.jpg) no-repeat;
	margin:22px 0 0 0;
	padding:0;
	float:left;
	}
	
div#head {
	width:774px;
	height:225px;
	background:#fff;
	padding:0 10px 0 10px;
	float:left;
	}
	
a#logo {
	display:block;
	width:220px;
	height:224px;
	background:url(../bilder/layout/logo.jpg) no-repeat;
	float:left;
	}
	
div#headbild {
	width:554px;
	height:224px;
	float:left;
	}
	
/*---------------------------META-NAVIGATION---------------------------*/
div#metabox {
	width:774px;
	height:33px;
	background:#fff;
	padding:0 10px 0 10px;
	float:left;
	}
	
div#metanavigation {
	width:774px;
	height:32px;
	background:url(../bilder/layout/navi_bg.jpg) repeat-x;
	float:left;
	}
	
a#meta_home {
	display:block;
	width:85px;
	height:12px;
	background:url(../bilder/layout/meta_home.jpg) no-repeat;
	margin-top:10px;
	float:right;
	}
	
a#meta_kontakt {
	display:block;
	width:109px;
	height:17px;
	background:url(../bilder/layout/meta_kontakt.jpg) no-repeat;
	margin:8px 10px 0 40px;
	float:right;
	}

	
/*---------------------------Content---------------------------*/

div#main {
	width:774px;
	min-height:400px;
  	height:auto !important;
  	height:400px;
	background:#fff;
	padding:0 10px 0 10px;
	float:left;
	background:url(../bilder/layout/hintergrund-content.gif);
	}
	
div#navigation {
	width:220px;
	height:388px;
	background:#e2dec3;
	margin:0;
	padding:12px 0 0 0;
	float:left;
	}
	
a#rhodesian, a#ueberuns, a#ayla, a#ashira, a#gaestebuch, a#links, a#news, a#impressum {
	display:block;
	width:220px;
	height:30px;
	background-position:bottom;
	float:left;
	}
	
a#rhodesian {background:url(../bilder/layout/buttons/rhodesian_ridgeback.jpg) no-repeat;}
a#ueberuns {background:url(../bilder/layout/buttons/ueberuns.jpg) no-repeat;}
a#ayla {background:url(../bilder/layout/buttons/ayla.jpg) no-repeat;}
a#ashira {background:url(../bilder/layout/buttons/ashira.jpg) no-repeat;}
a#gaestebuch {background:url(../bilder/layout/buttons/gaestebuch.jpg) no-repeat;}
a#links {background:url(../bilder/layout/buttons/links.jpg) no-repeat;}
a#news {background:url(../bilder/layout/buttons/news.jpg) no-repeat;}
a#impressum {background:url(../bilder/layout/buttons/impressum.jpg) no-repeat;}

div#navigation .submenu {
	width:180px;
	height:18px;
	background:url(../bilder/layout/buttons/submenu.jpg) repeat-y;
	padding:2px 0 0 40px;
	margin:0;
	float:left;
	border-bottom: 1px dotted #ffffff;
	}
	
div#navigation .submenu a {
	font-size:12px;
	color:#fafafa;
	text-decoration:none;
	}


div#content {
	width:534px;
	padding:4px 10px 10px 10px;
	float:left;
	}
	
div#content h1 {
	font-size:18px;
	color:#3a2612;
	}
	
div#content p {
	font-size:11px;
	color:#3a2612;
	line-height: 15px;
	}
	
div#content .bild-rechts {
	float:right;
	}
/*---------------------------Footer---------------------------*/

div#footer {
	width:794px;
	height:30px;
	background:url(../bilder/layout/footer.jpg) no-repeat;
	font-size:11px;
	color:#fff;
	text-align:center;
	float:left;
	}

div#footer span {
	font-weight:bold;
	margin:0 10px 0 10px;
	}