/**
 * Project: Website weindegustation.de
 * File: base.css
 * @author Olaf Gleba, creatics media.systems
 *
 */

* {
margin: 0;
padding: 0;
}
html, body, fieldset {
border: 0 solid;	
}

body {
font: 95% 'Lucida Grande', verdana,arial,sans-serif;
color: #333;
background-color: #00959f;
text-align: center;
}
strong, b {
font-weight: bold;
}
a img {
background: transparent;
border: 0 none;
}

h1, h2 {
font: bold 0.80em 'Lucida Grande', verdana,arial,sans-serif;
color: #333;
margin: 0 0 4px 0;
padding: 0 0 0px 0;
}
h1 {
margin-top: 0;
padding-top: 10px;
}
#toolbar h2 {
font-size: 1.2em;
margin: 0;
padding: 0 0 2px 0;
color: #00959f;
}
h3, h4 {
font: bold 0.80em 'Lucida Grande', verdana,arial,sans-serif;
color: #333;
margin: 0 0 6px 0;
}
h3, h4 {
font-size: 0.80em;
}
p {
margin: 0 0 6px 0;
line-height: 1.5em;
}
p.teasertop {
margin: 5px 0 6px 0;
}
#toolbar p {
margin: 5px 0;
line-height: 1.4em;
color: #00959f;
}

p, a, address, li, caption, td, th, label, dt, dd, input, textarea {
font-size: 0.76em;
}
h1 a, h2 a, h3 a, h4 a, p a, address a, li a, li li, li li a, td input, td p, td td, 
th a, td a, p label, li h2, li h3, li h4, li p, label a, dd a, dd p, div.footnote p {
font-size: 100%;
}


a, a:link {
padding: 2px 1px;
}
a:link, a:visited {
color: #00959f;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #B3951B;
text-decoration: underline;
}


code {
font-size: 100%;
font-family: monospace, serif;
background: #efefef;
border: 1px dashed #ccc;
border-left: none;
border-right: none;
}
pre {
border: 1px dashed #ccc;
background: #efefef;
margin: 5px;
padding: 10px;
font-family: serif;
font-size: 80%;
}
address {
font-style: normal;
}
hr {
color: #ccc;
border: 0 none;
border-top: 1px solid #ccc;
}
ul {
list-style: none;
}


/* Allgemeine Klassen ****************************************/

.w765 {
width: 758px;
}
.w700 {
width: 700px;
}
.w495 {
width: 495px;
}
.w415 {
width: 415px;
}
.w405 {
width: 405px;
}
.w375 {
width: 375px;
}
.w350 {
width: 350px;
}
.w335 {
width: 335px;
}
.w325 {
width: 325px;
}
.w323 {
width: 323px;
}
.w300 {
width: 300px;
}
.w280 {
width: 280px;
}
.w268 {
width: 268px;
}
.w250 {
width: 250px;
}
.w205 {
width: 205px;
}
.w200 {
width: 200px;
}
.w194 {
width: 194px;
}
.w140 {
width: 140px;
}
.w180 {
width: 180px;
}
.w120 {
width: 120px;
}
.w100 {
width: 100px;
}
.w80 {
width: 80px;
}
.w60 {
width: 60px;
}
.w40 {
width: 40px;
}
.w30 {
width: 30px;
}
.w20 {
width: 20px;
}
.w18 {
width: 18px;
}

.h65 {
height: 135px;
}

.mb5 {
margin-bottom: 5px;
}
.mb25 {
margin-bottom: 25px!important;
}
.mb15 {
margin-bottom: 15px!important;
}
/*.mt20 {
padding-top: 20px;
}*/
.pt20 {
padding-top: 20px!important;
}
.pr30 {
padding-right: 30px;
}
.pb30 {
padding-bottom: 30px!important;
}
.mt15 {
margin-top: 15px!important;
}


.lft {
text-align: left;
}
.rgt {
text-align: right;
}
.minHeight550 {
height: 550px;
min-height: 550px;
}

.absatztrenner {
clear: left;
}
.clearb {
clear: both;
}
.unsichtbar, .hide, .skip {
position: absolute;
left: -2000em;
top: -1000em;
}
.fright {
float: right;
padding: 0 0 5px 0;
}
.fleft {
float: left;
padding: 10px 10px 5px 0;
}
.top {
text-align: right;
}
.priceextra {
font-size: 70%;
background-color: #97d6df;
padding: 2px;
}
.footnote {
font-size: 65%;
}
span.emphase {
color: #00959f;
}
.imgAlign {
	vertical-align: middle;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */