/* *** css style Wir in Wallenhorst *** */
/* engineered by 3f internet -  http://www.3f-net.de  */

body {
background: url(images/bgbody.png) top center fixed;
font-family: Verdana, Arial, Sans-Serif;
font-size:12px;
color:#000000;
padding:0;
margin:0;
}

/* ------Allgemeine Textformatierungen------ */
a, a:active {color:  #003366; border:none;text-decoration:none;font-weight:bolder;}
a:hover{color:  #003366; border:none;text-decoration:underline;}
a:visited {color:#003366;}
a img{border:0px;}


/* Page Headings */
h1, h2, h3, h4, h5, h6 {color:  #003366;font-style: normal; font-weight: bold; font-family: 'Droid Serif', Times New Roman, Verdana, Arial, serif; text-align:left;margin-bottom:0px;}
h1          {font-size:24px;}
h2          {font-size:22px;}
h3          {font-size:20px;}
h4          {font-size:18px;}
h5          {font-size:16px;}
h6          {font-size:14px;}
address          {font-size:13px; font-weight:600; color:#ffffff;margin-top:-30px;font-style:normal; padding-bottom:5px;}


p, pre{
font-family: Verdana, Arial, serif;
color:#000000;margin-top:0px;
line-height:150%;

}

/* ----------container zentriert das layout-------------- */
#container {
width: 955px;

margin:10px auto 10px auto;

}
/* ----------Top-------------- */
#top {
background:url(images/topmenu2.png) no-repeat top center;
height: 25px;
width:955px;
text-align: left;
font-size:11px;
color:#000;
padding: 13px 0px 0px 0px;
margin-top: 0px;
overflow:hidden;
border:0px solid red;
}

table#topnav  {border:0px solid green;margin: 0px 0px 0px 5px; }

td#topdivider {width:260px; height:15px;border:0px solid blue;}

td#topbutton {width:109px; height:15px; color:#000;text-align:center;border:0px solid green;}
#topbutton a {color:#000; text-decoration:none;font-size:12px; font-weight:500;display:block;width:105px;height:14px;border-left:1px solid #000;text-align:center;}
#topbutton a:hover, a:active {color:#fff;}

td#community {width:109px; height:15px; color:#000;text-align:center;border:0px solid green;}
#community a {color:#000; text-decoration:none;font-size:12px; font-weight:500;display:block;width:105px;height:14px;border-left:1px solid #000;border-right:1px solid #000;text-align:center;}
#community a:hover, a:active {color:#fff;}

td#sitemap {width:89px; height:15px; color:#000;text-align:center;border:0px solid green;}
#sitemap a {color:#000; text-decoration:none;font-size:12px; font-weight:500;display:block;width:89px;height:14px;border-left:1px solid #000;border-right:1px solid #000;text-align:center;}
#sitemap a:hover, a:active {color:#fff;}
td#suche{color:#000; font-size:12px; font-weight:500;width:60px; height:15px; text-align:right;}
td#searchform{width:140px; text-align:center;}
#searchtext{font-size:10px;width:140px;}

/* ----------Bannergrafik-------------- */
#banner {
background: url(images/header.jpg) no-repeat top left;
color:  #ffffff;
text-align:right;
height:91px;
width:955px;
padding:0px;
overflow:hidden;
}
*html #bannerad {
margin-left:105px;}

#bannerad{
margin-left:205px;
width:500px;
height:81px;
float:left;
border:0px solid red;
overflow:hidden;
}
#bannerfunctions {
height:81px;
width:230px;
margin:0px;
padding:5px;
text-align:right;
font-size:10px;
color:#ffffff;
border:0px solid red;
overflow:hidden;
}
/* ----------Horizontale Navigation-------------- */
#banner2 {
background: url(images/horizontal-menu.png) no-repeat top left #ffffff;
height: 18px;
text-align: right;
padding: 0px;
margin-top: 0px;

}
#banner img {padding:10px 0px;}
/* -----------------Fix fuer IE7--------------------- */
*+html #content {padding: 5px 5px 5px 5px;}
/* -----------------Inhalt--------------------- */
#content {
background: url(images/menubg-active.png) repeat-x top center #ffffff;

width: 625px;
margin: 5px 5px 5px 0px;
padding: 0px 5px 5px 5px;
text-align:left;
font-size:12px;
color: #000000;
float: left;
}

#content p{
text-align:left;
font-size:12px;
color: #000000;
letter-spacing:120%;
line-height:150%;
}

div#content {
min-height:300px;
height:expression(this.scrollHeight > 500 ? "auto":"500px");
}

/* --------------Rechte Spalte links------------- */
#left {
float:left;
width: 245px;
margin: 0px;
padding-left: 5px;
background-color:#EEF0FD;
color:#000000;
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
overflow:hidden;

}

#left p{text-align:left; color:#000000; font-size:11px;}
/* --------------Rechte Spalt rechts------------- */
#right {
background: url(images/menubg-active.png) repeat-x top center #ffffff;

width: 300px;
margin: 5px 0px 5px 5px;
padding: 0px 5px 5px 5px;
text-align:left;
font-size:12px;
color: #000000;
float: left;
}
#right p{text-align:left; color:#FDFFB3; font-size:11px; margin:0; padding:0;}
#right img {padding:0; margin:0;}
/* -----------Fusszeile--------------------------- */

*+html #footer{margin-top:0px;}
#footer {
clear: both;
margin-top: -10px;
padding: 0px;
text-align:center;
color:#000000;
background: url(images/menubg-active.png) repeat-x top center;
height:50px;
width:955px;
 }
#footer p{padding:0px;color:#fff; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        ####        Header Menu #####
        #######################

        Horizontal Drop-Down Menu based off :
        http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {width: 955px; height:20px;display:block;border-right:0px solid #000; margin-left:0px;}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
}

/* Header menu */
#header_menu {position: absolute; margin-left: 20px;background:#fff;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
        height: 18px;
        border-top: 0;
        border-bottom: 0px solid #000;
        border-left: 0px solid #808080;
        border-right: 0px solid #808080;
        padding:0;
}
#nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 11px;
        text-transform: uppercase;
        width: auto;
        /*
        (Disappearing List-Background)
        http://www.positioniseverything.net/explorer/ie-listbug.html
        */
        position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {float: left; color: #fff; text-align: center; font-weight: bolder;}

#nav ul li a {display: block; background: url(images/menubg.png) repeat-x #F4F4F4;  padding:2px 5px 3px 5px; border-left: 0px solid #ffffff; border-right: 1px solid #ffffff; color: #000; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background: url(images/menubg-hover.png) repeat-x #F4F4F4; border-color: #F2F2F2; color: #ffffff;}
#nav li a:active, #nav ul li a.active {background: url(images/menubg-active.png) repeat-x #F4F4F4; border-color: #fff; color: #ffffff;}

/* Current page Customisations*/
#nav li.menu-current a                {background: url(images/menubg-active.png) repeat-x #F4F4F4; color: #fff; border-bottom: 0px solid #000;}
#nav li.menu-current a                {font-weight: bold;}

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 14em; margin: 0; display: none; text-transform: none; border: 0px solid #000; border-top: 0; font-size: 100%;}
#nav .menu li ul li {width: 14em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul a {width: 13.5em; padding:2px 5px 2px 5px;background: url(images/menubg.png);  color: #000; border: 0px solid #000000;font-weight:normal;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #ffffff; background: url(images/menubg-hover.png); border: 0px solid #000000;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a         { width: 13.5em; padding:2px 5px 2px 5px; background: url(images/menubg.png);  color: #ffffff;border: 0px solid #000000;}

/* Positioning the Pop-out Drops */
#nav li {position: relative; float: left;}

#nav ul ul ul {
        position: absolute;
        top: 1px;
        left: 100%;
}


/* Styles fuer Newsreader*/
.nr_itemdesc{
text-align:left;
font-size:12px;
color: #000000;
letter-spacing:120%;
line-height:150%;
}
.nr_content ul{
        margin:0px;
        padding:0px;
}
.nr_content li{
        list-style-type:none;
        margin-bottom:10px;

}
.nr_content li a{
        font-size:16px;
}
div.nr_description, div.discreet{
        display:none;
}
/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table#gitter {
width: 965px;
margin-left:-5px;
}

td#twocols {
background: url(images/menubg-active.png) repeat-x top center #ffffff;
width: 560px;
text-align:left;
font-size:12px;
color: #000000;
vertical-align:top;
padding:30px 10px 10px 10px;

}

td#rightcol {
background: url(images/menubg-active.png) repeat-x top center #ffffff;

width: 360px;
text-align:left;
font-size:12px;
color: #000000;
vertical-align:top;
padding:30px 10px 10px 10px;

}

td#onecol {
background: url(images/menubg-active.png) repeat-x top center #ffffff;

width: 265px;
text-align:left;
font-size:12px;
color: #000000;
vertical-align:top;
padding:30px 10px 10px 10px;

}

/*Twitter-Styles */


ul.mod_wbtweets_twittermenue{
  list-style-type: none;
}
ul.mod_wbtweets_twittermenue li{
  display: inline;
}
a.mod_wbtweets_follow {
  width: 200px;
  height: 20px;
  padding-top: 2px;
  padding-left: 25px;
  background-image: url(layoutbin/twittericon.jpg);
  background-repeat: no-repeat;
  margin-left: -40px;
}
a.mod_wbtweets_subscribe {
  width: 200px;
  height: 20px;
  padding-top: 2px;
  padding-left: 25px;
  background-image: url(layoutbin/rssicon.jpg);
  background-repeat: no-repeat;
  margin-left: 30px;
}
/*linked hashtags introduced in WB Tweets 0.3*/
a.mod_wbtweets_hashtag{
  color: #666666;
  text-decoration: none;
  border: 0px;
}
a.mod_wbtweets_hashtag:hover{
  border-bottom: 1px dotted #666666;
}

ul.mod_wbtweets_tweets {
  list-style-type: none;
}

ul.mod_wbtweets_tweets li {
  width: 300px;
  height: 100px;
  padding-top: 7px;
  padding-right: 7px;
  padding-left: 50px;
  margin-bottom: 10px;
  margin-left:-40px;
  background-image: url(http://www.wirinwallenhorst.de/media/Logos/wiwreporter.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

.mod_wbtweets_tweets .mod_wbtweets_tweetmeta a{
  font-size:10px;
}

.mod_wbtweet_licence{
  text-align: center;
  font-size: 9px;
  line-height: 11px;
  color: #999999;
  border-top: 1px #999999 solid;
  padding-top: 10px;
  margin-top: 20px;
}
.mod_wbtweet_licence a{
  text-align: center;
  font-size: 9px;
  line-height: 11px;
  color: #999999;
}

table.calendar {
  background: #efefef;
        }

/* ----------Calendar-------------- */

table.calendar {
  color:#848484;
  width:350px;
  height:200px;
  font-size:16px;
  font-style:italic;
  font-weight:bold;
  text-align:center;
  border: 1px solid #fff;
  padding: 0px;
  margin:0px;

}

.calendar-month {font-size:12px;}

table.calendar th{
  background:url(http://www.wirinwallenhorst.de/templates/wiwa08-4spalten/images/calendar-th.png);
  color:#fff;
  font-size:13px;
  text-align:center;
   width:40px;
  height:30px;

}

table.calendar td {
 width:40px;
  height:30px;
   background:url(http://www.wirinwallenhorst.de/templates/wiwa08-4spalten/images/calendar-td.png);
}

/* JS-Tooltip fuer Kalender */

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none;
  font-style: italic;
  color: #fff;

  border:0px;
  }

a.tooltip:hover {
  color: #0000ff;
  background: transparent;
  }

a.tooltip span {
  display: none;
  text-decoration: none;
}

a.tooltip:hover span {
  display: block;
  position: absolute;
  top: 20px;
  left: -50px;
  width: 200px;
  padding:5px;
  z-index: 100;
  color: #000000;
  border:0px solid #000000;
  background: #FFFFCC;
  font: 12px Verdana, sans-serif;
  text-align: left;
  border: 1px solid #000;
  }

a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}