/* -------------------------------------- */
/* Formatierung allgemeiner HTML-Elemente */
/* -------------------------------------- */

body {
  font-family:verdana, arial, sans-serif;
  margin:0px 0px 0px 0px;
  padding:0px;
  background-image:url(http://www.kowolik-online.de/images/default/background.jpg);
  background-position:right;
  background-repeat:repeat;
  background-attachment:scroll;
  height:100%;
  color:#000000;
  background-color:white;
}


/*
h4 {
  font-size:14px;
  font-weight:bold;
  letter-spacing:0px;
  color:#000000;
  background:white;
  margin-top:0px;
}

h5 {
  font-size:12px;
  font-weight:bold;
  letter-spacing:0px;
  margin-top:0px;
  margin-bottom:0px;
}

h6 {
  font-size:10px;
  font-weight:bold;
  letter-spacing:0px;
  color:#000000;
  background:white;
}*/

p {
  font-size:12px;
  color:#000000;
  background:white;
}

a:link {
  color:#0000ee;
  background:white;
  text-decoration:underline;
}

a:hover {
  color:#0000ee;
  background:white;
  text-decoration:none;
}

a:active {
  color:#0000ee;
  background:white;
  text-decoration:none;
}

a:visited {
  color:#0000ee;
  background:white;
  text-decoration:none;
}

img.menuepunkt {
  width:8px;
  height:9px;
  border:none;
}

img.noborder {
 border:none;
}

acronym.acronym {
 border-bottom:dotted 1px black;
 cursor:help;
}

acronym[title], abbr[title] {
  cursor: help;
}

/* ------------------------- */
/* Formatierung für den Kopf */
/* ------------------------- */

div#logo {
  position:relative;
  background-image:url(http://www.kowolik-online.de/images/default/logo_bg_neu.jpg);
  background-position:right;
  background-repeat:repeat;
  margin:0px;
  padding:0px;
  height:58px;
  border-bottom:1px solid white;
}

div#logo h1 {
  position:absolute;
  right:203px;
  bottom:0px;
  margin:0px;
  padding:0px;
  background:transparent;
}

div#logo h1 a {
  text-decoration:none;
}

div#logo h1 img {
  position:absolute;
  bottom:2px;
  background:transparent;
  margin-top:0px;
  margin-right:0px;
}

div#logo span {
  position:absolute;
  top:40px;
  right:240px;
  width:auto;
  text-align:center;
  color:white;
  background-color:blue;
  border-top:2px solid #c0c0c0;
  border-right:2px solid #000000;
  border-bottom:2px solid #000000;
  border-left:2px solid #c0c0c0;
  font-size:10px;
}

#headerline1 {
  background-color:#0000ff;
  color:white;
  width:100%;
  height:2px;
  font-size:1px;
}

#headerline2 {
  background-color:#ddeeff;
  color:white;
  width:100%;
  height:3px;
  font-size:1px;
}

#headerline3 {
  background-color:#ffffff;
  color:blue;
  width:100%;
  height:2px;
  font-size:1px;
}

#headerline4 {
  background-color:#ffffff;
  color:blue;
  width:100%;
  height:2px;
  font-size:2px;
  margin-bottom:0px;
}

#headerline5 {
  background-color:#ddeeff;
  color:white;
  width:100%;
  height:3px;
  font-size:1px;
}

#headerline6 {
  background-color:#0000ff;
  color:white;
  width:100%;
  height:2px;
  font-size:1px;
}

#headerline7 {
  background-color:#ffffff;
  color:blue;
  width:100%;
  height:2px;
  font-size:2px;
  margin-bottom:-1px;
}

#headerline8 {
  background-color:#ffffff;
  color:blue;
  width:100%;
  height:2px;
  font-size:2px;
  margin-bottom:-1px;
}

#headerline9 {
  background-color:#0000ff;
  color:white;
  width:100%;
  height:2px;
  font-size:1px;
}

#headerline10 {
  background-color:#ffffff;
  color:blue;
  width:100%;
  height:2px;
  font-size:1px;
}

#locationbar {
  height:17px;
  background-color:#ffffff;
  margin-bottom:-3px;
}

#lb1 {
  position:absolute;
  top:66px;
  left:10px;
  font-size:11px;
}

#lb2 {
  position:absolute;
  top:66px;
  left:85px;
  font-style:italic;
  font-weight:bold;
  font-size:11px;
}

#impressum {
  font-size:10px;
  position:absolute;
  top:66px;
  right:72px;
}

#titel {
  height:26px;
  background-image:url(http://www.kowolik-online.de/images/default/titel_r_neu.jpg);
  background-repeat:repeat-y;
  background-position:right;
  background-color:#0000ff;
}

#titel div {
  margin-right:229px;
  background-color:transparent;
  height:26px;
  background-image:url(http://www.kowolik-online.de/images/default/titel_l_neu.jpg);
  background-repeat:repeat-y;
  background-position:left;
  padding-bottom:1px;
}

#titel h1 {
  text-align:center;
  font-size:20px;
  font-weight:bold;
  letter-spacing:2px;
  margin-top:0px;
  margin-bottom:0px;
  color:#FFFFFF;
  background:blue;
  padding-top:0px;
  margin-left:90px;
  margin-right:90px;
}

#searchbar {
  position:absolute;
  top:23px;
  left:10px;
  margin:0;
  padding:0;
  color:white;
  background-color:transparent;
}

#searchbar[id] {
  position:fixed;
}




/* -------------------------------- */
/* Formatierung für die Hauptspalte */
/* -------------------------------- */

#mc {
  margin-top:0px;
  margin-right:229px;
  margin-left:0px;
  padding:10px;
}

.mc_container_left {
  float:left;
  width:207px;
  margin:0px 10px 0px 0px;
  padding:0px;
}

.mc_container_right {
  float:right;
  width:207px;
  margin:0px 0px 0px 10px;
  padding:0px;
}

.mc_container_header {
  margin:0px 0px 0px 0px;
  text-align:center;
  font-weight:bold;
  letter-spacing:0px;
  color:#000000;
  height:22px;
  background-color:transparent;
  background-image:url(http://www.kowolik-online.de/images/default/mc_header.jpg);
}

.mc_container_header h3 {
  font-size:16px;
  font-weight:bold;
  letter-spacing:0px;
  margin:0px 0px 0px 0px;
  padding:2px 0px 0px 0px;
}

.mc_container_border1 {
  margin:0px 0px 0px 0px;
  border:2px solid #E4E4E4;
  background-color:white;
}

.mc_container_border2 {
  border:3px #F2F2F2 solid;
}

.mc_container_content {
  padding:5px;
}

.mc_container_content h4 {
  font-size:13px;
  font-weight:bold;
  letter-spacing:0px;
  color:#000000;
  margin-top:0px;
  text-align:left;
}

.mc_container_content p {
  font-size:12px;
  text-align:left;
  margin:-10px 0px 0px 0px;
}

.mc_container_content a {
  font-size:10px;
}

.mc_container_footer {
  margin:0px 0px 0px 0px;
  text-align:center;
  font-weight:bold;
  letter-spacing:0px;
  color:#ffffff;
  height:22px;
  background-color:transparent;
  background-image:url(http://www.kowolik-online.de/images/default/mc_footer.jpg);
}

#footer {
  position:relative;
  text-align:center;
  margin-top:50px;
  width:100%;
}

#footer a {
  text-decoration:none;
}

#footer img {
  border:none;
}

#flastmod {
  font-size:11px;
  text-align:center;
  margin-top:29px;
}

#date {
  font-size:10px;
  text-align:center;
}



/* ----------------------------- */
/* Formatierung für die Info-Box */
/* ----------------------------- */

acronym a div.ib {
 position:absolute;
 width:184px;
 left:20%;
 margin-top:40px;
 margin-left:10px;
 padding:0px;
 visibility:hidden;
}

acronym a:hover div.ib {
 visibility:visible;
 background:transparent;
 border:none;
 color:black;

}

acronym a:visited div.ib {
 border-bottom:none;
 visibility:hidden;
}

acronym a {
 border-bottom:dotted 1px #0000ff;
}

acronym a:hover {
 border-bottom:0px dotted white;
}

acronym a:visited {
 border-bottom:none;
}

acronym p {
 font-size:12px;
 text-align:left;
 margin: 0px 0px 0px 0px;
}

acronym span {
 font-size:10px;
 text-align:right;
}

#ib {
  position:absolute;
  left:0px;
  top:130px;
  width:184px;
  background-color:#ff0000;
}

.ib_container_header {
  margin:0px 0px 0px 0px;
  text-align:center;
  vertical-align:top;
  letter-spacing:0px;
  color:#ffffff;
  height:22px;
  background-image:url(http://www.kowolik-online.de/images/default/ib_header.gif);
}

.ib_container_border1 {
  margin:0px 0px 0px 0px;
  border:2px solid blue;
}

.ib_container_border2 {
  border:3px #ddeeff solid;
}

.ib_container_content {
  padding:5px;
  background-color:white;
}

.ib_container_footer {
  margin:0px 0px 0px 0px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  letter-spacing:0px;
  color:#ffffff;
  height:22px;
  background-image:url(http://www.kowolik-online.de/images/default/ib_footer.gif);
}



/* ---------------------------- */
/* Formatierung für die Sidebar */
/* ---------------------------- */

#sb {
  position:absolute;
  right:0px;
  top:109px;
  width:227px;
}

.sb_container_header {
  margin:20px 8px 0px 8px;
  text-align:center;
  vertical-align:top;
  letter-spacing:0px;
  color:#ffffff;
  height:22px;
  background-color:transparent;
  background-image:url(http://www.kowolik-online.de/images/default/sb_header.jpg);
}

.sb_container_header h3 {
  font-size:16px;
  font-weight:bold;
  letter-spacing:0px;
  margin:0px 0px 0px 0px;
  padding:2px 0px 0px 0px;
}

.sb_container_border1 {
  margin:0px 8px 0px 8px;
  border:2px solid blue;
  background-color:white;
}

.sb_container_border2 {
  border:3px #ddeeff solid;
}

.sb_container_footer {
  margin:0px 8px 40px 8px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  letter-spacing:0px;
  color:#ffffff;
  height:22px;
  background-color:transparent;
  background-image:url(http://www.kowolik-online.de/images/default/sb_footer.jpg);
}

.sb_list_dl {
  margin:0px 0px 8px 0px;
  padding:0px 5px 0px 5px;
}

.sb_list_dt {
  font-size:12px;
  margin-top:8px;
  margin-left:3px;
  color:#000000;
}

.sb_list_dt a {
  margin-left:5px;
}

.sb_list_dt_2 {
  font-size:12px;
  margin-top:8px;
  margin-left:23px;
  color:#000000;
}

.sb_list_dt_2 a {
  margin-left:5px;
}


.sb_list_dd {
  font-size:10px;
  margin-top:2px;
  margin-bottom:10px;
  margin-left:20px;
  color:#000000;
}

#sb_news_source {
  position:absolute;
  font-size:12px;
  margin-top:11px;
  margin-left:103px;
}

#sb_news_link {
  position:absolute;
  font-size:12px;
  margin-top:8px;
  margin-left:128px;
}

#sb_news_rdf {
  position:absolute;
  font-size:12px;
  margin-top:10px;
  margin-left:150px;
}

#sb_news_paper {
  margin-top:-27px;
  margin-bottom:0px;
  margin-left:12px;
}

#sb_news_feed {
  margin-top:0px;
  margin-left:-16px;
  font-size:12px;
  list-style-image:url(http://www.kowolik-online.de/images/default/menue_button.gif);
  list-style-type:none;
}

#sb_webcam {
  width:186px;
  height:139px;
  border:1px white solid;
}

.noscript {
  font-size:14px;
  margin:5px;
}



/* ----------------------------------------------- */
/* Formatierung für das Portal und das Flash-Intro */
/* ----------------------------------------------- */

#nobg {
  background-image:none;
}

#fw_mb {
  margin-top:20px;
  width:100%;
  height:36px;
}

#fw_lb {
  width:45%;
  height:36px;
  float:left;
  text-align:right;
}

#fw_lb_inlay {
  text-align:center;
  float:right;
}

#fw_cb {
  height:36px;
  float:left;
  text-align:center;
}

#fw_rb {
  width:45%;
  height:36px;
  float:right;
  text-align:left;
}



/* ------------------------------- */
/* Formatierung für die Startseite */
/* ------------------------------- */



/* --------------------------------- */
/* Formatierung für die WebCam-Seite */
/* --------------------------------- */

#webcam {
  margin-top:8px;
  margin-bottom:60px;
  margin-left:5px;
  margin-right:5px;
  text-align:center;
}



/* -------------------------------------- */
/* Formatierung für den Bereich Ruhrstadt */
/* -------------------------------------- */



/* ------------------------------ */
/* Formatierung für den Chronblog */
/* ------------------------------ */

.BlogDateHeader {
  color:#808080;
}

.BlogTrennlinie {
  margin-top:3px;
  height:1px;
}

.BlogItemTitle {
  font-size:18px;
  font-weight:bold;
  letter-spacing:0px;
  margin-top:0px;
  margin-bottom:0px;
}

.BlogDateHeader {
  font-size:16px;
  font-weight:bold;
  letter-spacing:0px;
  margin:0px 0px 0px 0px;
  padding:2px 0px 0px 0px;
}

.blogPost {
  margin:14px 0px 40px 0px;
  font-size:12px;
  text-align:justify;
}

.blogByline {
  padding:0px;
  margin:14px 0px 28px 0px;
  color:#000000;
  font-size:12px;
}

.blogComments {
  color:#000000;
  font-weight:bold;
}

.blogComment {
  margin:14px 0px 14px 0px;
  color:#000000;
  font-weight:normal;
  font-size:12px;
}



/* ------------------------------------- */
/* Formatierung für die PC-Konfiguration */
/* ------------------------------------- */

div.pc-komponente {
  margin-bottom:50px;
  margin-right:5%;
}

div.pc-komponente table {
  width:100%;
}

div.pc-komponente tr {
  text-align:left;
}

div.pc-komponente td {
  width:50%;
  vertical-align:top;
}

div.pc-komponente h5 {
  margin-top:17px;
  margin-bottom:17px;
}

div.pc-komponente-header {
  margin-bottom:20px;
}

div.pc-komponente-header span {
  position:absolute;
  float:left;
  right:240px;
}

div.pc-komponente-header span a {
  text-decoration:none;
}

div.pc-komponente-header span a img {
  border:none;
}

div.pc-komponente-header h2 {
  width:100%;
  margin-left:0px;
}

div.pc-komponente-header h2 a:hover {
  color:#000000;
}

.pc_list_dt {
  font-size:14px;
  margin-left:10px;
  margin-top:15px;
  color:#000000;
}

.pc_list_dd {
  font-size:12px;
  margin-left:10px;
  margin-right:10px;
  color:#000000;
}

td.ueberschrift {
  font-size:16px;
  color:#ffffff;
  background-color:#0000ff;
  height:35px;
  border-right:none;
}

td.ueberschrift2 {
  font-size:1px;
  color:#ffffff;
  background-color:#0000ff;
  height:35px;
  text-align:right;
  border-left:none;
}

td.text {
  font-size:12px;
  color:#000000;
}

td.koerper {
  background-color:#ffffff;
}

td.vorlage {
  font-size:12px;
  color:#000000;
}

p.vorlage {
  font-size:12px;
  color:#000000;
}

i.vorlage {
  font-size:12px;
  color:#000000;
}

div.vorlage {
  font-size:12px;
  color:#000000;
}

h1.vorlage {
  font-size:12px;
  font-weight:700;
  text-align:center;
  color:#000000;
}

div.rahmen {
  background-color:#ffffff;
  border:none;
  margin:5px;
}

h1.test {
  font-size:12px;
  font-weight:700;
  text-align:left;
  background-color:transparent;
  color:#ff0000
}


/* ------------------------------- */
/* Formatierung für das Gaestebuch */
/* ------------------------------- */



#menu,#foot {
  color:#000000;
  font-size:12px;
  text-decoration:none;
}

a:link#menu,#foot {
  color:#0000ff;
  text-decoration:underline;
}

a:hover#menu,#foot {
  color:#0000ff;
  text-decoration:none;
}

a:active#menu,#foot {
  color:#0000ff;
  text-decoration:none;
}

a:visited#menu,#foot {
  color:#0000ff;
  text-decoration:none;
}

#set1 {
  border-left:#0000ff 0px solid;
  border-top:#c0c0c0 0px solid;
  border-bottom:#c0c0c0 0px dotted;
  border-right:#c0c0c0 0px dotted;
  color:#000000;
  font-size:12px;
}

#set2 {
  padding-left:5px;
  color:#ffffff;
  font-size:14px;
  font-weight:normal;
  background:#0000ff;
  border-top:#ffffff 0px solid;
  width:1%;
}

#set2 b {
  font-weight:bold;
}

#foot {
  font-size:10px
}

.foot {
  position:absolute
}

#text,#feld {
  border-top:#000000 0px solid;
  border-left:#000000 0px solid;
  border-bottom:#000000 0px solid;
  border-right:#000000 0px solid;
  background-color:#c0c0c0;
  font-size:16px;
}

#table {
  background:#0000ff;
}

input {
  color:#0000ff;
  border-color:#ddeeff;
  background:#ffffff;
}


/* ---------------------------- */
/* Formatierung für die Sitemap */
/* ---------------------------- */



/* ------------------------------ */
/* Formatierung für das Impressum */
/* ------------------------------ */




/* ----------------------------- */
/* Formatierung für den Kalender */
/* ----------------------------- */

.kalender {
  background-color:#ddeeff;
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
  border:1px solid #c0c0c0;
}

.kalenderzeile-wt {
  background-color:#ffffff;
  vertical-align:middle;
  height:30px;
}

.kalenderzeile-st {
  background-color:#e0e0e0;
  vertical-align:middle;
  height:30px;
}

.kalenderzeile-ft {
  background-color:#f0f0f0;
  vertical-align:middle;
  height:30px;
}

.monatstag {
  font-size:16px;
  font-weight:bold;
  width:35px;
  height:30px;
  text-align:right;
  padding:3px;
  border:1px solid #c0c0c0;
}

.wochentag {
  width:30px;
  height:30px;
  font-size:10px;
  text-align:center;
  border:1px solid #c0c0c0;
}

.kalenderereignis {
  font-size:14px;
  margin-left:5px;
  height:30px;
  padding:3px;
  border:1px solid #c0c0c0;
}



/* ----------------------------------------- */
/* Temporäre Formatierung für die Startseite */
/* ----------------------------------------- */

.aa {
  font-weight:bold;
  font-style:italic;
  font-size:16px;
  color:#000cff;
}

.bb {
  font-weight:bold;
  font-style:italic;
  font-size:16px;
  color:#0099ff;
}

.cc {
   font-weight:bold;
   font-size:16px;
   color:#000000;
}



/* ---------------------- */
/* Frohe Weihnachten 2006 */
/* ---------------------- */

#weihnachten_2006_rahmen3 {
  height:auto;
  width:99%;
  border:5px solid #ddeeff;
}

#weihnachten_2006_rahmen {
  height:auto;
  background-color:#000459;
  color:#ffffff;
  padding:0px;
  margin:0px;
  border:5px solid #0000ff;
}

#weihnachten_2006_bild {
}

#weihnachten_2006_rahmen2 {
  position:absolute;
  width:100%;
  height:auto;
  top:300px;
  right:120px;
}

#weihnachten_2006_text {
  position:absolute;
  top:22%;
  margin-top:80px; 
  right:120px;
  width:100%;
  text-align:center;
  font-size:34px;
  font-weight:bold;
  color: #d50000;
  background-color: transparent;
}



/* -------------------------------------- */
/* Formatierung für die WebCam-Test-Seite */
/* -------------------------------------- */

#webcam1 {
  margin:0px;
  text-align:center;
}

#webcam2 {
  margin:0px;
  text-align:center;
}

#webcam3 {
  margin:0px;
  text-align:center;
}

.wc_container_left {
  float:left;
  width:207px;
  margin:0px 10px 0px 0px;
  padding:0px;
}

.wc_container_cam {
  float:left;
  position:relative;
  top:0px;
  left:0px;
  width:207px;
  margin:0px 10px 0px 0px;
  padding:0px;
}

.wc_container_luftbild {
  float:left;
  position:relative;
  top:0px;
  left:0px;
  width:207px;
  margin:0px 10px 0px 0px;
  padding:0px;
}

.wc_container_karte {
  float:left;
  position:relative;
  top:0px;
  left:0px;
  width:207px;
  margin:0px 10px 0px 0px;
  padding:0px;
}

.wc_container_right {
  float:right;
  width:207px;
  margin:0px 0px 0px 10px;
  padding:0px;
}

.wc_container_header {
  margin:0px 0px 0px 0px;
  text-align:center;
  font-weight:bold;
  letter-spacing:0px;
  color:#000000;
  height:22px;
  background-color:transparent;
  background-image:url(http://www.kowolik-online.de/images/default/mc_header.jpg);
}

.wc_container_header h3 {
  font-size:16px;
  font-weight:bold;
  letter-spacing:0px;
  margin:0px 0px 0px 0px;
  padding:2px 0px 0px 0px;
}

.wc_container_border1 {
  margin:0px 0px 0px 0px;
  border:2px solid #E4E4E4;
  background-color:white;
}

.wc_container_border2 {
  border:3px #F2F2F2 solid;
}

.wc_container_content {
  padding:5px;
}

.wc_container_content h4 {
  font-size:13px;
  font-weight:bold;
  letter-spacing:0px;
  color:#000000;
  margin-top:0px;
  text-align:left;
}

.wc_container_content p {
  font-size:12px;
  text-align:left;
  margin:-10px 0px 0px 0px;
}

.wc_container_content a {
  font-size:10px;
}

.wc_container_footer {
  margin:0px 0px 0px 0px;
  text-align:center;
  font-weight:bold;
  letter-spacing:0px;
  color:#ffffff;
  height:22px;
  background-color:transparent;
  background-image:url(http://www.kowolik-online.de/images/default/mc_footer.jpg);
}


/* --------------------------------------- */
/* Formatierung für die Mein-Firefox-Seite */
/* --------------------------------------- */

li {
  margin-bottom:16px;
}


/* ----------------------------------------------- */
/* Formatierung für den Under-Construction-Hinweis */
/* ----------------------------------------------- */

#under-construction_ {
  position:absolute;
  top:89px;
  right:0px;
  background-image:url(http://www.kowolik-online.de/images/default/under-construction.gif);
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:right;
  width:100%;
  height:50px;
}

#under-construction {
  position:absolute;
  top:4px;
  right:115px;
  background-image:url(http://www.kowolik-online.de/images/default/under-construction.gif);
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:center;
  width:100%;
  height:50px;
}