*{
	padding:0;
	margin:0;
}

ul, li, img {margin: 0; padding: 0; border: 0}

body {
	margin: 0 0 20px 0;
	background-color: #fff;
	font-family: verdana, sans-serif;
	font-size: .8em;
	line-height: 1.5;
	color: #000;
	background: #fff;
	}
	
a {outline: none}	
	
div#wrapper {
	overflow: hidden;
	margin: 30px auto 10px auto;
	overflow: hidden;
	width: 780px;
	min-height: 540px;
	background:  no-repeat #fff;
	/* background: url(../img/demo.gif) no-repeat */
}


div#header {
	width: 100%;
	height: 187px;
}

div#navi {
	position: absolute;		
}


div#content_left {
	float: left;
	width: 150px;
	height: 120px;
	/*background: #666;
	opacity: 0.5 */
}

div#content_right {
	float: right;
	padding-top: 0.2em;
	width: 609px;
	min-height: 150px;
	font-size: 100%;
	line-height: 1.4;
	/* background: #666; */
}

div#content_right p {

}

div#content_right p a, div#content_right p a:visited {
	color: #666;
	text-decoration: none
}

div#content_right p a:hover {
	color: #000;
	text-decoration: underline
}

div#content_right p, div#footer p {
padding-right: 120px;
padding-bottom: 12px
}

div#content_right h2 {
	margin-bottom: 0.3em;
	font-size: 120%;
	color: #245878
}

div#content_right h3 {
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	font-size: 100%;
	color: #245878
}

div.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 5px;
	border: 0;
	font-size: 0;
}

div#footer {
	float: right;
	width: 609px;
	/* height: 110px;*/
	/* background: #666;
	opacity: 0.5 */
}


/* ----- Navigation ----*/

a#index_a, a#index_a:visited {
	position: absolute;
	bottom: 3%;
	right: 3%;
	color: #666;
	font-size: 89%;
	text-decoration: none
}

a#index_a:hover {
	text-decoration: underline
}


a#yep, a#yep:visited {
	display: block;
	width: 780px;
	height: 540px;
	background: url(../img/start_tuete.jpg) no-repeat 0 0;
	cursor: pointer
}

a#yep:hover {
	background: url(../img/start_tuete.jpg) no-repeat 0px -540px
}

div#wrapper h1 {
	text-indent: -5000px
}


div#navi h3 {
	text-indent: -5000px
}


a.wo, a.jetzt, a.huch, a.was, a.wortfindung, a.wer, a.tuete {
	position: absolute;
	display: block;
}

/* ----- --- ----*/


a.tuete, a.tuete:visited {
	top: 55px;
	left: 290px;
	width: 65px;
	height: 27px;
	background: url(../img/tuete_off.gif) no-repeat 
}

a.tuete:hover {
	background: url(../img/tuete_on.gif) no-repeat 
}







a.wo, a.wo:visited {
	top: 80px;
	left: 90px;
	width: 73px;
	height: 32px;
	background: url(../img/sprite_off.gif) no-repeat  -10px -10px
}

a.wo:hover {
	background: url(../img/sprite_on.gif) no-repeat -10px -10px
}

/* ----- --- ----*/

a.jetzt, a.jetzt:visited {
	top: 87px;
	left: 185px;
	width: 110px;
	height: 54px;
	background: url(../img/sprite_off.gif) no-repeat -10px -62px
}

a.jetzt:hover {
	background: url(../img/sprite_on.gif) no-repeat -10px -62px
}

/* ----- --- ----*/

a.huch, a.huch:visited {
	top: 92px;
	left: 338px;
	width: 81px;
	height: 30px;
	background: url(../img/sprite_off.gif) no-repeat -10px -136px
}

a.huch:hover {
	background: url(../img/sprite_on.gif) no-repeat -10px -136px
}

/* ----- --- ----*/

a.was, a.was:visited {
	top: 135px;
	left: 61px;
	width: 81px;
	height: 30px;
	background: url(../img/sprite_off.gif) no-repeat -10px -186px
}

a.was:hover {
	background: url(../img/sprite_on.gif) no-repeat -10px -186px
}

/* ----- --- ----*/

a.wortfindung, a.wortfindung:visited {
	top: 147px;
	left: 167px;
	width: 201px;
	height: 39px;
	background: url(../img/sprite_off.gif) no-repeat -10px -228px
}

a.wortfindung:hover {
	background: url(../img/sprite_on.gif) no-repeat -10px -228px
}

/* ----- --- ----*/

a.wer, a.wer:visited {
	top: 146px;
	left: 435px;
	width: 33px;
	height: 16px;
	background: url(../img/sprite_off.gif) no-repeat -10px -287px
}

a.wer:hover {
	background: url(../img/sprite_on.gif) no-repeat -10px -287px
}

/* ----- ----- Sub Navigation ----- ----*/


div#subnav {
	position: absolute
}


div#subnav h3 {
	text-indent: -5000px
}


a.z, a.ae, a.b, a.o, a.x, a.g, a.ue {
	position: absolute;
	display: block
}

/* ----- --- ----*/

a.ue, a.ue:visited {
	top: 79px;
	left: 79px;
	width: 24px;
	height: 31px;
	background: url(../img/ue_off.gif) no-repeat
}

a.ue:hover {
	background: url(../img/ue_on.gif) no-repeat
}




a.z, a.z:visited {
	top: 34px;
	left: 39px;
	width: 15px;
	height: 21px;
	background: url(../img/sprite_off.gif) no-repeat -10px -323px
}

a.z:hover {
	background: url(../img/sprite_on.gif) no-repeat -10px -323px
}

/* ----- --- ----*/

a.ae, a.ae:visited {
	top: 2px;
	left: 79px;
	width: 30px;
	height: 45px;
	background: url(../img/sprite_off.gif) no-repeat -10px -364px
}

a.ae:hover {
	background: url(../img/sprite_on.gif) no-repeat -10px -364px
}

/* ----- --- ----*/

a.b, a.b:visited {
	top: 35px;
	left: 118px;
	width: 23px;
	height: 37px;
	background: url(../img/sprite_off.gif) no-repeat -10px -429px
}

a.b:hover {
	background: url(../img/sprite_on.gif) no-repeat -10px -429px
}




/* ----- --- ----*/

a.o, a.o:visited {
	top: 75px;
	left: 123px;
	width: 17px;
	height: 19px;
	background: url(../img/sprite_off.gif) no-repeat -10px -486px
}

a.o:hover {
	background: url(../img/sprite_on.gif) no-repeat -10px -486px
}

/* ----- --- ----*/

a.x, a.x:visited {
	top: 60px;
	left: 92px;
	width: 12px;
	height: 15px;
	background: url(../img/sprite_off.gif) no-repeat -10px -525px
}

a.x:hover {
	background: url(../img/sprite_on.gif) no-repeat -10px -525px
}

/* ----- --- ----*/

a.g, a.g:visited {
	top: 62px;
	left: 55px;
	width: 27px;
	height: 18px;
	background: url(../img/sprite_off.gif) no-repeat -10px -560px
}

a.g:hover {
	background: url(../img/sprite_on.gif) no-repeat -10px -560px
}


div#footer img {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
	border: 1px solid #ccc
}