BODY {
    margin: 1px;
    padding: 1px;
    background: #ddffdd;
    font-family: Segoe UI,Arial,sans-serif;
    background-image: url(bg1.jpg);
    background-repeat: repeat;
}

/* non-decorated links */
.nodecor {
    color: #000000;
    text-decoration: none;
}
/* external link */
.ext { color: coral; text-decoration: none;}
.ext:after { content: " " url(external.png) }

H1 {
    padding-top: 1px;
    margin-top: 1px;
}

#fineprint {
    text-align: center;
    font-size: smaller;
    margin-top: 20pt;
}

#fixwidth {
    position: absolute;
    top: 0px;
    left: auto;
    width: 950px;
    overflow: hidden;
}

#content {
    background-color: #ddffdd;
    border-color: #000000;
    border-width: 1px;
    padding-left: 3px;
    border-left: 1px solid;
    padding-right: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-radius-bottomleft: 4px;
    border-radius-bottomright: 4px;
    /*behavior: url(/z.php/border-radius.htc);*/
}

H2 {
    margin-top: 1px;
    margin-bottom: 5px;
    padding-top: 1px;
}

H2.elements { display: inline; font-size: medium; margin-top: -8px; }

#content > H2 { margin: 0px;}

H3 {
    margin-bottom: 0px;
    padding: 0px;
    margin-top: 10px;   
}

H4 { margin-bottom: 0px; }

.noteblock { background-color: #ffcccc; }
.todoblock {}

.itemhead {
    font-size: larger;
    font-weight: 400;   
}

.todoitem {
    padding-left: 20px;
}

.todoitemlink {
    float: right;
    font-size: smaller;
}

.itemsubhead {
    font-size: x-small;
    font-style: italic;
    margin-left: 20px;
}

.roundtab {
    border-width: 1px;
    border-color: #000;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -o-border-top-left-radius: 4px;
    -o-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    /*behavior: url(/z.php/border-radius.htc);*/
}

.tab {
    border: solid #000 1px;
    color: #000000;
    text-decoration: none;
    background-color: transparent;
}

.tab:hover {
    background: #eeffdd;
}

.tabselected {
    text-decoration: none;
    border-left: solid 1px;
    border-top: solid 1px;
    border-right: solid 1px;
    border-color: #000000;
    background-color: #ccffcc;
    color: #000000;
}

.subtabselected {
    border-left: solid #000 1px;
    border-top: solid #000 1px;
    border-right: solid #000 1px;
    border-color: #000000;
    background-color: #ddffdd;
    color: #000000;
}

/* Mine Planter: elements */
.clist {
    padding-left: 15px;
    /*display: none;*/
}

.padder {}

.commentbox {
    border: 1px solid;
    margin-bottom: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    /*behavior: url(/z.php/border-radius.htc);*/
}

.ucsitem {
    font-size: 10pt;
    border: 1px solid #888;
    margin-bottom: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    /*behavior: url(/z.php/border-radius.htc);*/
}

.ucslink { text-decoration: none; color: black; }
.ucslink:hover { text-decoration: underline; }

.eltlink {
    text-decoration: none;
}

.eltlink:hover {
    text-decoration: underline;
}

.eltlink_selected {
    background-color: #dddd88;
}

.latin {
    font-style: italic;
}

.flickimg {
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.sortbutton {
    font-size: xx-small;
    border: solid #000 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    /*behavior: url(/z.php/border-radius.htc);*/
}

.sortbutton:hover {
    background: #dddd88;
}

.layerbutton {
    border: solid 1px #000000;
    cursor: pointer;    
}

.layerbutton:hover {
    background-color: #dddd88;
}

.plantdescr {
    font-size: 12pt;
}

.plantdescr LABEL { font-weight: bold; }

.mns { font-size: xx-small; }
.mn1 { border: solid 1px black; width: 1em; padding-left: 2px; padding-right: 2px; }

#elttree {
    background-color: #ccffcc;
    width: 500px;
}

#mainmenu {
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: large;
}

#submenu {
    padding-top: 20px;
    padding-left: 3px;
    padding-right: 0px;
    border-color: #000;
    border-width: 1px;
    border-left: solid #000 1px;
    border-right: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #ccffcc;
    /*background: -moz-linear-gradient(top,#ccffcc,#ffffff,#ccffcc);*/
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-radius-bottomleft: 4px;
    border-radius-bottomright: 4px;
    border-radius-topright: 4px;
    /*behavior: url(/z.php/border-radius.htc); */
}

#menustrip {
    padding: 0px;
    margin: 0px;
}

.message {
    clear: both;
    border: 1px #000000 solid;
    background-color: #888800;
    font-style: oblique;
}

/* min planteliste: */
#planteliste TH {
    cursor: pointer;
}

.blackout {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #000000;
    z-index: 1000;
    width: 100%;
    height: 100%;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.infobox {
    position: absolute;
    left: 100px;
    top: 100px;
    width: 700px;
    max-height: 500px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 1001;
    background: #ccffcc;
    color: #000000;
    padding: 5px;
    border: 2px solid #000000;
}

#i_design_buttons {
    position: relative;
    width: 412px;
    height: 28px;
    margin: 0;
    padding: 0;
}

.c_btn {
    position: absolute;
    width: 0px;
    height: 28px;
    padding-right: 30px;
    top: 0px;
}

/* wheelselect widget 
.wheelselect { overflow: hidden; height: 3em; width: auto; border: 1px solid;}
.wheelselect li { display: block; margin: 0px; padding: 0px;}
.wheelselect ul { margin: 0px; margin-top: 1em; padding: 0px; }
.wheelselect li.wsSelected { background: yellow; }
*/
/* on print we only show the main content, no buttons, ads, links */
@media print {
    #menustrip,#i_leftcol,#i_search,#i_ads,#i_seealso,#i_buttons { display: none; }
    #i_midcol { width: 17cm; }
    #fixwidth { width: 17.5cm; overflow: visible !important; }
    .c_noprint { display: none; }
    #submenu,.tab,.tabselected,.subtabselected,#content { border: none; }
}