* {
	margin: 0px;
	padding: 0px;
}

html, body {
	background: #3b3b3b;
	text-align: left;
}

 /* ... Zufalls-Hintergrundbild im Kopfbereich background url(../i../image_home/header/pic_header.php?pic=random1) no-repeat top left */
#top_pic {
	width: 900px;
	height: 202px;
	margin: 0px auto;	
	padding: 0px;	
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	background: #707070 url(../img_home/header/pic_header.php?pic=random) no-repeat top left;;
}

 /* ... Zufalls-Hintergrundbild im Kopfbereich background url(../i../image_home/header/pic_header.php?pic=random1) no-repeat top left */
#top_pic_reisen {
	width: 900px;
	height: 202px;
	margin: 0 auto;	
	padding: 0px;	
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	background: #707070 url(../img_home/header_reisen/pic_header.php?pic=random) no-repeat top left;
}


#top_left {
	position: absolute;
	width: 180px;
	height: 202px;	
	margin: 0;	
	padding: 0px;
	border-right: 1px solid #989898;
	background: none;
}

#top_text {
	position: absolute;
	width: 718px;
	height: 202px;
	margin: 0px 0 0 181px;
	padding: 0px;
	border: none;
	background: none;
}

/* ... Menu Gesamtbildschirm */
#menu {
	width: 100%;
	height: 42px;	
	margin: 0px 0 0 0;
	background: #989898 url(../img_home/2008.12.10_menu.jpg) repeat-x left;
}

/* ... Menu ueber Gesamtbreite der Homepage */
#menu_center {
	width: 900px;
	height: 42px;	
	margin: 0px auto;
	background: #707070 url(../img_home/2008.12.10_menu.jpg) repeat-x left;
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
}

#menu_center ul {
	list-style: none;	
	margin: 0px 0 0 180px;
	padding: 0px 0 0 0px;
}

#menu_center ul li {
    float: left;
    border-right: 1px solid #989898; 
}

#menu_center ul li a {
	font: normal 14px/42px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	float: left;
	display: block;
	text-decoration: none;
	padding: 0 25px 0 25px;
	color:  #dedede;
	
}

#menu_center ul li a:hover  {
	text-decoration: none;
	color: #D2691E;
	padding: 0 15px 0 25px;
	border-right: 10px solid #D2691E;
}  

#menu_center ul li a.firstItem {
	border-left: 1px solid #989898;
}

#menu_center ul li a.firstItem:hover {
	border-left: 1px solid #989898;
}

/* ... Hauptbereich */
#middle {
	clear: both;
	width: 900px;	
	height: 100%;
	margin: 0 auto;	
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	border-bottom: 1px solid #989898;
	background: #707070;
}

/* ... Untermenu links */
#middle_left_1 {
	float: left;	
	width: 180px;	
	margin: 0px 0 0 0px;
	padding: 0px 0 0 0px;
	background: #707070;
}

#middle_left_1 ul {
	list-style: none;	
	margin: 0px 0 0px 0px;
	padding: 0px 0 0 0px;
}

#middle_left_1 ul li, li.menu_sub {
	float: left;
	width: 180px;
	margin: 0px 0 0px -10px;
	padding: 0px 0 0 0px;
	border-bottom: 1px solid #989898;	
}

#middle_left_1 ul li.menu_sub {
	height: 42px;
	border-bottom: 0;	
}

#middle_left_1 ul li.lastItem {
	border-bottom: none;
}

#middle_left_1 ul li a, a.menu_main {	
	font: normal 12px/30px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	border-right: 0;
	border-left: 9px solid #3b3b3b;	
	color: #dedede;	
}

#middle_left_1 ul li a.menu_main {
	font: normal 14px/30px Arial, Helvetica, sans-serif;
	padding: 10px 0 0 20px;
	border-left: 9px solid #D2691E;
}

#middle_left_1 ul li a:hover {
	text-decoration: none;
	border-left: 9px solid #D2691E;
	color: #D2691E;	
}

/* ... Hauptbereich Rechts neben Menu vertikal */
#middle_right_cont {
	float: right;
	width: 720px;
	height: 100%;
	text-align: justify;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #989898;
}

/* ... Fusszeile zentriert*/
#bottom_center {
	font: 10px/30px Arial, Helvetica, sans-serif;
	clear: both;
	width: 900px;
	height: 42px;	
	margin: 0px auto;
	background: #707070;
}

#bottom_left {
	width: 180px;
	margin: 0 auto;	
	float: left;
	padding: 0px;
	height: 42px;	
	border-right: 1px dotted #989898;
	background: none;
}


/* ... Schriften */
h1 {
	font: normal 30px Arial, Helvetica, sans-serif;
	letter-spacing: 4px;
	margin: 0px 0 0 0px;
	padding: 0px 0 0 0px;
	color: #dedede;
}

/* ... Logo-Schriftzug www.natureview.ch */
h1.logo {
	text-align: right;
	margin: 0px 0px 0px 0px;	
	padding: 20px 20px 0px 0px;
}

h2 {
	font: normal 13px Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	padding: 0px 0 0 0px;
	margin: 0px 0 0 0px;
	color: #FFd32D;
}

h3 {
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0 0 0px;
	color: #272727;
}

h3.logo {
	font: bold 12px/22px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-align: right;
	margin: 0px 0 0 0px;
	padding: 0px 20px 0 0px;
	color: #dedede;
}

h3.copy {
	font: normal 12px/42px Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 1px;
	margin: 0px 0 0 180px;
	padding: 0px 0px 0 0px;
	color: #dedede;
}

h4 {
	font: normal 14px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding: 0px 0 0 0px;
	margin: 0px 0 0 0px;
	color: #383C40;
}

a {
	color: #4169E1;
	text-decoration: underline;
}

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