body  {
        font-family: Arial, Helvetica, sans-serif;
        font-size: small;
        color: #666666;
                background-image:url(image/bg_body.jpg); background-attachment:fixed;
        margin: 0;
        padding: 0;
        text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#container {
        width: 100%;
        background: #FFFFFF;
        margin: 0px auto;
        border: 0px;
        text-align: left; /* this overrides the text-align: center on the body element. */
        max-width: 1090px;
        min-width: 780px;
}
#header {
        position:relative; top:0px; left:0px;
    height:200px;
        background-image: url(foto/bg/thai_massage_ausbildung.jpg);
        background-position:210px 0px;
        background-repeat:no-repeat ;
        background-attachment: scroll;
        overflow:hidden;
}
#header img.logo {
        position:absolute; top:0px; left:0px;
        width:210px;
        height:157px;
        margin: 0;
        padding: 0;
}
#header img.linie {
        position:absolute; top:188px; left:0px;
        width:210px;
        height:12px;
        margin: 0;
        padding: 0;
}
#header p {
        position:absolute; top:155px; left:0px;
        color: #660000;
        font-size: small;
        font-weight:bold;
        width:210px;
        text-align:center;
}
#header img.flagge {
        position: absolute; top:10px; right:30px;
        color: #660000;
        margin: 0;
}
#link {
        text-align:right;
        font-size:smaller;
        padding-top:5px;
        padding-right: 20px;
        margin: 0;
}
#link a:link    { text-decoration:underline;color:#666666; }
#link a:visited { text-decoration:underline;color:#666666; }
#link a:hover   { text-decoration:underline;color:#ffcc66; }
#link a:active  { text-decoration:underline;color:#666666; }
#sidebar1 {
        float: left;
        width: 180px; /* since this element is floated, a width must be given */
        margin: 10px 0 0 20px;
        text-align:left;
}
#sidebar1 table.menue1 {
        margin-left:0px; width:180px;
}
#sidebar1 table.menue1 img{
        margin-left:0px; margin-top:4px; margin-bottom:4px;
}
#sidebar1 table.menue2 {
        margin-left:5px;
}
#sidebar1 table.menue2 tr td {
        padding-top:10px; padding-bottom:5px; padding-left:15px;
}
#sidebar1 a:link    { text-decoration:none;color:#660000; }
#sidebar1 a:visited { text-decoration:none;color:#660000; }
#sidebar1 a:hover   { text-decoration:none;color:#ffcc66; }
#sidebar1 a:active  { text-decoration:none;color:#660000; }
#mainContent {
        margin: 20px 20px 20px 240px;
}
#mainContent h1 {
        font-size:18px;
}
#mainContent p {
        padding:4px;
}
#mainContent  a:link    { text-decoration:underline;color:blue; }
#mainContent  a:visited { text-decoration:underline;color:blue; }
#mainContent  a:hover   { text-decoration:underline;color:#ffcc66; }
#mainContent  a:active  { text-decoration:underline;color:blue; }
#footer {
        padding: 0 10px;
                background-image:url(image/bg_linie2.gif);
}
#footer p {
        margin: 0;
        padding: 2px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
        font-size: 9px;
        color:#666666;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
        clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.smaller {
        font-size: smaller;
}