/******************************************************
       Project:  treatmenthouse.com

       Company:  Quenit
     Developer:  Martin Metodiev

    Started on:  28/09/2009
    Updated on:  29/10/2009

    Sheet type:  DEFAULT Stylesheet
******************************************************/



/******************************************************
    LIST OF CONTENTS

        Global styles      :    Clearfix
                           :    Common
                           :    Links
                           :    Headings
                           :    Thumbs
                           :    Accordion
                           :    CMS input


        Layout             :    Body
                           :    Wrapper
                           :    Main
                           :    Content


        Layout elements    :    Headline
                           :    Main images
                           :    Columns
                           :    Copyright


        Navigation         :    Main menu
                           :    Sub menu


        Home page          :    Language


        Inner pages        :    FAQ

******************************************************/



/* ************************ GLOBAL STYLES */

/* .................. Clearfix */
	.clearfix:after,
	div#main_menu ul:after,
	div.headline:after,
	div.columns:after,
	div.faq:after,
	ul.thumbs:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0pt;
	}
/* ........................... */


/* .................... Common */
	.grey {
		color: #8f8f7e;
	}

	div.marked,
	span.marked,
	span.important {
		color: #731409;
	}

	h1 span.marked {
		color: #a6a693;
	}
/* ........................... */


/* ..................... Links */
	a {
		text-decoration: none;
		color: #680307;
	}

		a:hover {
			text-decoration: underline;
		}
/* ........................... */


/* .................. Headings */
	h1 {
		font-size: 3.0em;
		color: #680307;
	}

	h2 {
		font: bold 1.2em Arial, Helvetica, sans-serif;
		color: #680307;
		margin-bottom: 10px;
	}

	h2.grey {
		margin-bottom: 0px;
	}

	h3 {
		font-size: 1.6em; /*16px*/
		margin-bottom: 10px;
	}
/* ........................... */

textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.3333px;
	padding: 0px;
}


/* .................... Thumbs */
	ul.thumbs {
		margin-bottom: 20px;
		background-color: #dadbcc;
	}

		ul.thumbs li,
			ul.thumbs li a,
				ul.thumbs li a img {
					width: 10em; /*100px*/
					height: 6.2em; /*62px*/
				}

				ul.thumbs li a img {
					display: block;
				}

		ul.thumbs li {
			float: left;
			border-right: 3px solid #FFF;
		}

		ul.thumbs li.last {
			margin-right: 0px;
		}
/* ........................... */


/* .................. Accordion */
	div.accordion h2 {
		padding-left: 15px;
		background: url(../images/bullets/accordion.gif) no-repeat 0px 3px;
		cursor: pointer;
		margin-top: 10px;
	}

	div.accordion h2.active {
		background-position: 0px -17px;
	}

	div.accordion div.text {
		padding-left: 15px;
	}
		div.accordion div.text p {
			padding-bottom: 0px;
		}
		
	div.text .grey-container h2{
		color: #8f8f7e;
		margin-bottom: 0px;
	}		
	
	div.text .grey-container a{
		color:#000000;
		text-decoration:none;	
	}
	
	div.text .grey-container a:hover{	
		color:#680307;
	}

/* ........................... */


/* ................. CMS input */
	div.text {
		
	}

		div.text p {
			font-size: 1.2em; /*12px*/
		}	

		div.text ul,
			div.text ul li {
				list-style: none;
				list-style-position: outside;
				margin: 0px;
				padding: 0px;
			}

		div.text ul {
			padding-bottom: 15px;
		}

			div.text ul li {
				padding-left: 10px;
				font-size: 1.2em; /*12px*/
				background: url(../images/bullets/arrows_list.gif) no-repeat left 5px;
			}

			div.text ul.space li {
				padding-bottom: 15px;
			}
			
		div.text ul li a{
			color: #000000;
			text-decoration: none;
		}			
		
		div.text ul li a:hover{
			color: #680307;
		}		
/* ........................... */





/* ******************************* LAYOUT */

/* ...................... Body */
	body {
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
	}
/* ........................... */


/* ................... Wrapper */
	div#wrapper {
		width: 75.8em; /*758px*/
		_width: 798px;
		padding: 20px 20px 0px;
		text-align: left;
	}
		div#wrapper div.inner,
			div#wrapper div.inner {
				background-image: url(../images/layout/bgr_pattern_side.png);
				background-repeat: repeat-y;
			}

		div#wrapper div.inner {
			background-position: left 17px;
		}

			div#wrapper div.inner div.inner {
				background-position: right 17px;
			}
/* ........................... */


/* ...................... Main */
	div#main {
		background: url(../images/layout/bgr_pattern_top.png) no-repeat left top;
	}
/* ........................... */


/* ................... Content */
	div#content {
		min-height: 50em; /*500px*/
		padding: 30px 70px;
		position: relative;
	}
/* ........................... */





/* ********************** LAYOUT ELEMENTS */

/* .................. Headline */
	div.headline {
		position: relative;
		z-index: 10;
		top: 5px;
		padding-top: 60px;
		/*padding-bottom: 20px*/
	}
	
	div.headline img{
		display: block;
	}

	div.headline.homepage {
		top: 4px;
	}

		div.headline h1 {
			float: left;
			width: 450px;
		}

		div.headline p {
			clear: both;
			color: #8f8f7e;
			font-size: 2.2em;
			float: left;
			width: 22.73em; /*500px*/
		}

		div.headline div.photo_title {
			float: right;
			display: none;
			font-size: 1.2em; /*12px*/
			color: #bebeb0;
			padding-top: 15px;
		}
/* ........................... */


/* ................ Main image */
	div.main_image {
		background-color: #FFF;
		margin: 0px -70px;
		padding: 15px 0px;
	}
	

		div.main_image img {
			width: 758px;
			height: 212px;
			display: block;
			margin: 0px auto;
		}
		
		div.main_image#impressum {
			overflow:hidden;
		}

		div.main_image#impressum img {
			width: 379px;
			float:left;
		}
		
		div.main_image#impressum .oneview-link{
			float: left;
			width: 377px;
			background-color: #B6B4A7;
			height: 212px;
		}
		
			
		
/* ........................... */


/* ................... Columns */
	div.columns {
		width: 618px;
	}

		div.columns div.column {
			width: 29.6em; /*296px*/
			min-height: 30em; /*300px*/
		}
/* ........................... */


/* ................. Copyright */
	div.copyright {
		
	}
/* ........................... */





/* *************************** NAVIGATION */

/* ................. Main menu */
	div#main_menu {
		
	}

		div#main_menu ul {
			padding: 0px 1px;
		}

			div#main_menu ul li {
				float: left;
				border-right: 3px solid #FFF;
				width: 10em; /*100px*/
				position: relative;
				z-index: 20;
			}

			div#main_menu ul li.last {
				border-right: none 0px;
			}

				div#main_menu ul li a,
				div#main_menu ul li span {
					width: 80px;
					_width: 100px;
					display: block;
					font-size: 1.2em; /*12px*/
					color: #FFF;
					text-decoration: none;
					background-color: #a6a693;
					padding: 5px 10px;
				}

				div#main_menu ul li span {
					cursor: default;
				}

				div#main_menu ul li span,
					div#main_menu ul li a:hover {
						background-color: #680307;
					}

			div#main_menu ul li ul {
				display: none;
				position: absolute;
				top: 25px;
				left: -3px;
				z-index: 20;
				/*border-top: 3px solid #FFF*/;
			}
				div#main_menu ul li ul li.first {
					border-top: 3px solid #FFF;
				}
				
				div#main_menu ul li ul li {
					border-right: 3px solid #FFF;
					border-left: 3px solid #FFF;
					border-bottom: 3px solid #FFF;										
				}

				div#main_menu ul li ul li.last {
					border-right:  3px solid #FFF;
				}

				div#main_menu ul li:hover ul {
					display: block;
				}
/* ........................... */





/* **************************** HOME PAGE */

/* .................. Language */
	a.language {
		position: absolute;		
		left: 80px;
		top: 60px;
		font-size: 1.2em; /*12px*/
		z-index: 20;
	}
/* ........................... */


/* ................ Green Leaf */
	img.green_leaf {
		position: absolute;
		top: 18px;
		right: 0px;
	}
/* ........................... */





/* ************************** INNER PAGES */

/* ....................... FAQ */
	div.faq {
		margin: 0px 0px 0px -70px;
	}
			div.faq div.left{
				width: 385px;
			}
	
			div.faq div.left div.img_holder {
				width: 38em; /*380px*/
				height: 21.2em; /*212px*/
				padding: 15px 0px;
				background-color: #FFF;
			}

				div.faq div.left div.img_holder img {
					width: 100%;
					height: 100%;
				}

			div.faq div.left ul.thumbs {
				margin-left: 70px;
				background: none;
			}

				div.faq div.left ul.thumbs li {
					border-right: 5px solid #FFF;
				}

		div.faq div.right {
			width: 29.6em; /*296px*/
		}
/* ........................... */


/* ................... Kontakt */
	div.kontakt {
		margin-top: 12px;
	}
/* ........................... */


/*Contact form*/

fieldset{
	border: 0px none;
	padding: 0px;
	margin: 0px;
	width: 296px;
}

.csc-mailform fieldset legend{
	display: none;
}

.csc-mailform .csc-mailform-field {
	clear: both;
	float: left;
	margin-bottom: 8px;
	width: 296px;
}
.csc-mailform .csc-mailform-field label {
	font-size: 12px;
	float: left;
}
.csc-mailform .csc-mailform-field input,
.csc-mailform .csc-mailform-field textarea,
.csc-mailform .csc-mailform-field select{
	border: 1px solid #CCCCCC;
	float: right;
	width: 208px;
}

.csc-mailform .csc-mailform-field input.csc-mailform-check,
.csc-mailform .csc-mailform-field input.csc-mailform-radio{
	margin-right: 193px;
	_margin-right: 191px;
	width: auto;
	border: 0px none;
}

.csc-mailform .csc-mailform-radio fieldset{
	clear: both;
	width: 145px;
	_width: 161px;
	padding: 8px 0px 0px 16px;
}

.csc-mailform .csc-mailform-radio fieldset label{
	margin-bottom: 4px;
	clear: left;
}

.csc-mailform .csc-mailform-radio fieldset input.csc-mailform-radio{
	clear: both;
	margin: 0px;	
}

.csc-mailform .csc-mailform-field input.csc-mailform-submit {
	color: #343434;
	background-color: #fff;
}

.csc-mailform .csc-mailform-label{
	
}


/****************oneview Link*****************/


div.main_image#impressum .oneview-link #ov{
	padding-left: 70px;
}

div.main_image#impressum .oneview-link #ov #ov-title{
	display: none;
}

div.main_image#impressum .oneview-link #ov #ov-tags{
	padding-top: 0px;
}

div.main_image#impressum .oneview-link #ov #ov-footer{
	display: none;
}

/*****************************************************/