html, body {
}
body {
   background-color:#000000;
   color:#ffffff;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   line-height:17px;
   background-image:url('http://www.ossobukko.ch/cms/_webs/ossobukko/img/hg_ossobukko_main.gif');
   background-repeat:repeat;
}

ul {
   padding:0px 0px 0px 16px;
}
ol {
   padding:0px 0px 0px 20px;
}

p {
   margin:0px; 
   padding:0px;
}

/* main layout */
#logo {
   width:896px;
   height:88px;
}
#logo_unten {
   width:896px;
   text-align:right;
   padding-top:15px;
}
#fotos {
   width:550px;
   height:380px;
   margin:0px 10px 10px 0px;
   padding:5px 5px 6px 6px;
   background-color:#ffffff;
}
#texte {
   width:325px;
   height:391px;
   margin:0px 0px 10px 0px;
   padding:0px;
   background-color:#000000;
}
#menue {
   width:882px;
   height:17px;
   margin:0px;
   padding:1px 7px 1px 7px;
   background-color:#000000;
}
#sound {
   display:inline;
   padding:0px;margin:0px;
   line-height:14px;
}

#news_popup {
   z-index:999999;
   display:none;
   width:856px;
   height:19px;
   overflow:hidden;
   padding:16px;
   background-color:#000000;
   border:solid 5px #fff;
}
#news_button_wrap {
   margin:60px 0px 0px 193px;
   width:124px;
   height:120px;
   cursor:pointer;
   background:url('http://www.ossobukko.ch/cms/_webs/ossobukko/img/news_off.png');
   background-repeat:no-repeat;
}

/* bilder */
div.galerie {
   height:257px;
width:354px;
}
div.hs_thumbnail {
   width:59px;
   height:40px;
   float:left;
   margin:0px 4px 4px 0px;
   text-align:center;
   vertical-align:middle;
}
div.highslide-caption {
   font-size:0.9em;
   line-height:1.3em;
}
img.thumbnail {
}
p {
   margin-bottom:15px;
}

div.layout_wrapper {
   background-position:top left;
   background-repeat:no-repeat;
}


/* suchergebnisse */

div.searchresult_pdf {
   float:left;
   display:inline-box;
   width:12px;
   height:12px;
   margin:3px 5px 0 0;
   background-image:url('http://www.muenchenbuchsee.ch/new/img/icons/pdf12x12.jpg');
   background-repeat:no-repeat;
   background-position:top left;
}
div.searchresult_html {
   float:left;
   display:inline-box;
   margin:3px 5px 0 0;
   width:12px;
   height:12px;
   background-image:url('http://www.muenchenbuchsee.ch/new/img/icons/globus12x12.jpg');
   background-repeat:no-repeat;
   background-position:top left;
}
div.searchresults {
}
div.searchresult {
   margin:0px 0px 5px -5px;
   padding:5px;
   cursor:pointer;
}
div.searchresult:hover {
   background-color:#f0f0f0;
}
div.searchresult:hover a {
   text-decoration:underline;
}
div.searchresult:hover div.searchresult_bc {
   color:#000000;
}
div.searchresult_titel {
   font-weight:bold;
}
div.searchresult_bc {
   color:#666666;
   font-size:0.9em;
}
a.searchresult_link, a.searchresult_link:link, a.searchresult_link:active, a.searchresult_link:visited {
   color:#000000;
   text-decoration:none;
}
a.searchresult_link:hover {
   text-decoration:underline;
}

/* breadcrumb navigation */

div.kruemel_header {
   width:740px;
   height:57px;
   background-image:url('http://cms2.reinhards.ch/_bilder/buchsi/hg_muenchenbuchsee_kruemel.gif');
   padding:0px 0px 0px 0px;
   margin:0px;
   background-repeat:no-repeat;
   background-position:top left;
   font-size:0.9em;
}
div.breadcrumb {
   height:20px;
   padding-top:27px;
   border-bottom:dotted 1px #000;
   width:515px;
   float:left;
}

/* titel */
h1.main {
   font-size:1.7em;
   font-family:'Trebuchet MS',verdana,helvetica,arial,sans-serif;
   line-height:23px;
   margin:0px 0px 15px 0px;
   padding:0px;
   font-weight:bold;
}
div.titel_datum {
   display:none;
}


/* inhaltsverzeichnis */

div.index {
   border-bottom:dotted 1px #000;
   margin:0px 0px 20px 0px;
}
div.index_titel {
   display:none;
}
div.index_item {
   padding:3px 0 4px 0px;
   margin:0px;
   cursor:pointer;
   cursor:hand;
   border-top:dotted 1px #000;
}
div.index_item:hover a {
   text-decoration:underline;
}
div.index_item_on {
   padding:3px 0 4px 0px;
   margin:0px;
   cursor:pointer;
   cursor:hand;
   border-top:dotted 1px #000;
   font-weight:bold;
}
div.index_item_on:hover a {
   text-decoration:underline;
}
.index_nesting_1 {
   margin-left:15px;
}
.index_nesting_2 {
   margin-left:30px;
}
.index_nesting_3 {
   margin-left:45px;
}
.index_nesting_4 {
   margin-left:60px;
}
.index_nesting_5 {
   margin-left:75px;
}
.index_nesting_6, .index_nesting_7, .index_nesting_8 {
   margin-left:90px;
}


/* stichwortverzeichnis */
div.keywords {
}
div.keyword {
   margin:0px 0px 5px 0px;
   display:block;
}
div.keyword a {
   color:#000;
   text-decoration:none;
}
div.keyword a:hover {
   text-decoration:none;
}
div.keyword_cap {
   margin:16px 0px 12px 0px;
   font-size:1.4em;
   font-weight:bold;
}
div.keyword_form {
}
input.keyword_input {
   padding:3px 4px 5px 10px;
   height:17px;
   width:496px;
   border:none;
   color:#000000;
   background:url('http://www.muenchenbuchsee.ch/new/img/hintergrund_suchfeld.jpg') no-repeat;
}
input.keyword_input_init {
   padding:3px 4px 5px 10px;
   height:17px;
   width:496px;
   color:#878787;
   border:none;
   background:url('http://www.muenchenbuchsee.ch/new/img/hintergrund_suchfeld.jpg') no-repeat;
}
td.keywords_rechts {
   width:50%;
}
td.keywords_links {
   min-width:50%;
}

/* standard-artikel */
div.artikel {
   margin:0px 0px 0px 0px; 
}
div.artikel_text {
}
div.artikel_datum {
   font-size:0.85em;
   font-weight:bold;
   border-top:dotted 1px #000;
   padding:10px 0px 5px 0px;
   margin:0px 0px -2px 0px;
   color:#666;
   font-style:italic;
}
h3.artikel_titel {
   text-transform:uppercase;
   font-size:1.0em;
   font-weight:bold;
   margin:0px 0px 5px 0px;
}
div.artikel_bild {
   display:block;
   margin:0px;
}
div.artikel_bild_legende {
   background-color:#f0f0f0;
   font-size:0.85em;
   line-height:1.3em;
   padding:7px 5px 7px 8px;
   font-style:italic;
   margin:-4px 0px 0px 0px;
}

div.sitemap_zeile {
   padding: 2px 0px 2px 0px;
}
div.sitemap_zeile a {
   color:#000000;
}

.rot {
   color:#f00;
}

h2 {
   color:#006666;
   padding:0px 0px 7px 0px;
   margin:0px 0px 7px 0px;
   font-size:1.2em;
   font-weight:normal;
   border-bottom:dotted 1px #000;
   text-transform:uppercase;
}

.front {
   font-size:1.2em;
   padding:0px;
   margin:0px;
   border:none;
   text-transform:uppercase;
}


label:hover {
   text-decoration:underline;
}

a, a:active, a:link, a:visited {
   text-decoration:none;
   color:#ffffff;
}
a:hover {
   text-decoration:none;
   color:#999999;
}


a.blau,a.blau:link,a.blau:active,a.blau:hover {
   color:#003366;
   text-decoration:none;
}
a.blau:hover {
   text-decoration:underline;
}

a.schwarz,a.schwarz:link,a.schwarz:active,
a.blink,a.blink:link,a.blink:active,
a.ilink,a.ilink:link,a.ilink:active {
   color:#000;
   text-decoration:none;
}
a.schwarz:hover,a.blink:hover,a.ilink:hover {
   text-decoration:underline;
}
a.toplink, a.toplink:active, a.toplink:visited, a.toplink:link {
   color:#000;
   text-decoration:none;
}
a.toplink:hover {
   text-decoration:underline;
}
a.botlink, a.botlink:active, a.botlink:visited, a.botlink:link {
   color:#000000;
   text-decoration:none;
}
a.botlink:hover {
   text-decoration:underline;
}




/* veranstaltungskalender */
div.events {
}
div.event {
   margin:0px 0px 15px 0px;
   border-top:dotted 1px #666;
   padding:15px 0 0 0;
}
div.event_datum {
   font-size:0.9em;
   padding:0px;
   color:#666666;
   font-weight:bold;
   font-style:italic;
   margin-bottom:1px;
}
h3.events_monat {
   color:#006666;
   padding:0px;
   margin:20px 0px 20px 0;
   font-size:1.2em;
   text-transform:uppercase;
   font-weight:normal;
}
h4.event_titel {
   font-weight:bold;
   padding:0px;
   margin:0px;
}
div.event_text {
}

/* accordian */
div.accordian {
   margin:0px 0px 16px 0px;
   padding:0px;
}
div.accordian_hdr {
   cursor:pointer;
   cursor:hand;
   padding:1px 0px 2px 7px;
}
div.accordian_hdr:hover {
   color:#cccccc;
}
div.accordian_body {
   padding:7px;
   background-color:#ffffff;
   color:#000000;
}

div.accordian_body a {
   color:#000000;
}
div.accordian_body a:hover {
   color:#999999;
}

/* download-listen */
ul.downloads {
   padding:0px;
   list-style-position:inside;
   list-style-type:none;
   margin:0px 0px 10px 0px;
}
li.downloads_titel {
   color:#006666;
   padding:0px 0px 4px 0px;
   margin:0px 0px 0px 0px;
   font-size:1.2em;
   font-weight:normal;
   list-style:none;
   text-transform:uppercase;
}
li.download {
   padding:0px 0px 0px 0px;
}
span.download_info {
   font-size:0.8em;
}

div.accordian_body li.download {
   border-top:none;
   padding:0px 0px 0px 0px;
   margin:0px;
}
div.accordian_body ul.downloads {
   border-bottom:none;
   margin:0px 0px 0px 0px;
}

div.ajax_loader {
   width:100%;
   height:100%;
   background-color:#000000;
   background-image:url('http://www.ossobukko.ch/grafics/ajax-loader.gif');
   background-repeat:no-repeat;
   background-position:center center;
}


/* tabber */

.tabberlive .tabbertabhide {
 display:none;
}
.tabber {
}
.tabberlive {
 margin-top:1em;
}
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}
ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
}
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}