.readon img { float: left; padding: 10px 0 20px 1px; margin: 0; }

.trans1 { position: relative; top: 50px; width: 541px; margin: 0 0 15px 320px; background: url(images/trans1.png) repeat-x bottom left;}

/* Begin IE6 Hack */
* html .left { color: #bae4ff; width: 175px; float: left; position: relative; top: 50px; height: 100%; margin: 0 0 10px 17px;}
* html .left1 { color: #f997aa; width: 175px; float: left;  position: relative; top: 50px; height: 100%; margin: 0 0 10px 17px;}
* html .left2 { color: #f997aa; width: 180px; min-height: 300px; float: left;  position: relative; top: 50px; height: 100%; margin: 0 0 10px 75px;}

* html #top  { margin: 0 0 0 0; width: 100%; height: 45px; background: url(images/top.jpg) repeat-x top left;}
* html #top1 { margin: -10px 0 0 0; width: 100%; height: 328px; background: #fd7194 url(images/top1.jpg) repeat-x top left; }
* html #top2 { margin: 0 0 0 0; width: 100%; height: 6px; background: url(images/top2.jpg) repeat-x top left;}
* html #top3 {height:100%; margin: -8px 0 0 0; width: 100%; background: #0e448a url(images/top3.jpg) repeat-x top left; }
* html #top4 { padding: 0 0 80px 0; width: 100%; height: auto; height: 100%; background: #f76589 url(images/top4.jpg) repeat-x top left;}
* html #top5 { margin: 0 0 0 0; width: 100%; min-height: 22px; background: #fd7194 url(images/top5.jpg) repeat-x top left;}

* html #toplink a { display: block; width: 220px; height: 170px; margin: 118px 10px 40px 40px; float: left; }

* html .title { background: url(images/title0.gif) top left; }
* html .titletop { background: url(images/titletop.gif) top left; }

* html #fancy { /* bugfixing the bugfix - height: 0px; width: 0px; margin: 39px 52px 0 0; */ overflow: hidden; }
* html #fancy0 { /* sorry what? height: 0px; width: 0px; margin: 39px 52px 0 0; */ overflow: hidden; }
* html #readiton { height: 42px; width: 144px; overflow: hidden; }

* html .entry0 { color: #72787a; width: 90%; padding: 6px 14px 8px 14px; margin-bottom: -12px;}
* html .trans0 { position: relative; top: 18px; height: 290px; width: 551px; margin: 0 0 15px 317px; padding-bottom: 2px; background: url(images/trans0.jpg) no-repeat bottom left; }
* html .trans1 { position: relative; top: 50px; width: 541px; margin: -5px 0 15px 320px; padding-top: 5px; background: url(images/trans1.jpg) repeat-y top left;}

* html #go { margin: -31px 0 0 0;}
* html #rememberme { margin: -13px 0 0 3px;}

#recentFirstPage { position: absolute;  left: 35px; top: 720px; }  /* another stupid hack just for IE6 */
.footer { position: relative; left: -75px;} /* ie 6 sucks a lot */


/* this dot fix for ie6 can be included, but I cant be bothered right now 
li {
	border-bottom: none;
	padding: 1px;
	background: url(images/dots.gif) repeat-x bottom;	
}
*/


* html body {
	behavior: url('iepngfix.htc');
}

* html #imgLinks 	 { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/links.jpg) no-repeat; }
* html #imgArchive   { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/monthly.jpg) no-repeat; }
* html #imgSuche	 { margin: 0 0 -10px 0; width: 158px; height: 40px; background: url(images/search.jpg) no-repeat; }
* html #imgLogin 	 { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/login.jpg) no-repeat; }
* html #imgNewsfeed  { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/newsfeed.jpg) no-repeat; }
* html #imgKategorien{ margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/cats.jpg) no-repeat; }
* html #imgKalender  { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/about.jpg) no-repeat; }
* html #imgAbout  { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/about.jpg) no-repeat; }
* html #imgRecently  { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/recently.jpg) no-repeat; }
* html #imgReadon    { margin: 10px 0 -12px 0; width: 60px; height: 36px; background: url(images/readon.jpg) no-repeat; }*/
/* End IE6 Hack */


/* Begin IE7 Hack */
*+html .entry0 { color: #feedb7; width: 90%; padding: 6px 14px 8px 14px; margin-bottom: -10px;} 
*+html #go { margin: -31px 0 0 0;}
*+html #rememberme { margin: -13px 0 0 3px;}
/* End IE7 Hack */

/* IE6 pisses me off */

.left1 li, .left2 li, .left3 li { float: left; padding: 0; margin: 0; list-style-type: none; }
h2 { font-size: 1.55em; } /* convince IE to look cool */


.left1 .widget ul, #recent0 ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; }

.left1 .widget li, #recent0 li { display: block; width: 150px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0; color: #ffd6dd; border-bottom: dotted 1px #ffd6dd; } 

.left1 .widget, #recent0 { color: #ffd6dd; text-decoration: none; }
.left1 .widget ul li a, .left1 .widget a, #recent0 ul li a, #recent0 a { color: #f997aa; text-decoration: none; border-bottom: 1px solid #f997aa; }

.left1 .widget ul li a:hover, .left1 .widget a:hover, #recent0 ul li a:hover, #recent0 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #d4f3ff; }

/* end recent0, .left1 and so on */

.left2 .widget ul, #recent1 ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; }
.left2 .widget li, #recent1 li { display: block; width: 150px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0; color: #ffd6dd; border-bottom: dotted 1px #ffd6dd; } 

.left2 .widget, #recent1 { color: #ffd6dd; text-decoration: none; }
.left2 .widget ul li a, .left2 .widget a, #recent1 ul li a, #recent1 a { color: #f997aa; text-decoration: none; border-bottom: 1px solid #f997aa; }

.left2 .widget ul li a:hover, .left2 .widget a:hover, #recent1 ul li a:hover, #recent1 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #d4f3ff; }


/* end recent1, .left2 (second left sidebar) */


#recent2 ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; }
#recent2 li { list-style-type: none; display: block; width: 150px; position: relative; left: 0px; margin: 5px 0 0 3px; padding: 0 0 5px 0; color: #ffd6dd; } 

#recent2 { color: #ffd6dd; text-decoration: none; }
#recent2 ul li a, #recent2 a { color: #f997aa; text-decoration: none; border-bottom: 1px solid #f997aa; }
#recent2 ul li a:hover, #recent2 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #d4f3ff; }

.left3 .widget ul, #recent3 ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; }
.left3 .widget li, #recent3 li { display: block; width: 150px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0; color: #ffd6dd; border-bottom: dotted 1px #ffd6dd; } 

.left3 .widget, #recent3 { color: #ffd6dd; text-decoration: none; }
.left3 .widget ul li a, .left3 .widget a, #recent3 ul li a, #recent3 a { color: #ffd6dd; text-decoration: none; border-bottom: 1px solid #fff; }

.left3 .widget ul li a:hover, .left3 .widget a:hover, #recent3 ul li a:hover, #recent3 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #fcc5ce; }

/* urm okay, this is where block three actually ends, or the css so to say */