body
{
 font: 62.5% verdana, sans-serif;
 background: #FAA61A url(hintmuster.gif) no-repeat;
 background-position: top center;
 text-align: center;
 color: #333;
 margin: 0;
 padding: 0;
 }

#container {
    text-align: left;
    width: 852px;
    margin: 0 auto;
    padding: 0 0 0 0;
    position: relative;
    background: url(hintcontent.gif) repeat-y;
    color: #333;}

#header {
    background: url(kopfgrafik.gif) no-repeat;
    height: 142px;
    margin-bottom: 15px;}

#content {
    text-align: left;
    margin: 0;
    width: 500px;
    padding: 0 0 0 40px;
    position: relative;
    color: #333;
    float: left;
    }

#content li  {
    text-align: left;
    font-size: 1.2em;
    list-style-type:circel;
    line-height:150%;
}

.fllinks {
	float:left;
	padding:0px;
	margin:0px 20px 0px 0px;
}

.flrechts {
	float:right;
	padding:0px;
	margin:0px 20px 0px 0px;
}

h1 {font-size:1.5em;color:#000;padding-bottom:0px; margin-bottom:5px;}
h2 {font-size:1.3em;color:#000;}
h3 {font-size:1.2em;color:#000;}
h4 {font-size:1.0em;color:#000; line-height:120%; font-weight: normal;}
p {font-size:1.2em;color:#000000; margin-bottom:0px;
line-height:150%;}


pre
{
 font-size:1.2em;
 color:#07968D;
 padding:0px;}

#footer {
    clear: both;
    text-align: left;
    margin: 0 0;
    padding: 1px 0px 1px 40px;
    background-color: #B82841;
    background: url(hintfooter.gif) repeat-y;
    background-position: top center;

    }

.content  {
	margin: 0px;
	padding: 0px;
	}

.content .linkespalte {
	width: 160px;
         margin-right: 0em;
	margin-top: 0em;
	float: left;
	}

.content .rechtespalte {
	width: 300px;
         height: 120px;
	margin-right: 0em;
	margin-top:0em;
	float: left;
	}

    /* 2+3 */
.zweier, .dreier {
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 width: 570px;
}

/* spaltencontent */
.spalter
{
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 width: 570px;

}
/* 2 */
.zweier .spalte_1 {
 width: 160px;
 float: left;
 background: #FFFFCC;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;

}

.zweier .spalte_2 {
 width: 400px;
 float: left;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;

}




img
{padding:0px 10px 15px 0px;

}

/* 3 */
.dreier .spalte_1 {
 width: 15%;
 float: left;
 margin-right: 10px;
}

.dreier .spalte_2 {
 width: 25%;
 float: left;
 text-align: center;
}

.dreier .spalte_3 {
 width: 55%;
 float: right;
}

.ssgthumb {float: left; border: 1px solid #dedede; padding: 5px; margin: 0 5px 5px 0;}