@IMPORT url("../footerimg/footerimg.css");

html {
	padding:			0em;
	margin:				0em;
	font-family: 		Verdana, Sans-Serif;
	color:				#b3b3b3;
	font-size: 			9pt;
}

body {
	background:			#545454 url("images/bg_image.png") fixed;
	padding:			0em;
	margin:				0em;
	text-align: 		center;/*expl*/
	padding-bottom: 	30px;
}

div#box {
	text-align: 		left;/*expl*/
	margin-top:			10px;
	width:				800px;
	margin-left:		auto;
	margin-right:		auto;
	border-bottom-left-radius:	15px;
	border-bottom-right-radius: 15px;    
	box-shadow:		 	0px 0px 40px #040605;
}

div#header {
	display:			none;
}

div#content {
	margin:				0px;
	padding:			1px;
	min-height:			680px;
	border-bottom:		0px;
	background:			url("images/wnd_bg.png") 0px 20px;
	border-top-left-radius:	15px;
	border-top-right-radius: 15px;   
	
}

div#content_ecken {
	margin-top:			1px;
	height:				77px;
	width:				800px;
	margin-left:		auto;
	margin-right:		auto;
}

div#content_bg {
	height:				538px;
	background:			url("images/wnd_bg.png");
	background-color:	#1a1a1a;
}

div#textbox {
	padding:			1em;
	margin-top:			2em;
	height:				32em;
	background-image:	url("images/bg_boxen.png");
}

div#impressum_box {
	padding:			1em;
	margin-top:			2em;
	height:				32em;
	margin-top:			5em;
}

div#agb_box {
	padding:			20px;
	margin:				30px;
	margin-bottom:		15px;
	color:				#b3b3b3;
	background:			url("images/bg_boxen.png");
	border-radius:		10px;
}

div#textabout {
	width:				38em;
	margin-left:		26em;
	padding-top:		2.5em;
}

div#textabout h3 {
	font-size:			9pt;
	color:				#ffaacc;
	padding-left:		0.8em;
}

div#textabout p {
	border-bottom:		1px dotted #4d4d4d;
	padding:			0em 0em 0.7em 0.8em;
	margin-top:			0em;
}

img#portrait {
	float:				left;
	border:				10px solid white;
	border-bottom-width:30px;
	margin:				2em;
	margin-left:		5em;
	margin-top:			2.5em;
}

div.boxumrandung_gedicht {
	width:				470px;
	height:				520px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		15px;
	color:				#b3b3b3;
	background:			url("images/bg_kontakt.png");
	overflow:			auto;
	text-align:			center;
	text-transform: 	uppercase;
}

div.boxumrandung {
	border:				none;
}

ul#download {
	margin-top:			7em;
	margin-left:		auto;
	margin-right:		auto;
	width:				40em;
	list-style: 		none;
	padding-left:		0em;
}

ul#download li:hover {
	background-image:	url("images/bg_download_li_hover.png");
}
ul#download li a {
	display:			block;
	background: 		url("images/pdf_icon_pink.png") 50px center no-repeat;
	padding:			1em;
	padding-top:		2em;
	padding-bottom:		2em;
	padding-left:		13em;
	border-bottom:		1px dotted #666666;
	border-top:			none;
	border-left:		none;
	border-right:		none;
	margin-bottom:		1em;
}

ul#download li a:hover {
	color:				#ffffff;
	font-weight:		bold;
	background: 		url("images/pdf_icon_pink.png") 50px center no-repeat;
	border-bottom:		1px dotted #ffffff;
}

div#impressum_txt {
	float:				left;
	width:				16em;
	min-height:			29em;
	border-radius:		10px;
	background:			url("images/bg_kontakt.png");
	margin-left:		2em;
	margin-right:		2em;
	padding-left:		2em;
	padding-top:		1em;
}

div#copyright {
	min-height:			28em;
	text-align:			justify;
	width:				38em;
	border-radius:		10px;
	background:			url("images/bg_kontakt.png");
	margin-left:		21em;
	margin-right:		2em;
	padding-left:		2em;
	padding-right:		2em;
	padding-top:		2em;
}

div.agb_download {
	height:				30px;
	padding-left:		30px;
	font-weight:		bold;
}

div#datenschutz {
	padding:			20px;
	padding-top:		10px;
	margin:				50px;
	margin-top:			30px;
	border-radius:		20px;
	color:				#b3b3b3;
	text-align:			justify;
	font-size:			9pt;
	background:			url("images/bg_boxen.png");
	border-left:		5px solid #b3b3b3;
	border-top:			1px solid #b3b3b3;
	border-right:		5px solid #b3b3b3;
	border-bottom:		1px solid #b3b3b3;
}

div.datenschutz {
	margin-left:		100px;
	margin-right:		100px;
	height:				15px;
	padding:			10px;
	padding-left:		50px;
	font-weight:		bold;
}

div#footer {
	height:				141px;
	background: 		url("images/bg_footer_black.png")repeat-x;
	margin-left: 		auto;
	margin-right: 		auto;
	margin-bottom:		5px;
	border-bottom-left-radius:	15px;
	border-bottom-right-radius: 15px;
	border:				2px solid #ffaacc;
	background-color:	#f8e9f4;   
	color:				#821440;
	padding-top:		10px; 		
}

div#footer a {
	color:				#821440;
}

div#footer a:active {
	color:				#d40055;
}

div.footerspalte {
	width:				254px;
	height:				140px;
	float:				left;
}

ul#footerlist_links li {
	margin-top:			1em;
	list-style:			none;
}

div.footerspalte_mitte {
	border-left:		1px solid #e8add3;
	border-right:		1px solid #e8add3;
	float:				left;
	width:				284px;
	height:				130px;
}

ul#footerlist {
	list-style-image:	url("images/footerlist_img.png");
	margin:				0px;
	margin-left:		50px;
	padding:			0px;
	width:				171px;
	margin-left:		auto;
	margin-right:		auto;
}

ul#footerlist li:hover {
	list-style-image: 	url("images/footerlist_img_hover.png");
}

ul#footerlist li a {
	text-decoration: 	none;
	display:			block;
	width:				169px;
	height:				20px;
	padding-top:		5px;
	padding-left:		40px;
	font-weight:		normal;
}

ul#footerlist li a:hover {
	background-image: 	url("images/bg_footerlist_hover2.png");
}

div#footerimg {
	width:				155px;
	padding-left:		100px;
	float:				right;
}

div#footerimg a {
	display: 			block;
	height: 			15px;
	margin:				0.5em;
}

iframe {
	margin-left:		106px;
} 

/******************** THUMB-BOX ANFANG*******************/

div#thumb_box {
	height:				321px;
	width: 				750px;
	margin-top:			40px;
	margin-bottom: 		40px;
	/*background:			url("images/bg_boxen.png");*/
	background:		 	url("images/thumb_box_img.png") center no-repeat;
	margin-left:		auto;
	margin-right:		auto;
}

div#thumb_box_img {
	height:				301px;
	float:				left;
	width:				630px;
	margin-left:		20px;
	margin-right:		auto;
	padding:			10px;
	/*background:		 	url("images/inhalt_thumb_box.png") 10px center no-repeat;*/
	opacity:			0.8;
	border-bottom:		1px solid #999999;
	box-shadow: 		3px 3px 10px #000000;
}

div#thumb_box_img:hover {
	opacity:			1;
}
div#thumb_nav_li a {
	/*background:			url("images/thumb_nav_li.png");*/
	float:				left;
	width:				30px;
	height:				321px;
	background:		 	url("images/navli_thumb_box.png") center no-repeat;
}
div#thumb_nav_re a {
	/*background:			url("images/thumb_nav_re.png");*/
	float:				right;
	width:				30px;
	height:				321px;
	background:		 	url("images/navre_thumb_box.png") center no-repeat;
}
div#thumb_nav_li a:hover {
	background:		 	url("images/navli_thumb_box_hover.png") center no-repeat;
}
div#thumb_nav_re a:hover {
	background:		 	url("images/navre_thumb_box_hover.png") center no-repeat;
}
/******************** THUMB-BOX ENDE *******************/


/******************** KONTAKTFORMULAR *******************/

div#kontaktformular {
	width:				500px;
	height:				445px;
	padding:			50px;
	padding-top:		20px;
	padding-bottom:		15px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		15px;
	color:				#b3b3b3;
	font-weight:		bold;
	border-radius:		10px;
	background:			url("images/bg_boxen.png");
}

div#kontaktformular:hover {
	background:			url("images/bg_kontakt.png");
}

textarea {
	width:				94%;
	border-radius:		15px;
	background:			none;
	color:				#1a1a1a;
	font-weight:		bold;
	padding:			10px;
	border-left:		5px solid #821440;
	border-top:			2px solid #821440;
	border-right:		5px solid #821440;
	border-bottom:		2px solid #821440;
	background-color:	#faeef6;
}

input {
	font-weight:		bold;
	width:				200px;
	height:				20px;
	border-left:		5px solid #821440;
	border-top:			1px solid #821440;
	border-right:		5px solid #821440;
	border-bottom:		1px solid #821440;
	background:			#faeef6;
}

input#send,  input#reset {
	font-weight:		normal;
	width:				140px;
	height:				26px;
	color:				#821440;
	background:			url("images/bg_input.png") 0px -78px;
	border:				none;
	margin-top:			5px;
	margin-right:		10px;
}

input#send {
	margin-right:		0px;
}
input#send:hover, input#reset:hover {
	cursor:				pointer;
}

input#send:active, input#reset:active {
}

fieldset {
	border:				none;
	margin:				0px;
	padding:			0px;
}

fieldset p {
	text-align:			right;
}

/******************** KONTAKTFORMULAR - ENDE *******************/

/******************** SPALTE REFERENZEN *******************/

div.referenzen {
	height:				500px;
	margin-top:			50px;
}

div.spalte_links {
	width:				31%;
	height:				33%;
	margin-right:		11px;
	float:				left;
	color:				#ffaacc;
	background:			url("images/bg_boxen.png");
	padding-left:		1em;
}

div.spalte_rechts {
	float:				right;
	width:				31%;
	height:				33%;
	color:				#ffaacc;
	background:			url("images/bg_boxen.png");
	padding-left:		1em;
}

div.spalte_mitte {
	float:				left;
	width:				31%;
	height:				33%;
	color:				#ffaacc;
	background:			url("images/bg_boxen.png");	
	padding-left:		1em;
}

div.referenzen div ul {
	list-style:			square;
}

/******************** SPALTE REFERENZEN - ENDE *******************/

/******************** SPEZIAL *******************/

div#special {
	margin-top:			5em;
	text-align:			center;
	font-size:			10pt;
}

ul#styleList {
	list-style:			none;
	text-align:			left;
	padding:			0em;
	margin:				0em;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			3em;
	width:				550px;
}

ul#styleList li {
	background: 		url("images/li_img.png") 190px center no-repeat;
	padding-left:		0em;
	border-bottom:		1px dotted #666666;
	height:				3em;
}

ul#styleList li:hover {
	background: 		url("images/li_img_hover.png") 190px center no-repeat;
	border-bottom:		1px dotted #ffffff;
}

ul#styleList li a {
	display:			block;
	height:				2em;
	text-align:			left;
	padding-top:		1em;
	padding-left:		18em;
}

ul#styleList li a:hover {
	background: 		url("images/ul_wnd_menue_li_hover.png");
	font-weight:		bold;
}

ul#style_vorschau {
	list-style:			none;
	padding:			0px;
	width:				700px;
	height:				154px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			0px;
	padding-top:		40px;
	padding-bottom:		50px;
	border-bottom:		1px dotted #666666;
}

ul#style_vorschau li {
	float:				left;
	padding:			0px 0px 20px 20px;
}

ul#style_vorschau li a {
	width:				150px;
	height:				150px;
	display: 			block;
	border: 			2px solid #1a1a1a;
}

ul#style_vorschau li a:hover {
	border:				2px solid #666666;
}

li.blue a {
	background: 		url("images/vorschau_blue.png") no-repeat;
}

li.blue a:hover {
	background: 		url("images/vorschau_blue.png") 0px -150px;
}

li.gold a {
	background: 		url("images/vorschau_gold.png") no-repeat;
}

li.gold a:hover {
	background: 		url("images/vorschau_gold.png") 0px -150px;
}

li.glamorous a {
	background: 		url("images/vorschau_glamorous.png") no-repeat;
}

li.glamorous a:hover {
	background: 		url("images/vorschau_glamorous.png") 0px -150px;
}

li.pure a {
	background: 		url("images/vorschau_pure.png") no-repeat;
}

li.pure a:hover {
	background: 		url("images/vorschau_pure.png") 0px -150px;
}
/******************** GLOSSAR ********************/

div.glossar {
	width:				700px;
	margin:				3em;
	margin-top:			0em;
	padding:			0em;
	padding-right:		2em;
}

dt {
	font-weight:		bold;
	font-size:			10pt;
	padding:			30px 0px 5px 10px;
}

dt.buchstabe {
	padding-left:		60px;
	height:				20px;
}

dt.buchstabe:first-letter {
}

dt.buchstabe_a {
	background: 		url("images/a.png") left no-repeat;
}

dt.buchstabe_b {
	background: 		url("images/b.png") left no-repeat;
}

dt.buchstabe_c {
	background: 		url("images/c.png") left no-repeat;
}
dt.buchstabe_d {
	background: 		url("images/d.png") left no-repeat;
}
dt.buchstabe_e {
	background: 		url("images/e.png") left no-repeat;
}
dt.buchstabe_f {
	background: 		url("images/f.png") left no-repeat;
}
dt.buchstabe_g {
	background: 		url("images/g.png") left no-repeat;
}
dt.buchstabe_h {
	background: 		url("images/h.png") left no-repeat;
}
dt.buchstabe_i {
	background: 		url("images/i.png") left no-repeat;
}
dt.buchstabe_j {
	background: 		url("images/j.png") left no-repeat;
}
dt.buchstabe_k {
	background: 		url("images/k.png") left no-repeat;
}
dt.buchstabe_l {
	background: 		url("images/l.png") left no-repeat;
}
dt.buchstabe_m {
	background: 		url("images/m.png") left no-repeat;
}
dt.buchstabe_n {
	background: 		url("images/n.png") left no-repeat;
}
dt.buchstabe_o {
	background: 		url("images/o.png") left no-repeat;
}
dt.buchstabe_p {
	background: 		url("images/p.png") left no-repeat;
}
dt.buchstabe_q {
	background: 		url("images/q.png") left no-repeat;
}
dt.buchstabe_r {
	background: 		url("images/r.png") left no-repeat;
}
dt.buchstabe_s {
	background: 		url("images/s.png") left no-repeat;
}
dt.buchstabe_t {
	background: 		url("images/t.png") left no-repeat;
}
dt.buchstabe_u {
	background: 		url("images/u.png") left no-repeat;
}
dt.buchstabe_v {
	background: 		url("images/v.png") left no-repeat;
}
dt.buchstabe_w {
	background: 		url("images/w.png") left no-repeat;
}
dt.buchstabe_x {
	background: 		url("images/x.png") left no-repeat;
}
dt.buchstabe_y {
	background: 		url("images/y.png") left no-repeat;
}
dt.buchstabe_z {
	background: 		url("images/z.png") left no-repeat;
}

dd {
	border-top:			1px solid;
	margin-left:		0px;
	padding:			1em;
	padding-left:		3em;
	font-size:			10pt;
}

/******************** SUCHMASCHINEN-TEXT ********************/

div#index_textbox {
	min-height:			435px;
	overflow:			auto;
	margin:				75px;
	margin-top: 		0px;
	
}

div.spalte_li {
	margin-right:		13px;
	float:				left;
	color:				#b3b3b3;
	box-shadow: 		0px 0px 10px #000000;
}

div.spalte_re {
	float:				right;
	color:				#b3b3b3;
	box-shadow: 		0px 0px 10px #000000;	
}

div.spalte_mi {
	float:				left;
	color:				#b3b3b3;
	box-shadow: 		0px 0px 10px #000000;
}

.index_spalte {
	background:			url("images/bg_boxen.png");	
	border-radius: 		10px;
	width:				32%;
	min-height:			240px;
	margin-top:			15px;
	padding-top:		10px;
}

div.spalte_li:hover, div.spalte_re:hover, div.spalte_mi:hover {
	background:			url("images/div_spalte_hover.png");
}

div#index_infotext {
	/*background:			url("images/bg_boxen.png");*/
	border-bottom-left-radius: 		10px;
	border-bottom-right-radius: 	10px;
	padding:			2em;
	padding-top:		1em;
	padding-bottom:		1em;
	background:			-moz-linear-gradient(#6f6f6f, #333333);
	border-top:			1px solid #999999;
	box-shadow: 		0px 0px 10px #000000;
}

div#index_infotext p {
	/*text-shadow:		black 1px 1px 5px;*/
}
.index_spalte ul {
	list-style-type:	square;
	margin-top:			0.2em;
	padding-left: 		30px;
}

.index_spalte ul li span {
	padding-left:		0em;
	text-transform: 	uppercase;
}

div.index_spalte span {
	display:			block;
	font-size: 			1.5em;
	padding-top:		0.2em;
	padding-bottom:		0.2em;
	padding-left:		1.3em;
}

.index_spalte ul li span li {
	text-transform: 	uppercase;
}

a.rosa {
	text-decoration:	none;
	color:				#e095b3;
}

a.rosa:hover{
	color:				#e095b3;
	text-decoration:	underline;
}

a.white {
	text-decoration:	none;
	color:				#b3b3b3;
}

a.white:hover {
	color:				#b3b3b3;
	text-decoration:	underline;
}

/******************** SUCHMASCHINEN-TEXT ENDE ********************/

/******************** ÜBERSCHRIFTEN ********************/

h1 {
	text-align:			center;
	font-size:			20pt;
	font-weight: 		normal;
	color:				#ffaacc;
	font-family: 		Arioso, French Script MT, Verdana, Arial;
}

h2 {
	text-align:			center;
	font-size:			1em;
	font-weight: 		bold;
	margin-top:			0.5em;
}

h2.index {
	text-align:			left;
	background:			#4d4d4d;
	padding:			5px;
	padding-left:		0px;
	background: 		-moz-linear-gradient(0deg,rgba(204, 204, 204, 0), #ccc, rgba(204, 204, 204, 0));
    color:				#333333;
}

h3.index {
	text-align:			left;
	padding-left:		1.7em;
	padding-bottom:		0.7em;
	padding-top:		0.7em;
}
	
h3 {
	margin:				0em;
}
	
h4 {
	margin:				0em;
	padding:			0.5em;
	padding-left:		0em;
}

h1 span {
	display:			none;
}

h1.home {
	background: 		url("images/title_home.png") no-repeat center center;
	height:				25px;
	display:			block;
} 

h1.illustration {
	background: 		url("images/title_illu.png") no-repeat center center;
	height:				25px;
	display:			block;
} 

h1.grafik {
	background: 		url("images/title_grafik.png") no-repeat center center;
	height:				25px;
	display:			block;
} 

h1.aboutme {
	background: 		url("images/title_about.png") no-repeat center center;
	height:				25px;
	display:			block;
} 

h1.download {
	background: 		url("images/title_download.png") no-repeat center center;
	height:				25px;
	display:			block;
} 

h1.kontakt {
	background: 		url("images/title_kontakt.png") no-repeat center center;
	height:				25px;
	display:			block;
} 

h1.referenzen {
	background: 		url("images/title_referenzen.png") no-repeat center center;
	height:				25px;
	display:			block;
} 

h1.impressum {
	background: 		url("images/title_impressum.png") no-repeat center center;
	height:				25px;
	display:			block;
} 

h1.glossar {
	background: 		url("images/title_glossar.png") no-repeat center center;
	height:				25px;
	display:			block;
}

h1.agb {
	background: 		url("images/title_agb.png") no-repeat center center;
	height:				25px;
	display:			block;
}

h1.special {
	background: 		url("images/title_special.png") no-repeat center center;
	height:				25px;
	display:			block;
} 

h1.datenschutz {
	background: 		url("images/title_datenschutz.png") no-repeat center center;
	height:				25px;
	display:			block;
}

h1.gedicht {
	background: 		url("images/title_gedicht.png") no-repeat center center;
	height:				25px;
	display:			block;
}

p#infotext {
	margin-left:		8em;
	margin-right:		8em;
	text-align: 		center;
}

/******************** ÜBERSCHRIFTEN ENDE ********************/

a {
	color:				#b3b3b3;
	text-decoration:	none;
}

a:hover {
	text-decoration:	none;
	color:				#ffffff;
}

.indexlink {
	text-decoration:	underline;
}

.overflow {
	overflow: 			auto;
	margin-bottom:		1em;
}

/************************* FENSTER ANFANG ************************* FEHLER **/

div#wnd {
	min-height:			600px;
}

div#wnd_title_close {
	float:				right;
	width:				88px;
	/*position: 			relative;*/
}

div#wnd_title_close a {
	display:			block;
	height:				70px;
	background:			url("images/wnd_title_close.png");
}

div#wnd_title_close a:hover {
	background-position: 0px -70px;
}

div#wnd_title_close a span {
	display:			none;	
}

div#wnd_content {
	min-height:			550px;
	/*border: 1px solid red;*/
	/*position: 		relative;*/
	clear:				right;
}

/******************** FENSTERINHALT ANFANG *******************/

table {
	width:				100%;
}

td {
	height:				550px;
	vertical-align:		middle;
	text-align:			center;
}

div#image {
	text-align:			center;
}

div#image img {
	margin-bottom:		0px;
}

div#image img#nb {
	border:				none;
}

p.image {
	padding:			0em;
	margin:				0em;
	line-height: 		1.5em;
}

p.image a {
	text-decoration:	underline;
}

p.image a:hover {
	text-decoration:	none;
}


/******************** FENSTERINHALT ENDE *******************/

/******************** WINDOW NAVIGATION *******************/

ul#wnd_menue {
	margin-top:			2em;
	margin-left:		auto;
	margin-right:		auto;
	list-style:			none;
	padding:			3em;
	width:				45em;
	height:				20em;
}

ul#wnd_menue li:hover {
	background: 		url("images/ul_wnd_menue_li_hover.png");
}

ul#wnd_menue li a {
	margin-top:			0.7em;
	display:			block;
	height:				2.2em;
	text-align:			left;
	padding-left:		7em;
	padding-top:		0.9em;
	background: 		url("images/li_img.png") 35px center no-repeat;
	border-bottom: 		1px dotted #666666;
}

ul#wnd_menue li a:hover {
	padding-left:		12em;
	color:				#ffaacc;
	font-weight:		bold;
	background-image: 	url("images/li_img_hover.png");
	border-bottom: 		1px dotted #ffaacc;
}

ul#wnd_menue li a:active {
	padding-left:		12em;
	color:				#ffaacc;
	font-weight:		bold;
	background-image: 	url("images/li_img_active.png");
	border-bottom: 		1px dotted #ffaacc;
}
div#wnd_nav_bar_open {
	height:				50px;
	width:				300px;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			center;
}

div#wnd_nav_bar_open div a span {
	display:			none;
}

div#wnd_nav_bar_open div {
	float:				left;
	width:				50px;
	height:				50px;
	margin-left:		5px;
	margin-right:		5px;
}

div#wnd_nav_bar_open div a {
	display:			block;
	height:				50px;
}

div#wnd_nav_bar_open div a:hover {
	background-position: 0px -50px;
}

div.clearme {
	clear:				both;
	display:			none;
}

a#prev_img {
	background:			url("images/btn_prev.png");
}

a#next_img {
	background:			url("images/btn_next.png");
}

a#home {
	background:			url("images/btn_home.png");
}

a#prev_section {
	background:			url("images/btn_prev_section.png");
}

a#next_section {
	background:			url("images/btn_next_section.png");
}

/******************** WINDOW NAVIGATION - ENDE *******************/

/******************** MENUELEISTE ANFANG *******************/

div#menue {
	height: 			100px;
	padding-left:		36px;
	/*background:			url("images/bg_content_ecken.png")no-repeat;*/
	background-position:0px 100px;
}

div#menue:after {
	content:			"";
	display:			block;
	height:				0em;
	visibility:			hidden;
	clear:				both;
}

ul#menuelist {
	display: 			inline;
}

ul#menuelist li {
	list-style:			none;
	float: 				left;
	margin-left:		2px;
	margin-right:		2px;
}

ul#menuelist li span {
	display:			block;
	height: 			100px;
	width:				118px;
	background-position: 0px -200px;
}

ul#menuelist li a {
	display:			block;
	height: 			100px;
	width:				118px;
}

ul#menuelist li a:hover {
	background-position: 0px -100px;
}

ul#menuelist li a:active {
	background-position: 0px -200px;
}

ul#menuelist li a span {
	display:			none;
}

ul#menuelist li span span {
	display:			none;
}

li#illustration a {
	background-image: url("images/button_illu.png");
}

li#illustration span {
	background-image: url("images/button_illu.png");
}

li#grafik a {
	background-image: url("images/button_grafik.png");
}

li#grafik span {
	background-image: url("images/button_grafik.png");
}

li#aboutme a {
	background-image: url("images/button_about.png");
}

li#aboutme span {
	background-image: url("images/button_about.png");
}

li#download a {
	background-image: url("images/button_download.png");
}

li#download span {
	background-image: url("images/button_download.png");
}

li#kontakt a {
	background-image: url("images/button_kontakt.png");
}

li#kontakt span {
	background-image: url("images/button_kontakt.png");
}

li#referenzen a {
	background-image: url("images/button_referenzen.png");
}

li#referenzen span {
	background-image: url("images/button_referenzen.png");
}

li#referenzen:after {
	content:			"";
	display:			block;
	height:				0em;
	visibility:			hidden;
	clear:				both;
}

/******************** MENUELEISTE ENDE *******************/

/******************** 404 SEITE ANFANG ********************/

h1#heading404 {
	background:			url("images/fehler404.png") no-repeat;
	height:				60px;
	width:				245px;
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
}

h1#heading404 span {
	display:			none;
}

div#text404 h2 {
	text-align:			center;
	font-size:			1.1em;
	font-weight: 		normal;
}

div#text404 {
	margin-left:		auto;
	margin-right:		auto;
	width:				403px;
	padding:			0px 20px;
	margin-top:			150px;
	border-radius:		20px;
	color:				#b3b3b3;
	text-align:			justify;
	font-size:			9pt;
	background:			url("images/bg_boxen.png");
	border-left:		5px solid #b3b3b3;
	border-top:			1px solid #b3b3b3;
	border-right:		5px solid #b3b3b3;
	border-bottom:		1px solid #b3b3b3;
}

div#text404 div {
	margin:				3em;
	color:				#ffffff;
	text-align:			center;
}

div#text404 div a {
	color:				#ffffff;	
}
/******************** 404 SEITE ENDE ********************/