html,
body
{
	width:100%;
	height:100%;
}
body
{
	margin:0;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	overflow:auto;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #285a11;
	scrollbar-base-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #efffef;
	scrollbar-shadow-color: #6f7e68;
}
body,
td,
div,
img,
p
{
	font-family:Verdana, Arial, Sans-Serif;
	color:#000000;
	font-size:10px;
}
/*
div
{
	border:solid 1px #cc0000;
}
*/
img
{
	border:none;
	margin:0;
}
form
{
	margin:0;
	padding:0;
}
table,
td,
tr
{
	margin:0;
	padding:0;
	border-collapse:collapse;
	vertical-align:top;
	font-size:10px;
}

/***************************************/
.middle td
{
	vertical-align:middle;
}
.teaserBG
{
	background-color:#C7D76A;
}
.teaserBG2
{
	background-color:#B2CD42;
}
.teaserBG3
{
	background-color:#97BF0D;
}
/***************************************/
#canvas
{
	position:relative;
	text-align:left;
	/*Firefox etc.
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	*/
	width:98em;
	height:auto;
	z-index:1;
}
#bgImg
{
	position:relative;
	left:0em;
	top:0em;
	z-index:1;
}
#contents
{
	position:absolute;
	left:0em;
	top:0em;
	height:auto;
	z-index:2;
}
#siteutilities
{
	position:absolute;
	left:35.7em;
	top:0.7em;
	z-index:3;
}
#siteutilities .ItemSpace
{
	padding-left:1.5em;
}
#navigation
{
	position:absolute;
	left:34.5em;
	top:3.3em;
	z-index:3;
}
#homelink
{
	position:absolute;
	left:30em;
	top:8em;
	width:14em;
	height:9em;
	z-index:4;
}

#navigation .ItemSpace
{
	padding-left:0.3em;
}
#subnavigation
{
	margin-left:10em;
	margin-top:0.5em;
}
#subnavigation .ItemSpace
{
	padding-left:0.7em;
}
#subsubnavigation
{
	margin-left:11.3em;
	margin-top:0.5em;
}
#subsubnavigation .ItemSpace
{
	padding:0;
	margin-top:0.3em;
}
.mainPngFix{
	behavior: url('/css/iepngfix.htc');
}
/*Firefox fix for bordered links*/
:focus{outline: 0;}

/* Styles für das monatliche DD Magazin */

#magWrapper {
	position:relative;
	background:#C7D76A;
	width:559px;
	margin:117px 0 30px 205px;
	padding:0 0 30px 211px;
	z-index:10;
}
#magNavi {
	background:url(/magazin/aktuelles_thema/archiv/08_2009/art/bild.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top: 321px;
	left: 222px;
	width:169px;
	height: 215px;
	display:block;
	padding: 130px 0 0 5px;
	z-index:20;
}
#magNavi ul {
	list-style-type:none;
	margin:0 0 0 5px;
	padding:0;
}
#headerMag{
	position:relative;
	top:100px;
	left:460px;
	height: 220px;
	width:330px;
	z-index:10;
}
.nextTeaser{
	position:absolute;
	top:0;
	left:790px;
}
#headerMag p{
	margin:-2px 0 0 0;
	padding:0;
}
#magWrapper p{
  position:relative;
	margin:0;
	padding:0;
	width:400px;
	float:left;
}
/*#magWrapper ol{
	clear:left;
}*/
#magWrapper .icon{
	position: relative;
	width: 94px;
	height:75px;
	float:left;
	margin: -10px 0 0 30px;
}
#magWrapper .headline{
	margin:15px 0 7px 0;
	padding:0;
	float:left;
	clear:both;
	width:200px;
}
#magWrapper .teaserBox {
	clear: both;
}
#magWrapper .teaserBox p{
  padding-left: 10px;
}
.endtecktMagTeaser, .wunschMagTeaser{
  position: relative;
  width: 208px;
}
.schonProbiertTeaser {
  float:left;
  width: 208px;
  margin-right: 20px;
  position:relative;
  left:0px;
  bottom:19px;
}
.endtecktMagTeaser p, 
.wunschMagTeaser p, 
.schonProbiertTeaser p {
	margin:5px 0 0 10px;
	padding:0;
	width:195px !important;
}
.endtecktMagTeaser{
  float:left;
  margin-right: 20px;
  padding-bottom: 30px;
}
.wunschMagTeaser {
  float:left;
}
.magTeaserText {
	position:absolute;
	top:160px;
	left:812px;
	padding:0;
	margin:0;
}
.magTeaserHover{
  height: 120px;
  width: 180px;
  position: absolute;
  top: 110px;
  left:780px;
  z-index: 99;
}
#backLink{
  float:left;
  margin:20px 10px 23px 0 !important;
  clear:both;
  width: 47px;
  display:block;
}
#forwardLink {
	margin:20px 10px 23px 10px !important;
	padding:0;
	float:left;
	width: 71px;
	display:block;
}

#toStartLink {
	margin:20px 10px 23px 10px !important;
	padding:0;
	float:left;
	width: 112px;
	display:block;
}

#magWrapper .clear{
  clear:both;
  float:none;
}