/*  
Website: http://www.privatglas.de
Version: v1.0
Author: Coffeebean Webdesign
Author URI: http://www.coffeebean-webdesign.de/
Main Layout
*/

@import url(global.css);

* {
	margin: 0;
	padding: 0;
}

a:focus {outline:none!important;}

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form {
	margin: 0;
	padding: 0;
}


h2.product {
	font-size: 1.8em;
	color: #F0E44B;
	font-family: Times, "Helvetica Neue", Arial, sans-serif;
}

h2.presse {
	font-size: 1.8em;
	margin-left: 50px;
	width: 700px;
	color: #F0E44B;
	font-family: Times, "Helvetica Neue", Arial, sans-serif;
}

body {
	font-family:Verdana, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #ACA56E;
	background: #000;
}

#wrapper {
	width: 100%;
	text-align: center;
}

#page {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#header {
	width: 955px;
	height: 128px;
	background: #000 url(../images/privatglas-logo.jpg) top left no-repeat;
}

#logo h1{
position: absolute;
margin-left: 30px;
margin-top: 10px;
padding: 0px;
height: 100px;
width: 355px;
}

#logo h1 span{ 
display:none;
}

#logo h1 a:link,
#logo h1 a:active,
#logo h1 a:visited {
display: block;
margin: 0px;
padding: 0px;
height: 100px;
width: 355px;
border: 0px!important;
}

#navigation {
	position: absolute;
	margin-left: 730px;
	margin-top: 10px;
	list-style-type: none;
}

#navigation li {
	padding-right: 3px;
	display: inline;
	color: #ACA56E;
	}

#navigation li a {
	color: #ACA56E;
	text-decoration: none;
}

#navigation li a:hover {
	color: #F0E44B;
	text-decoration: none;
}

#teaser {
	width: 955px;
	height: 496px;
	padding: 0px 0px;
}

#teaser img {
	display: none;
	width: 955px;
	height: 496px;
	position: absolute; 
}

#product {
	width: 955px;
	padding: 20px 0px 0px 0px;
}

#product .info_img {
	float: left;
	width: 270px;
	height: 630px;
	margin-right: 40px;
}

#product .info_img2 {
	float: left;
	width: 300px;
	height: 530px;
	margin-right: 20px;
	margin-left: 20px;
}

#product .infobox {
	float: left;
	width: 590px;
	float: left;
	margin-top: 50px;
}

#product .description p {
	float: left;
	width: 590px;
	margin-top: 10px;
}

#product .description2 p {
	width: 700px;
	margin-top: 20px;
	margin-left: 50px;
}

#product .liste1  {
	float: left;
	width: 250px;
	margin-top: 20px;
	height: 206px;
	background: url(../images/trennstrich.jpg) top right no-repeat;
	
}

#product .liste2  {
	float: left;
	width: 262px;
	margin-top: 107px;
	margin-left: 20px;
}

#product .preis   {
	font-size: 1.8em;
	font-weight: bold;
	color: #F0E44B;
	font-family: Times, "Helvetica Neue", Arial, sans-serif;
	margin-top: 50px;
}

#product .strong {
	font-weight: bold;
	font-size: 1.2em;
	color: #F0E44B;
}

#product p.add2cart {
	float: right;
	width: 200px;
	margin-right: 20px;
	margin-top: -72px;
}

#product p.add2cart-b {
	float: right;
	width: 200px;
	margin-right: 20px;
	margin-top: -52px;
}

#product #btn_vschau {
	margin: 0px 0px 0px 310px;
	height: 53px;
	width: 222px;
}

.trenner {
	width: 955px;
	height: 20px;
	background: #000 url(../images/trennlinie.jpg) top left no-repeat;
	clear: both;
}

.trenner-1 {
	width: 955px;
	height: 20px;
	background: #000 url(../images/balken.jpg) top left no-repeat;
	clear: both;
}

.trenner-2 {
	height: 100px;
	clear: both;
}

.trenner-3 {
	height: 50px;
	clear: both;
}

.nod {
	display: none;
}

.clear {
	clear: both;
}

.noborder {
	border: none!important;
}

#series-row .button img {
	border: 0px!important;
	margin-top: 10px;
}

#series-row {
	width: 955px;
}

#series-row div.beer {
	background: url(../images/bier.jpg) top left no-repeat;
	width: 300px;
	height: 206px;
	float: left;
}

#series-row div.wine {
	background: url(../images/wein.jpg) top left no-repeat;
	width: 300px;
	height: 206px;
	float: left;
}

#series-row div.whiskey {
	background: url(../images/whiskey.jpg) top left no-repeat;
	width: 300px;
	height: 206px;
	float: left;
}

#series-row .text {
	margin-left: 140px;
	margin-top: 35px;
	width: 165px;
	color: #ACA56E;
}

#series-row #bier,
#series-row #wein,
#series-row #whiskey {
position: absolute;
margin-left: 30px;
margin-top: 5px;
padding: 0px;
height: 200px!important;
width: 100px!important;
}

#series-row #bier a,
#series-row #wein a,
#series-row #whiskey a {
display: block;
margin: 0px;
padding: 0px;
height: 200px!important;
width: 100px!important;
border: none!important;
}



#content .headline {
	margin: 40px 0px 15px 60px;
	font-size:18px;
}

#content .headline2 {
	margin: 35px 0px 25px 50px;
}

#content .headline3 {
	margin: 70px 0px 15px 60px;
}

#content p {
	margin: 0px 0px 20px 60px;
	width: 780px;
	font-size: 1.02em;

}
#content h1 {
	margin: 0px 0px 20px 60px;
	width: 780px;


}
#content h2 {
	margin: 0px 0px 20px 60px;
	width: 780px;
	
}

#content a:link,
#content a:active,
#content a:visited,
#content a:hover {
	/*text-decoration: none;*/
	color: #ACA56E;
	/*cursor: text!important;*/
}

.description2 a:link,
.description2 a:active,
.description2 a:visited,
.description2 a:hover {
	text-decoration: none!important;
}

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 900px;
	height: 476px;
	margin-left: 55px;
	margin-top: 20px;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .glas {
	float:left;
	/*margin:20px 5px 20px 21px;*/
	cursor:pointer;
	width:300px;
	height:476px;
	list-style-type: none;
}

.scrollable .glas li {
	width: 220px;
	margin-left: 30px;
}

.scrollable .text {
	margin-left: 30px;
	
}

.scrollable .preis {
	font-size: 1.7em;
	margin-left: 30px;
	margin-top: 10px;
	font-family: Times, "Helvetica Neue", Arial, sans-serif;
	color: #F0E44B;
}

.scrollable .strong {
	font-weight: bold;
	color: #F0E44B;
	margin-left: 30px;
	margin-bottom: 5px;
	
}

.scrollable .vorschau img {
	margin-left: -30px;
	margin-bottom: -5px;
	border: none!important;
}

.scrollable a:link,
.scrollable a:visited,
.scrollable a:active {
	border: none!important;
}

.scrollable .button  img {
	border: none!important;
	margin-left: 3px;
	margin-top: 15px;
}

.button  a:link,
.button  a:visited,
.button  a:active {
	border: none!important;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:36px;
	height:122px;
	cursor:pointer;
	font-size:1px;
}

/* right */
.navibutton-left {
	position: absolute;
	margin-top: 90px;
	margin-left: -45px;
}

.navibutton-right {
	position: absolute;
	margin-top: 90px;
	margin-left: 960px;
}

.navibutton-left-product {
	position: absolute;
	margin-top: 70px;
	margin-left: -45px;
}

.navibutton-right-product {
	position: absolute;
	margin-top: 70px;
	margin-left: 960px;
}

a.right 	{ background:url(../images/pfeil_rechts.gif) no-repeat; border: none!important;}


/* left */
a.left	{ background:url(../images/pfeil_links.gif) no-repeat; border: none!important;} 

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

#footer {
	height: 38px;
	background: #111111 url(../images/footer.gif) top left repeat-x;
	text-align: center;
	padding-top: 16px;
	color: #353535;
}

#footer a {
	color: #353535;
	text-decoration: none;
}

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

.vanadium-invalid {
	color: #FF0000!important;
	margin-left: 5px;
}

.vertical img {
	position:absolute;
	margin-top: 15px;
}

/*Styles Optionsfelder*/
table#optionen {
	float: left;
	margin: 30px 0px 0px 0px!important;
	width: 590px;
}

table#optionen td {
	padding-bottom: 10px;
}

table#optionen label {
	font-size: 1em;
}

table#optionen .label  {
	width: 140px!important;
}

table#optionen input {
	border: 1px solid #000;
	color: #000;
	background:#ACA56E;
}

table#optionen select {
	border: 1px solid #000;
	color: #000;
	background:#ACA56E;
}

table#optionen select:focus {
	border: 1px solid #F0E44B!important;
	color: #000;
	background:#ACA56E;
}

table#optionen input:focus {
	border: 1px solid #F0E44B!important;
	color: #000;
	background:#ACA56E;
}

#product p.add2cart input ,
#product p.add2cart-b input{
	border: 1px solid #000;
	color: #000;
	background:#ACA56E;
}

#product p.add2cart input:focus,
#product p.add2cart-b input:focus {
	border: 1px solid #F0E44B!important;
	color: #000;
	background:#ACA56E;
}

#h1	{
		
}