/* 	Layout und Design fuer hotelgarni-regina.at
	by (c) 2009 Othmar Bachlechner
	------------
	http://www.bachlechner.at */

/* -----------------------------
	Allgemeine Angaben und Mittenlayout
  ----------------------------- */
body {
	position:relative;
	margin:0px;
	padding:10px;
	height:100%;
	background:#FCFCF0 url(bg_body.jpg) repeat-x top;
	color:#000;
	text-align:center;
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:13px;
}

#mitte {
	position:relative;
	height:100%;
	width:900px;
	margin:0 auto;
	border:1px solid #333;
	background-color:#fff;
	color:#000;
	-moz-border-radius:10px;
	background:#fff url(bg_vert.jpg) repeat-y 720px 0px;
}

#mitte_content {
	position:relative;
	height:70%;
	min-height:120px;
	width:900px;
	margin:20px 0px 20px 0px;
	text-align:justify;
	background:url(linie.gif) repeat-y 720px;

}

#mitte_content:after {
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;
}

#content {
	position:relative;
	overflow:hidden;
	float:left;
	width:660px;
	padding:20px 0px 0px 40px;
	letter-spacing:1px;
}

#sidebar {
	overflow:hidden;
	float:right;
	width:150px;
	padding-right:3px;
	margin:0px 5px 0px 10px;
	text-align:left;
}

/* --------------------
	Header
   ------------------*/
#header {
	position:relative;
	overflow:hidden;
	width:700px;
 	height:180px;
	margin:10px;
	background:url(header.jpg);
	background-color:#000;
	color:#fff;
	cursor:pointer;
}

/* --------------
	Footer
   ------------*/
#footer {
	position:relative;
	overflow:hidden;
	padding:10px 0px 2px 0px;
 	width:700px;
 	height:45px;
	margin:0px;
	background:#fff url('header2.jpg') 0px -20px;
	color:#333;
	text-align:center;
	line-height:12px;
	border-top:1px solid #333;
}

/* --------------
	Navigation
	------------*/
#menu_bg {
	overflow:hidden;
	width:900px;
	margin-top:1px;
	background:url('header_spiegel.jpg') no-repeat;
}

/* ----------------
	Hauptnavigation
   ---------------*/
#menu_top_bg {
	width:820px;
	height:40px;
	background-color:#8C1E08;
	color:#fff;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.5;
	-khtml-opacity:0.5;
}

#menu_top ul {
	display:inline;
	font-size:12px;
	font-variant:small-caps;
	letter-spacing:4px;
}

#menu_top ul li {
	display:inline;
}

#menu_top ul li.menu_item a {
	float:left;
	padding:11px 14px 11px 14px;
	background-color:#d91604;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	border-right:1px solid #fff;
}

#menu_top ul li.menu_item a:hover {
	color:#fff;
	background-color:#B92C12;
}

/* -----------------
	Unternavigation
	------------- */
#menu_sub_bg {
	margin-top:1px;
	width:700px;
	height:15px;
	background-color:#620C00;
	color:#fff;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.5;
	-khtml-opacity:0.5;
}

#menu_sub ul {
	display:inline;
	font-size:10px;
	letter-spacing:0px;
}

#menu_sub ul li {
	display:inline;
}

#menu_sub ul li.menu_item a {
	float:left;
	padding:0px 10px 0px 10px;
	background-color:#620C00;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#menu_sub ul li.menu_item a:hover {
	color:#fff;
	background-color:#B92C12;
}

.narrow {
	letter-spacing:-1px;
}


/* ---------------------
	Schriftgrößen - Typo
	------------------*/
* a:link {
	color:#12738E;
	text-decoration:none;
}

* a:visited {
	color:#12738E;
	text-decoration:none;
}

* a:hover {
	color:#f30;
}

p {
	margin:10px 0px 15px 0px;
	font-size:13px;
	text-align:justify;
	clear:both;
}

blockquote {
	display:block;
	background:url('zitat.gif') no-repeat;
	font-style:italic;
	font-size:12px;
	margin:5px 20px 15px 40px;
	padding:0px;
}

h3 {
	font:normal small-caps bold 24px/17px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing:2px;
	margin:0px;
	border-bottom:1px solid #999;
	color:#222;
	text-align:left;
}

h5 {
	font:italic small-caps normal 14px/9px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing:1px;
	margin:5px 0px 5px 0px;
	border-bottom:1px solid #999;
	color:#222;
}

h6 {
	font:normal small-caps normal 11px/12px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing:3px;
	margin:0px;
	color:#222;
}

img {
    border:0;
    margin-right:5px;
}

img.imgleft {
    margin:2px 5px 2px 0px;
    float:left;
}

img.imgright {
    margin:2px 0px 2px 5px;
    float:right;
}

.do_indend {
	text-indent:20px;
}

.small {
	font-size:12px;
	line-height:15px;
}

.smaller {
	font-size:11px;
	line-height:12px;
}

.right {
	text-align:right;
}

.left {
	text-align:left;
}

.pre {
	white-space:pre;
}

.nomargin {
	margin:0px;
	padding:0px 0px 10px 0px;

}

.border {
	border:1px solid #333;
	padding:0px;
}

ul.tabs {
	list-style-type:square;
	list-style-position:inside;
	margin:0px;
	padding:0px;
}

table.tabs {
	margin:20px 0px 0px 0px;
}

strong {
	font-weight:bold;
}