html {
  margin: 0;
  padding: 0;
}

div.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none
}

div.feedburnerFeedBlock ul li span.headline {
font-weight:bold;
}

    #twitter_div {
      margin:0px auto;
      width:150px;
      margin-left: -40px;
    }
    
    #twitter_update_list {
      padding-left: -10px;
    }
    
    #twitter_div ul {
      display: left;
      
    }

    #twitter_div li {
      list-style-image:none;
      list-style-position:outside;
      list-style-type:none;    
      margin-bottom: 8px;
      line-height: 12px; 
      letter-spacing: 0.4px; 
    }  


hr {
border: 1px dotted #ccc;
width: 100%;
}

body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  background: #336699;
  text-align: center;
}

img {
  border: 0px;
}



.rand {
  border: 1px;
  border-style : solid;
  border-color : black;
  filter:progid:DXImageTransform.Microsoft.Shadow(Color=#aaaaaa, direction=135, strength=6);
   }

.small {
   font-family: Arial,Helvetica,sans-serif;
   font-size: 9px;
   color: #666666;
}

#menu {
margin : 0; 
padding : 0; 
} 
#menu ul {
border : 0 none inherit; 
margin : 0; 
padding : 0; 
list-style-type : none; 
text-align : center; 
clear : left; 
} 
#menu ul li {
display : block; 
float : left; 
text-align : center; 
padding : 0; 
margin : 0; 
} 
#menu ul li a {
background : #fff; 
width : 118px; 
height : 2em; 
border-top : 1px solid #ccc; 
border-left : 1px solid #ccc; 
border-bottom : 1px solid #ccc; 
border-right : medium none inherit; 
padding : 0; 
margin : 0 0 10px; 
color : #336699; 
text-decoration : none; 
display : block; 
text-align : center; 
font-weight : normal; 
letter-spacing : 1px; 
line-height : 2em; 
font-size : xx-small; 
voice-family : "\"}\""; 
voice-family : inherit; 
font-size : x-small; 
} 
html > #menu ul li a {
font-size : x-small; 
} 
#menu ul li#five a {
width : 119px; 
} 
#resources a:link , #resources a:visited {
border-right : 1px solid #ccc; 
} 
#menu ul li a:hover {
color : #000; 
background : #ccc; 
} 
#menu a:active {
background : #ccc; 
color : #fff; 
} 
body#sectionone #menu li#one a , body#sectiontwo #menu li#two a , body#sectionthree #menu li#three a , body#sectionfour #menu li#four a , body#sectionfive #menu li#five a {
background : #336699; 
border : 1px solid #336699; 
color : #fff; 
font-weight : bold; 
} 



#main {
  margin: 0px auto;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid black;
  border-width: 0 1px;
  background-image: url(http://www.abendschein.ch/images/uploads/bg_line.gif);
  background-position: -67px 0px;
  width: 597px;

}

* html #main {
  width: 599px; w\idth: 597px;
} /*** This defeats the faulty IE5.x/win box model, and prevents a float wrap.
  It's necessary because of the decorative side borders on div.rigid.
  See this page for details: http://css-discuss.incutio.com/?page=BoxModelHack ***/

#topmenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #FFFFFF;
  height: 17px;
  width: 597px;
  letter-spacing: 3px;
  background-color: #000000;
  border: 1px solid black;
  border-width: 1px 0;
}

#topmenu .links {
  text-align: left;
  padding-top: 2px;
}
#topmenu .rechts {
  float: right;
  padding-top: 2px;
}
#topmenu a {
  color: #FFFFFF;
  text-decoration: none;
}
#topmenu a:hover {
  color: #336699;
}
#bannertab {
  background-image: url(images/uploads/bannertab.gif);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  height: 101px;
  width: 597px;
  left: 0px;
  top: 0px;
  margin: 0px;
  clear: both;
}

#banner {
  background-image: url(images/uploads/banner.gif);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  height: 101px;
  width: 597px;
  left: 0px;
  top: 0px;
  margin: 0px;
  clear: both;
}

#bannered {
  background-image: url(http://www.abendschein.ch/images/uploads/bannered.gif);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  height: 101px;
  width: 597px;
  left: 0px;
  top: 0px;
  margin: 0px;
  clear: both;
}
#bannermenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #000000;
  height: 17px;
  width: 597px;
  letter-spacing: 3px;
  background-color: #FFFFFF;
  border: 1px solid black;
  border-width: 1px 0;
}
#bannermenu .links {
  text-align: left;
  padding-top: 2px;
}
#bannermenu .rechts {
  letter-spacing: 1px;
  float: right;
  padding-top: 2px;
}
#bannermenu a {
  color: #000000;
  text-decoration: none;
}
#bannermenu a:hover {
  color: #336699;
}
#content {
  width: 597px;
  margin: 0px;
  background-color:#FFFFFF;
  /* background-image: url(http://www.abendschein.ch/images/uploads/bg_line.gif); */
}
#float-right {
  width: 153px;
  margin: 0px;
  float: right;
  text-align : left;

  /* background-color: #00FFAF; */
}
#float-left {
  width: 380px;
  margin: 0px;
  /* background-color: #FF7F7F; */
}
.navigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  margin: 0px 13px 0px 15px;
  height: 100%
  text-align : left;


}
a {
  color: #336699;
  text-decoration: none;
}
.sel a {
  font-weight: bold;
  border-color: #8F8F8F;
  /* border-top: 1px dotted #000000;
  border-bottom: 1px dotted #000000; */
}
a:hover {
  text-decoration: underline;
}

.commentheader {
  width:150px; padding-right:15px; margin-right:15px; float:left; text-align:left; border-right: 1px dotted #bbb;
}
.textfield {font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #6F6F6F; color: #6F6F6F; background: white; margin-bottom: 5px;}
.textfieldtitle { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 10px; color: #6F6F6F }
textarea {font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #6F6F6F; color: #6F6F6F; background: white;  margin-bottom: 5px;}
p {
  margin: 7px 0px 7px 0px;
}
p.first { margin: 0px 0px 7px 0px; }


ul {
  line-height: 16px;
  list-style-image:url(images/site_images/reddot.gif);
}

blockquote {
 margin: 10px; margin-left: 30px; padding: 10px; color: #000000; line-height: 14px; font-size: 0.9em;
}

.weblog {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  margin: 0px;
  padding: 17px 15px 10px;
  text-align : justify;
  line-height: 16px;
  width:385px;
  align: center;


}
.weblog h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #336699;
  letter-spacing: 3px;
  margin: 30px 0px 20px;
}
.weblog h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin: 10px 0px 5px;
  text-align: left;
  line-height: 16px;
  width:380px;

}

.weblog h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0px 10px;
  text-align: left;
  line-height: 16px;


}
.menuitems { /* Wird von pMachine in archives und archivesum benutzt */
  padding-top : 15px;
  padding-bottom : 15px;
  border-bottom : 1px dotted #999;
}
.navtitelhighlight {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #336699;
  border-bottom: 1px solid #000000;
  letter-spacing: 0px;
  margin: 30px 0px 20px;
}
.navtiteloben {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  color: #000000;
  letter-spacing: 4px;
  border-bottom: 1px solid #000000;
  margin: 30px 0px 20px;
}
.navtitel {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  font-variant: small-caps;
  color: #000000;
  letter-spacing: 4px;
  border-bottom: 1px solid #000000;
  margin: 10px 0px 20px;
}
.eintragstitel {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 10px 0px;
  text-align: left;
}
.eintrag {
  text-align: justify;
  /* text-align: left; */
}

.datum {
  font-size: 11px;
  color: #666666;
  text-align: right;
  margin-top: 10px;
}
.ueberschrift {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 4px;
  margin: 30px 0px 15px;
  text-align: left;
  color: #999999;
  padding-top: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: #999999;
}
.ueberschrift-log {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 4px;
  margin: 0px;
  text-align: left;
  color: #999999;
  padding-top: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: #999999;
}

.autor { margin: -10px 0 0 0; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.center { text-align: center; }

#footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #000000;
  font-size: 9px;
  color: #ffffff;
  margin: 0px;
  height: 17px;
  width: 597px;
  padding: 1px 0px 0px;
  letter-spacing: 2px;
  border: 2px solid black;
  border-width: 1px 0;
  text-align: center;
  align: center;
  clear: both;


}


/* THE FOLLOWING ARE FOR USE WITH THE MINI-CALENDAR */
/*  Calendar header text  */
.kalender {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  align: center;
}
.kalender table {
background-color: #AFAFAF;
}
.kalender .header {
font-size:   xx-small;
color:       #000000;
font-weight: bold;
}
/*  Navigational links in the header  */
.kalender .navlinks, .kalender .navlinks a:link, .kalender .navlinks a:active, .kalender .navlinks a:visited, .kalender .navlinks a:hover{
 color:       #ffffff;
 font-family: arial,helvetica,sans-serif;
 font-weight: bold;
}
.kalender .navlinks a:link    { color:  #ffffff; text-decoration: none;}
.kalender .navlinks a:visited { color:  #ffffff; text-decoration: none;}
.kalender .navlinks a:active  { color:  #c0c0c0; text-decoration: none;}
.kalender .navlinks a:hover   { color:  #000000; text-decoration: underline;}

/*  Days of the week text  */
.kalender .weekdays {
 font-family: arial,helvetica,sans-serif;
 font-size:   9px;
 color:       #5F5F5F;
 font-weight:  bold;
}

/*  Days of the month text and links */
.kalender .monthdays, .kalender .monthdays a:link, .kalender .monthdays a:active, .kalender .monthdays a:visited, .kalender .monthdays a:hover {
 font-family: arial,helvetica,sans-serif;
 font-size:   9px;
 color:       #000000
}
.kalender .monthdays a:link    { color: #336699; text-decoration: none;font-weight: bold;}
.kalender .monthdays a:visited { color: #336699; text-decoration: none;font-weight: bold;}
.kalender .monthdays a:active  { color: #336699; text-decoration: none;font-weight: bold;}
.kalender .monthdays a:hover   { color: #336699; text-decoration: underline;font-weight: bold;}

.kalender .linkdirurl { color:  rgb(35,35,26); font-size: 90%;}