* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #5481fd;
	font-size: 115.01%;
	text-align:center;
}
#intro {
	background: #719cfe url(../img/start-bg.jpg) 0 0 repeat-x;
}
h1, h2, h3, h4 {
	font: bold .8125em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: inherit;
}
h4, .linkliste, .table-row, .aufzaehlung {
	padding: 0 0 15px 0;
}
p, a, .aufzaehlung li, label {
	font: normal .75em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: inherit;
}
p a {
	font-size: 1em;
	text-decoration: underline;
	}
p a:hover, p a:focus, p a:active {
	text-decoration:none;
	}
p {
	padding: 0 40px 15px 0;
}
li {
	list-style:none;
}
a {
	text-decoration:none;
}
a img {
	border: none;
}
a#logo {
	border: none;
	display:block;
	width: 850px;
	height: 171px;
}
.fir {
	display:none;
}
.nfir {
	position: absolute;
	left: -999px;
	top: -999px;
}
.left {
	float: left;
	}
.right {
	float: right;
	}
img.left {
	padding: 0 15px 15px 0;
	}
.breaker {
	clear: both;
}
#coole-helden {
	background: transparent url(../img/helden.png) 0 0 no-repeat;
	position:absolute;
	height: 225px;
	width: 414px;
	margin: 0 0 0 200px;
}

#coole-helden_start {
	background: transparent url(../img/helden_start.png) 0 0 no-repeat;
	position:absolute;
	height: 225px;
	width: 414px;
	margin: 0 0 0 200px;
}
* html #coole-helden {
	background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/helden.png');
}
#wrapper {
	font-size: 1em;
	text-align:left;
	color:inherit;
	width: 850px;
	margin:	auto;
}
#intro #wrapper {
	background: transparent url(../img/mitmachen-gewinnen.png) 0 0 no-repeat;
	}
#intro #visual-key a {
	display:block;
	width: 850px;
	height: 505px;
	background: transparent url(../img/mitmachen-gewinnen.png) 0 0 no-repeat;

}
#intro #bg {
position:absolute;
top: 505px;
	background:url(../img/ein-initiative.png) 0 0 no-repeat;
	}
#intro #lokale-agenden {
	display:block;
	height: 87px;
	width: 848px;
	background:url(../img/ein-initiative.png) 0 0 no-repeat;
	}
#head-range {
	width: 850px;
	background: transparent url(../img/head-range.jpg) 0 0 no-repeat;
	float:left;
}
.content-row {
	float:left;
	width: 850px;
	background: #5481fd url(../img/content-bg.png) top right no-repeat;
	padding: 0 0 40px 0;
}
#side-nav {
	float: left;
	height:419px;
	width: 266px;
	background: transparent url(../img/side-nav.png) 0 0 no-repeat;
}
#side-nav li {
	display: block;
	float: left;
}
a#start, a#schirmherr2011, a#gewinne, a#teilnehmen, a#schon-gewusst, a#coole-partner, a#kontakt, a#impressum a#coolesteam2011{
	background: transparent url(../img/side-nav.png) 0 0 no-repeat;
	display: block;
	width: 266px;
	height: 39px;
}
a#schirmherr2011 {
	height: 31px;
	background-position: 0 -39px;
}
a#gewinne {
	height: 29px;
	background-position: 0 -70px;
}

a#coolesteam2011 {
	height: 29px;
	background-position: 0 -70px;
}
a#teilnehmen {
	height: 46px;
	background-position: 0 -99px;
}
a#schon-gewusst {
	height: 29px;
	background-position: 0 -145px;
}
a#coole-partner {
	height: 30px;
	background-position: 0 -174px;
}
a#kontakt {
	height: 68px;
	background-position: 0 -204px;
}
a#impressum {
	height: 147px;
	background-position: 0 -272px;
}
#start-page a#start, a#start:hover, a#start:focus, a#start:active {
	background-position: -266px 0;
}
#schirmherr2011-page a#schirmherr2011, a#schirmherr2011:hover, a#schirmherr2011:focus, a#schirmherr2011:active {
	background-position: -266px -39px;
}
#gewinnen a#gewinne, a#gewinne:hover, a#gewinne:focus, a#gewinne:active {
	background-position: -266px -70px;
}
#teilnahme-page a#teilnehmen, a#teilnehmen:hover, a#teilnehmen:focus, a#teilnehmen:active {
	background-position: -266px -99px;
}
#schon-gewusst-page a#schon-gewusst, a#schon-gewusst:hover, a#schon-gewusst:focus, a#schon-gewusst:active {
	background-position: -266px -145px;
}
#coole-partner-page a#coole-partner, a#coole-partner:hover, a#coole-partner:focus, a#coole-partner:active {
	background-position: -266px -174px;
}
#kontakt-page a#kontakt, a#kontakt:hover, a#kontakt:focus, a#kontakt:active {
	background-position: -266px -204px;
}
#imprint-page a#impressum, a#impressum:hover, a#impressum:focus, a#impressum:active {
	background-position: -266px -272px;
}
#content {
	float:left;
	width: 584px;
}
* html #content {
	width: 581px;
}
#sub-nav {
	float: left;
	width: 570px;
	height: 113px;
}
#schon-gewusst-page #sub-nav {
	background: transparent url(../img/sub-schon-gewusst.png) 0 0 no-repeat;
}
#schirmherr2011-page #sub-nav {
	background: transparent url(../img/sub-sschirmherr2011.png) 0 0 no-repeat;
}
	#sub-nav li {
	float: left;
}
a#spar, a#link, a#rechnen, a#treibhaus, a#helden, a#gewinnen, a#schirmherr, a#cooles-team {
	float:left;
	display: block;
	width: 200px;
	background: transparent url(../img/sub-schon-gewusst.png) 0 0 no-repeat;
}
a#helden, a#gewinnen, a#schirmherr, a#cooles-team {
	background: transparent url(../img/sub-sschirmherr2011.png) 0 0 no-repeat;
}
a#helden {
	width: 378px;
	height: 63px;
}
a#gewinnen {
	width: 295px;
	height: 15px;
	background-position: 0 -63px;
}
a#schirmherr {
	width: 83px;
	height: 45px;
	background-position: -295px -63px;
}
a#cooles-team {
	width: 129px;
	height: 50px;
	background-position: -378px -63px;
}
#coole-helden-grosse-taten a#helden, a#helden:hover {
	background-position: 0 -113px;
}
#so-gewinnst-du a#gewinnen, a#gewinnen:hover {
	background-position: 0 -176px;
}
#schirmherr a#schirmherr, a#schirmherr:hover {
	background-position: -295px -176px;
}
#schirmherr2011-cooles-team a#cooles-team, a#cooles-team:hover {
	background-position: -378px -176px;
}
a#spar {
	height: 59px;
	width: 311px;
}
a#link {
	height: 59px;
	width: 190px;
	background-position: -311px 0;
}
a#rechnen {
	height: 54px;
	width: 408px;
	background-position: 0 -59px;
}
a#treibhaus {
	height: 54px;
	width: 104px;
	background-position: -408px -59px;
}
#cozwei-einspar-page a#spar, a#spar:hover, a#spar:focus, a#spar:active {
	background-position: 0 -113px;
}
#link-page a#link, a#link:hover, a#link:focus, a#link:active {
	background-position: -311px -113px;
}
#energie-einspar-page a#rechnen, a#rechnen:hover, a#rechnen:focus, a#rechnen:active {
	background-position: 0 -172px;
}
#treibhaus-page a#treibhaus, a#treibhaus:hover, a#treibhaus:focus, a#treibhaus:active {
	background-position: -408px -172px;
}
#inner {
	float: left;
}
.linkliste li {
	color: #000;
	background-color: inherit;
	font-size: .75em;
}
.linkliste li a {
	text-decoration:underline;
	font-size: 1em;
}
.linkliste li a:hover, .linkliste li a:focus, .linkliste li a:active {
	text-decoration: none;
}
.aufzaehlung li {
	list-style: disc;
	margin-left: 20px;
	}
.pic-row {
	float:left;
	width: 380px;
	background: transparent url(../img/dots.gif) bottom left no-repeat;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	}
.pic-row p a {
	font-size: 1em;
	background: transparent url(../img/pfeil.gif) 0 2px no-repeat;
	padding: 0 0 0 20px;
	}
.pic-row h4 {
	padding: 0;
	}
.pic-row p a:hover, .pic-row p a:focus, .pic-row p a:active {
	text-decoration: none;
	}
.pic-row img {
	padding: 0 0 5px 0;
	}
.table-row {
	float: left;
}
table {
	color: #000;
	background-color: inherit;
	width: 500px;
	border-collapse:collapse;
	line-height:1.2em;
}
th {
	font-size: .8125em;
	font-weight: bold;
	text-align:left;
}
td {
	font-size: .75em;
	padding: 2px 0 0 0;
	width: 200px;
}
table#macces, table#burgerking {
	width: 450px;
}
table#macces td, table#burgerking td {
	width: 350px;
}
table .right, table#macces .right, table#burgerking .right {
	text-align:right;
	width: 100px;
}
#gewinner .right {
	text-align:left;
	width: 300px;
	}
a.irdendwas:hover, a.irdendwas:focus, a.irdendwas:active {
	background-color: #98061e;
	color: #fff;
}
a:focus {
	outline: none;
}
html {
	overflow: -moz-scrollbars-vertical;
}

