/* Verss 1.0 - 9.05.2009 */

body {
padding:10px 0 0 0;
font:76% tahoma, verdana, sans-serif;
background:#e0e0e0;
color:#303030;
width:800px;
margin-left:auto;
margin-top:3px;
margin-right:auto;
margin-bottom:10px;
}

a {
color:#303030;
text-decoration:none;
border-bottom:1px dotted #505050;
}

a:hover {
color:#303030;
text-decoration:none;
border-bottom:1px solid #505050;
}

h1 {
margin:0 0 20px 0;
font-size:2.2em;
font-weight:normal;
}

h2 {
margin:0 0 12px 0;
font-size:1.6em;
font-weight:normal;
}

h3 {
margin:0 0 10px 0;
font-size:1.4em;
font-weight:normal;
}

h4 {
margin:0 0 10px 0;
font-size:1.3em;
font-weight:normal;
color:#000000;
height:14px;
}

li{
margin-left:15px;
margin-bottom:10px;
}


p {
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

a img {
border:0;
}


#container {
width:800px;
padding:15px 15px 15px 15px;
background:#ffffff;
}

/* ----------------------------------
 web site header/logo
 --------------------------------- */

#logo {
margin:15px 0 0px 0;
}

#languageSelector {
float:right;
}


#logo h1 a {
color:#000000;
border:none;
}

#logo h1 a:hover {
color:#303030;
text-decoration:none;
border:none;
}

/* -------------------------------------------
 main menu (tabs) 
------------------------------------------- */

#toptabs {
margin:10px auto -13px auto;
font-size:0.8em;
width:760px;
}

#toptabs p {
text-align:right;
color:#808080;
}

.toptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(images/corner2.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover {
background:#fafafa url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}

.activetoptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
color:#505050;
text-decoration:none;
background:#ffffff url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover {
text-decoration:none;
border-bottom:1px solid #ffffff;
}

/* Navitab menu */

#navitabs {
clear:both;
}


.navitaboff {
color:#999999;
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitaboff:hover {
color:#999999;
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitab {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitab:hover {
text-decoration:none;
background:#d0d0d0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activenavitab {
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
font-size:1.1em;
text-decoration:none;
background:#505050 url(images/corner.gif) top right no-repeat;
}

.activenavitab:hover {
text-decoration:none;
color:#ffffff;
}

/* Header description */

#descVinifera {
height:200px;
color:#ffffff;
padding:0px;;
background:#505050 url(images/logo.png) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#descGastronomie {
height:200px;
color:#ffffff;
padding:0px;;
background:#505050 url(images/gastronomie1.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}
#descSineQuaNon {
height:200px;
color:#ffffff;
padding:0px;;
background:#505050 url(images/rayas.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}
#descWeingebiete {
height:200px;
color:#ffffff;
padding:0px;;
background:#505050 url(images/weingebiete.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#descArchiv {
height:200px;
color:#ffffff;
padding:0px;;
background:#505050 url(images/picArchiv1.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#descWein {
height:200px;
color:#ffffff;
padding:0px;;
background:#505050 url(images/picwein.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#descImpressum {
height:200px;
color:#ffffff;
padding:0px;;
background:#505050 url(images/impressum.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(images/front.gif) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc p {
width:290px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}

/* ---------------------------------------
 content body 
 ---------------------------------------*/
#main {
width:600px;
float:left;
padding:0 15px 0 0;
margin:0;
border-right:1px solid #d8d8d8;
}

/* --- definitions for report table --- */
.reportsTable{
width:98%;
}

.reportsTitle th{
padding:3px 3px 3px 3px;
background-color:#ffffff;
font-size:1.3em;
font-weight:normal;
}

.reportsRow td{
padding:3px 3px 3px 3px;
background-color:#e0e0e0;
font-size:1.1em;
font-weight:normal;
}

.reportsFlag{
display:block;
align:center;
width:14px;
height:14px;
}


/* --------------------------------------
 Sidebar
 ---------------------------------- --- */
#sidebar {
width:170px;
float:right;
}

#descSbVorKurzem {
padding-top:30px;
padding-left:15px;
padding-right:20px;
padding-bottom:20px;
clear:both;
background-image:url(images/vorkurzem_bg.jpg)
}

#sidebar p {
font-size:0.94em;
line-height:1.3em;
margin:0 0 15px 0;
}

#descSideImage {
font-size:10px;
text-align:left;
padding:0px 0px 0px 0px;
margin-bottom:0px;
clear:both;
}

.sideImage{
text-align:left;
width:167px;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.sidelinkExt {
text-align:left;
display:block;
width:167px;
padding:3px 4px 3px 8px;
margin:5px 1px 5px 0px;
border:none;
}

.sidelink {
text-align:left;
display:block;
width:167px;
background:#f0f0f0 url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 1px;
margin:5px 5px 5px 0;
border:none;
}

.sidelink:hover {
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration:none;
border:none;
}

.sideBlockSeparator{
margin-top:0px;
margin-bottom:10px;
height:1px;
color:#d8d8d8;
text-decoration:none;
}

a.sidebarTooltip, a.sidebarTooltip:link, a.sidebarTooltip:visited, a.sidebarTooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: normal;
  color: #000000; 
  }
  

a.sidebarTooltip:hover {
  color: #000000; 
  background: transparent;
  z-index:100;
}

a.sidebarTooltip span {
  display: none;  
  text-decoration: none; 
}

a.sidebarTooltip:hover span {
  display: block;
  position: absolute; 
  top: 22px; 
  left: 0px; 
  width: 173px;
  z-index: 10000;
  color: #000000; 
  border:1px solid #808080; 
  background: #FFFFCC;
  background:#DEDFFE;
  font: 12px Verdana, sans-serif;
  padding:5px; 
  text-align: left;
  opacity:0.9;
}
  
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}

/* -------------------------------------
 Footer
 ------------------------------------ */
#footer {
clear:both;
background:#fafafa;
padding:0;
margin:0;
border-top:1px solid #d8d8d8;
}

#footer a {
color:#808080;
}

#footer a:hover {
color:#303030;
}

#footer p {
color:#808080;
font-size:1.1em;
line-height:1.3em;
margin:10px 0 0 0;
padding:0;
}

/* ------------------------------------
 tooltips
 ------------------------------------ */
 
 
  /* Relativer Tooltip */

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: normal;
  color: #000000; 
  }
  

a.tooltip:hover {
  color: #000000; 
  background: transparent;
  z-index:100;
}

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 22px; 
  left: 20px; 
  width: 400px;
  z-index: 10000;
  color: #000000; 
  border:1px solid #808080; 
  background: #FFFFCC;
  background:#DEDFFE;
  font: 12px Verdana, sans-serif;
  padding:5px; 
  text-align: left;
  opacity:0.9;
}
  
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}
  
 /* end of tootip */
 
 /* ------------------------------------
 Various classes
 ------------------------------------ */
 
 .highlight{
 color:#0000FF;
 }

 .hlReportTitle{
 color:#000000;
 color:#006600;
 font-weight:bold;
 }

 
.photo {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.photo:hover {
text-decoration:none;
border:1px solid #d8d8d8;
}

.right {
margin-top:-8px;
text-align:right;
}

.center{
margin-left:auto;
margin-right:inherit}

.block {
background:#e0e0e0;
padding:10px;
}


.hide {
display:none;
}