body{
    font-family:  "Verdana", Arial, Lucida Sans Unicode; /* Font to use */
    font-size: 13px;
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
input{
    font-family:  "Verdana", Arial, Lucida Sans Unicode; /* Font to use */
    font-size: 13px;
}
#mainContainer
    {
    width           : 100%;
    margin          : 0 auto;
    text-align      : left;
    padding-bottom  : 30px;
    padding-left    : 10px;
    line-height     : 1.5;
    }
#header{
    /* Header at the top of the demo */
    height:150px;
}
#header img{
    float:left;
}
.dragableBox{
    /* The RSS box */
    background-color:#FFFFFF;
    margin:5px;
}
/* A div inside the rss box - with a blue border */
.dragableBoxInner{
    border:1px dotted #000000;
}
.dragableBoxHeader{
    /* Header inside RSS box / Hintergrundfarbe Überschrift RSS Box*/
    font-family:  Verdana, Arial, Lucida Sans Unicode; /* Font to use */
    font-size: 16px;
    background-color: #F0ECE0;
    height: 20px;
    font-weight: bold;
    color: #000000;
    padding-left: 5px;
    border-bottom: 1px dotted #000000;
}
.dragableBoxHeader span{
    /* Text inside header of RSS box / Überschrift an sich*/
    font-family:  Verdana, Arial, Lucida Sans Unicode; /* Font to use */
    font-size: 13px;
    font-weight: bold;
    line-height:  20px;
    color: #000000;
    border: none;
}
.dragableBoxHeader img,.dragableBoxHeader span{
    /* Text and reload image inside RSS box */
    float:left;
}
.boxItemHeader{
    /* Title of items inside dragable boxes / Text in den RSS - Boxen */
    font-family:  Verdana, Arial, Lucida Sans Unicode; /* Font to use */
    font-size: 13px;
    font-weight:  normal;
    margin: 0px;
    color: #000000;
    text-decoration: none;
    overflow: hidden;
    border: none;
}
.boxItemHeader:link{
    /* Title of items inside dragable boxes / Text in den RSS - Boxen */
    font-family:  Verdana, Arial, Lucida Sans Unicode; /* Font to use */
    font-size: 13px;
    font-weight:  normal;
    margin: 0px;
    color: #000000;
    text-decoration: none;
    overflow: hidden;
    border: none;
  }
.boxItemHeader:visited{
    /* Title of items inside dragable boxes / Text in den RSS - Boxen */
    font-family:  Verdana, Arial, Lucida Sans Unicode; /* Font to use */
    font-size: 13px;
    font-weight:  normal;
    margin: 0px;
    color: #A0A0A0;
    text-decoration: none;
    overflow: hidden;
    border: none;
  }
.boxItemHeader:hover{
    /* Title of items inside dragable boxes - mouseover*/
    font-family:  Verdana, Arial, Lucida Sans Unicode; /* Font to use */
    font-size: 13px;
    font-weight:  normal;
    margin: 0px;
    color: rgb(70,90,105);
    text-decoration: none;
    border: none;
}
.dragableBoxHeader input{
    /* text inputs that gets visible when you click on the "edit" link at the top of a rss box */
    font-family:  Verdana, Arial, Lucida Sans Unicode; /* Font to use */
    font-size: 13px;
    font-weight:  normal;
}
.rssNumberOfItems{
    /* Number of RSS items in header - the one inside parantheses */
    color:  #FF0000;
}
.dragableBoxContent{
    /* DIV holding data inside dragable boxes */
    padding:3px;
    clear:both;
}
#rectangleDiv{
    /* Dotted rectangle indicating where objects will be dropped */
    border:1px dotted #000000;
    margin:5px;
}
.closeButton{
    /* Close button */
    padding: 2px;
    border:  1px solid #000000;
    line-height: 9px;
    height:  9px;
    margin:  2px;
    color: #000000;
    padding: 2px;
    padding-bottom: 3px;
}
.closeButton_over{
    /* Close button - mouse over */
    padding: 2px;
    border:  1px solid #000000;
    line-height: 9px;
    padding: 2px;
    padding-bottom: 3px;
    margin:  2px;
    color: #000000;
}
.dragableBoxStatusBar{
    /* Status bar at the bottom of rss boxes / Status Bar unten*/
    border-top:  3px single #000000;
    height:  14px;
    background-color:rgb(110,125,140);
    padding: 2px;
}
.dragableBoxEditLink{
    /* Edit link on top of a box */
    font-family:  "Trebuchet ms", Arial, Lucida Sans Unicode, "Trebuchet ms", Arial, sans-serif; /* Font to use */
    font-size: 13px;
    font-weight:  normal;
    color: #000000;
    text-decoration: none;
    padding-top:  1px;
    border: none;
}
.dragableBoxEditLink:hover{
    /* Edit link - mouse over */
    font-family:  "Trebuchet ms", Arial, Lucida Sans Unicode; /* Font to use */
    font-size: 13px;
    font-weight:  normal;
    color: #FF0000;
    text-decoration: underline;
    padding-top:  1px;
    border: none;
}
form{
    /* No borders in forms */
    display:inline;
}
.addNewFeed{
    /* The white box at the top right corner where you can add a new RSS feed */
    font-family  :  "Trebuchet ms", Arial, Lucida Sans Unicode; /* Font to use */
    font-size    : 11px;
    font-weight  :  normal;
    float        : left;
    padding-left : 2px;
    padding-right: 2px;
    margin-top   : 1px;
    margin-right : 20px;
    margin-left  : 5px;
}
img{
    border:0px;
}