/*
-----------------------------------------------
Style Sheet

Site: Tuscany Luxury Resorts
Author:   Cameron Moll    www.cameronmoll.com
Version:  2005.11
----------------------------------------------- */

html, body, div, p {
	font-family: Verdana, sans-serif;
	color: #CCCCCC;
	
}

body {
	margin: auto;
	background:transparent url(../Images/hintergrund.jpg);

}


/*
LINKS --------------------- */

a:link, a:active, a:visited {
	color: #000000;
}

a img {
	border-width: 0; 
	border-style: none;
}


/*
COMMON --------------------- */

br {
	clear: both;
}

hr {
	display: none;
}

p {
	margin: 0; 
	padding-top: 1em; 
	line-height: 150%;
}


/*
MASTHEAD + SUBMAST --------------------- */

h1 {
	margin: 0;
	position: absolute;
	top: 28px;
	right: 46px;
	z-index: 2;
	width:400px;
	height: 180px;
	text-indent: -9000px;
	background:url(../img/quote.png) no-repeat center;
	
}

h1 a {
	display: block;
	height: 180px;
	background:url(../img/quote.png) no-repeat center;
}

#mast-content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	margin-left: 50%;
	width: 50%;
}	

#masthead {
	position: relative; 
	background:transparent;
	height: 15.4em;
}

#meta {
	float: right;
	clear:both;
	margin: 200px 0px 0px 0px;
	font: .6em Georgia, serif;
	color: #777;
	padding: 3px;
	text-transform: uppercase;
	letter-spacing: 1px;
	z-index:4;
	width: 400px;
}


#meta p {
	display: block; 
	float: left; 
	padding-top: 0; 
	font-family: Georgia, serif; 
	color: #777;
}

#meta span {
	display: block; 
	float: right; 
	line-height: 140%;
}

#main-image {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1;
	width: 900px;
	height: 246px;
	background: url(../img/main-image.png) no-repeat left;
}
/* Two backgrounds are used, the second being a hack for Internet Explorer */



/*navMain ----------------------*/


/* css tooltip
================================== */



/*
MAIN CONTENT --------------------- */

#content {
	font-size: 0.7em;
	float: left;
	boath: clear;
	width: 50%;
	padding-top: 41px;
	
}

#content #sidebar:link, #content #sidebar a:active {
	padding: 1px 2px; 
	text-decoration: none;
	color: #fff; 
}

#content #sidebar a:visited {
	color: #000066;
	padding: 1px 2px;
	text-decoration: none;
}

#content a:hover {
	color: #339999;
	text-decoration: none;
	}

#content p {
	text-indent: 2em; 
	text-align: justify;
}
.prod_pic {
	background-color: #d9d7d6;
	margin:auto;
	width: 300px;
	height: 225px;
	border: 3px solid #afafaf;
	padding: 5px;
	
	}
/*
SIDEBAR --------------------- */

#hpic1 {
	background: #d9d7d6 url(../img/koffer.jpg) no-repeat center center;
}

#hpic2 {
	background: #d9d7d6  url(../img/astroled.jpg) no-repeat center center;
}

#hpic3 {
	background: #d9d7d6 url(../img/optcare.jpg) no-repeat center center;
}

#hpic4 {
	background: #d9d7d6 url(../img/teleskop.jpg) no-repeat center center;
}

#hpic5 {
	background: #d9d7d6 url(../img/Concenter2-500pix.jpg) no-repeat center center;
}

#hpic6 {
	background: #d9d7d6 url(../img/10022-2.jpg) no-repeat center center;
}
/*PRODUCT ------------------*/

.prod h3{
	margin: 0;
	font: normal 1.55em Verdana, sans-serif;
	color: #000;
	letter-spacing: -1px;
}
#prod_account {
	color: #990000;
}

#prod_detail {
	color: #003333;
}

#prod_prise{
	color: #FF9900;
}


	
.section_prod {
	clear: both;
	padding-top: 1.5em;
	}
	
/* Two widths are used, the second being a hack for Internet Explorer */

#sidebar {
	float: left;
	width: 49.9%!important;
	width: 50%;
	font-size: 0.7em;
	padding-top: 41px;
}

.section {
	clear: both;
	padding-top: 1.5em;
	border-bottom: 3px double #48546a;
	
}

.section h3 {
	margin: 0;
	font: normal 1.55em Verdana, sans-serif;
	color: #48546A;
	letter-spacing: -1px;
}

/* The padding and margin here offset each other, allowing padding for a:hover without affecting the h3 positioning */
.section h3 a {
	margin: -1px -3px; 
	padding: 1px 3px; 
	text-decoration: none;
	color: #B7D7CC;
}

.section h3 a:hover {
	color: #339999;
	
}

.section p {
	margin-bottom: 1.5em;
	color: #E2E2D2;
	}

.section_pic {
	float: left;
	margin-right: 1.25em;
	width: 48%;
	height: 190px;
	border: 3px solid #afafaf;
	text-indent: -9000px;

}
.
/*PRODUCTS -----------------*/
.prod_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #33CCFF;
}

prod_pic {
	float: left;
	margin-right: 1.25em;
	width: 48%;
	height: 200px;
	border: 3px solid #afafaf;
	margin-top: 1em;
	
	}

/*
FOOTER --------------------- */

#footer {
	padding: 8px 0 1em;
	
}

#footer p {
	font-size: 10px; 
	color: #999;
}

#footer p#copy {
	text-align:right;
	margin: 20px
}

#footer p#imagery {
	float: right; 
 
	text-align: right;
	margin: 20px;
}


/*
MISC --------------------- */

#container {
	background: transparent ;

}

/* 'margin: 0 auto' is necessary so the layout stays centered on screen when browser width is more than 1200px */
#container, #footer {
	margin:auto;
	min-width: 740px;
	max-width: 1200px;
}

.shell {
	width: 85%;
	margin:0px 0px 30px 0px;
}

#skip, #back {
	display: none;
	}


/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
	
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */