p.whiteline {
    margin-top: 0em;
    margin-bottom: 1em;
}

p.break {
    margin-top: 0em;
    margin-bottom: 0em;
}

img {
   behavior: url("http://klassenschoenste.de/index.php?/plugin/pngbehavior.htc");
}
.serendipity_karmaVoting {
    text-align: center;
    font-size: 7pt;
    margin: 0px;
}

.serendipity_karmaVoting a {
    font-size: 7pt;
    text-decoration: none;
}

.serendipity_karmaVoting a:hover {
    color: green;
}

.serendipity_karmaError {
    color: #FF8000;
}
.serendipity_karmaSuccess {
    color: green;
}
.serendipity_karmaVoting_links,
.serendipity_karmaVoting_links a:hover,
.serendipity_karmaVoting_current-rating {
    background: url(http://klassenschoenste.de/plugins/serendipity_event_karma/img/stars-def-yellow-green-md.png) left;
    font-size: 0;
}
.serendipity_karmaVoting_links {
    position: relative;
    width: 100px;
    height: 20px;
    overflow: hidden;
    list-style: none;
    margin: 0px auto;
    padding: 0px;
    background-position: left top;     
    text-align: center;
}
.serendipity_karmaVoting_links li {
   display: inline; 
}
.serendipity_karmaVoting_links a ,
.serendipity_karmaVoting_current-rating {
    position:absolute;
    top: 0px;
    left: 0px;
    text-indent: -9000em;
    height: 20px;
    line-height: 20px;
    outline: none;
    overflow: hidden;
    border: none;
}
.serendipity_karmaVoting_links a:hover {
    background-position: left bottom;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link1 {
    width: 20%;
    z-index: 6;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link2 {
    width: 40%;
    z-index: 5;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link3 {
    width: 60%;
    z-index: 4;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link4 {
    width: 80%;
    z-index: 3;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link5 {
  width: 100%;
    z-index: 2;
}
.serendipity_karmaVoting_links .serendipity_karmaVoting_current-rating {
    z-index: 1;
    background-position: left center;
}
/* templates/default/style_fallback.css  */
/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css template. 
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Default image classes for left/right/usual layout */
.serendipity_image_center {
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_left {
  float: left;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_right {
  float: right;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: Centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

/* Embedded images with comments inside the s9y image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

/* END OF style_fallback.css *//* templates/rubyx/style.css  */
/*
** RubyX
** Based on CrystalX by Nuvio (http://www.nuvio.cz/)
** Colorscheme by Ken Dahlin (http://www.kendahlin.com/)
** Serendipity Port by fwaggle (http://www.hungryhacker.com/)
*/

* {
	min-height: 1px;
}

body {
	border: 0;
	margin: 0;
	padding: 0;
	background: #fff1f3 url("templates/rubyx/img/bg.gif") 0 0 repeat-x; 
	font: 70%/160% "verdana",sans-serif;
	color: #7f000b;
	text-align: center;
}

a {color:#7f000b;}
a:hover {color:#ff2740;}

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

div {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:180%; line-height:100%; font-family:"verdana",sans-serif; font-weight:bold;}
h2 {font-size:125%; line-height:100%; font-family:"verdana",sans-serif; font-weight:bold;}
h3 {font-size:110%; line-height:100%; font-weight:bold;}
h4 {font-size:100%;}
h5 {font-size:100%;}

/*
div#content table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #ffaec0; font-size:100%;}
div#content tr {display:table-row;}
div#content th, td {display: table-cell; border:1px solid #ffaec0; margin:0; padding:5px; vertical-align:top; text-align:left;}
div#content th {background:#ffe5e9; text-align:center; color:#7f000b; font-weight:bold;}
*/

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {
	text-decoration: line-through;
}

strong, .strong {
	font-weight: bold;
}

cite, em, q, var {
	font-style: italic;
}

code, kbd, samp {
	font-family: monospace; 
	font-size: 110%;
}

div.clearer {
	clear: both;
}

div#container {
	width: 770px;
	margin: 50px auto 0 auto;
	text-align: left;
}

div#header {
	position: relative;
	width: 770px;
	height: 318px;
	margin: 0;
	padding: 0;
	background: #233C9B url("templates/rubyx/img/header.jpg") 0 0 no-repeat; 
	color: #ffffff;
}

div#serendipity_banner h2 {
	display: none;
}

div#serendipity_banner h1 {
         display: none;
}

div#serendipity_banner h1 a {
	color: #ffffff;
}

div#serendipity_banner h1 a:hover {
	color: #ff99b2;
	text-decoration: underline;
}

div#search {
	position: absolute;
	top: 230px;
	right: 20px;
}

div#search form {
	position: relative;
}

span#QuickSearchTermFieldOut {
	position: absolute;
	top: 0;
	right: 45px;
	width: 155px;
	height: 28px;
	margin: 0;
	padding: 0;
	border:0; background:url("templates/rubyx/img/search_input.gif") 0 0 no-repeat;
	font: bold 90%/100% "verdana",sans-serif;
	color: #7f000b;
}

input#QuickSearchTermField {
	width: 140px;
	margin: 5px 8px;
	padding: 3px 0;
	border: 0;
	background: #ffffff;
	font: bold 100%/100% "verdana",sans-serif;
	color: #7f000b;
}

input#search-submit {
	position:absolute;
	top: 0;
	right: 0px;
}

div#search fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;
}

div#search legend {
	display: none;
}

div#nav {
	background: #7f000b;

}

div#nav ul {
	margin: 0;
	margin-left: 10px;
	padding: 0;
	list-style: none;
}

div#nav li {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}

div#nav a {
	display: block;
	position: relative;
	padding: 7px 15px;
	border: 0;
	background: url("templates/rubyx/img/tab_link.gif") 0 0 repeat-x;
	color: #ff99b2;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

div#nav span.tab-l {
	position: absolute;
	top: 0; left:0; _left:-15px; width:8px; height:8px; background:url("templates/rubyx/img/tab_link_l.gif") 0 0 no-repeat;
}

div#nav span.tab-r {
	position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("templates/rubyx/img/tab_link_r.gif") 100% 0 no-repeat;
}

div#nav a:hover {background:url("templates/rubyx/img/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
div#nav a:hover span.tab-l {background:url("templates/rubyx/img/tab_hover_l.gif") 0 0 no-repeat;}
div#nav a:hover span.tab-r {background:url("templates/rubyx/img/tab_hover_r.gif") 100% 0 no-repeat;}

div#nav li#active a {background:#FFF; color:#FF0000;}
div#nav li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("templates/rubyx/img/tab_active_l.gif") 0 0 no-repeat;}
div#nav li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("templates/rubyx/img/tab_active_r.gif") 100% 0 no-repeat;}

div#main {
	position: relative;
	top: -1px;
	_top: 0;
	width: 770px;
	background: #ffffff url("templates/rubyx/img/bg_page.gif") 0 0 repeat-y;
	border: 0;
}

div#main_in {
	min-height: 1px;
	padding: 10px 0;
	background: url("templates/rubyx/img/bg_page_in.jpg") 0 0 no-repeat;
	_height:1px;
}

div#strip {
}

div#main_in:after, div#main:after, div#content:after, div#strip:after {
	content: ".";
	display: block;
	line-height: 0px;
	font-size: 0px;
	visibility: hidden;
	clear:both;
}

div#left {
	float: left;
	width: 530px;
	margin: 0;
	padding: 0 0 0 20px;
}

div#content {

}

.serendipity_Entry {
	clear: both;
	margin: 0;
	padding: 20px;
	background: url("templates/rubyx/img/content_article_bg.jpg") 0 0 no-repeat;
}

.serendipity_title {
	margin: 0 -20px;
	padding: 10px;
	background: #ffdce1 url("templates/rubyx/img/content_title_bg.gif") 0 0 repeat-y;
	color: #7f000b;
}

.serendipity_title span {
	background: url("templates/rubyx/img/ico_list.gif") 0 50% no-repeat;
	padding-left:25px;
}

.serendipity_Entry_info {
	border-bottom: solid 2px #eeeeee;
	padding-bottom: 5px;
}

.serendipity_Entry span.date, .serendipity_Entry span.cat, .serendipity_Entry span.user, .serendipity_Entry span.comments {
	padding-left:15px;
}

.serendipity_Entry span.date {background:url("templates/rubyx/img/ico_date.gif") 0 50% no-repeat;}
.serendipity_Entry span.cat {background:url("templates/rubyx/img/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
.serendipity_Entry span.user {background:url("templates/rubyx/img/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
.serendipity_Entry span.comments {background:url("templates/rubyx/img/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}

.serendipity_Entry p.btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
.serendipity_Entry p.btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("templates/rubyx/img/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
.serendipity_Entry p.btn-more a:hover {background:url("templates/rubyx/img/btn_more.gif") -95px 0 no-repeat;}

div#right {
	float: left;
	width: 200px;
	margin: 0;
	margin-top: 1px;
	_margin-top: 0;
	padding: 0;
	background: #ffc8d4 url("templates/rubyx/img/col_bg.gif") 0 0 repeat-y;
}

div#right a {
	text-decoration: none;
}

div#right td a {
	text-decoration: underline;
}

div#right_in {
	padding: 20px 10px;
	background:url("templates/rubyx/img/col_top.gif") 0 0 no-repeat;
}

.serendipitySideBarTitle {
	padding: 13px 15px 14px 15px;
	margin: 0 -10px 15px -10px;
	background: #ff94ab url("templates/rubyx/img/col_title_bg.gif") 0 0 repeat-y;
	color: #7f000b;
}

div#footer {
	position: relative;
	clear: both;
	width: 770px;
	height: 60px;
	top: -30px;
	_top: 0;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-left: 25px;
	background: url("templates/rubyx/img/footer.jpg") 0 0 no-repeat; 
	color: #ff3360;
}

div#footer p {
	line-height: 40px;
}

#top {position:absolute; top:55px; left:550px;}
#top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}
#top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("templates/rubyx/img/ico_top.gif") 0 0 no-repeat; cursor:pointer;}
#top a:hover span {background:url("templates/rubyx/img/ico_top.gif") -30px 0 no-repeat;}

.serendipity_searchQuery {
    background-color: #D81F2A;
    color: #FFFFFF;
}

.serendipity_freeTag
{
    margin-left: auto;
    margin-right: 0px;
    text-align: right;
    font-size: 7pt;
    display: block;
    margin-top: 5px;
    margin-bottom: 0px;
}

.serendipity_freeTag_related
{
    margin-left: 50px;
    margin-right: 0px;
    text-align: left;
    font-size: small;
    display: block;
    margin-top: 20px;
    margin-bottom: 0px;
}



.serendipity_freeTag a
{
    font-size: 7pt;
    text-decoration: none;
}

.serendipity_freeTag a:hover
{
    color: green;
    text-decoration: underline;
}
img.serendipity_freeTag_xmlButton
{
    vertical-align: bottom;
    display: inline;
    border: 0px
}