/* css */

/* 
---------------------------------
	weingut tesch basic theme:
	2010 by bavariansocialclub.de
--------------------------------- 
*/


body {
	background: #000;
	color: #fff;
	font: 12px/18px Arial, sans-serif ;
}
a {
	color: #fff;
	text-decoration: none;
	outline: none;
}
.box a:hover, #implink a:hover {
	text-decoration: underline;
}

* {
	padding: 0;
	margin: 0;
}

/* 
---------------------------------
 HOME
--------------------------------- 
*/

body#home {
	padding:0;margin:0;
	xwidth:100%;
}
#start_href {
	display: block;
	width: 100%;
	height: 100%;
}
#bgimg {
	position:absolute;
	z-index: 0;
	width: 100%;
	border: none;
}
#container {
	position:absolute;
	z-index: 2;
	overflow:auto;
}
/* 
---------------------------------
 Menu
--------------------------------- 
*/
#menu {
	margin: 25px 0 0 26px;
	/*height: 85px;
	width: 200px;*/
	height: 235px;
	width: 530px;
	overflow: hidden;
	background: url(../img/logo_bg.gif) no-repeat 0 0;
	cursor: pointer;
}
#menu.over {
	height: 235px;
	width: 530px;
}
#logo {
	display: block;
	width: 139px;
	height: 100px;
	text-indent: -9999em;
}
#navi {
	padding: 0px 0 0 0;
	list-style: none;
}
#navi li {
	font: 11px/22px Arial, sans-serif;
	float: left;
	letter-spacing: 3px;
	padding-right: 16px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 24px;
	height: 24px;
	width: auto;
}
#navi li sup {
	font-size: 6px;
}
#navi li em {
	font: 12px Georgia, serif;
	text-transform: none;
	font-style: italic;
	letter-spacing: 2px;
}
#navi li a:hover {
	text-decoration: underline;
}

/* -- Immpressum -- */
#implink {
	position: absolute;
	z-index: 1010;
	top: 24px;
	right: 26px;
}
#implink a {
	color: #999;
	font: 12px Georgia, serif;
	font-style: italic;
	letter-spacing: 1px;
}

#vdp {
	position: absolute;
	z-index: 2;
	bottom: 20px;
	right: 20px;
}

/* 
---------------------------------
 Seitenelemente
--------------------------------- 
*/
.box {
	position: relative;
	border: 10px solid #fff;
	background: #000;
	width: 720px;
	height: 472px;
}
.leftcol {
	float: left;
	margin-left: 45px;
	background: url(../img/trenner_leftcol.gif) no-repeat 100% 90px;
	width: 42%;
	padding-right: 10px;
}
.rightcol {
	margin-left: 0%;
	float: left;
	padding: 50px 0 0 10px;
	margin-top: 90px;
	width: 45%;
}
.box p {
	padding: 0 0 1em 0; 
	letter-spacing: .025em;
	font-size: 14px;
	}
.box a.close {
	position: absolute;
	right: 20px;
	top: 20px;
	display: block;
	width: 49px;
	height: 49px;
	text-indent: -9999em;
	background: url(../img/closebutton.gif) no-repeat 0 100%;
}
.box a.close:hover { background-position: 0 0%;}

/* 
-------------------------------------------------
	Layers: Weine
	Hintergundfarben und Texte (dt.) der Weine 
-------------------------------------------------
*/
#w1 { background: #d7cb00 url(../img/txt_loehrerberg.gif);}
#w2 { background: #ffd500 url(../img/txt_krone.gif);}
#w3 { background: #00adc9 url(../img/txt_koenigschild.gif);}
#w4 { background: #a2321d url(../img/txt_karthaeuser.gif);}
#w5 { background: #e85113 url(../img/txt_stremigiusberg.gif);}
#w6 { background: #000000 url(../img/txt_unplugged.gif);}
#w7 { background: #768187 url(../img/txt_1liter.gif);}
#w8 { background: #de8293 url(../img/txt_rose.gif);}
#w9 { background: #4c8aa1 url(../img/txt_deepblue.gif);}

/* Postion der Texte */
.box {
	background-repeat: no-repeat!important;
	background-position: 41px 38px!important;
}
.box p.de { height: 166px; text-indent: -9999em; padding: 0;}
.box p.en { height: 270px; margin-left: 332px; text-transform: uppercase; padding: 0; line-height: 14px;}

	#w8 p.de, #w9 p.de { height: 286px; }
	#w8 p.en, #w9 p.en { height: 150px; }
		
.wein p a { margin-left: 20px; font: 18px Georgia, serif; font-style: italic; letter-spacing: 1px;}
.wein p { font-size: 12px;}

/* -- algemeine Formatierung -- */
.box h1 {
	padding: 50px 0 0;
	font: 24px Georgia, serif;
	font-style: italic;
	background: url(../img/bg_box_h1.gif) no-repeat 0 50px;
	height: 73px;
}
.box h2 {
	padding: 0 0 12px;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
}
.box h3 {
	padding: 22px 0 10px;
	font-weight: normal;
	font-size: 12px;
	background: url(../img/bg_box_h1.gif) no-repeat 0 -50px;
}
.box .info {
	padding: 10px 0;
}
.box .preis {
	font: 36px Georgia, serif;
	font-style: italic;
	background: url(../img/bg_box_h1.gif) no-repeat 0 -47px;
	padding: 15px 0;
}
.box .preis small {
	display: block;
	font: 11px Arial, sans-serif;
	font-style: normal;
	letter-spacing: 0;
}

/* 
-------------------------------------------------
	Layers: 
	Abmessung, Formatierung
-------------------------------------------------
*/

#weiche {
	width: 529px;
	height: 400px;
	border: none;
	background: #000 url(../img/pregnant.gif) no-repeat 100% 118px!important;
}
#weiche .leftcol {background: none; width: 60%; }
#weiche p {font-size: 12px; line-height: 14px;}
#iestinkt { display: none;}
#wein {
	background: url(../img/treppe_wein.jpg) no-repeat 0 0!important;
	width: 460px;
	height: 600px;
	position: relative;
}

#wein_dth {
	background: transparent!important;
	width: 630px;
	height: 610px;
	position: relative;
}
#wein_dth.box {
	border: none;
/*	width: 630px;
	height: 610px;
*/}

#wein_dth a.close {
	right: 170px;
}

#img_wein {
	float: left;
	border: 10px solid #fff;
}
a.wh_link {
	display: block;
	width: 120px;
	height: 437px;
	float: right;
	border: 0;
	padding: 0;
	margin: 0 0 10px 10px;
	border: 10px solid #fff;
	
}
a.dth_link {
	display: block;
	width: 120px;
	height: 133px;
	float: right;
	border: 0;
	padding: 0;
	margin: 0 0 0 10px;
	border: 10px solid #fff;
}
a.probierpaket_link, 
a.dth_link img,
a.wh_link img {
	padding: 0;
	margin: 0;
	border: 0;
}

a.probierpaket_link {
	display: block;
	width: 120px;
	height: 437px;
	border: 0;
	padding: 0;
	margin: 0 0 10px 10px;
	border: 10px solid #fff;
	position: absolute;
	top: 0px;
	left: -160px;
	
}

a.bestellform_link {
	display: block;
	width: 120px;
	height: 133px;
	border: 0;
	padding: 0;
	margin: 0 0 0 10px;
	border: 10px solid #fff;
	position: absolute;
	bottom: -10px;
	left: -160px;
	font-size: 80px;
	line-height: 110px;
	text-align: center;
	background: url(../img/teaser_bestellung.gif) no-repeat 0 0;
	text-indent: -9999em;
}
a.bestellform_link:hover {
	background-position: 0 -133px;
	color: #000;
	text-decoration: none;
}

.box p.orderlink {
	position: absolute;
	bottom: 12px;
	left: 25px;
	font: 18px Georgia, serif;
	font-style: italic;
	padding: 0;
}
#alkfrei {
	width: 460px;
	height: 600px;
}
#weinhaus {
	width: 460px;
	height: 620px;
}
#weinhaus #fader {
	width: 460px;
	height: 460px;
	text-align: center;
}
#weinhaus .info {
	padding: 0 10px 10px;
}

#orderwein_dth {
	width: 845px;
	height: 1200px;
}
#orderwein_dth .info p {
	font-weight: bold;
	padding: 0 0 9px;
	font-size: 12px;
	line-height: 14px;
}
#orderwein_dth .info p strong {
	letter-spacing: 3px;
	padding-left: 5px;
	font-size: 11px;
	text-transform: uppercase;
}
#orderwein_dth .info p small {
	display: block;
	font-weight: normal;		
}


#orderwein {
	width: 845px;
	height: 682px;
}
#orderwein .info p {
	font-weight: bold;
	padding: 0 0 9px;
	font-size: 12px;
	line-height: 14px;
}
#orderwein .info p strong {
	letter-spacing: 3px;
	padding-left: 5px;
	font-size: 11px;
	text-transform: uppercase;
}
#orderwein .info p small {
	display: block;
	font-weight: normal;		
}
	
#orderbuch {
	width: 845px;
	height: 653px;
}
#orderbuch .infobox {
	background: url(../img/bg_box_h1.gif) no-repeat 0 -24px;
	padding: 49px 0 0 0;
}
	
#ordershirt {
	width: 845px;
	height: 1200px;
}
#ordershirt .infobox {
	background: url(../img/bg_box_h1.gif) no-repeat 0 -24px;
	padding: 49px 0 0 0;
}
#ordershirt .preis {
	background: none;
	padding: 0;
}
#ordershirt .rightcol {
	padding: 10px 0 0 10px;
}

#ordersuccess {
	width: 511px;
	height: 270px;
}		
#filme {
	width: 511px;
	height: 556px;
	font-size: 14px;
}
#filme #youtube { margin: 15px 0 0;}
#agb {
	width: 511px;
	height: 685px;
	font-size: 14px;
}
#impressum {
	width: 511px;
	/*height: 894px;*/
	height: 1494px;
	font-size: 14px;
	line-height: 24px;
}
#impressum p.disclaimer {
	background: url(../img/bg_box_h1.gif) no-repeat 0 -52px;
	padding: 20px 0 0 0;
	font-size: 12px;
	line-height: 18px;
}
.serif { font-family: Georgia, serif;}

#filme h1, #filme p, #filme div#youtube, #filme form, 
#ordersuccess h1, #ordersuccess h2, #ordersuccess h3, #ordersuccess p, #ordersuccess div, #agb ordersuccess ,
#agb h1, #agb h2, #agb h3, #agb p, #agb div, #agb form ,
#impressum h1, #impressum h2, #impressum h3, #impressum p, #impressum div, #impressum form 
{
	margin-left: 45px;
	width: 80%;
}
#agb h3 {
	background: none;
	padding: 5px 0 5px;
	font-size: 14px;
	font-weight: bold;
}

/* 
-------------------------------------------------
	Buttons, Forms
-------------------------------------------------
*/
/* -- alk-button -- */
.btn_alk {
	background: transparent url(../img/btn_alk.gif) no-repeat 0 0;
	display: block;
	width: 177px;
	height: 27px;
	border: none;
	outline: 0;
	text-indent: -9999em;
	margin: 10px 0 10px;
}
.btn_alk:hover {
	background-position: 0 -27px!important;
}
.btn_alk:active {
	background-position: 0 -54px!important;
}

/* -- nonalk-button -- */	
.btn_nonalk {
	background: transparent url(../img/btn_nonalk.gif) no-repeat 0 0;
	display: block;
	width: 211px;
	height: 27px;
	border: none;
	outline: 0;
	text-indent: -9999em;
}
.btn_nonalk:hover {
	background-position: 0 -27px!important;
}
.btn_nonalk:active {
	background-position: 0 -54px!important;
}

/* -- bestell-button -- */
.btn_bestell {
	background: transparent url(../img/btn_bestell.gif) no-repeat 0 0;
	display: block;
	width: 162px;
	height: 27px;
	border: none;
	outline: 0;
	text-indent: -9999em;
	margin: 40px 0 0 100px;
}
.btn_bestell:hover {
	background-position: 0 -27px!important;
}
.btn_bestell:active {
	background-position: 0 -54px!important;
}

/* -- anmelde-button -- */
.btn_anmeldung {
	background: transparent url(../img/btn_anmeldung.gif) no-repeat 0 0;
	display: block;
	width: 97px;
	height: 27px;
	border: none;
	outline: 0;
	text-indent: -9999em;
	margin: 40px 0 0 100px;
}
.btn_anmeldung:hover {
	background-position: 0 -27px!important;
}
.btn_anmeldung:active {
	background-position: 0 -54px!important;
}
/* -- rightcol form styler -- */
.rightcol p {font-size: 12px;}
.rightcol form p { clear: left;}
.rightcol form p label {
	width: 75px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
}
.rightcol form p input {
	width: 220px;
	background: #fff;
	border: 1px solid #fff;
}
.rightcol form p input.error { border-color: red;}
.rightcol form p.check {
	clear: left;
	padding: 0 0 5px 0;
}
.rightcol form p.check label {
	width: 220px;
	text-align: left;
}
.rightcol form p.check span {
	text-align: left;
	display: block;
	float: left;
}
.rightcol form p.check span.checkbox {
margin-left: 60px;
margin-right: 10px;
}
.rightcol form p a { 
	font-family: Georgia, serif;
	font-style: italic;
}
.dropdown {
	padding: 0 0 30px 85px;
}
.dropdown select {
	margin-right: 10px;
	width: 104px;
}

/* -- custom checkboxes -- */
.cust_checkbox { font-size:14px; cursor: pointer;}
.cust_checkbox_on {	background:url(../images/checkbox_on.png) no-repeat 0 2px;}
.cust_checkbox_hvr { background:url(../images/checkbox_on.png) no-repeat 0 2px !important;}
.cust_checkbox_off { background:url(../images/checkbox_off.png) no-repeat 0 2px;}
.cust_checkbox_disabled_on { background:url(../images/checkbox_disabled_on.png) no-repeat 0 2px;}
.cust_checkbox_disabled_off { background:url(../images/disabled_off.png) no-repeat 0 2px;}

/* -- simplest slideshow by snook.ca -- */
.fader { position:relative; height:493px; width:329px; }
.fader2 { position:relative; height:217px; width:308px; }
.fader img, .fader2 img { position:absolute; left:0; top:0; }

/* -- vtip styler -- */
p#vtip {
	display: none;
	position: absolute;
	padding: 5px 15px 5px 8px;
	left: 0px;
	font-size: 11px;
	line-height: 24px;
	background: transparent url(../img/tooltip_bg.png) no-repeat 100% 3px;
	z-index: 199999!important;
	height: 43px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: bold;
}
p#vtip #vtipArrow {
	position: absolute;
	top: 27px;
	left: 0px;
	width: 20px;
	background: url(../img/tooltip_arrow.png) no-repeat 0 -10px;
}

/* -- preloader -- */
div#popupLayerScreenLocker {
	background: #000 url(../img/ajax-loader.gif) no-repeat 50% 25%!important;	
}


div#login { width:470px; height: 300px; padding: 0px 20px;}
div#login label { float: left; width: 150px;}
.loginerror {display: none; font-size: 7pt;}

div#bestellung { width:600px; height: 1170px; padding: 10px;}
#bestellung legend { float: right; line-height: 1.8em; padding-right: 50px; font-weight: bold;text-transform: uppercase;}
#bestellung fieldset { padding: 10px 0; margin: 0; border: none;border-top: 1px solid #eee}
#bestellung fieldset p { clear: both; padding: 0 0px 5px;}
#bestellung p.info { clear: both; padding: 5px 5px 5px;border-top: 1px solid #eee}
#bestellung label { margin-left: 10px;}
#bestellung input.anzahl { float: left; width: 45px; margin-right: 5px;text-align: right;background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFFFFF}
#bestellung input.jahrgang { float: left; width: 35px;text-align: right;background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFFFFF}
#bestellung input.readonly { color: #fff; background: #000;}
#bestellung label span {float: right;}
#bestellung fieldset#jahrgangspaket label { margin: 0 15px 0 5px;}
#bestellung fieldset#jahrgangspaket input { float: none; width: auto;}
#bestellung hr { border: 0; height: 1px; border-top: 1px solid #eee;margin: 5px 0; padding: 0;}
/*#bestellung fieldset#inventur-sonderangebot { border: 2px solid #fff;margin-bottom: 5px;}*/
#bestellung p.info {font-size: .8em;}
#bestellung div#kleingedruckt  p {padding: 10px 0 0; font-size: .75em; line-height: 1.3em;border-top: 1px solid #eee;}
#bestellung input#Email { width: 125px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFFFFF}
#bestellung input#submit { width: 150px;}
#bestellung input.error { border-color: red;}
#bestellung textarea { width: 580px;font: 12px/14px Arial, sans-serif; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFFFFF}
#bestellung h1 { font-style: normal;}

#bestellung .btn_bestell,
#login .btn_anmeldung,
#login .btn_bestell {
	margin: 10px 0 0 150px;
}

#bestellung .beschreibung {display: block; font-size: 0.85em; padding-left: 99px;}