* {
  margin: 0;
  padding: 0;
}
body{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  background-image: url(../images/bg.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-color: #e3f2f9;
  text-align: center;
}

#container {
  width: 792px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}

img {
  border: 0;
}

#logo {
  float: left;
  background-image: url(../images/dwg_neu.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 262px;
  height: 105px;
  margin: 0 0 26px 0;
}
#logo a{
  display: block;
  width: 239px;
  height: 103px;
}
#logo span {
  display: none;
}

#content-wrapper {
  width: 528px;
  float: right;
  background-image: url(../images/content_mid.png);
  background-repeat: repeat-y;
  background-position: 0 0;
}
#content {
  background-image: url(../images/content_top.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#inner-content {
  background-image: url(../images/content_bot.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
  height: auto !important;
  height: 612px;
  min-height: 612px;
}

#inner-content div {
  padding: 5px;
}
#inner-content .noflashbg {
	background-image: url(../images/flash_alternative.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0;
	width: 515px;
	height: 600px;
	position: relative;
}
#inner-content .noflash {
	display: block;
	width: 228px;
	height: 317px;
	position: absolute;
	top: 21px;
	left: 20px;
	background-image: url(../images/noflash_neu.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
}
#inner-content .noflash span{
	display: block;
	padding: 126px 25px 0 16px;
}

#secondary-content {
  width: 262px;
  float: left;
}

.box-wrapper {
  background-image: url(../images/box_mid.png);
  background-repeat: repeat-y;
  background-position: 0 0;
}
.box {
  background-image: url(../images/box_top.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.inner-box {
  background-image: url(../images/box_bot.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
  /*
  height: auto !important;
  height: 95px;
  min-height: 95px;
  */
}
.inner-box h3 {
	padding: 16px 0 4px 16px;
}
.inner-box p {
	padding: 0 16px 14px 16px;
	line-height: 15px;
}

.inner-box p a.button {
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	cursor: pointer;
	margin: 6px 0 0 0;
	width: 89px;
	height: 27px;
}
.inner-box p a.but_moreinfo {
	background-image: url(../images/but_mehrinfos_bg.png);
}
.inner-box p a.but_moreinfo_maxi {
	background-image: url(../images/but_mehrinfos_maxi_bg.png);
	width: 89px;
}
.inner-box p a.but_tellafriend {
	background-image: url(../images/but_bekannten_einladen_bg.png);
	width: 121px;
}
.inner-box p a.but_challange {
	background-image: url(../images/but_bekanntenfordern_bg.png);
	width: 149px;
}
.inner-box p a.button:hover{
	background-position: 0 100%;
}
.inner-box p a.button span {
	display: none;
}

* html .inner-box p a.button:hover {
	background-position: 0 0;
}

.orange {
	background-image: url(../images/orangebox_sml.png);
	background-repeat: no-repeat;
	height: 109px;
}
.orange .box,
.orange .inner-box {
	background-image: none;
}
.orange .inner-box p {
	padding: 56px 0 0 18px;
}

.fordern {
  background-image: url(../images/box_fordern.png);
  background-repeat: no-repeat;
  height: 86px;
}
.fordern .box,
.fordern .inner-box {
	background-image: none;
}
.fordern .inner-box p {
	padding: 36px 0 14px 15px;
	_padding-top: 41px;
	#padding-top: 41px;
}

.tellafriend {
  background-image: url(../images/box_weiterempfehlen.png);
  background-repeat: no-repeat;
  height: 86px;
}
.tellafriend .box,
.tellafriend .inner-box {
	background-image: none;
}
.tellafriend .inner-box p {
	padding: 37px 0 14px 16px;
}
.maxi {
	background-image: url(../images/box_maxi-dsl.png);
	background-repeat: no-repeat;
	height: 86px;
}
.maxi .box,
.maxi .inner-box {
	background-image: none;
}
.maxi .inner-box p {
	padding: 37px 0 14px 16px;
}

/*
.orange {
  background-image: url(../images/orangebox_mid.png);
}
.orange .box {
  background-image: url(../images/orangebox_top.png);
}
.orange .inner-box {
  background-image: url(../images/orangebox_bot.png);
  height: auto !important;
  height: 165px;
  min-height: 165px;
}
.orange .inner-box p {
	padding: 61px 18px 14px 18px;
}
.fordern .box {
  background-image: url(../images/box_top_fordern.png);
}
.fordern .inner-box p {
	padding: 37px 0 14px 16px;
}
.maxi .box {
  background-image: url(../images/box_top_maxi.png);
}
.maxi .inner-box p {
	padding: 37px 0 14px 16px;
}
*/


#footer-navigation {
  clear: right;
}
#footer-navigation ul {
  list-style-type: none;
  float: right;
  margin: 5px 10px 0 0;
}
#footer-navigation ul li {
  float: left;
  margin: 0 0 0 15px;
}
#footer-navigation ul li a {
  color: #0393DA;
  text-decoration: underline;
  cursor: pointer;
}
#footer-navigation ul li a:hover {
	text-decoration: none;
}





/* inpage popup */

x#overlay {
  background-color: #000000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

#popup {
  z-index: 2;
  position: absolute;
  top: 20px;
  left: 200px;
  width: 515px;
}
#close {
  background-image: url(../images/but_close.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 27px;
  display: block;
  float: right;
  margin: 0 -4px 10px 0;
}
#close span{
  display: none;
}
.popup-wrapper {
  text-align: left;
  clear: both;
  background-image: url(../images/popup_top.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 5px 0 0 0;
}
.popup {
  background-image: url(../images/popup_bot.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
  padding: 0 0 5px 0;
}
.inner-popup {
  background-color: #3399CC;
  padding: 18px 25px;
}
.inner-popup h2 {
  margin: 0 0 12px 0;
}