/******************
 	css by thomas zobrist
	12.03.08 version 1.2 
	css released under Creative Commons License -  http://creativecommons.org/licenses/by-nc/3.0/deed.de 

	general
******************/

.clear {overflow:hidden;}

* html .clear {height:1%;} /*hack fuer ie*/

html,body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size: 11px;
	line-height:16px;
	background-image: url(../images/weinundco_pattern_back.gif);
	background-repeat: repeat;
}

a { text-decoration: none; color: #CC40A4; }
a:visited   { color: #CC40A4; }
a:hover     { color: #CC0000; }
a:active    { color: #CC0000; }

a.aktiv { color: #CC0000; }
a.blind { color: #333333; }

img {
	vertical-align: middle;
	border: 0;
}

ul {
	padding:0;
    margin:0;
    list-style: none;
	white-space:nowrap;
	height:28px;
	overflow:hidden;
	position:relative;
}

.purple {color: #CC40A4;}
.red {color: #CC0000;}

.clearleft { clear:left;}
.clearright { clear:right;}
.clearboth{ clear:both;}

/****************** 
headlines
******************/
h2,h3,h4,h5,h6 {
	letter-spacing: 1px;
    color: #CC0000; 
    margin: 0; 
    padding: 0;  
    text-transform: uppercase;
	font-weight: normal;
}

h2 {
	font-size: 14px;
	line-height: 16px;
    margin:16px 0 0 0;
	font-weight:bold;
	letter-spacing:0;
}

h3 {
	font-size: 11px;
	line-height: 21px;
}
h3.lower { 
	text-transform:none;
	letter-spacing:0;
	line-height:15px;
	margin-bottom:2px;
}
h3.bold { 
	text-transform:none;
	letter-spacing:0;
	line-height:14px;
	font-weight:bold;
	margin-bottom:2px;
}

h4 {
	font-size: 9px;
}
h4.lower { 
	text-transform:none;
	font-weight:bold;
	letter-spacing:0;
}

.clearboth { clear:both;}
.clearright { clear:right;}
.clearleft { clear:left;}

/****************** 
decorations
******************/
.pattern {
	background-image: url(../images/screen-fein-back.gif);
}

.arrow_up {
    background-image: url(../images/up-purple.gif);
	background-repeat: no-repeat;
}

a.arrow_up:hover {
    background-image: url(../images/up-red.gif);
}

a.submitlink, a.downloadlink {
	width:180px;
	float:right;
	text-align:right;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 28px;
	letter-spacing: 1px;
	padding-right:16px;
	background-image: url(../images/purple/right_small.gif);
	background-repeat:no-repeat;
	background-position: center right;
}

a.submitlink:hover {
	background-image: url(../images/red/right_small.gif);
}

a.downloadlink {
	background-image: url(../images/purple/download_small.gif);
}
a.downloadlink:hover {
	background-image: url(../images/red/download_small.gif);
}

#reset { text-transform: uppercase; font-size: 9px;	letter-spacing: 1px; line-height:29px;}

.line, .line_top, .line_upper {
  	background-image:url(../images/line_h.gif);
  	background-repeat: repeat-x;
  	background-position: bottom;
	vertical-align: middle;
}

.line { height:30px;}

.line_top, .line_upper {
	background-position: top;
	padding-top:1px;
}

.line_top { line-height:29px; }

.line_upper { padding-top:6px; }

.autorin { color: #CC0000;font-size:11px;margin-top:2px;}

strong { font-weight:bold;color: #CC0000;margin-right:12px;}

/****************** 
popup
******************/
#archivdetail{
	position: absolute;
	z-index:9999;
	width:360px;
	height:auto;
	border:1px solid #f00;
	background:#FFF;
	text-align:left;
}

#archivleinwand{
	position:absolute;
	top:0;
	left:0;
	width:101%;
	height:101%;
	z-index:5000;
	background-color:#ccc;
	-moz-opacity: 0.15;
	opacity:.15;
	filter: alpha(opacity=15);
}

#draghandle {
	height: 33px; 
	cursor: move; 
	background-image: url(../images/screen-fein-back.gif); 
	background-repeat: repeat;
}

#detailwrapper {
	clear:right
}

/****************** 
box
******************/
#outerbox {
	width: 760px;
}

#header {
	margin: 20px 80px 0 80px;
}
#header a { text-transform: uppercase; letter-spacing: 1px;}

#outercontent {
	margin: 12px 80px 24px 80px;
}

#maincontent {
    width:390px;
    float:left;
}

#metacontent
{
    width:200px;
    float:left;
}

#metacontent .big
{
    margin: 0 0 60px 20px;
}

#metacontent .small
{
    margin: 0 0 0 70px;
}

.message { padding-top:12px;}


/******************
navigation
******************/
#firstnavi
{
    margin-top: 10px;
	height:30px;
}

#mainnavi 
{ 
    width: 400px;
}
#mainnavi li 
{ 
    float:left;
	display: inline;
	line-height:29px;
	padding-right: 14px;
}

#mainnavi li a { 
	display:block;
}

#servicenavi
{
    float: right;
 	display:inline;
    width: 120px;
}

#servicenavi li 
{
    float:right;
	width:30px; 
	display:inline;
	text-align: right;
    vertical-align:middle;
}

#servicenavi li a { 
	display:block;
}

#sn_warenkorb { 
	background-image: url(../images/purple/warenkorb.gif); 
	background-repeat: no-repeat;
	background-position: center right;
}

#sn_warenkorb:hover, #navi_korb.aktiv { background-image: url(../images/red/warenkorb.gif);}

#sn_agb { 
	background-image: url(../images/purple/paragraph.gif); 
	background-repeat: no-repeat;
	background-position: center right;
}
#sn_agb:hover, #sn_agb.aktiv { background-image: url(../images/red/paragraph.gif);}

#sn_copyright { 
	background-image: url(../images/purple/copyright.gif); 
	background-repeat: no-repeat;
	background-position: center right;
}
#sn_copyright:hover, #sn_copyright.aktiv { background-image: url(../images/red/copyright.gif);}

#secondnavi li {
	float:left;
	display: inline;
	margin:0;
	padding-right:12px;
}

#secondnavi li a
{
	display:block;
	font-size: 9px;
	padding-left: 1px;
	padding-right: 7px;
}

/******************
forms
******************/
form a.korb { background-image: url(../images/warenkorb-leer-purple.gif); background-repeat: no-repeat;}
form a.korb:hover { background-image: url(../images/warenkorb-leer-red.gif);}

form.pattern {
	padding:1px;
	vertical-align:middle;
	height:23px;
	padding:3px;
}

form.pattern fieldset {
	border:0;
	padding:0;
	margin:0;
	width:80px;
	float:right;
	line-height:25px;
	text-align:right;
}
 form.pattern a{
    /*height:42px;*/
    font-size:10px;
 }    

form.pattern input.anzahl { border:0; width:30px; font-size:15px;text-align:right;}

form.pattern div { 
   	line-height:24px;
    color: #CC0000; 
    font-weight:bold;
    }

.error {margin-bottom:12px;font-weight:bold;}

/******************
 aktuell
******************/
#aktuell .small div {margin-bottom:24px;}

#opener {
    position:relative;
    height:330px;
}

#openercontent {
    position:absolute;
    width: 140px;
    left:240px;
    bottom:24px;
}

#metacontent div p { margin:24px 0;}

.probierpaket {
    width: 240px;
}
.probierbild {
    margin-top:12px;
    float:right; 
}
/*** end aktuell ***/

/******************
 weinliste
******************/
#weinliste span {color:#CC0000;}

#weinliste table {width:100%; border-collapse:collapse;}
#weinliste td {vertical-align:top;padding:24px 0;}

#weinliste td.wein_icon {width:30px;}
#weinliste td.wein_shortlist {width:170px;}
#weinliste td.wein_img {width:80px;text-align:center;}
#weinliste td.wein_img img {display:block; margin:0 auto;}
#weinliste td.wein_descr {width:300px;}

.weindetails { cursor: pointer;}

#weinliste form.pattern {
    margin-top:8px;
}

#weininfo {padding:8px;}
#weininfo img.weininfo_flasche { display:block; margin: 12px 0;}
#weininfo .descr {margin:6px 0 4px 0;}
/*** end weinliste ***/

 /******************
 freunde
 ******************/
 #freunde div  {margin-bottom:2px;padding:6px 0 8px 0;}
 #freunde div.first {margin-top:0;padding-top:0;}
 #freunde div h4 {float:left;width:160px;}
 #freunde ul {float:left;margin:0;padding:0;width:399px;height:auto;}
 #freunde li {margin-bottom:4px;}    
/*** end freunde ***/

 /******************
 impressum
 ******************/
 #impressum div  {margin-bottom:2px;padding:6px 0 8px 0;}
 #impressum div.first {margin-top:0;padding-top:0;}
 #impressum div h4 {float:left;width:160px;}
 #impressum div p {float:left;margin:0;width:399px;}     
/*** end impressum ***/

 /******************
 ueberzeugungen
 ******************/
 #ueberzeugungen {width:400px; }
 #ueberzeugungen {margin-bottom:18px;padding:8px 0 0 0;}
 #ueberzeugungen img { display:block;margin-bottom:24px;} 
/*** end ueberzeugungen ***/

 /******************
 suchen
 ******************/
 #suchen #searchform {margin:0;padding:0;}
 #suchen div.searchitem  {padding:18px 0 0 0;clear:left;}
 #suchen div.first {margin-bottom:12px;padding-top:0;}
 #suchen div.last {margin-bottom:22px;}
 #suchen #searchform h3 {float:left;width:160px;display:inline;margin:0;text-transform: none;font-size:11px;}
 #suchen div p {margin:0 0 0 160px;line-height:18px;}
 #suchen label {vertical-align:top;padding:0 12px;}
 #suchen select {width:190px; border:0;background:#EEE;font-size:11px;padding:2px;}
/*** end suchen ***/

 /******************
 wir_ueber_uns
 ******************/
 #wir_ueber_uns {padding:8px 0 0 0;}
 #wir_ueber_uns img { display:block;margin-bottom:2px;}
 #wir_ueber_uns .memberdetails {cursor: pointer;text-align:center; color:#CC40A4;padding:4px 0;}
 #wir_ueber_uns .memberdetails:hover {color:#CC0000;}
 #wir_ueber_uns .start {text-align:left;}
 #wir_ueber_uns .end {text-align:right;}

 #wir_ueber_uns .content { margin-top:16px; width:400px;}
 #wir_ueber_uns .content p { margin-top:22px;}
 #person_popup {padding:6px;}
/*** end wir_ueber_uns ***/

 /******************
 laden
 ******************/
 #laden {width:400px; }
 #laden {margin-bottom:18px;padding:8px 0 0 0;}
 #laden #mainimg {display:block;margin-bottom:24px;} 
 #laden img.laden_image {float:left;margin:0 24px 12px 0;}
 #laden div.legende {
	float:left; 
	width:180px; 
	height: 120px;
	color: #CC0000;
 }
 #laden p.p {clear:left;}
#laden .line_upper p { margin:0;}
/*** end laden ***/

 /******************
 produzentinnen
 ******************/
#produzent span {color:#CC0000;}
#produzent div {height:130px;}
#produzent img.prodimg {float:right;}
#produzent h2 {color:#CC0000;font-size:16px;}

 /******************
 agb
 ******************/
#agb {width:400px;}
/*** end agb ***/

 /******************
 form person
 ******************/
#form_person { color: #CC0000;margin-bottom:12px;}
#form_person #must { float:left;width:100px;}

#form_person fieldset { float:left;width:500px;border:0;margin:0;padding:0;}
#form_person label { float:left;width:110px;margin-bottom:18px;}

#form_person input, #form_person textarea { 
	float:left;
	width:310px;
	border:0; 
	background-image: url(../images/screen-fein-back.gif);
	padding:2px;
}

#form_person input.short { 
	width:260px; 
}

#form_person .inputcontainer {
  float:left;
  width:314px; 
}

#form_person #plz {width:50px;float:left;}
#form_person #ort {width:250px;float:right;}

/*** end form person ***/

/******************
warenkorb
******************/
.col_warenkorb_wein { width: 200px; }
.col_warenkorb_form { width: 200px; }
.col_warenkorb_preis { width: 90px; }
.col_warenkorb_edit { width: 120px; }

#warenkorb table
{
	margin-top:-12px;
	border-collapse:collapse;
}

#warenkorb thead th {
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding:5px 0;
	color: #CC0000;
}

#warenkorb td
{
	text-align: left;
	vertical-align: middle;
}

#warenkorb .warenkorb_total td
{
	font-weight: bold;
	padding: 8px 0 24px 0;
}

#warenkorb tfoot a
{
	letter-spacing: 0;
	text-transform: none;
	display:block;
	margin:6px 0;
}

#warenkorb form
{
	margin: 0;
	padding: 0;
}

#warenkorb .warenkorb_form input
{
	width: 30px;
	height: auto;
	margin-right: 8px;
	padding: 2px;
	border: 0;
	text-align:right;
	background-image: url(../images/screen-fein-back.gif);
}

#warenkorb th.warenkorb_leeren
{
	margin: 0;
	padding-right: 5px;
	text-align: right;
	vertical-align: bottom;
}

#warenkorb .warenkorb_leeren a
{
	color: #CC40A4;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0px;
}

#warenkorb img
{
	vertical-align: bottom;
}

#warenkorb .warenkorb_preis
{
	text-align:right;
}

#warenkorb .warenkorb_edit
{
	margin: 0;
	padding: 0 0 0 22px;
	text-align: right;
}

#warenkorb .warenkorb_wein {padding-top:8px;}


/******************
bestellen
******************/
#bestellen table { width: 400px; border-collapse:collapse; margin:8px 0;}
#bestellen form { margin:18px 0;}
#bestellen .col_bestell_wein { width: 150px;}
#bestellen .col_bestell_form { width: 150px; }
#bestellen .col_bestell_preis { width: 100px; }

#bestellen td { padding: 4px 0 6px 0; }
#bestellen td.bestell_preis {text-align:right; }

#bestellen .bestell_total
{
	font-weight: bold;
	padding-bottom:24px;
}

#agbbox {margin:24px 0 20px 110px;color: #CC0000;}

/******************
prospekt
******************/
#prospekt {margin-top:-6px;}
#prospekt img {float:left;margin-right:12px;}
#prospekt div.line_top {margin:12px 0 24px 0;}
#prospekt #form_person {margin-bottom:24px;}

/*
#prospekt div.first {margin-top:6px; padding-top:12px;}
*/

/******************
lageplan
******************/
#lageplan {margin-top:-6px;}
#lageplan img {display:block;margin:16px 0;}
/******************
bestell_merci
******************/
#bestell_merci {color:#000;}