html
	{
		height: 100%;
	}

body { 
    height: 100%; overflow:hidden;font:  10pt/11pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; margin: 0px;
}

#backtop{
	margin: 0 auto 0 auto;
	width: 100%;
	height: 118px;
/*   background: url("images/backtop1.jpg") no-repeat top;*/

}

/*#container {
   margin: 0 auto 0 auto;
	width: 100%;
	height: 737px;
	text-align:left;
	background: url("images/backbot1.jpg")no-repeat top;
	background-image:  url("images/backbot1.jpg");
	background-position: top;
	background-repeat: no-repeat;
	}*/

#nerv{
	width: 1000px;
	height: 800px;
   margin-left: auto;
	margin-right: auto;
	/*border: 1px solid #000000;*/
}

/* Rechter Inhalt */
#rechter-inhalt{
	width: 700px;
	height: 460px;
	position: relative;
	top: -250px;
	left: 310px;
	overflow: hidden;
	}
#rechter-inhalt a{
	color: #cc9900;

}

#cellar-image-list {
	vertical-align: baseline;
	display: inline;
	height:40px;
}
img.cellar-image {
	border: solid 0px #000000;
	width:40px;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}
a:hover img.cellar-image {filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;}

div#cellar-details{
	/*margin-top: 30px;*/
	margin-left:30px;
	float:right;
	/*border: 1px solid red;*/
	/*width: 200px;*/
}

div#cellar-description{
	width:350px;
	text-align: justify;
	margin-left: 30px;
	color: #3d5601;
	line-height:1.4em;
	float:left;
}

div#cellar-wine-list, div#wines-list{
	float: right;
	width: 260px;
	margin-right: 10px;
/*	border: 1px solid #000000;*/
}
div.cellar-wine-item{
	float: left;
	width: 110px;
	background-color: White;
	padding: 2px;
	margin: 5px;
}
div.cellar-wine-item-detail{
/*	float: right;*/
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 32px;
}
div.cellar-wine-item-detail h1 a{
	padding: 0px 0px 0px 0px;
	margin: 0px;
font:  10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ffb400;  font-weight: bold; }

div.cellar-wine-item-detail h1 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
font:  10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ffb400;  font-weight: bold; }


div.cellar-wine-item-detail li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
font:  10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #3d5601; }


div.cellar-wine-item-detail ul{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

div.cellar-wine-item img {
	height: 90px;
	border: none;
}
div.cellar-wine-detail-image-container {
	/* Bitte darauf achten , dass diese werte in der
     * top          = topper
     * clipTop      = clip: rect(top . . .)
     * clipWidth    = clip: rect(. width . .)
     * clipBottom   = clip: rect(. . bottom .)
     */
    left:0px;
    top:0px;
    width:40px;
    /*height:90px;*/
    overflow:hidden;
	float:left;
    /*clip: rect(0px 10px 10px 0px);*/
}


div.news-list , div.region-list, div.cellar-list, articles-list{
	margin-top: 30px;
}
/*div.news-item{
	margin-top: 10px;
	padding-bottom:5px;
	border-bottom: 2px solid #ffb400;
}*/

div.news-item, div.region-item, div.cellar-item, div.article-item {
   width:350px;
	text-align: justify;
	margin-left: 30px;
	color: #3d5601;
	margin-top: 10px;
	padding-bottom:5px;
	border-bottom: 2px solid #ffb400;
}

div.artilcle-text{
	width:350px;
	margin-left: 30px;
	color: #3d5601;
	margin-top: 10px;
	padding-bottom:5px;
	line-height:1.4em;
}
div.news-text {
	color: #3d5601;
	width: 350px;
	line-height:1.4em;
	margin-left:50px;
}
/*p.news-text {
	color: #3d5601;
	width: 350px;
	font-size:0.8em;
	line-height:1.2em;
	margin-left:20px;
}*/
div.news-text a, div.artilcle-text a, .cellar-view-link, region-view-link{
	text-decoration: none;
	color: #ffb400;
}
div.news-text a:hover, div.artilcle-text a:hover{
	text-decoration: underline;
	color: #ffb400;
}

/* Überschriften */
/* Ü-Regionen  */

h1.cellar-name, h1.news-heading {
    color: #ffb400;
	font-family: serif,"Book Antiqua";
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: inline;
    padding: 15px 7px 7px 7px;
}
h2.cellar-location/*, h2.news-date*/ {
	color: #ffb400;
	font-family: serif,"Book Antiqua";
	padding: 0px 0px 0px 0px;
	margin: 0px;
	/*display: inline;*/
margin: 10px 0px 50px 30px;	}

/* Ü-news */
h1.news-list-title {
	 color: #ffb400;
	font-family: serif,"Book Antiqua";
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	}
h2.news-date {
	font-size:1.4em;
	color: #ffb400;
	font-family: serif,"Book Antiqua";
	padding: 0px 0px 0px 0px;
	margin: 0px;
	/*display: inline;*/
	margin: 35px 0px 20px 20px;	
}
h3.news-title{
	color: #ffb400;
	font-size:1.4em;
	font-family: serif,"Book Antiqua";
	padding: 0px 0px 0px 0px;
	margin: 0px;
	/*display: inline;*/
	margin: 10px 0px 30px 30px;
}
/*h1.news-title {
 color: #ffb400;
 font-size: 12pt;
 padding: 0px 0px 0px 0px;
	margin: 10px 0px 5px 0px;
}
h2.news-date{
 color: #ffb400;
font-size: 10pt;
padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
}*/


/**
 * Formatierungen der Suchergebnisse
 */
 

/* Ü-suche */
h1.search-title{
	margin-top: 30px;
	color: #ffb400;
	font-family: serif,"Book Antiqua";
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: inline;
    padding: 15px 7px 7px 7px;
}
/* Anzahl der Treffer */
h2#result-count {
	color: #ffb400;
	font-family: serif,"Book Antiqua";
	padding: 0px 0px 0px 0px;
	margin: 0px;
	/*display: inline;*/
	margin: 10px 0px 10px 30px;
}
/* Titel der Ergebniskategorien Weine, Regionen uws */
div#search-results h3 {
	font-size:1.4em;
	color: #ffb400;
	font-family: serif,"Book Antiqua";
	padding: 0px 0px 0px 0px;
	margin: 0px;
	/*display: inline;*/
	margin: 50px 0px 10px 30px;
}
/* listen der elemente */
/* einrückung */
div#wines-result div#wines-list, div#regions-list, div#news-list, div#cellar-list, div#articles-list {
	margin-left:30px;
}
div#wines-result div#wines-list {
	width:350px;
	float:none;
	
}
/* enzelnene ergebnissse */
div.article-item, div#cellars-result div.cellar-item, div.region-item, div.news-item, dvi#wines-result div.cellar-wine-item {
	border:1px solid black;
	background-color: white;
	padding: 10px;
} 
/* spezielle formatierung oder overring anderer einstellungen */
div.cellars-for-region div.cellar-item, div.articles-result div.article-text {
	width:auto;
}
/* weine */
div#wines-result .cellar-wine-item {
	position:relative;
	float: none;
	width: 350px;
	border:1px solid black;
	background-color: white;
	padding: 10px;
	width:350px;
	text-align: justify;
	margin-left: 30px;
	color: #3d5601;
	margin-top: 10px;
	padding-bottom:5px;
}
div#wines-result .cellar-wine-detail-image-container {
	float:none;
}
div#wines-result .cellar-wine-item-detail {
	position:absolute;
	margin-left:60px;
	top:10px;
	/*margin-left:80px;*/
}

/*
 * Ende der suchergebnisse formatierungen 
 */
h1 {
	line-height:1em;
}
/* Ü-kontakt */
h1.article-title, h1.news-title{
	color: #ffb400;
	font-family: serif,"Book Antiqua";
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 15px 5px;
}
.cellar-container .article-title{
	margin-bottom:50px;
}
div.article-text {
	width:350px;
	text-align: justify;
	margin-left: 30px;
	color: #3d5601;
	line-height:1.4em;
}
div.news-container .article-text {
	width: 370px;
/*	font-size:80%;*/
}
	/* Ü weine */
h1.wine-title {
	 color: #ffb400;
	font-family: serif,"Book Antiqua";
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 0px;
	}
/* ############### */


div#navi-main {
	width: 125px;
	height: 240px;
	position: relative ; /*war relative */
	top: 150px;
	left: 27px;
	/*width:120px;*/
   /*border: 1px solid #000000;*/

}
/*#nav-items*/ 
#nav-items #cakeSqlLog {
	display:none;
}


#region-navigation,#news-navigation {
	position:absolute;
	width: 120px; /* müssen #navi-main  entsprechen */
	height: 240px; /* müssen #navi-main entsprechen */
	margin:5px;
	z-index:2;
}
/*
 * dropdown in der naviagation
 */
div#navi-main select {
	font-size:11px;
	position:absolute;
	left:-5px;
	/*width:100px;*/
}
div#navi-main option {
	font-size:11px;
	width:auto;
}
/*#region-navigation-bg, #news-navigation-bg {
	background: #FF8C00;
	width: 120px;  müssen #navi-main  entsprechen
	height: 240px;  müssen #navi-main entsprechen
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}*/
#region-navigation select, #news-navigation select{
	width: 97px;
	float:left;
}

#region-navigation-container, #news-navigation-container{
	width:120px;
	/*border: 1px solid white;*/
}
#region-navigation-bg, #news-navigation-bg {
	background: #FF8C00;
	width: 120px; /* müssen #navi-main  entsprechen */
	height: 240px; /* müssen #navi-main entsprechen */
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	border-left:   2px solid white;
	border-right:  2px solid white;
	border-bottom: 2px solid white;
}
#dorp {
	width:123px;
	height:30px;
	background-image: url("images/dorp.gif");
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}
div#nav-items li {
	padding:0 2px;
	padding-top:5px;
	margin:0px;
}

div#nav-items ul{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin-right:10px;
	margin-left:0px;
	width:110px;
	left:0px;
	/*border:1px dotted red;*/
}

div#nav-items a{
	color: #000;
	text-decoration: none;
	font-size:10px;
}
div#nav-items a:hover{
	color: #3d5601;
	text-decoration: none;
}
div#nav-items a.selected_item {
    color: white;
	text-decoration: none;
	font-size:10px;
}
div#nav-items {
    position:absolute;
    /* Bitte darauf achten , dass diese werte in der
     * Datei /app/webroot/js/navigation-scroller.js
     * entsprehend angepasst werden,
     * top          = topper
     * clipTop      = clip: rect(top . . .)
     * clipWidth    = clip: rect(. width . .)
     * clipBottom   = clip: rect(. . bottom .)
     */
    left:0px;
    top:27px;
    width:110px;
    clip: rect(0px 110px 200px 0px);
	/*border: 1px solid red;*/
	z-index:10;
}
/* navigations scroll links */
#up-arrow-button, #down-arrow-button {
    width:16px;
    height:16px;
    display:block;
}
#up-arrow-button span , #down-arrow-button span {
    display:none;
}
#up-arrow-button {
    background: url('images/arrow_up.gif') no-repeat top;
}
#down-arrow-button {
    background: url('images/arrow_down.gif') no-repeat top;
}
#nav-items-ul {
    position:relative;
    top:0px;
    margin:0px;
    padding:0px;
}
#navigation-scroller {
    position:relative;
    float:right;
    width:16px;
    margin-right:5px;
}
/* SUCHE feld */
input#search-field {
	width: 116px;
	color:#3d5601;
	background:#fff;
	border:1px solid #fff;
	margin:0;
	padding:0 2px;

}

input#search-button{
display: none;
/*	color: #fff;
	background: transparent;
	border: none;
	margin:0;
	padding:0 2px;*/
}

form#search-form {
	width:120px;
	margin-top:5px;
	margin-bottom: 5px;
}

/* navi unter suche */

ul#navi-link-list{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin:0px;
	margin-top: 5px;
	left:27px;
	width:120px;
}

li.link-list-item{
	padding:0 2px;
}



li.link-list-item a{
	color: #fff;
	text-decoration: none;
}
li.link-list-item a:hover{
	color: #DCDCDC;
	text-decoration: none;
}


/** Scrollbar */
.Scroller-Container {
  position: relative;
  float:left;
  /*top: 0px; left: 0px;*/
}
.Scrollbar-Up {
  position: absolute;
  width: 10px; height: 10px;
  background-color: #CCC;
  font-size: 0px;
}
.Scrollbar-Track {
  width: 10px; height: 400px;
  position: absolute;
  top: 20px;
  background-color: #EEE;
}
.Scrollbar-Handle {
  position: absolute;
  width: 10px; height: 30px;
  background-color: #CCC;
}
.Scrollbar-Down {
  position: absolute;
  top: 430px;
  width: 10px; height: 10px;
  background-color: #CCC;
  font-size: 0px;
}
#Scrollbar-Container {
  position: relative;
  top:-660px;

  /*top: 50px; left: 460px;*/
  float:right;
}


span.highlight {
	background-color: #F0E68C;
}

/** Flaschen Navigation **/
#container-navigation {
			position:relative;
		}
		#news-bottle-c a, #regions-bottle-c a, #about-bottle-c a{
			display:block;
			cursor:pointer;
			cursor:hand;
			height:100%;
			/*border:solid 1px red;*/
		}
		#news-bottle-c a div, #regions-bottle-c a div, #about-bottle-c a div {
			display:none;
		}


a#wine-print-link, a#wine-pdf-link{
	float: right;
	margin-right: 20px;
	position:absolute;
	left:600px;
}
a#wine-print-link {
	background-image: url('images/druckersymbol.gif');
	background-position:top left;
	background-repeat:no-repeat; 
	padding-left:25px;
	top:80px;
	height: 30px;
}
a#wine-pdf-link {
	background-image: url('images/pdf.gif');
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:25px;
	height: 30px;
}
img#wine-detail-image{
    position:absolute;
	border: 1px solid Green;
	background-color:white;
	padding:10px;
	margin-bottom: 3px;
	float:right;
	margin-left:400px;
	margin-right:160px;
}

dl#wine-detail-list  {    width: 24em;    padding: 1em;   background: #ffffff;  filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }
dl#wine-detail-list dt {    /*clear: both;   */ float : left;    width : 11em;    color: black; font-weight: bold; }
dl#wine-detail-list dd {    width: 13em;    color: black;    margin-bottom: 15px;    margin-left: 11em;    /* border: 1px solid green;*/   }

/**
 * Email Link unten rechts
 */
a#email-link {
    /*border:1px solid red;*/
    position:relative;
	text-decoration:none;
    top:-185px;
    z-index:10;
    left:812px;
    width:140px;
    padding:5px;
   /* display:block;*/
}
a#email-link span {
    display:inline;
    visibility:hidden;
    width:100%;
}


/**********************************/
/** Formulare login und anmeldung */
/**********************************/
div#login-container {
	width:500px;
}
div#login-container fieldset {
	background-color:white;
	margin:15px;
	line-height:1.4em;
	
}
div#login-container form, div#login-container p {
	margin:15px;
}
div#login-container .button {
	float:right;
	width:100px;
	display:block;
}
div#login-container legend {
    color: #ffb400;
	font-family: serif,"Book Antiqua";
	margin: 0px;
	font-size:2.5em;
	line-height:1em;
	/*height:2.5em;*/
}
div#login-container input {
	width:90%;
}
div#login-container label {
	display:block;
}
div#login-container .error_message {
	color: red;
	font-weight: bold;
}
div#login-container .required {
	font-weight: bold;
}
.user-register-container form {
	margin-left:50px;
}

/** Flash **/
div#flash {
	border: 1px  dotted black;
	/*padding:20px;*/
}
.error {
	padding:20px;
	text-align:center;
	background-color: #CC6600;
}
.info {
	padding:20px;
	text-align:center;
	background-color: #66CC00;
}