@charset "utf-8";
/* CSS Document */

/* -------------------------------------
	Inhaltsverzeichnis
----------------------------------------
	domain: www.hotel-restaurant-wasgau.de
	Author: Matthias König
	
	1. Allgemeines
	2. Header
	3. phone
	4. Subnavi
	5. Content-Box
		5.1 Sidebar
		5.2 Content
	6. Footer
	
----------------------------------------
	1. Allgemeines
------------------------------------- */
	
	* {
		margin: 0;
		padding: 0;
		border: 0;
		}
		
	body {
		font: 62.5% "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #50442d;
		line-height: 1.8em;
		background: #DED2BC url(../images/bg.jpg) 0 0 repeat-x;
		}
		
	#wrapper {
		width: 955px;
		margin: 0 auto;
		font-size: 1.3em;
		}
		
	h1 {
		font-size: 1em;
		color: #7e2128;
		margin: 0 0 1.2em 0;
		font-size: 1.2em;
		}
        
        h3 {
		font-size: 1em;
		color: #7e2128;
		margin: 0 0 1.2em 0;
		font-size: 1.2em;
		}
		
	h2 {
		font-size: 1em;
		color: #323232;
		margin: 0 0 1.2em 0;
		font-size: 1.2em;
		}
		
	p {
		margin: 0 0 1.2em 0;
		}
		
	.cleaner {
		float: none;
		clear: both;
		}
		
/* -------------------------------------
	2. Header
------------------------------------- */

	#header {
		width: 955px;
		height: 278px;
		background: url(../images/header.jpg) 0 0 no-repeat;
		position: relative;
		}
		
	#header ul,
	#phone ul,
	#subnavi ul,
	#sidebar ul {
		position: absolute;
		list-style: none;
		}
		
	#header ul#liste1 {
		top: 93px;
		left: 106px;
		}
		
	#header ul#liste2 {
		top: 93px;
		left: 375px;
		}
		
	#header ul li a,
	#phone ul li a,
	#subnavi ul li a,
	#sidebar ul li a {
		display: block;
		text-indent: -99999px;
		font-size: 1px;
		overflow: hidden;
		}
		
	#header ul li a:hover,
	#header ul li a.active,
	#header ul li a:hover,
	#header ul li a.active,
	#phone ul li a:hover,
	#phone ul li a.active,
	#subnavi ul li a:hover,
	#subnavi ul li a.active,
	#sidebar ul li a:hover,
	#sidebar ul li a.active {
		background: none!important;
		}
		
	#header ul li a.logo {
		width: 269px;
		height: 127px;
		background: url(../images/logo.jpg) 0 0 no-repeat;
		}
		
	#header ul li a.ausflug {
		width: 269px;
		height: 58px;
		background: url(../images/ausflug.jpg) 0 0 no-repeat;
		}
		
	#header ul li a.zimmer {
		width: 220px;
		height: 48px;
		background: url(../images/zimmer.jpg) 0 0 no-repeat;
		}
		
	#header ul li a.kontakt {
		width: 220px;
		height: 52px;
		background: url(../images/kontakt2.jpg) 0 0 no-repeat;
		}
		
/* -------------------------------------
	3. Phone
------------------------------------- */		

	#phone {
		width: 955px;
		height: 113px;
		background: url(../images/phone.jpg) 0 0 no-repeat;
		position: relative;
		}
		
	#phone ul {
		position: absolute;
		top: 48px;
		left: 809px;
		}
	
	#phone ul li a.impressum {
		width: 96px;
		height: 18px;
		background: url(../images/impressum.jpg) 0 0 no-repeat;
		}
		
/* -------------------------------------
	4. Subnavi
------------------------------------- */

	#subnavi {	
		width: 955px;
		height: 31px;
		background: url(../images/subnavi.jpg) 0 0 no-repeat;
		position: relative;
		}
		
	#subnavi ul {
		position: absolute;
		top: 0;
		left: 61px;
		}
		
	#subnavi ul li {
		float: left;
		}
		
	#subnavi ul li a {
		height: 31px;
		}
		
	#subnavi ul li a.startseite {
		width: 70px;
		background: url(../images/startseite.jpg) 0 0 no-repeat;
		margin: 0 28px 0 0;
		}
		
	#subnavi ul li a.kontakt {
		width: 57px;
		background: url(../images/kontakt.jpg) 0 0 no-repeat;
		margin: 0 29px 0 0;
		}
		
	#subnavi ul li a.anfahrt {
		width: 58px;
		background: url(../images/anfahrt.jpg) 0 0 no-repeat;
		}
		
/* -------------------------------------
	5. Content-Box
------------------------------------- */

	#content-box {
		width: 955px;
		background: url(../images/content_kachel.jpg) 423px 0 repeat-y;
		}
		
			/* -------------------------------------
				5.1 Sidebar
			------------------------------------- */
			
				#sidebar {
					width: 441px;
					height: 398px;
					float: left;
					background: url(../images/sidebar.jpg) 0 0 no-repeat;
					position: relative;
					}
					
				#sidebar p {
					text-indent: -99999px;
					font-size: 1px;
					overflow: hidden;
					}
					
				#sidebar ul {
					position: absolute;
					top: 267px;
					left: 259px;
					}
					
				#sidebar ul li a {
					width: 111px;
					height: 47px;
					background: url(../images/ueber_uns.jpg) 0 0 no-repeat;
					}
					
			/* -------------------------------------
				5.2 Content
			------------------------------------- */
					
				#content {
					width: 430px;
					padding: 0 84px 0 0;
					float: left;
					background: url(../images/content_bg.jpg) 0 0 no-repeat;
					}
					
				#content ul {
					list-style: none;
					margin: 0 0 1.2em 0;
					}
					
				#content ul li {
					padding: 0 0 0 36px;
					background: url(../images/li.jpg) 0 0 no-repeat;
					margin: 0 0 0.6em 0;
					}
					
				#content .links {
					width: 200px;
					margin: 0 30px 0 0;
					float: left;
					}
					
				#content .rechts {
					width: 200px;
					float: left;
					}
					
				#content a {
					color: #7E2128;
					text-decoration: underline;
					}
					
				#content a:hover {
					color: #E5DAC8;
					background: #7E2128;
					text-decoration: none;
					}
					
				#content table {
					width: 430px;
					border: none;
					margin: 0 0 1.2em 0;
					text-align: left;
					}
					
				#content table tr td {
					padding: 6px 8px 8px 8px;
					vertical-align: text-top;
					border-bottom: 1px solid #DED2BC;
					}
					
				#content table tr td.preis {
					width: 64px;
					text-align: right;
					}
					
				#content table tr td .detail {
					color: #B19662;
					}
					
				#content table tr th {
					padding: 8px;
					background: #DED2BC;
					}
					
				#content .img {
					background: #EFE7DC;
					padding: 4px;
					border: 1px solid #A4A5A0;
					}
                    
                    .bilder{
                    	float: left;
                        padding-right: 15px;
                        padding-bottom: 10px;
                    }
					
/* -------------------------------------
	6. Footer
------------------------------------- */

	#footer {
		width: 955px;
		height: 41px;
		background: url(../images/footer.gif) 0 0 no-repeat;
		}
		
		
/*********************************************************/
/****************   7. slideshow  ******************/
/*********************************************************/ 

div#slideshow {
    height: 151px;
    left: 114px;
    position: absolute;
    top: 117px;
    width: 274px;
}

	div#slideshow ul {
	position:relative;
	height:147px;
	
}

div#slideshow ul li {
	list-style:none;
}

		
/* -------------------------------------
	Ende ;)
------------------------------------- */