html {
}

body {
font-family:Lucida Grande,sans-serif;
margin:0 0 10px 0;
background:#FFFFFF url(/templates/vopix/images/gradient_body_blue.jpg) repeat-x scroll 0 0;
}

#lshadow {
width:802px;
padding:0 0 0 10px;
margin:0 auto;
position:relative;
}

#lshadow[id] {
background:url(/templates/vopix/images/lshadow.png) top left repeat-y;
}

#rshadow {
width:802px;
padding:0 10px 0 0;
}

#rshadow[id] {
background:url(/templates/vopix/images/rshadow.png) top right repeat-y;
}

#page {
width:800px;
padding:0 0 0 0;
margin:0 0 0 0;
}

#page img.header {
position:absolute;
top:1px;
right:22px;
}

/* --- HEADER --- */

#header {
margin:0 0 15px 0;
padding:0;
height:80px;
}

#header h1 {
padding:28px 0 0 20px;
margin:0;
float:left;
}

#header h1 a {
text-decoration:none;
}

#header h1 a:hover {
text-decoration:underline;
}

#header strong {
font-size:12px;
left:360px;
top:51px;
position:absolute;
margin:0;
}

#header a img {
border:0;
}

#header h2 {
font-size:14px;
text-align:right;
margin:0;
padding:15px 20px 0 20px;
}

#header img {
margin:20px 0 0 2px;
float:left;
}

#header a img.logo {
margin:0;
}

.fernglas {
position:absolute;
top:30px;
left:600px;
}

/* --- NAVIGATION --- */

#navi {
width:170px;
}

#navi ul {
font-size:15px;
margin:0 0 0 0;
padding:0px;
list-style-type:none;
}

#navi ul li {
font-weight:bold;
margin-bottom:3px;
}

#navi ul li.LM_expanded {
}

#navi ul li.LM_expanded:hover {
}

#navi ul li a {
text-decoration:none;
padding:5px 0 5px 7px;
height:15px;
display:block;
font-size:12px;
}

#navi p {
font-size:10px;
padding:15px 15px 0 15px;
}

/* ---SUBNAVI --- */

#navi #LM_level_2 {
border-left:0;
border-top:0;
}

#navi #LM_level_2 li {
border:none;
margin:0;
display:inline;
}

#navi ul .LM_expanded #LM_level_2 li a {
border:0;
}

#navi ul .LM_expanded #LM_level_2 li.LM_endPage_active, #navi ul .LM_expanded #LM_level_2 li.LM_expanded a {
font-weight:bold;
}

#navi #LM_level_2 li a {
font-size:11px;
font-weight:normal;
padding:4px 0 4px 10px;
}

#navi ul .LM_expanded #LM_level_2 li.LM_endPage_active a {
font-weight:bold;
}

/* --- NAVI_BOTTOM --- */

#navi .navi_bottom {
margin:15px 0 0 0;
padding:7px 7px 7px 15px;
font-size:12px;
}

#navi .navi_bottom strong {
}

#navi .navi_bottom a {
text-decoration:none;
font-size:12px;
font-weight:normal;
}

#navi .navi_bottom #google_navi {
padding:0 0 0 6px;
}

#navi a.sev {
font-size:17px;
}

#navi a.six {
font-size:16px;
}

#navi a.fif {
font-size:15px;
}

#navi a.fou {
font-size:15px;
}

#navi a.thi {
font-size:13px;
}

#navi a.twe {
font-size:12px;
}

#navi a.ele {
font-size:11px;
}

#navi a.ten {
font-size:10px;
}

#navi a.nin {
font-size:9px;
}

/* --- CONTENT --- */

#content {
font-size:12px;
padding:0 20px 15px 20px;
width:590px;
}

#content img.img-right {
float:right;
margin:0 0 15px 15px;
}

#content img.img-left {
float:left;
margin:0 15px 15px 0;
}

#content h1 {
font-size:18px;
}

#content h2 {
font-size:16px;
}

#content h3 {
font-size:14px;
}

#content div.werbemittel {
margin:10px 0 10px 0;
padding:10px;
}

#content div.werbemittel a {
margin:5px 0 5px 0;
}

#content div.werbemittel textarea {
margin:5px 0 5px 0;
width:570px;
height:70px;
}

#content #anleitung {
margin:5px 0 15px 0;
width:100%;
min-height:160px;
}

#content #anleitung img {
margin:0 30px 0 0;
float:left;
}

#content #anleitung ul {
list-style-type:decimal;
padding:0 0 0 15px;
}

#content div.colorbox {
width:30px; height:30px;
margin:5px 5px 5px 0;
float:left;
}

#content p.date {
text-align:right;
font-size:11px;
}

#content #oekotest {
float:right;
padding:5px;
}

#content #oekotest p {
float:left;
margin-right:10px;
}

#content #oekotest img {
float:right;
}

#content #oekotest p span {
margin-top:5px;
display:block;
}

#content .google_content {
margin:15px 0;
padding:10px;
text-align:center;
}

/* --- NAVICONTENT --- */

#content #navicontent {
font-size:12px;
float:right;
margin:0 0 15px 15px;
width:auto;
}

#content #navicontent strong {
font-weight:bold;
padding:3px 6px;
display:block;
}

#content #navicontent ul {
margin:0;
padding:3px 6px 3px 18px;
list-style-type:square;
}

#content #navicontent ul li a {
text-decoration:none;
}

#content #navicontent ul li.LM_endPage_active a {
font-weight:bold;
}

#content #navicontent ul li a:hover {
text-decoration:underline;
}

#content div.tagcloud {
text-align:justify;
}

#content div.tagcloud a {
text-decoration:none;
}

#content a.button {
font-weight:bold;
text-decoration:none;
display:block;
width:240px;
text-align:center;
margin:10px 0 10px 0;
padding:4px;
}

/* --- FOOTER --- */

#footer {
text-align:center;
font-size:13px;
padding:10px;
margin:15px 0 0 0;
}

#footer a {
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#page .img img {
position:absolute;
top:1px;
right:10px;
}

/* --- FOOTER_LITTLE --- */

#footer_small {
text-align:center;
font-size:10px;
width:800px;
padding:15px 0 15px 0;
margin:0 auto;
position:relative;
}

#footer_small a {
text-decoration:none;
}

#footer_small a:hover {
text-decoration:underline;
}