@charset "utf-8";

/* import 
--------------------------------------------------------------------------------------- */

	@import url("lightbox.css");
	@import url("cms.css");

/* standards 
--------------------------------------------------------------------------------------- */

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

html[xmlns^="http"] { 
	overflow-y: scroll;
}

.clear { 
	clear: both;}

html, body {
	background: #e6e9e6 url(../images/layout/hintergrund.gif) repeat-x top;
	height: 100%;
	margin: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	}


/* layout 
--------------------------------------------------------------------------------------- */
#wrapper {
	background: url(../images/layout/bg-wrapper.gif) repeat-y;
	clear: both;
	width: 940px;
	position:relative;
	z-index: 2;
	/* angaben sticky*/
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -125px;
}

.push {
	height: 120px; }

#header {
	background: url(../images/layout/header.jpg) no-repeat bottom left;
	width:940px;
	height: 519px;
	margin: 0;
	padding:0;
	}


#logo {
	height: 90px;
	width: 330px;
	background: url(../images/layout/logo.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	}
	
#sidebar {
	float: left;
	width: 480px;
	margin-bottom: 20px;
	padding-top: 60px;
	}
	
#sidebar p {
	padding: 20px 20px 0 30px;
}

#sidebar h3 {
	padding: 20px 20px 0 30px;
}
	

	

#content {
	float: left;
	width: 458px;
	padding-bottom: 30px;
	}
	
#content p{
	padding: 20px 20px 0 30px;
	}	


.left {
	float: left;
	width: 482px;
	}
	
.right {
	float: right;
	width:50%;
	}	
	
.datenschutz { 
	padding-bottom: 35px;
	}	
	
.datenschutz p {
	font-size: 12px;
	line-height: 16px;
	}

.impressum p {
	padding: 15px 20px 0 30px !important; }

.euroweblogo{padding: 60px 20px 0 30px;
	}


.routenplaner { width: 200px; padding: 20px 20px 0 30px;}


/* typografie 
--------------------------------------------------------------------------------------- */
h1{
	font-size: 16px; font-weight: bold;
	width: 458px; height: 60px; 
	text-indent: -9999px;
	}

h1.home { background: url(../images/layout/headline-home.gif) no-repeat; }
h1.weinhaus { background: url(../images/layout/headline-weinhaus.gif) no-repeat; }
h1.restaurant { background: url(../images/layout/headline-restaurant.gif) no-repeat; }
h1.gastgarten { background: url(../images/layout/headline-gastgarten.gif) no-repeat; }
h1.ueberuns { background: url(../images/layout/headline-ueberuns.gif) no-repeat; }
h1.catering { background: url(../images/layout/headline-catering.gif) no-repeat; }
h1.anfahrt { background: url(../images/layout/headline-anfahrt.gif) no-repeat; }
h1.kontakt { background: url(../images/layout/headline-kontakt.gif) no-repeat; }
h1.impressum { background: url(../images/layout/headline-impressum.gif) no-repeat; }
h1.newsletter { background: url(../images/layout/headline-newsletter.gif) no-repeat; }




h2 {
	font-size: 14px; font-weight:bold;
	width: 482px; height: 60px; 
	text-indent: -9999px;	

	}


h2.news { 
	background: url(../images/layout/headline-news.gif) no-repeat; 
	position: absolute;	top: 523px;}

h3 {
	font-size: 13px;
	font-weight:bold;
	padding: 20px 20px 0 30px;
	}


p {
	line-height: 20px;
	}
	
	
strong { 	
	font-weight:bold;
	}	


/* navigation 
--------------------------------------------------------------------------------------- */
#navbox {

}

ul#nav {
	width: 482px;
	height: 429px;
	position: absolute;
	top: 90px;
	left: 458px;
	float:left;
	background: url(../images/layout/navigation.jpg) no-repeat;
}

ul#nav li { 
	list-style: none;
	display: inline;}
	
	
ul#nav li a {
	display: block;
	text-indent: -9999px;
	position: absolute;
	outline: none;}

	
ul#nav li a:hover { background-position: left bottom; }
	 
a#nav1 { height: 38px; width: 482px; top: 38px; } 
a#nav1:hover {	background: url(../images/layout/nav1.jpg) no-repeat; } 
		
a#nav2 { height: 38px; width: 482px; top: 76px; } 
a#nav2:hover {	background: url(../images/layout/nav2.jpg) no-repeat; } 		

a#nav3 { height: 38px; width: 482px; top: 114px; } 
a#nav3:hover {	background: url(../images/layout/nav3.jpg) no-repeat; } 		
					
a#nav4 { height: 38px; width: 482px; top: 152px; } 
a#nav4:hover {	background: url(../images/layout/nav4.jpg) no-repeat; } 	
		
a#nav5 { height: 38px; width: 482px; top: 190px; } 		
a#nav5:hover {	background: url(../images/layout/nav5.jpg) no-repeat; } 	

a#nav6 { height: 29px; width: 482px; top: 228px; } 		
a#nav6:hover {	background: url(../images/layout/nav6.jpg) no-repeat; } 	


/* subnavgation 
--------------------------------------------------------------------------------------- */
#subnavbox {
 
}


ul#subnav {
	background: url(../images/layout/subnav.gif) no-repeat;
	float: right;
	font-size: 10px; 
	height: 90px;
	width: 610px;
	}

ul#subnav li  { 
	position: relative;
	float: left;
	list-style: none;}
	
	
ul#subnav li a{ 
	height: 45px;
	display: block; 
	text-indent: -9999px;
	outline: none;
	}	
	
ul#subnav li a:hover{ 

	}

a#subnav-home { width: 75px; margin-left: 311px; height: 45px;}
a#subnav-home:hover {  background: url(../images/layout/sub1.gif) no-repeat;}
		

a#subnav-kontakt {	width: 65px; height: 45px;	}	
a#subnav-kontakt:hover {  background: url(../images/layout/sub2.gif) no-repeat; }
	

a#subnav-newsletter { width: 84px;	height: 45px;}		
a#subnav-newsletter:hover {  background: url(../images/layout/sub3.gif) no-repeat; }	


a#subnav-impressum { width: 75px;	height: 45px;}		
a#subnav-impressum:hover {  background: url(../images/layout/sub4.gif) no-repeat; }		
	
	
	
/* footer 
--------------------------------------------------------------------------------------- */



#footer {
	clear: both;	
	background:  url(../images/layout/footer.jpg) no-repeat bottom;
	height: 327px;
	text-indent: -9999px;	
	display:block;
    margin: 0 auto;	
	width: 940px;
	position: relative;
	top: -125px; *top: 0;
	z-index: 1;
}


#zeiten {
	background: url(../images/layout/oeffnungszeiten.jpg);
	height: 242px;
	width: 482px;
	position: relative;
	left: 458px;
}

#zeiten p {
	color: #666;
	padding: 20px 95px 0 200px !important;
	line-height: 18px;
	font-size: 12px;
}


#footer a, #footer .escape span{
	color: #666;
	text-decoration:none; 
}

#footer a:hover, #footer a:hover span {
	text-decoration: underline;
	color:#999;
}



/* links 
--------------------------------------------------------------------------------------- */
a, .escape span{
	text-decoration: underline;
	color: #666;
	outline: none;
}

a:hover, a:hover span { text-decoration:none; color:#2e7f4c;}

#footerlinkweb
{ background: none; 
  position: relative;
  left: 730px; top: 30px;
  display: block; 
  text-indent: -9999px;
  width: 200px;
  height: 15px;}

#footerlinkmail 
{ background: none; 
  position: relative;
  left: 730px; top: 20px;
  display: block; 
  text-indent: -9999px;
  width: 200px;
  height: 15px;}

/* bilder 
--------------------------------------------------------------------------------------- */

#bildspalte {
	width: 200px;
	float: right;
	padding: 10px 32px 0 35px;
	
}


.bild, .anfahrtsskizze {
	background: url(../images/lightbox/progress.gif) no-repeat center center;
	cursor: url(../images/lightbox/zoomin.cur), pointer; 
	}

.bild img {
	float: left;
	padding: 6px !important;
	background: url(../images/layout/rahmen.gif) no-repeat;
	margin: 20px 0 20px 30px ;
	}
	
.anfahrtsskizze  img{ 	margin: 10px 0 0 30px; }

#salzkammergut-logo {
	position: absolute ; 
	top: 58px;
	left: 332px;
	background: url(../images/salzkammergut-logo.jpg) no-repeat;
	width: 160px;
	height: 116px;
	text-indent: -999px;
	overflow:hidden;
	z-index: 1000;
}