body {
margin:0px;
padding:0px;
background-color:#fef9ca;
font-family: Tahoma,Verdana,sans-serif; color:#000000; size:100,01%;
}

/*Kopfbereich auf Contentseiten*/
#head {
   width:900px;
   height:130px;
   background-color:#fef9ca;
   float:clear;
}

#head_title 
{
    padding-top: 15px;
    padding-left:200px;
}

.linkhead{
   text-align: right;
   padding-top:25px;
}

.linkhead a:link    { font-weight:bold; color:#000000; text-decoration:none; }
.linkhead a:visited { font-weight:bold; color:#000000; text-decoration:none; }
.linkhead a:hover   { font-weight:bold; color:orange; text-decoration:none; }
.linkhead a:active  { font-weight:bold; color:red; text-decoration:none; }
.linkhead a:focus   { font-weight:bold; color:green; text-decoration:none; } 



	
/* Positionierung head auf Extraseiten */
#popup {
	width:800px;
	position: absolute; 
	top: 40%; 
	left: 50%; 
	margin: -215px 0 0 -400px; 
	text-align:center;
	}

/*Vorschaltseite*/
#index {
	/*width:1162px; */
	text-align: center;
	position: relative;
	margin:5px;
	padding:20px;
	left: 1px;
	top: 2px;
	}

	
.abstandRe {
	letter-spacing: 5em;
  }

#menu { 
    padding-top:20px;
    background-color:#663300;
    float:left;
    width:200px;
	height:600px;
}
/* eingerückte Links als Liste*/
.einger { 
    list-style-type:square;
	font-size : 0,7em;
    font-weight: normal;
	text-decoration: none;
	
 }
.einger a:link    {  font-weight: bold; color:#000000; text-decoration:underline; }
.einger a:visited {  font-weight: bold;color:#0678F7; text-decoration:underline; }
.einger a:hover   { font-weight: bold; color:orange; text-decoration:underline; }
.einger a:active  { font-weight: bold; color:red; text-decoration:underline; }
.einger a:focus   { font-weight: bold; color:green; text-decoration:underline; }


#content {
	width:680px;
	background-color:#FFFCe9;
	display: table-cell;
	padding: 10px 15px;
		
	}
/* Rahmenfarbe der Container im Contentbereich*/
.angebot	{border: 1px ridge #663300; }
.tipps		{border: 1px ridge #000066;}
.geschaeft  {border: 1px ridge #000066;}
.info		{border: 1px ridge #666666;}

/* "Text-Links im Contentbereich */
a:link    { font-weight:bold; color:black; text-decoration:underline; }
a:visited { font-weight:bold; color:blue; text-decoration:underline; }
a:hover   { font-weight:bold; color:orange; text-decoration:underline; }
a:active  { font-weight:bold; color:red; text-decoration:underline; }
a:focus   { font-weight:bold; color:green; text-decoration:underline; }



#mitte {
position:relative;
width:100%;
}

/* Positionierung Bild im Contentbereich*/
.BildRechts {
float:right;
margin:0 0px 0 20px;
}
.BildLinks {
float:left;
margin:0 20px 0 0px;
}

/*Ueberschriften*/
.H1 {
font-size:2.5em;
font-family: Comic Sans MS;
font-style:strong;
}
.H2{
font-size:1.3em;
font-family:Comic Sans MS;
font-style:strong;
}
  
.H3 {
font-size:1.2em;
font-style:strong;
text-decoration:underline;
}
.H4 {
font-family: Comic Sans MS;
font-size:1.2em;
font-style:strong;
}



[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
</style>
<![endif][if lt IE 7]>
<style type="text/css" media="screen">
body {behavior: url(csshover.htc); font-size: 100%;
	letter-spacing: 3em;
}
#menu ul li a {height: 1%;}
}
</style>
<![endif]