html {
height: 101%;
}

body {
margin: 0;
padding: 0;
background: #fff;
font-size: 100.01%;
font-family: verdana, helvetica, sans-serif, arial;
color: #000;
text-align: center;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Basic ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.hide {
display: none;
}

.fixfloat {
float: none;
clear: both;
width: 1px;
margin: 0;
padding: 0;
font-size: 0px;
line-height: 0px;
height: 0.1px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#header {
background: url(/img/bg_header2.jpg) #ff0;
height: 91px;
padding: 0 3%;
}

div#header #header-content {
margin: 0 auto;
max-width: 1000px;
min-width: 800px;
width: expression(document.body.clientWidth > 900? "900px": "auto" );
background: url(/img/bg_claim.gif) 200px 20px no-repeat;
height: 91px;
}

div#menu-content {
margin: 0 auto;
max-width: 1000px;
min-width: 800px;
width: expression(document.body.clientWidth > 900? "900px": "auto" );
text-align: left;
}

div#header h1 {
position: relative;
top: 17px;
left: 0px;
float: left;
margin: 0;
padding: 0;
height: 85px;
width: 168px;
}

div#header a#logo {
display: block;
height: 85px;
width: 168px;
text-decoration: none;
}

div#header img {
border: none;
}

div#header #metanav {
position: relative;
top: 1px;
right: 0px;
margin: 0 0 0 0;
float: right; 
height: 10px;
text-align: right;
}

div#header #metanav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div#header #metanav ul li {
display: inline;
margin: 0 0 0 7px;
padding: 0 0 0 18px;
line-height: 20px;
}

div#header #metanav ul li a {
font-size: 0.7em;
color: #333;
text-decoration: none;
}

div#header #metanav ul li a:hover {
background: #933;
color: #fff;
}

div#header #metanav ul li#icon-home {
background-image: url(/img/icon_home.gif);
background-repeat: no-repeat;
background-position: 1px 2px;
}

div#header #metanav ul li#icon-gaeste {
background-image: url(/img/icon_gaeste.gif);
background-repeat: no-repeat;
background-position: 1px 2px;
}

div#header #metanav ul li#icon-mitglieder-neu {
background-image: url(/img/icon_mitglieder-neu.gif);
background-repeat: no-repeat;
background-position: 3px 2px;
}

div#header #metanav ul li#icon-mitglieder-alt {
background-image: url(/img/icon_mitglieder-alt.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

div#header #metanav ul li#icon-news {
background-image: url(/img/icon_news.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

div#header #metanav ul li#icon-impressum {
background-image: url(/img/icon_impressum.gif);
background-repeat: no-repeat;
background-position: 4px 2px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#menu {
background: url(/img/bg_menu.jpg);
height: 32px;
padding: 0 3%;
}

#menu ul {
list-style: none;
margin: 0 0 0 205px;
padding: 0;
border-left: 3px solid #333;
border-right: 3px solid #8080ff;
}

#menu ul li {
display: block;
float: left;
margin: 0;
padding: 0;
background: url(/img/bg_menu.jpg) left top repeat-x;
border-left: 1px solid #8080ff;
border-right: 1px solid #333;
}

#menu ul li#menu-aktuell {
border-left: 1px solid #333;
background: url(/img/bg_aktuell.gif) left top repeat-y;
}

#menu ul li#menu-kontakt {
border-right: 1px solid #8080ff;
background: url(/img/bg_kontakt.gif) right top repeat-y;
}

#menu ul li a:link, #menu ul li a:visited {
display: block;
float: left;
font-size: 0.8em;
font-weight: bold;
color: #fff;
text-decoration: none;
width: auto;
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 18px;
}

#menu ul li#menu-aktuell a:link, #menu ul li#menu-aktuell a:visited {
padding: 7px 20px 7px 21px;
}

#menu ul li#menu-was a:link, #menu ul li#menu-was a:visited {
padding: 7px 20px 7px 20px;
}

#menu ul li#menu-wer a:link, #menu ul li#menu-wer a:visited {
padding: 7px 20px 7px 20px;
}

#menu ul li#menu-kontakt a:link, #menu ul li#menu-kontakt a:visited {
padding: 7px 21px 7px 20px;
}

#menu ul li:hover, #menu ul li#menu-aktuell:hover, #menu ul li#menu-kontakt:hover {
background: #c0d2e6;
}

#menu ul li a:hover {
color: #666;
text-decoration: underline;
}

* html #menu ul li a:hover {
background: #c0d2e6;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#breadcrumb {
margin: 5px 0 0 0;
padding: 0;
height: 20px;
font-size: 0.7em;
}

div#breadcrumb p {
margin: 0;
padding: 0;
}

div#breadcrumb a {
color: #933;
text-decoration: none;
font-weight: normal;
}

div#breadcrumb a:hover {
color: #fff;
background: #933;
}

div#container-wp {
background: url(/img/bg_container.jpg) repeat-x;
padding: 20px 3%;
}

div#container-content-wp {
margin: 0 auto;
max-width: 1000px;
min-width: 800px;
width: expression(document.body.clientWidth > 900? "900px": "auto" );
text-align: left;
}

div#content-main-wp {
margin: 0;
padding: 0;
float: left;
width: 60%;
voice-family: "\"}\"";
voice-family: inherit;
width: 60%;
}

div#content-rechts-wp {
margin: 0;
padding: 0;
float: right;
width: 31%;
text-align: left;
voice-family: "\"}\"";
voice-family: inherit;
width: 31%;
}


div.post-wp {
clear: both;
margin: 0 0 30px 0;
padding: 0 0 0 0;
}

div.post-wp h2 {
margin: 20px 0 10px 0;
padding: 1px 0 1px 14px;
background: #c0d2e5;
font-size: 0.8em;
font-weight: bold;
color: #666;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
}

div.post-wp h2 a {
color: #666;
text-decoration: none;
}

div.post-wp p.date {
margin: 0 0 10px 124px;
padding: 0 0 2px 0;
text-align: right;
font-size: 0.7em;
font-style: italic;
border-bottom: 1px dashed #666;
}

div.post-wp div.entry p {
margin: 0 0 20px 0;
padding: 0 0 0 124px;
font-size: 0.8em;
color: #333;
}

div.post-wp div.entry p img, div.personal div.entry p img {
float: left;
margin: -22px 0 30px -110px;
padding: 2px;
border: 1px solid #666;
}

div.post-wp p.bild-90 {
padding: 0 0 0 124px;
}

div.post-wp div.entry a {
color: #933;
text-decoration: none;
font-weight: normal;
}

div.post-wp div.entry a:hover {
color: #fff;
background: #933;
}

div.post-wp div.entry p.postmetadata {
margin: 0 0 10px 0;
padding: 0 0 0 124px;
text-align: left;
font-size: 0.7em;
font-style: normal;
}

div.post-wp .search-list {
margin: 0 0 0 15px;
font-size: 0.8em;
border-bottom: 1px dashed #aaa;
}

div.post-wp .search-list h3 {
margin: 10px 0 10px 0;
}


div.post-wp .search-list a {
color: #933;
text-decoration: none;
}

div.post-wp .search-list a:hover {
color: #fff;
background: #933;
}

/*div.post-wp p.new-search {
font-weight: bold;
font-size: 0.8em;
}*/

div#postmetalinks {
margin: 5px 0 20px 0;
padding: 0;
height: 20px;
font-size: 0.7em;
}

div#postmetalinks p {
margin: 0;
padding: 0;
}

div#postmetalinks a {
color: #933;
text-decoration: none;
font-weight: normal;
}

div#postmetalinks a:hover {
color: #fff;
background: #933;
}

div#kommentarbereich {
margin: 50px 0 10px 0;
padding: 14px;
background-color: #eee;
border-top: 1px dashed #aaa;
border-bottom: 1px dashed #aaa;
}

div#kommentarbereich h3 {
margin: 0 0 10px 0;
padding: 0;
font-size: 0.8em;
}

div#kommentarbereich ol {
margin: 0 0 30px 25px;
padding: 0;
font-size: 0.8em;
}

div#kommentarbereich p {
margin: 0 0 10px 0;
padding: 0;
}

div.sociable {
/*border-top: 1px dashed #aaa;*/
margin: 0 0 0 124px;
padding: 10px 0 0 124px;
}

div.sociable span.sociable_tagline {
padding: 0 0 5px 0;
font-size: 0.9em;
}

/* ----------------- */

div#box-rss-import {
float: left;
width: 48%;
}

div#box-twitter-import {
float: right;
width: 48%;
}

div#box-rss-import h2, div#box-twitter-import h2 {
margin: 20px 0 0 0;
padding: 1px 0 1px 14px;
background: #009;
font-size: 0.8em;
font-weight: bold;
color: #fff;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
}

div#box-rss-import h2 a, div#box-twitter-import h2 a {
color: #fff;
text-decoration: none;
}

div.rssimporttwo, div#box-twitter-import-in {
background: url(/img/bg_box.jpg);
margin: 0 0 20px 0;
padding: 14px 14px 0px 14px;
background: url(/img/bg_box.jpg);
border-bottom: 1px solid #999;
border-right: 1px solid #999;
font-size: 0.8em;
}

div.rssimporttwo p, div#box-twitter-import-in p {
margin: 0 0 0 0;
padding: 0 0 10px 0;
font-size: 1em;
}

div.rssimporttwo a, div#box-twitter-import-in a {
color: #933;
font-weight: bold;
text-decoration: none;
}

div.rssimporttwo a:hover, div#box-twitter-import-in a:hover {
color: #fff;
background: #933;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Content Rechts ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form#searchform {
margin: 0;
padding: 10px 10px 10px 0px;
border: none;
}

form#searchform input {
border: solid 1px #aaa;
}

#content-rechts-wp h2 {
margin: 20px 0 0 0;
padding: 1px 0 1px 14px;
background: #009;
font-size: 0.8em;
font-weight: bold;
color: #fff;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
}

.content-rechts-box-wp {
margin: 0 0 0 0;
padding: 0px 14px 0px 14px;
background: url(/img/bg_box.jpg);
border-bottom: 1px solid #999;
border-right: 1px solid #999;
font-size: 0.8em;
}

.content-rechts-box-wp a {
color: #933;
font-weight: bold;
text-decoration: none;
}

.content-rechts-box-wp a:hover {
color: #fff;
background: #933;
}

.content-rechts-box-wp a.nohover {
color: #000;
border: none;
text-decoration: none;
}

.content-rechts-box-wp a img.nohover {
margin: 10px -4px 0 -2px;
border: none;
text-decoration: none;
}

.content-rechts-box-wp p {
margin: 0;
padding: 15px 0 10px 0;
color: #333;
}

#content-rechts-wp ol {
margin: 0 0 -5px 0;
padding: 15px 0 10px 21px;
}

#content-rechts-wp ol li {
padding: 0 0 5px 0;
}

#content-rechts-wp ul {
margin: 0 0 0 0;
padding: 15px 0 0 0;
list-style: none;
}

#content-rechts-wp ul.intern-wp li, #content-rechts-wp ul.ec3_events li, #content-rechts-wp ul.extern-wp li, #content-rechts-wp ul.nada-wp li {
margin: 0;
padding: 0 0 10px 15px;
list-style-type: none;
background-repeat: no-repeat;
background-position: 0px 5px;
}

* html #content-rechts-wp ul.intern-wp li, * html #content-rechts-wp ul.ec3_events li, * html #content-rechts-wp ul.extern-wp li, * html #content-rechts-wp ul.nada-wp li {
background-position: 0px 7px;
}

#content-rechts-wp ul.intern-wp li, #content-rechts-wp ul.ec3_events li {
background-image: url(/img/bullet_int.gif);
}

#content-rechts-wp ul.extern-wp li {
background-image: url(/img/bullet_ext.gif);
}

#content-rechts-wp ul.nada-wp li {
background-image: url(/img/bullet.gif);
}

#content-rechts-wp ul li a {
font-weight: bold;
text-decoration: none;
color: #933;
background: none;
}

#content-rechts-wp ul li a:hover {
color: #fff;
text-decoration: none;
background: #933;
}

#content-rechts-wp a.extern-p {
padding: 0 15px 0 0;
background-repeat: no-repeat;
background-image: url(/img/bullet_ext.gif);
background-position: right 6px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#print-return, div#print-adresse {
display: none;
}

div#footer {
margin: 0 auto;
max-width: 1000px;
min-width: 800px;
width: expression(document.body.clientWidth > 900? "900px": "auto" );
text-align: left;
font: 0.7em verdana, arial, helvetica, sans-serif;
}

#footer a {
color: #933;
text-decoration: none;
}

#footer a:hover {
color: #fff;
text-decoration: none;
background-color: #933;
}

#content-footer-top {
background: url(/img/top.gif) no-repeat 0px -2px;
padding-left: 15px;
}

#content-footer-top:hover {
background: url(/img/top_h.gif) no-repeat 0px -2px;
padding-left: 15px;
}

#content-footer-print {
background: url(/img/print.gif) no-repeat 0px -2px;
padding-left: 15px;
}

#content-footer-print:hover {
background: url(/img/print_h.gif) no-repeat 0px -2px;
padding-left: 15px;
}

#footer p {
margin: 10px 0 0 0;
padding: 10px 0;
border-top: 1px solid #ccc;
}