/*
 * CSS Hotel & Lounge Lava Inn
 *
 * @version 3
 * @created: 2008/03/12
 * @author: Wenzel Wondra, wondra@it-studio.com
 * @copyright: 2008 www.lava-inn.at
 */
body, html {
    padding: 0;
    margin: 0;
    background: rgb( 255, 255, 255 );
    font-family: Arial, Helvetica, sans-serif;
    font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

body {
    background: rgb( 255, 255, 255 ) url(../images/verlauf_body.jpg) repeat-x scroll left top;
}

img {
    border: 0;
}
/* mainbody */
div#lavainn {
    margin: 0 auto;
    width: 970px !important;
    padding: 0 0;
    background: transparent url(../images/verlauf_center.png) repeat-y scroll left top;
    border: 1px solid transparent;
}

div#inner {
    margin-left: 35px;
}

div#outer {
    background: transparent url(../images/lava_flow.png) no-repeat scroll 50% 200px;
    position: relative;
    /*z-index: 5000;*/
    margin: 0;
    padding: 0;
}

#leftContent, #mainContent, #rightContent {
    float: left;
}

#leftContent, #rightContent {
    width: 200px;
    margin: 0;
}
/*---------------------*/
/* Submenu Box */
div#leftContent {
    margin-right: 15px;
    padding-bottom: 8px;
    background: transparent url(../images/menu_border_bottom.gif) no-repeat scroll bottom left;
}

div#leftContentContainer {
    border-left: 2px solid #f4e5ba;
    border-right: 2px solid #f4e5ba;
    padding: 10px 20px;
}

div#leftContentTop {
    height: 8px;
    background: transparent url(../images/menu_border_top.gif) no-repeat top left;
}

div#leftContent a {
    color: #5b201d;
	text-decoration:none;
}

div#leftContent a:hover {
	text-decoration:underline;
}

div#leftContent ul {
    list-style-type: none;
    margin: 10px 0px 30px 3px;
    padding: 0;
}

div#leftContent ul li {
    padding: 2px 0 0 16px;
	background: transparent url(../images/icons/pfeilchen.gif) no-repeat left center;
}

div#leftContent h3 {
    line-height: 12px;
    margin: 0 0 10px;
    font-size: 18px;
	font-weight: normal;
}

div#leftContent .bannersmall{margin: 10px 0}

#rightContent {
    padding-left: 12px;
}

#mainContent {
    margin: 0;
    width: 468px;
    background: transparent url(../images/content_border_bottom.gif) no-repeat scroll left bottom;
    padding-bottom: 8px;
}
/* fonts & backgrounds */
.bgdarkred {
    background: #5b201d;
}

.bgdarkgold {
    background: rgb( 241, 230, 185 );
}

.bggold {
    background: #f4e5ba;
}

.bgsilver {
    background: rgb( 234, 234, 234 );
}

.fgold {
    color: #f4e5ba;
}

.fdarkgold {
    color: rgb( 172, 133, 49 );
}

.fdarkred {
    color: #5b201d;
}

.fsilver {
    color: rgb( 78, 78, 78 );
}

.invisible {
    display: none;
}

.centered {
    text-align: center;
}

.clearer {
    clear: both;
}
/* boxes etc*/
.fleft {
    float: left;
}
/* topbar */
div#masterhead {
    font-size: 0.9em;
    color: rgb( 78, 78, 78 );
    text-align: right;
    height: 145px;
    margin: 0 15px 0 0;
    padding: 0 15px 15px 15px;
}

div#masterhead a {
    color: rgb( 78, 78, 78 );
}

img#lavainnlogo {
    float: left;
}

div#topnav {
    height: 90px !important;
    padding-top: 13px;
    padding-bottom: 13px;
}

ul#topshortcuts {
    color: rgb( 78, 78, 78 );
    list-style-type: none;
}

ul#topshortcuts li {
    display: inline;
    padding: 0 5px 0 0;
}
/* Hauptmenu */
div#mainmenu {
    margin: 0;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.5px;
    height: 36px;
}

div#mainmenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 36px;
    text-transform: uppercase;
}

div#mainmenu ul li {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
}

div#mainmenu ul li a {
    color: rgb( 88, 33, 36 );
    text-decoration: none;
    display: block;
    float: left;
    padding: 10px 18px 6px 20px;
}

div#mainmenu ul li a:hover, div#mainmenu ul li a.active {
    border-bottom: 2px solid rgb( 88, 33, 36 );
}

/* teaser image */
div#imgteaser {
    height: 170px;
    width: 900px;
    overflow: none;;   
}

div#imgteaser a#border{
	height:170px;
	clear:both;
	position:relative;
	top:-170px;
	display:block;
}

div#imgteaser ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height:170px;
}

img#borderoverlay {
    position: relative;
    z-index: 1111;
   /* top: -170px;*/
    left: 0px;
    cursor: pointer;
    background: transparent url(../images/lava_border_flames.gif) no-repeat scroll -120px 50%;
}

div#imgteaser img#zoomIcon{
	position:relative;
	top:-197px;
	left:790px;
	z-index:110;
	width:69px;
	height:21px;
	margin:0;	
	overflow:none;
}
/* ------------------------------------*/
/* Buchungskalender */
div#booking {
    width: 200px;
    margin: 0 5px 0 5px;
  /*  height: 315px;*/
}

div#booking h2 {
    text-align: center;
    padding: 10px 20px 0 20px;
    font-weight: normal;
    margin: 0;
    font-size: 18px;
    height: 28px;
    line-height: 18px;
    background-image: url(../images/bg_header_booking.jpg);
}

.aright {
    margin: 0;
    padding: 0;
    text-align: right;
}

form#bookingform {
    padding: 10px;
    margin: 0;
    width: 180px !important;
    background-image: url(../images/bg_booking_bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
}

form#bookingform .date-invisible {
    width: 10px;
    display: none
}

form#bookingform label {
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 0.5em;
}

form#bookingform .s_medium {
    width: 140px;
    text-align: left;
}

form#bookingform input, form#bookingform select {
    border: 1px solid rgb( 88, 33, 36 );
    height: 20px;
}

form#bookingform input
[ type = "text" ] {
    float: right
}

form#bookingform .nl {
    clear: right;
}

form#bookingform .i_small {
    width: 30px;
    height: 14px;
    text-align: center;
}

form#bookingform fieldset {
    padding: 4px 0;
    margin: 0;
    border: 0;
}

form#bookingform .s_mall {
    width: 25px;
}

input#bookbtn{width: 160px;}
/* ------------------------------------*/
/* Content */
div#mainContentTop {
    height: 8px;
    background: transparent url(../images/content_border_top.gif) no-repeat top left;
}

div#cms {
    border-left: 2px solid #f4e5ba;
    border-right: 2px solid #f4e5ba;
    padding: 20px;
}
/* content div */
div#content {
    margin: 20px 0px;
}

div#mainContent h1 {
    font-size: 26px;
    font-weight: normal;
    letter-spacing: -0.4px;
    margin: -2px 0 30px;
    color: #582224;
    line-height: 30px;
}

div#mainContent h2, div#mainContent h2 a {
    color: #582224;
    font-weight: normal;
    margin: 30px 0 20px;
font-size:18px;
}






div#mainContent .price{text-align:right;font-size:13px;}

div#mainContent p strong {
    color: #582224;
}

div#mainContent p:first-letter {
    font-size: 26px;
    color: #582124;
    margin-top: 20px;
}


div#mainContent .lava{background: transparent url(../images/lava.jpg) no-repeat scroll center top; height:32px;margin-top:30px;}

/* footer */
div#footernavigation {
    padding: 20px 15px;
    font-size: 11px;
    text-align: justify;
    /*background: rgb( 255, 255, 255 ) url(../images/verlauf_body.jpg) repeat-x scroll left -550px;*/
    width: 870px;
}


p#copyright {
    clear: left;
    padding: 15px 15px 25px 35px;
    margin-bottom: -10px;
    background: transparent url(../images/verlauf_footer.png) no-repeat scroll bottom center;
}
/* Google Maps */
div#map_bg {
    background: transparent url(../images/bordergold3.gif) no-repeat top left;
    height: 313px;
    margin: 0;
}

#map_canvas {
    position: relative;
    top: 16px;
    left: 16px;
    width: 868px;
    height: 280px;
}


div.separator{
  height:10px;
  margin-top:10px;
border:none;
border-top: 1px solid #f3e6ba;
padding: 0 20px;
}


div.artikelliste h2 span {
float:right;
font-size:12px;
text-decoration:underline;
}