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

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

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

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

div#header {
	display:			none;
}

div#content {
	margin:				0px;
	padding:			1px;
	height:				680px;
	border-bottom:		0px;
	background:			url("images/wnd_bg.png") 0px 20px;
	-moz-border-radius-topleft:	15px;
	-moz-border-radius-topright: 15px;   
	-webkit-border-radius-topleft: 15px;
	-webkit-border-radius-topright: 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 {
	width:				500px;
	height:				445px;
	padding:			50px;
	padding-top:		5px;
	padding-bottom:		30px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		15px;
	color:				#b3b3b3;
	-moz-border-radius:	10px;
	-webkit-border-radius: 10px;
	background:			url("images/bg_boxen.png");
	overflow:			auto;
}

div#textabout {
	margin:				2em;
	margin-left:		5em;
	margin-right:		5em;
	-moz-border-radius:	10px;
	-webkit-border-radius: 10px;
	padding-top:		0.5em;
	padding-bottom:		0.5em;
	padding-right:		1em;
}

div#textabout p {
	margin-top:			0em;
	margin-bottom:		0.8em;
	border-bottom:		1px solid #444444;
}

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

div.boxumrandung_gedicht {
	padding:			20px;
	padding-left:		120px;
	border:				1px solid #655c49;
	margin-left:		80px;
	margin-right:		80px;
	height:				31.5em;
	color:				#c6bca8;
	font-size:			10pt;
}

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:			28em;
	-moz-border-radius:	10px;
	-webkit-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:			27em;
	text-align:			justify;
	width:				42em;
	-moz-border-radius:	10px;
	-webkit-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 {
	margin-left:		98px;
	margin-right:		98px;
	height:				15px;
	padding:			10px;
	padding-left:		50px;
	font-weight:		bold;
	-moz-border-radius:	10px;
	-webkit-border-radius: 10px;
	background:			url("images/bg_boxen.png");
}

div#datenschutz {
	padding:			40px;
	margin:				100px;
	-moz-border-radius:	20px;
	-webkit-border-radius: 20px;
	color:				#b3b3b3;
	text-align:			justify;
	font-size:			9pt;
	font-weight:		bold;
	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;
	-moz-border-radius:	10px;
	-webkit-border-radius: 10px;
	background:			url("images/bg_boxen.png");
}

div#footer {
	height:				141px;
	background: 		url("images/bg_footer_black.png")repeat-x;
	margin-left: 		auto;
	margin-right: 		auto;
	margin-bottom:		5px;
	-moz-border-radius-bottomleft:	15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-radius-bottomleft: 15px;
	-webkit-border-radius-bottomleft: 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");
	font-weight:		bold;
}

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

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

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

div#thumb_box {
	height:				120px;
	margin-left:		35px;
	margin-right:		35px;
	background:			url("images/bg_boxen.png");
	-moz-border-radius:	15px;
	-webkit-border-radius: 15px;
}

div#thumb_box_img {
	height:				100px;
	float:				left;
	width:				650px;
	margin-left:		auto;
	margin-right:		auto;
	padding:			10px;
	background:		 	url("images/inhalt_thumb_box.png") 10px center no-repeat;
}

div#thumb_nav_li a {
	background:			url("images/thumb_nav_li.png");
	float:				left;
	width:				28px;
	height:				120px;
}
div#thumb_nav_re a {
	background:			url("images/thumb_nav_re.png");
	float:				right;
	width:				28px;
	height:				120px;
}

/******************** 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;
	-moz-border-radius:	10px;
	-webkit-border-radius: 10px;
	background:			url("images/bg_boxen.png");
}

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

textarea {
	width:				94%;
	-moz-border-radius:	15px;
	-webkit-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;
	-moz-border-radius:	10px;
	-webkit-border-radius: 10px;
}

input#send,  input#reset {
	-moz-border-radius:	0px;
	-webkit-border-radius: 0px;
	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 {
	font-weight:		bold;
	background:			url("images/bg_input.png") 0px -26px;
}

input#send:active, input#reset:active {
	background:			url("images/bg_input.png") 0px -52px;
}

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

fieldset p {
	text-align:			right;
}

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

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

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

div.spalte_links {
	width:				32%;
	height:				33%;
	margin-right:		8px;
	float:				left;
	color:				#d40055;
	background:			url("images/bg_boxen.png");
}

div.spalte_rechts {
	float:				right;
	width:				33%;
	height:				33%;
	color:				#ffffff;
	background:			url("images/bg_boxen.png");
}

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

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

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

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

div#special {
	margin-top:			7em;
	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:				30em;
}

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

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

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

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

/******************** GLOSSAR ********************/

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

dt {
	font-weight:		bold;
	font-size:			10pt;
	padding:			0.3em;
	padding-left:		1.5em;
	cursor: 			pointer;
	background: 		url("images/dt_img.png") left 0.6em no-repeat;
}

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

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

div#index_textbox {
	height:				500px;
	overflow:			auto;
	margin-left:		35px;
	margin-right:		35px;
	
}

div.spalte_li {
	margin-right:		15px;
	float:				left;
	color:				#b3b3b3;
}

div.spalte_re {
	float:				right;
	color:				#b3b3b3;	
}

div.spalte_mi {
	float:				left;
	color:				#b3b3b3;
}

.index_spalte {
	background:			url("images/bg_boxen.png");	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width:				32%;
	height:				46%;
}

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/div_spalte_hover.png");
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:			2em;
	padding-top:		1em;
	padding-bottom:		1em;
	height:				8.5em;
	overflow: 			auto;
}

.index_spalte ul {
	list-style-type:	square;
	margin-top:			0.2em;
}

.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:		2.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;
}

h3.index {
	text-align:			left;
	padding-left:		1.7em;
	padding-bottom:		0.7em;
	padding-top:		0.7em;
}
	
h3 {
	margin:				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.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;
}

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;
}

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

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

div#wnd {
	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 {
	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;
}

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:				92px;
	width:				403px;
	text-align:			center;
	margin-top:			4em;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		1em;
}

h1#heading404 span {
	display:			none;
}

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

div#text404 {
	background:			url("images/klammer.png") no-repeat;
	padding-top:		85px;
	padding-left:		150px;
	padding-right:		150px;
	font-size:			1.1em;
	color:				#000000;
	height:				233px;
	width:				510px;
	margin-left:		auto;
	margin-right:		auto;
	text-align: 		justify;
}

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

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