/* 	Projekt Saunabau Harrer  */

/* @group Reset */

/* 	Alles zurücksetzen, um Browserinkonsistenzen zu vermeiden. 
	Basierend auf Eric Meyers Version 1.0, http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group Allgemein */

body {
	background: #DC9C6C url(../images/body-bg.jpg) repeat-x;
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #6c3e27;
	font-size: 14px;
	line-height: 18px;
}

a, a:hover, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #6c3e27;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

h1, h2 {
	display: none;
}

h5 {
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: normal;
}

p.bodytext {
	margin-bottom: 25px;
}

/* @end */

/* @group Struktur */

#info,
#main {
	width: 917px;
	padding-left: 50px;
	padding-right: 33px;
	
}

#info {
	height: 635px;
}

#outer-wrapper {
	background: transparent url(../images/outer-bg.jpg) repeat-y left;
}

#inner-wrapper {
	background: transparent url(../images/inner-bg.jpg) no-repeat top left;
}

#main {
	background: transparent url(../images/footer-bg.jpg) no-repeat bottom left;
	min-height: 230px;
	padding-bottom: 100px;
}

#wrapper {
    width: 760px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h3 {
	color: #836E2C;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 17px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 10px;
}

#ci {
	position: absolute;
	top: 85px;
	left: 67px;
	width: 280px;
	height: 130px;
	background: url(../images/trans.png) no-repeat 0px 0px;
}
/* @end */

/* @group Extensions */

/* tt_news */
div.panel img {
	float: right;
}

div.slidertext {
	width: 270px;
	padding-top: 25px;
}

/* mailformplus */

/*
 * Mailforms
 */
 
.tx-thmailformplus-pi1 p.label-and-text {
	padding-bottom: 15px;
}

.tx-thmailformplus-pi1 p.label-and-text label,
.tx-thmailformplus-pi1 p.label-and-select label  {
	display: block;
	float: left;
	width: 180px;
	line-height: 24px;
}

input,textarea,.tx-thmailformplus-pi1 p.label-and-text input,.tx-thmailformplus-pi1 p.label-and-textarea textarea, select {
	font: 12px Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #656565;
	padding: 4px;
	border: #DFDFDF 1px solid;
}

.tx-thmailformplus-pi1 p.label-and-text input {
	width:280px;
}

.tx-thmailformplus-pi1 p.label-and-text input[type="checkbox"],
.tx-thmailformplus-pi1 p.label-and-text input[type="radio"] {
	width: auto;
}

.tx-thmailformplus-pi1 p.label-and-text input#street,
.tx-thmailformplus-pi1 p.label-and-text input#ort {
	width:270px;
}

.tx-thmailformplus-pi1 p.label-and-text input#nr,
.tx-thmailformplus-pi1 p.label-and-text input#plz {
	width:96px;
}

.tx-thmailformplus-pi1 p.label-and-textarea label {
	display: block;
	margin: 10px 0px;
}

.tx-thmailformplus-pi1 p.label-and-textarea textarea {
	width: 520px;
	height: 300px;
}

p.label-and-checkbox {
	float: left;
	padding-right: 50px;
}

p.label-and-checkbox label {
	width: 110px;
	display: block;
	float: left;
}

fieldset {
	border: #DFDFDF 1px solid;
	padding: 20px 15px;
	
}

.required {
	font-weight: bold;
}

p.formtext {
	margin: 10px 0px;
}


/* @end */

/* @group Seitenaufteilung */

#info .grid {
	margin-top: 190px;
	width: 857px;
}

.grid_3,
.grid_2,
.grid_4,
.grid_66-33 {
	margin: 20px 30px 10px 30px;
}

.grid_3 .col_1,
.grid_3 .col_2,
.grid_3 .col_3,
.grid_2 .col_1 {
	width: 263px;
	float: left;
}

.grid_3 .col_2,
.grid_3 .col_3,
.grid_2 .col_2,
.grid_66-33 .col_33 { 
	margin-left: 34px;
}

.grid_2 .col_1 {
	width: 263px;
	float: left;
}

.grid_2 .col_2 {
	width: 560px;
	float: left;
}

.col_66 {
	width: 560px;
	float: left;
}

.col_33 {
	width: 263px;
	float: left;
}

.grid_4 .col_1,
.grid_4 .col_2,
.grid_4 .col_3,
.grid_4 .col_4 {
	width: 188px;
	float: left;
	margin-left: 34px;
}

.grid_4 .col_1 {
	margin-left: 0px;
}

/* @end */

/* @group Menü */
ul#main_nav {
	position: relative;
	width: 530px;
	top: 160px;
	left: 360px;
	height: 60px;
}

ul#main_nav li a {
	display: block;
	float: left;
	text-indent: -9999px;
}

li.saunas-und-infrarotkabinen a {
	width: 120px;
	height: 60px;
	background: url(../images/trans.png) no-repeat -10px -220px;
}

li.saunas-und-infrarotkabinen a:hover,
li.saunas-und-infrarotkabinen.active a {
	background-position: -10px -294px;
}

li.infrarotkabinen a {
	width: 110px;
	height: 60px;
	background: url(../images/trans.png) no-repeat -160px -210px;
}

li.infrarotkabinen a:hover,
li.infrarotkabinen.active a {
	background-position: -160px -284px;
}

li.sauna a {
	width: 90px;
	height: 60px;
	background: url(../images/trans.png) no-repeat -300px -210px;
}

li.sauna a:hover,
li.sauna.active a {
	background-position: -300px -284px;
}

li.service a {
	width: 100px;
	height: 60px;
	background: url(../images/trans.png) no-repeat -435px -205px;
}

li.service a:hover,
li.service.active a {
	background-position: -435px -279px;
}

li.referenzen a {
	width: 140px;
	height: 60px;
	background: url(../images/trans.png) no-repeat -344px -208px;
}

li.referenzen a:hover,
li.referenzen.active a {
	background-position: -344px -282px;
}

li.anfrage a {
	width: 100px;
	height: 60px;
	background: url(../images/trans.png) no-repeat -570px -206px;
}

li.anfrage a:hover,
li.anfrage.active a {
	background-position: -570px -280px;
}

/* @end */

/* @group Coda Slider */

#slider {
	clear: both;
    width: 850px;
    margin: 0 auto;
    position: relative;
    top: 180px;
    height: 350px;
}

.scroll {
    height: 350px;
    width: 850px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: transparent;
}

.scrollContainer div.panel {
	height: 350px;
    padding: 0px 5px;
    width: 840px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 350px;
    cursor: pointer;
}

.scrollButtons.left {
    left: 0px;
}

.scrollButtons.right {
    right: 0px;
}

.hide {
    display: none;
}

#untermenue ul li {
	border-bottom: 2px solid #DFDFDF;
	padding: 5px 0px;
}

#untermenue ul {
	border-top: 2px solid #DFDFDF;
}

#untermenue {
	margin-bottom: 25px;
}

/* @end */