/* utf8-marker = äöüß */

/* 
#################################
         default style 
#################################
*/

div.feed2js-box-default {
font-family: arial, sans-serif;
font-size: 15px;
}

.feed2js-box-default h1, .feed2js-box-default h2, .feed2js-box-default h3, .feed2js-box-default h4, .feed2js-box-default h5, .feed2js-box-default h6 {
font-size: 16px; font-family: arial, sans-serif;
}

div.feed2js-box-default ul.rss-items {
list-style-type: none; 
list-style-image: none; 
padding: 0; 
margin: 0;
}

div.feed2js-box-default li.rss-item {
border-top: 1px solid; 
padding: 9px 0 0 0; 
margin: 9px 0 0 0;
}

div.feed2js-box-default .rss-hlink {
display: block;
float: left; 
width: 100%;
font-weight: 700;
padding: 0; 
margin: 0 0 6px 0;
}

div.feed2js-box-default .rss-date {
display: block;
float: left; 
width: 100%;
padding: 0; 
margin: 0 0 9px 0;
}

div.feed2js-box-default .rss-title {
font-size: 16px; 
font-weight: 700;
}



/* 
#################################
 CSS Class extension "bluegrey"
#################################

If you set the 7. parameter of the plugin call to "bluegrey", this style will be used.
*/

div.feed2js-box-bluegrey {
width: 300px;
float: left;
background: #eee;
color: #456;
font-family: arial, sans-serif;
font-size: 15px;
border: 4px double #999;
padding: 2px 16px 12px 16px;
margin: 24px 0;
}

div.feed2js-box-bluegrey a:link {color: #258; text-decoration: none;}
div.feed2js-box-bluegrey a:visited {color: #258; text-decoration: none;}
div.feed2js-box-bluegrey a:hover {color: #c60; text-decoration: none;}
div.feed2js-box-bluegrey a:active {color: #c60; text-decoration: none;}
div.feed2js-box-bluegrey a:focus {color: #c60; text-decoration: none;}

div.feed2js-box-bluegrey h1, div.feed2js-box-bluegrey h2, div.feed2js-box-bluegrey h3, div.feed2js-box-bluegrey h4, div.feed2js-box-bluegrey h5, div.feed2js-box-bluegrey h6 {
font-size: 16px; font-family: arial, sans-serif;
}

div.feed2js-box-bluegrey ul.rss-items {
list-style-type: none; 
list-style-image: none; 
padding: 0; 
margin: 0;
}

div.feed2js-box-bluegrey li.rss-item {
border-top: 1px solid #999; 
padding: 9px 0 0 0; 
margin: 9px 0 0 0;
}

div.feed2js-box-bluegrey .rss-hlink {
display: block;
float: left; 
width: 100%;
font-weight: 700;
padding: 0; 
margin: 0 0 6px 0;
}

div.feed2js-box-bluegrey .rss-date {
display: block;
float: left; 
width: 100%;
padding: 0; 
margin: 0 0 9px 0;
}

div.feed2js-box-bluegrey .rss-title {
font-size: 16px; 
font-weight: 700;
}



/* 
#################################
  CSS Class extension "darkred"
#################################

If you set the 7. parameter of the plugin call to "darkred", this style will be used.
*/

div.feed2js-box-darkred {
width: 228px;
float: right;
background: #400;
color: #ccc;
font-family: arial, sans-serif;
font-size: 14px;
border: 4px solid #998;
padding: 2px 16px 12px 16px;
margin: 24px 0;
}

div.feed2js-box-darkred a:link {color: #ffe; text-decoration: none;}
div.feed2js-box-darkred a:visited {color: #ffe; text-decoration: none;}
div.feed2js-box-darkred a:hover {color: #f90; text-decoration: none;}
div.feed2js-box-darkred a:active {color: #f90; text-decoration: none;}
div.feed2js-box-darkred a:focus {color: #f90; text-decoration: none;}

div.feed2js-box-darkred h1, div.feed2js-box-darkred h2, div.feed2js-box-darkred h3, div.feed2js-box-darkred h4, div.feed2js-box-darkred h5, div.feed2js-box-darkred h6 {
font-size: 16px; font-family: arial, sans-serif;
}

div.feed2js-box-darkred ul.rss-items {
list-style-type: none; 
list-style-image: none; 
padding: 0; 
margin: 0;
}

div.feed2js-box-darkred li.rss-item {
border-top: 1px solid; 
padding: 9px 0 0 0; 
margin: 9px 0 0 0;
}

div.feed2js-box-darkred .rss-hlink {
display: block;
float: left; 
width: 100%;
font-weight: 700;
padding: 0; 
margin: 0 0 6px 0;
}

div.feed2js-box-darkred .rss-date {
display: block;
float: left; 
width: 100%;
padding: 0; 
margin: 0 0 9px 0;
}

div.feed2js-box-darkred .rss-title {
font-size: 16px; 
font-weight: 700;
}