/* CSS Document */

body {
	background: url(../i/wood.jpg);
	margin:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:black;
	font-size:12px;
	line-height:1.5;
} 

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

a {
	text-decoration: none;
	color:#66280F;
}

a:hover, a:focus {
	text-decoration: underline;
	color:#000;
}

ul {
	list-style-type:none;
	list-style-image:none;
	padding: 0px;
	margin: 0px;
	list-style-position:outside;
}

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


h1 {
	font-size:24px;
	margin:0;
	font-weight:normal;
	line-height:1.5;
}

h1 a:hover {
	text-decoration:none;
}

h2 {
	font-size:18px;
	margin:0;
	font-weight:normal;
	line-height:1.5;
}

h3 {
	font-size:14px;
	margin:0;
	font-weight:normal;
	line-height:1.5;
}

.grey {
	font-style:italic;
	color:#666666;
}

img {
	border:none;
}


img:hover {
text-decoration:none;
}

p {
	margin: 0px;
	padding: 0 0 6px 0;
	line-height: 1.5;
}

.boxpadding {
	padding:10px;
}

.padding5 {
	padding:5px;
}

.image_left {
	float:left;
	margin-right:12px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.line {
	background:#99948C;
	width:100%;
}

.imgborder {
	border: #551604 solid 2px;
}

a .imgborder:hover {
	border:#000 solid 2px;
}


/* ######################################################## TOP #################################################################### */

#wrap {
	position: relative;
	height: 100%;
	margin: auto;
	width: 980px;
}

#top {
	position: relative;
	height:200px;
	margin-left:-15px;
	width:974px;
	padding-right:25px;
	background:url(../i/logo.png) 0 0 no-repeat;
	z-index: 500;
}

#top span {
	font-size:11px;
	float:right;
	margin:10px 0 0;
	color:white;
	cursor:pointer;
}

#top span:hover {
	text-decoration:underline;
}

#logo {
	position: relative;
	top:133px;
	left:237px;
}

#menu {
	padding: 20px 0 40px 25px;
}

#menu li {
	float:left;
	margin:0 33px;
	padding-bottom:5px;
	min-width:107px;
	text-align:center;
	height:30px;
}

#menu li:hover, #menu li:focus, #menu li.active {
	background:url(../i/menu_a.gif) center 100% no-repeat;
}



/* ######################################################## CONTENT #################################################################### */

#contentbg {
	background: #551604;
	padding: 40px 15px 15px 15px;
	margin: -40px 0 15px 0;
}

#content {
	width:100%;
	height: 100%;
	background:url(../i/content_bg.jpg) 0 0 repeat;
}
 
#content_top {
	background:url(../i/content_top.jpg) 0 0 no-repeat;
	width:100%;
}

#content_bottom {
	background:url(../i/content_bottom.jpg) 0 100% no-repeat;
	height: 100%;
	padding:50px 65px;
}

#footer {
	margin-top:40px;
	background:url(../i/footer.jpg) 0 0 repeat-x;
	height:122px;
	width:100%;
}

.head {
	width:400px;
	text-align:center;
	background:url(../i/head.png) 0 0 no-repeat;
	color:white;
	margin-bottom:10px;
}

#content_left {
	width:400px;
	height: 100%;
	float:left;
	margin: 0 10px 0 0;
}

.start_left {
	width:20%;
	text-align:right;
	font-weight:bold;
	font-style:italic;
	color:#666666;
	vertical-align: top;
	padding: 5px;
	height: 100%;
}

.start_right {
	vertical-align: top;
	width:80%;
	font-weight:bold;
	padding: 5px;
	height: 100%;
}

.trenner {
	background:url(../i/trenner.png) center 0 no-repeat;
	height:24px;
	margin-bottom:15px;
	width:100%;
}

#content_right {
	float:left;
	width:390px;
	margin: 0 10px 0 0;	
}


blockquote {
font-style: italic;
background: url(../i/quote.png) 0 0 no-repeat;
margin: 5px 5px 0 5px;
padding: 10px 10px 10px 20px;
}


.button {
float: left;
}

.button a  {
font-size: 16px;
float: left;
display: block;
margin: 0 5px 5px 0;
color: #fff;
background: #551604 url(../i/buttons.gif) left 0 no-repeat;
font-weight: bold;
text-decoration: none;
cursor: pointer;
}

.button a span {
background: url(../i/buttons.gif) right -27px no-repeat;
color: #FFFFFF;
display: block;
padding: 0 40px 0 40px;
height: 27px;
}

.button a:hover {
background: #000 url(../i/buttons.gif) left -54px no-repeat;
}

.button a:hover span {
background: url(../i/buttons.gif) right -81px no-repeat;
}

.button a.active {
background: #000 url(../i/buttons.gif) left -54px no-repeat;
}

.button a.active span {
background: url(../i/buttons.gif) right -81px no-repeat;
}

.image_list_big {
	width:220px;
	float:left;
	text-align:center;
	margin-bottom:20px;
	padding:0 5px 0 5px;
	color:#999999;
}



/*** Slideshow style  */

#slideshow {
	margin:0 auto;
	width:380px;
	height:214px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:284px;
  height:214px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:280px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:214px;
}

/*** Slideshow controls */

.control {
  display:block;
  width:46px;
  height:214px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top:0;
  left:0;
  background: transparent url(../i/control_left.png) center center no-repeat;
}

#rightControl {
  top:0;
  right:0;
  background: transparent url(../i/control_right.png) center center no-repeat;
}