/* Allgemein */
body { font-size : 101%;}
html, body, address, blockquote, caption, dl, dt, fieldset, input, 
label, legend, li, ol, option, p, q, select, textarea, td, th, ul, h1, h2, h3, h4 ,h5, a     {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    }
p, #cc li, #rc li, td { 
    font-weight: normal; 
    line-height: 1.5em;
    font-size : 0.8em;
    color: #000;
    padding : 0; margin : 0;
    margin-bottom : 1.3em;
    vertical-align : top;
     }
#rc p {
    padding-left : 15px;
    padding-right : 10px;
    }
#rc { font-size : 0.9em; }     
a  { color: #0000CD; }
/* Aufzählungen */
#cc ul li, #rc ul li {
    margin : 0;
    padding : 1px;
    list-style-image : url(bilder/system_varel/li_dot.gif);
    list-style-position : outside;
    list-style-type : disc;
    }
#cc li ul li {
    font-size : 0.9em;
    margin : 0;
    padding : 0;
    list-style-position : outside;
    }
/* Überschriften */
h1, h2, h3, h4 {
    font-family:  Geneva, Arial, Helvetica, sans-serif;
    margin : 0; padding : 0;
    clear : both;
}
h1 {
    margin-bottom : 15px;
    font-size: 1.1em;
    font-weight: normal;
    color : White;
    background-position : top right;
    background-repeat : no-repeat;
    padding : 4px;
    padding-left : 8px;
    }
#rc h1 {
    font-size : 90%;
    padding : 5px;
    padding-left : 17px;
    background-position : top left;
    }
h2 {
    font-size: 1.1em;
    font-weight: normal;
    color : #333;
    margin-bottom : 0.25em;
    margin-top : 0.5em;
    }
#rc h2 {
    padding-left : 15px;
    font-size : 0.9em;
    font-weight : bold;
    padding-top : 0px;
}
h3 {
    font-size: 0.8em;
    font-weight: bold;
    color : #333;
    }
/*Ausrichten*/
.left {
        float : left;
        text-align : left;
        margin-bottom : 15px;
        margin-right : 15px;
        }
.center { text-align : center; }
div.center img { margin-bottom : 10px; }
.right {
        float : right;
        margin-bottom : 15px;
        margin-left : 15px;
        }
img.right {
        margin-bottom : 0px;
        margin-left : 0px;
        }
.clear { clear : both; }
/* Verschiendenes */
div.hr {
    height : 40px;
    width : 100%;
    clear : both;
    background : url(bilder/system_varel/dotted.gif) repeat-x center;
    border : none;
    }
img { border: none;  }
img.border  { border : 4px solid White; }
/* Tabellen */
table {
    margin : 0;
    padding : 0;
    border : 0;
    margin-bottom : 0.7em;
    }
#cc td, th {
    padding : 3px;
    border-bottom : 1px solid #545B5D;
    }
#cc th { 
    font-size : 0.8em;
    background-color : #80898C;
    color : White;
    }
#cc td.no { border-bottom : none; }
#rc table {
    margin-left : 12px;
    margin-right : -13px;
}
#rc td { padding : 2px; }
#rc td p, #cc td p{ 
    font-size : 1em;  
    padding : 0;
    margin : 0;
    }
#rc div.wetter table { margin : 2px;  }
    
/* Formulare */
#form {
    display : block;
    font-size : 0.8em;
    padding-bottom : 1em;
    clear : both;
    }
.row {
    clear:left;
    padding-top : 10px;
}
#form label{
    width:11em;
    float : left;
}
#form label.req{ font-weight : bold; }
#form input, #form textarea {
    padding : 0.1em;
    font-size : 1em;
    }
#form .button {
    font-weight : bold;
    padding : 4px;
    }