/* -------------------------------------------------------------
   Wellness Gruber - Stylesheet
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   .autor         Tobias Liegl (www.tobiasliegl.de)
   .version       1.0
   .url           wellness-gruber.de
   .timestamp     06/02/2010
   -------------------------------------------------------------	*/
/* -------------------------------------------------------------
   Table of Contents
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   1. RESET, FONTS, BODY, HTML
   2. HELPER
      2.1  Clearfix
      2.2  Divider
   3. STRUCTURE
   4. CONTENT STYLES
   5. NAVIGATIONS
      5.1  Main navigation
   6. ELEMENTS
      6.1  Logo
      6.2  Guestbook
      6.3  CSC Styles
   -------------------------------------------------------------	*/

/* -------------------------------------------------------------
   1. Reset, fonts, body, html
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* ------ Reset part ------ */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* ------ Custom Styles ------ */

html, body { height: 100%; }
html { background: #7A0026 url(../_img/img01.gif); }
body { color: #666666; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 23px; }
a { text-decoration: none; }

/* -------------------------------------------------------------
   2. Helper
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* 2.1 Clearfix */
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */

/* 2.2 Divider */
div.divider { background: url(../_img/divider.png) repeat-x; border: 0; clear: both; display: block; height: 1px; margin: 9px 0 14px 0; line-height: 0; font-size: 0; }

/* -------------------------------------------------------------
   3. Structure
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#wrap { border: 10px solid #330010; border-bottom: 0; margin: 20px auto; margin-bottom: 0; width: 600px; }
#header { background: #330010 url(../_img/img02.jpg) no-repeat; position: relative; height: 250px; }
#contentWrapper { background: #fff; padding: 20px 20px 20px 40px; }
#footer { background: #EBE6E8; border: 10px solid #330010; border-top: 0; color: #999999; font-size: 10px; width: 560px; padding: 14px 20px; margin: 0 auto; }


/* -------------------------------------------------------------
   4. Content styles
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#contentWrapper h1 { border-bottom: 3px solid #eee; color: #7A0026; font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; font-style: italic; line-height: 30px; padding: 3px 0 15px 0; margin-bottom: 20px; margin-left: -20px; }
#contentWrapper h2 { color: #7A0026; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 15px; line-height: 19px; margin-bottom: 6px; }
#contentWrapper p { margin-bottom: 19px; }
#contentWrapper .small { font-size: 10px; line-height: 14px; }

#contentWrapper ul { margin-bottom: 16px; }
#contentWrapper ul li { margin-left: 40px; list-style-type: disc; }
#contentWrapper ul ul { margin-bottom: 0; }

#contentWrapper ol { margin-bottom: 16px; }
#contentWrapper ol li { margin-left: 40px; list-style-type: decimal; }
#contentWrapper ol ul { margin-bottom: 0; }

#contentWrapper a { color: #0072BC; text-decoration: underline; }
#contentWrapper a:hover { color: #59C700; text-decoration: none; }

table.preisliste { width: 540px; margin-bottom: 19px; }
table.preisliste td { border: 1px solid #d3d3d3; vertical-align: top; padding: 1px 8px; }
table.preisliste .td-0 { width: 320px; }
table.preisliste .td-1 { width: 70px; text-align: right; }
table.preisliste .td-2 { width: 150px; text-align: right; }

#footer a { color: #999999; text-decoration: underline; }

/* -------------------------------------------------------------
   5. Navigations
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* 5.1 Main navigation */
#navMain { position: absolute; left: 0; bottom: 13px; }
#navMain li { float: left; }
#navMain a { border-bottom: 4px solid #330010; color: #fff; display: block; float: left; font-size: 10px; font-weight: bold; line-height: 14px; margin-left: 20px; text-transform: uppercase; }
#navMain a.active,
#navMain a:hover { border-bottom: 4px solid #fff; }


/* -------------------------------------------------------------
   6. Elements
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* 6.1 Logo */
#logo h1 { font-family: Georgia, "Times New Roman", Times, serif; padding: 141px 0 0 130px; letter-spacing: -1px; font-size: 31px; font-style: italic; }
#logo h2 { font-family: Georgia, "Times New Roman", Times, serif; padding: 0 0 0 180px; font-size: 17px; font-style: italic; }
#logo a { color: #FFFFFF; }

/* 6.2 Guestbook */
.tx-veguestbook-pi1 form { margin-bottom: 24px; }
.tx-veguestbook-pi1 legend { display: none; }
.tx-veguestbook-pi1 .tx-guestbook-field { margin-bottom: 8px; }
.tx-veguestbook-pi1 label { display: block; float: left; width: 120px; }
.tx-veguestbook-pi1 input,
.tx-veguestbook-pi1 textarea { border: 1px solid #ccc; width: 300px; padding: 4px; }
.tx-veguestbook-pi1 textarea { height: 100px; }
.tx-veguestbook-pi1 input.tx-guestbook-submit { background: #7A0026; border: 0; color: #fff; margin-left: 120px; }
#contentWrapper .tx-veguestbook-pi1 p.tx-guestbook-date { font-size: 11px; }
.tx-guestbook-result { margin-bottom: 19px; }
.tx-veguestbook-pi1 .tx-guestbook-field-info p { margin-left: 120px; }

.tx-veguestbook-pi1 ul { border-bottom: 1px solid #ddd; }
#contentWrapper .tx-veguestbook-pi1 ul li { border-top: 1px solid #ddd; margin: 0; padding: 12px 6px 0 6px; list-style-type: none; line-height: 16px; }
#contentWrapper .tx-veguestbook-pi1 p { margin-bottom: 12px; }
#contentWrapper .tx-veguestbook-pi1 h2 { margin-bottom: 0; font-family: Arial; font-size: 13px; line-height: 15px; }


/* 6.3 CSC Styles */
.csc-textpic-caption { font-size: 10px; color: #828282; }
.csc-textpic-imagewrap { margin-bottom: 19px; }