/*--------------------------------------------------------------------------------------------------------
CSS styles for Gasthaus Loewen.

version:   1.2
author:    NetThinks 
email:     info@netthinks.com
website:   http://www.netthinks.com/
--------------------------------------------------------------------------------------------------------*/


/* =General
--------------------------------------------------------------------------------------------------------*/

/* Removing margin/padding */
p, div {
  margin: 0;
  padding: 0;
}

/* Giving margin and padding back to several elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin:0; padding:0;
}

/* Class for clearing floats */
div.clear {
    border: 0;
    clear: both;
    display: block;
    float: none;
    margin: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
	font-size:0px;
     }

/* Removing border on linked images */
img, a img {
	border: 0;
}

.ta_justify {text-align: justify;}
.ta_left {text-align: left;}
.ta_right {text-align: right;}
.ta_center {text-align: center;}

.fl_left { float:left;}
.fl_right { float:right;}

.fotol { float:left;}
.fotol img { display:block; margin:0 55px 10px 0;}
.fotol p { color:#0328A1; font-size:12px; font-weight:bold;}

.fotor { float:right; text-align:center;}
.fotor img { display:block; margin:0 0px 10px 15px;}

.bold { font-weight:bold;}

/* End General
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */

html { height:100%;}

body {
	height:100%;
	text-align:center;
	margin:0;
	padding:0; 
	background-color:#8D140C;
	background-image:url(../img/bg_body.gif); background-repeat:repeat-x; background-position:left top;
	color:#1A171B; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}

#site {
	margin:0 auto;
	padding:0;
	text-align:left;
	width:802px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position:relative;
	background-image:url(../img/bg_site.gif); background-repeat:repeat-y; background-position:left top;
	}

/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/

.header { position:relative; z-index:900; height:156px; padding:0; margin:0;
	background-image:url(../img/bg_header.gif); background-repeat:no-repeat; background-position:left top;}

.logo { position:absolute; left:12px; top:22px;}


/* menu_main
--------------------------------------------------------------------------------------------------------*/

div.menu_main { position:absolute; left:529px; top:37px;}
div.menu_main a { color:#8E8E8E; font-size:11px; margin:0 12px 0 12px; text-decoration:none;}
div.menu_main a:hover { color:#8C140C; text-decoration:none;}

/* menu_main
--------------------------------------------------------------------------------------------------------*/


div.menu_header { position:absolute; left:318px; top:133px;}
div.menu_header a { color:#8E8E8E; font-size:14px; margin:0 15px 0 15px; text-decoration:none; font-weight:bold;}
div.menu_header a:hover { color:#8C140C; text-decoration:none;}

	
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------------*/

a { color:#A30426; text-decoration:none;}
a:hover { text-decoration:underline; }

/* End Links
--------------------------------------------------------------------------------------------------------*/

/* =Main Content
--------------------------------------------------------------------------------------------------------*/

.main_block { overflow:hidden; zoom:1; position:relative;}

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/

h1 { padding:0; margin:0; font-weight:normal; text-transform:uppercase; position:absolute; left:92px; top:284px;
	color:#E7DEC8; font-size:40px; font-family:Myriad Pro, Arial, Helvetica, sans-serif;z-index:950;}

h2 { padding:0; margin:0; font-weight:normal; text-transform:uppercase; position:absolute;
	color:#E7DEC8; font-size:30px; font-family:Myriad Pro, Arial, Helvetica, sans-serif;z-index:950;}

h2.restaurant { left:10px; top:291px;z-index:950;}
h2.catering { left:59px; top:285px;z-index:950;}	
h2.tradition { left:27px; top:291px;z-index:950;}
h2.impressum { left:14px; top:291px;z-index:950;}
h2.kontakt { left:51px; top:291px;z-index:950;}
h2.gastebuch { left:10px; top:291px;z-index:950;}


.column_left { float:left; width:200px;}

.column_right { float:right; width:601px;}
.column_right_pad { padding:34px 20px 20px 40px;}

p.title { color:#8C140C; margin:0 0 10px 0; font-weight:bold;}

div.block_text { padding:20px 160px 0 5px;line-height:1.7em;font-size:14px;}

div.block_text_index { padding:20px 0 0 5px;line-height:1.7em;font-size:14px;}

div.block_text_index #c1 { float:left;width:320px;}

div.block_contact { float:left; margin:0 32px 0 0;}

div.block_text_rechts { float:right; width:180px;color: #6f6f70;font-size:12px;}

div.block_text_rechts a { text-decoration:underline;}

div.block_text_rechts .csc-textpic-text {padding-left:9px;}

div.block_text_rechts img { margin-right:5px;}

div.block_text_links {padding: 20px 20px 10px 15px; color:#8d140c;line-height:1.7em;}

div.block_text_links h3 {color: #6f6f70;font-size:12px;}

div.block_text_links h4 {font-weight:bold;font-size:12px;}

/* Page Kontakt
--------------------------------------------------------------------------------------------------------*/

div.block_info { float:left; margin:0 0 20px 0;}


div.block_form_info_top { width:376px; padding:1px 0 0 0; margin:0 0 7px 0;
	background-image:url(../img/bg_form_info_top.gif); background-repeat:no-repeat; background-position:left top;}
div.block_form_info {
	background-image:url(../img/bg_form_info.gif); background-repeat:no-repeat; background-position:left bottom;}
	
.form_info label { display:block; float:left; width:87px; padding:2px 0; margin:0 9px 0 0; 
	color:#8C140C; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.form_info input, .powermail_captcha { width:270px; padding:2px 0; margin:0; background:none; border:none;
	color:#1A171B; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.form_info textarea { width:270px; height:140px; padding:2px 0; margin:0; background:none; border:none;
	color:#1A171B; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
	
div.map { width:536px; border:1px solid #BA455C;}

.powermail_submit {
	border: 1px solid #535353 !important;
	margin-left:93px !important;
	width:120px !important;
}

/* Page Gastebuch
--------------------------------------------------------------------------------------------------------*/

a.link { padding:0 0 0 12px; font-weight:bold; line-height:20px;
	background-image:url(../img/bg_arrow.gif); background-repeat:no-repeat; background-position:left center;}

div.block_news { width:536px; margin:0 0 10px 0; background-color:#FFFFFF; border:1px solid #BA455C; color:#707173;}
div.block_news_pad { padding:12px;}

div.container { overflow:hidden; zoom:1; margin:0 0 10px 0;}
div.container p.title { float:left; margin:0; color:#8C140C; font-weight:bold;}
div.container p.date { float:right;}


div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
	text-decoration: none;
}

#wtcalculatingcaptcha {
	padding-left:93px;
	padding-top:8px;
}

.powermailfrontend_pagebrowser ul {
	padding: 12px 0 12px 0;
}

.powermailfrontend_pagebrowser ul li
{
	display:inline;
	list-style-type: none;
	padding: 3px 3px 3px 3px;
	margin-right:5px;
	border: 1px solid #535353;
	background-color: #f3f3f3;
}

/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/

/* =Forms
--------------------------------------------------------------------------------------------------------*/

/* Removing fieldset borders */
fieldset {
  border:none; margin:0; padding:0;
}

fieldset legend {
	display:none;
}

/* End Forms
--------------------------------------------------------------------------------------------------------*/

/* =Tables
--------------------------------------------------------------------------------------------------------*/

/* Making tables collapse and removing spacing */
table { 
  border-spacing: 0;
  border-collapse: collapse;
}

/* Preparing table columns */
td {
  text-align: left;
  font-weight: normal;
}

/* End Tables
--------------------------------------------------------------------------------------------------------*/
