@charset "utf-8";

/*************************************************************************/
/* LAYOUT STYLES */
/*************************************************************************/

html, body {
	height: 100%;
}
html{
	background:url(../images/layout-content-container-bg.jpg) repeat center 0;
}
body{
	font-size:12px;
	line-height:1.4em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/layout-header-bg.jpg) repeat-x center 0;
	color:#442b0f;
}
#container{
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -164px;
	background:url(../images/layout-content-container.jpg) repeat-y center 0;
}
#inner-container{
	width:100%;
	margin:0 auto;
	background:url(../images/layout-header.jpg) no-repeat center 0;
}
.push {
	height: 164px;
}
#header{
	width:960px;
	height:332px;
	margin:0 auto;
	background:url(../images/layout-header.jpg) no-repeat -220px 0;
	position:relative;
	overflow:hidden;
}
h1.branding{
	width:390px;
	height:33px;
	overflow:hidden;
	margin:63px 0 0 28px;
	float:left;
}
h1.branding a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-10000px;
}
ul#navi-lang{
	width:36px;
	height:13px;
	overflow:hidden;
	position:absolute;
	top:74px;
	left:902px;
	float:left;
	list-style:none;
}
#navi-lang li,
#navi-lang li a{
	width:18px;
	height:13px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}
#navi-lang li{
	background:url(../images/navi-lang.jpg);
	float:left;
}
#navi-lang li a{
}
li#german{
	background-position:0 0;
}
li#english{
	background-position: -18px 0;
}
li#german.active,
li#german:hover{
	background-position:0 -13px;
}
li#english.active,
li#english:hover{
	background-position: -18px -13px;
}
#slideshow-overlay{
	width:448px;
	height:174px;
	top:136px;
	left:15px;
	position:absolute;
	background:url(../images/layout-slideshow-overlay.png) no-repeat;
	z-index:20;
}
#slideshow{
	width:448px;
	height:174px;
	top:136px;
	left:15px;
	overflow:hidden;
	position:absolute;
	z-index:1;
}
#slideshow img{
	width:448px;
	height:174px;
	display:none;
}
#slideshow img.first{
	display:block;
}
ul#navi{
	width:933px;
	height:53px;
	margin:0 auto;
	padding:0 15px 0 12px;
	background:url(../images/layout-header.jpg) no-repeat -220px -332px;
	position:relative;
	z-index:10;
}
#content-container{
	width:960px;
	min-height:110px;
	margin:0 auto;	
	background:url(../images/layout-content-container.jpg) repeat-y -220px 0;
}
#content-sidebar{
	width:310px;
	min-height:110px;
	float:left;
	background:url(../images/layout-header.jpg) no-repeat -220px -385px;
	padding:26px 0 0 0;
}
.content-sidebar{
	width:222px;
	height:173px;
	background:url(../images/layout-sidebar.png) 0 0;
	float:left;
	padding:24px 38px 0 50px;
	position:relative;
	color:#74675c;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
}
.content-sidebar div#euroweb{
	margin:5px 0 0 35px;
}
div#container div#content-container div#content-sidebar div.content-sidebar h6{
	width:100%;
	height:16px;
	font-size:15px;
	color:#b7ac99;
	margin:0 0 0 0;
	padding:1px 0 24px 0;
}
.content-sidebar p.intro{
	width:132px;
	margin:0 0 19px 90px;
}
.content-sidebar p.action{
	font-weight:bold;
	width:152px;
	margin:0 70px 0 0;
}
.side-icon{
	width:114px;
	height:92px;
	position:absolute;
	top:40px;
	left:18px;
}
.side-icon a{
	width:114px;
	height:92px;
	display:block;
	text-indent:-10000px;
}
.go-button{
	width:55px;
	height:32px;
	position:absolute;
	left:212px;
	top:131px;
}
.go-button a{
	width:55px;
	height:32px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/de/layout-gobutton.png);
}
.go-button a:hover{
	background-position: 0 -32px;
}
#newsletter-icon a{
	background:url(../images/icon-news.png);
}
#directions-icon a{
	background:url(../images/icon-directions.png);
}
#content{
	width:622px;
	min-height:62px;
	float:left;
	background:url(../images/layout-header.jpg) no-repeat -530px -385px;
	padding:48px 8px 0 20px;
}
.img-right{
	width:222px;
	float:right;
	margin:0  0 0 30px;
}
.img-right img,
.img-in-a-row img{
	padding:3px;
	background:#cdc9c0;
	border:1px solid #a89d8d;
	margin: 0 0 6px 0;
}
.img-right a:hover img,
.img-in-a-row a:hover img{
	background:#dcd8d0;
	border:1px solid #837a6c;
}	
.img-in-a-row img{
	margin: 0 6px 6px 0;
	display:block;
	float:left;
	width:110px;
	height:110px;
}
.img-in-a-row img.nomargin{
	margin: 0 0 6px 0;
}	
#footer-outer-container{
	width:100%;
	height:164px;
	float:left;
	background:url(../images/layout-footer-bg.jpg) repeat-x;
}
#footer-inner-container{
	width:100%;
	height:164px;
	float:left;
	background:url(../images/layout-footer.jpg) no-repeat center 0;
}
#footer{
	width:960px;
	height:164px;
	margin: 0 auto;
	background:url(../images/layout-footer.jpg) no-repeat -220px 0;
}
ul#navi-add{
	width:948px;
	height:24px;
	overflow:hidden;
	padding:46px 0 0 12px;
	margin:0 0 23px 0;
	float:left;
	list-style:none;
}
#navi-add li,
#navi-add li a{
	height:24px;
	display:block;
	overflow:hidden;
}
#navi-add li{
	background:url(../images/de/navi-add.jpg);
	float:left;
}
#navi-add li a{
	text-indent:-10000px;
}
li#contact{						width:86px;
									background-position:0 0;}
li#directions{					width:94px;
									background-position: -86px 0;}
li#imprint{						width:108px;
									background-position: -180px 0;}
									
li#contact:hover{ 			background-position:0 -24px; }
li#directions:hover{			background-position: -86px -24px; }
li#imprint:hover{				background-position: -180px -24px; }

li#contact.active{			background-position:0 -48px; }
li#directions.active{		background-position: -86px -48px; }
li#imprint.active{			background-position: -180px -48px; }

li#contact.active:hover{ 	background-position:0 -72px; }
li#directions.active:hover{background-position: -86px -72px; }
li#imprint.activ:hover{	background-position: -180px -72px; }

#footer h6{
	width:250px;
	height:50px;
	font-size:14px;
	color:#eedfd2;
	float:left;
	padding:0 50px 0 44px;
	text-indent:-10000px;
	overflow:hidden;
}
#footer p.adress{
	color:#ac9d71;
	height:50px;
	width:593px;
	float:left;
	text-align:right;
	font-size:11px;
	line-height:1.5em;
}
#footer p.adress a{
	color:#ac9d71;
}

/* CLEARFIX TO BREAK FLOATING */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */



/*************************************************************************/
/* CONTENT STYLES */
/*************************************************************************/

h2,h3,h4,h6{
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-weight:normal;
	color:#322419;
}
h2{
	font-size: 30px;
	margin: 0 0 66px 2px;
	font-weight: normal;
}
h3{
	font-size: 22px;
	margin: 0 0 20px 0;
	font-weight: normal;
	padding:18px 0 0 0;
}
h4{
	font-size: 16px;
	margin: 0 0 14px 0;
	font-weight: normal;
	padding:14px 0 0 0;
}
h5{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#442b0f;
	margin: 0 0 12px 0;
	padding:8px 0 0 0;
}
p{
	margin:0 0 10px 0;
}
strong,
.strong{
	font-weight:bold;
}
small,
.small{
	font-size:11px;
}
a,a:visited,a:active{
	color:#a55b18;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#a65b0b;
}
.nomargin{
	margin:0px;
}
table.price{
	margin:0 0 12px 0;
	background:#E0DAC4;
	border:1px solid #a89d8d;
	padding:6px 12px;
}
table.price th{
	width:220px;
	padding:0 0 6px 0;
}
table.price td{
	width:80px;
	padding:0 0 6px 0;
}
#content ul{
	margin:0 0 12px 0;
	list-style:disc;
}
#content ul li{
	margin:0 0 6px 26px;
}
dl.impressum{
	margin-bottom:15px;
	padding:20px 0 20px 0;
}
dl.impressum dt{
	width:225px;
	margin:0 10px 3px 0;
	float:left;
	font-weight:bold;
}
dl.impressum dd{
	width:340px;
	margin:0 10px 3px 0;
	float:left;
}
.content-column{
	width:296px;
	float:left;
	margin:0 30px 0 0;
}
.content-column nomargin{
	margin:0px;
}
	
/* Signify external links */
#content a[href^="http:"] {
	background: transparent url('../images/icon-external-link.png') 100% 50% no-repeat;
	padding-right: 12px;
}
#content div#euroweb{
	line-height:1px;
}
/* No Signification to the Euroweb-Logos in impressum.php */
#content div#euroweb a[href^="http:"],
#content a[href^="http://adlersteinamrhein.ch"],
#content a[href^="http://www.adlersteinamrhein.ch"],
#content a[href^="http://www.adler-stein-am-rhein.com"],
#content a[href^="http://adler-stein-am-rhein.com"]
 {
	padding:0;
	background:none;
}
#content a.download{
	display:block;
	width:300px;
	height:20px;
	padding:18px 0 18px 70px;
	margin:18px 0 0 0;
	background:url(../images/icon-pdf.png) no-repeat 15px 0;
}