html, body {
margin:0px;
padding:0px;
background-color:rgb(102,0,51);
background-image:url(../images/hg_muster.jpg);
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:12px;
color:rgb(102,0,51);
font-style:normal;
font-weight:normal;
text-align:center;
height:100%
}
#container {
width: 1000px;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 1000px im Browserfenster betraegt. Hier aber feste Angaben, da der IE 6 ansonsten nicht richtig anzeigt. */
height:557px;
margin: 0% auto; /* Durch automatische Raender (in Verbindung mit einer Breite) wird die Seite zentriert. */
text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element ueberschrieben. */
max-width: 1000px;
overflow:hidden;
}
#navigation {
float:left;
background-color:rgb(250,235,215);
width:185px;
}
#features {
float:right;
background-color:rgb(102,0,51);
background-image:url(../images/hg_muster.jpg);
width:185px;
}
#content {
background-color:rgb(250,235,215);
margin:0 185px;
}
clearfix:after {        /* clearfix zum Aufheben der Floatumgebung */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
.burgund {                                           /* Navigation Hintergrund */
margin-top:4px;
margin-left:4px;
margin-bottom:4px;
background-color:rgb(105,34,40);
height:549px;
}
a.navi, a.navi_first, a.navi_self {                  /* Navigation Hauptpunkte */
display:block;
white-space:nowrap;
overflow:hidden;
font-size:12px;
text-decoration:none;
margin-left:13px;
padding-top:10px;
text-align:left;
clear:left;   /* Blindgif Text unterhalb */
}
a.navi:link, a.navi_first:link,
a.navi:visited, a.navi_first:visited {
color:rgb(250,235,215);
}
a.navi_self:link, a.navi_self:visited {
color:rgb(255,192,0);
font-weight:bold;
}
a.navi:hover, a.navi_first:hover, a.navi_self:hover,
a.navi:active, a.navi_first:active, a.navi_self:active {
color:rgb(255,192,0);
}
a.navi1, a.navi1_first, a.navi1_self {                 /* Navigation Preise Damen Herren Kinder */
display:block;
white-space:nowrap;
overflow:hidden;
font-size:12px;
text-decoration:none;
margin-left:20px;
padding:3px;
text-align:left;
}
a.navi1:link, a.navi1_first:link,
a.navi1:visited, a.navi1_first:visited {
color:rgb(250,235,215);
}
a.navi1_self:link, a.navi1_self:visited {
color:rgb(255,192,0);
font-weight:bold;
}
a.navi1:hover, a.navi1_first:hover, a.navi1_self:hover,
a.navi1:active, a.navi1_first:active, a.navi1_self:active {
color:rgb(255,192,0);
}
a.navi2, a.navi2_first, a.navi2_self {                    /* Navigation Unterpunkte Preise Damen */
display:block;
white-space:nowrap;
overflow:hidden;
font-size:11px;
text-decoration:none;
margin-left:30px;
padding:2px;
text-align:left;
}
a.navi2:link, a.navi2_first:link,
a.navi2:visited, a.navi2_first:visited {
color:rgb(250,235,215);
}
a.navi2_self:link, a.navi2_self:visited {
color:rgb(255,192,0);
}
a.navi2:hover, a.navi2_first:hover, a.navi2_self:hover,
a.navi2:active, a.navi2_first:active, a.navi2_self:active {
color:rgb(255,192,0);
}
#logo {                   /* Navigation Preise */
margin-top:75px;          /* alt Abstand 28px */
margin-left:13px;
width:120px;
height:42px;
border:none;
}
#logo2 {                   /* Navigation */
margin-top:130px;          /* alt Abstand 73px */
margin-left:13px;
width:120px;
height:42px;
border:none;
}
#navianschrift1 {
line-height:22px;
margin-left:13px;
color:rgb(250,235,215);
}
#navianschrift2 {
margin-top:7px;
margin-left:13px;
color:rgb(250,235,215);
}
#navianschrift3 {
margin-top:11px;
margin-left:13px;
color:rgb(250,235,215);
}
#navianschrift4 {
margin-left:47px;
}
#blind {
margin-top:0px;
float:left;
width:20px;
height:10px;
border:0;
}
.foto1 {
margin-top:11px;
margin-left:15px;
width:155px;
height:175px;
border:none;
}
.foto2 {
margin-top:11px;
margin-left:15px;
width:155px;
height:175px;
border:none;
}
div.box_title {
margin-top:13px;
margin-left:0px;
background-image:url(../images/grafik_aktuelles1.gif);
width:170px;
height:160px;
}
.news {
position:absolute;
margin-top:48px;
margin-left:35px;
font-size:12px;
font-weight:bold;
color:rgb(118,88,33);
}
.news2 {
position:absolute;
margin-top:51px;
margin-left:35px;
font-size:11px;
font-weight:bold;
}
.news3 {
position:absolute;
margin-top:91px;
margin-left:35px;
font-size:12px;
font-weight:bold;
color:rgb(118,88,33);
}
.news4 {
position:absolute;
margin-top:94px;
margin-left:35px;
font-size:11px;
font-weight:bold;
}
a {
text-decoration:none;
font-weight:bold;
color:rgb(118,88,33);
}
a:hover {
text-decoration:none;
font-weight:bold;
color:rgb(128,0,64);
}









