/* CSS Stylesheet Oeko Wochenmarkt Hamburg
by dialog im netz http://dialog-im-netz.de                                     */


html,blockquote,body,div,dl,dt,dd,fieldset,form,
h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,img,
table,tr,td,th,thead,tbody,tfoot,caption  {
margin:0;
padding:0;
border:0 none;
font-size: 1em;
}
body {
background: #fff url(../upload/hintergrundbilder/start.jpg) center 0 no-repeat ; 
background-attachment: fixed;
font-family: MetaPlus,Meta,Arial, Helvetica, sans-serif;
font-size: 13px
}

/* COLORS */
body, a, .autor, #right .autor a {
color: #666
}
h1,h2,#right,#right a,.aclaim,.teaser {
color: #F37021
}
#right h2,
#right h2 a {
font-family: MetaPlus,Meta,Arial, Helvetica, sans-serif;
margin-bottom: 0.5em;
font-size: 13px
}

td {
vertical-align:top
}
h1{
font-size:13px;
height: 30px
}
h2,
.nav .aclaim{
font-size: 18px;
font-family:  MetaPlus,Meta,Arial,Helvetica, sans-serif;
}
p,h2,h3 {
margin: 0 0 1em 0;
line-height: 140%;
clear: both
}
ul {
padding-left: 18px;
margin-bottom: 1em
}
li {
margin-bottom: 0.7em;
}
iframe.aif {
border:0; 
position: fixed; 
display:inline; 
overflow: hidden;
background-color: #ffffff;

}


.hide, h0,.auszeit {
display:none
}
.marktlay .auszeit {
display: inline;
}
.vhide {
visibility:hidden;
}
.clear {
clear: both
}
.bildlinks {
float: left;
margin: 0 10px 5px 0
}
.bildrechts {
float: right;
margin: 0 0 5px 10px
}
.klein{
font-size:11px;
}
.teaser {
font-weight: bold;
}
.check {
width: 30px
}
.logo {
padding: 0 10px 0 0;
float: left;
}
.zitat {
margin-top:-3px
}
.zitat,
#right .zitat a {
color: #008732;
font-style: italic;
line-height: 180%;
margin-bottom: -0.5em;
display: block;
letter-spacing: 1px
}
#right a:hover {
text-decoration: none;
}

.anbieterliste {
width: 225px;
height: auto;
float:left;
}



/* DIVS */ 

#content0, #right0  {
background-color: #f0a0FE


}

div {
position: relative;

}
div0 {
border: 1px solid black
}

#wrapper {
margin: 218px auto 0 auto;
width:950px;
height:auto;
padding-left: 16px;
}

#nav {
position: fixed;
top:0;
height: 200px;
width: 100%;
overflow: visible;
text-align: center;
margin:0 0 18px 0;
padding: 0;
z-index: 5
}

.nav {
width: 950px;
height: 200px;
margin: 0 auto;
padding-top: 18px;
padding-left: 16px
}

#header {
position: relative;
height: auto;
text-align: left;
clear: both;
margin: 113px 0 0 430px;
}
#content {
margin: 0 0 0 0px;
float: left;
width:300px;
}
#content h2,
#left {
float:left;
width: 420px;
overflow:hidden;
margin-top: 0px;
padding-right: 10px
}

#right {
float: left;
margin: 0 0 0 20px;
width: 190px;
}


#footer {
clear:both;
}



/* NEWS */
.articlelistDate {
font-size: 11px;
padding-top: 4px;
padding-bottom:0.25em;
color: #999
}
.newsteaser h3{
margin: 0 0 0.5em 0;
}
.newsteaser .datum,
.newsteaser .weiter
 {
display:block
}
.newsuebersicht .datum, 
.newsteaser .weiter,
.newsteaser  a
 {
color: #F37021
}
.newsteaser{
margin-bottom: 1.5em
}
.dark,
.dark a {
color: #333;
}
.shadow .dark a{
text-decoration: none;
}
.shadow .dark a:hover {
text-decoration: underline;
}
.newsteaser .weiter a{
font-style: italic;
}

/* Anbieter und Märkte */ 
ul.anbieterliste {
padding-left: 0;
}
.anbieterliste li {
padding-left: 17px;
list-style: none;
background: transparent url(../img/pfeil.gif) 0 3px no-repeat; 
}
.anbieterliste li a {
text-decoration: none;
color: #333;
}
.maerkteliste a {
display: block;
}
.aclaim,
.alogo {
position: absolute;
text-align: right;
width: 400px;
z-index: 1
}
.aclaim {
top: 178px;
}
.alogo {
height: 100px;
margin-left: 520px;
bottom: 30px;
z-index: 1
}
.marktlay {
position: absolute;
top: 0px;
left: 300px;
width: 200px;
height: auto;
color: #f37021;
background-color: #ffffff;
visibility: hidden;
}
#content .marktlay h2 {
font-size: 20px;
width: 200px;
float: none;
margin: 0;
}
#content .marktlay h3 {
margin: 0
}

.avor {
position: absolute;
left: 18px;
top: 90px
}
.avor a {
letter-spacing: 0.05em;
text-decoration: none
}
.avor a:hover {
text-decoration: underline;
}
.avor a.weiter {
background: url(../img/pfeil-grau.gif) right 3px  no-repeat;
padding-right: 16px
}

.avor a.ueber {
background: url(../img/pfeil-grau-li.gif) 0 3px  no-repeat;
padding-left: 16px
}

/* NAVIGATION im superfish.css */


/* Formular */


input, textarea, select {
border-width: 1px;
border-color: #666;
border-style: inset;
margin: 3px 0 3px 10px;
width: 200px
}
input.button {
border-style: solid
}
select {
width: auto
}
.meldung, 
.meldungok {
font-weight: bold;
font-size: 16px;
border-left: 10px solid #e31f1f;
padding-left: 10px
}
.meldung {
color: #e31f1f;
}
.meldungok {
color: #00a10e;
border-color: #00a10e
}


/* IE HACK  */
#nav {
// position: relative
}
#wrapper {
// margin-top: 0
}
.aclaim {
// margin-left: -400px
}
.alogo{
// margin-left:-150px
}