/*Allgemeine Definitionen
___________________________________________________________________________________________________
*/

html, body 		{
			margin: 		0;
			padding: 		0;
			height: 		100%;
			}


body			{
			background-color: 	#ffffff;
			color:			#666666;
			font: 			100.01% Verdana, Helvetica, Arial, sans-serif;
			}

#gesamt 		{
			width: 			100%;
			min-height: 		100%;
			height:			auto;
			margin: 		0 auto;
			}

* html #gesamt 		{ 			/* Für IE */
			height: 		100%;
			}

.red			{
			color:			#ff0000;
			}

strong			{
			font-weight:		normal;
			}

img.banner		{
			display:		block;
			padding:		4px;
			border:			1px solid #cccccc;
			margin:			0px 15px 15px 15px;
			float:			left;
			}

/*Dreispaltiges Design
___________________________________________________________________________________________________
*/


#midwrapping		{
			font-size:		0.8em;
			display:		block;
			width:			970px;
			margin:			0px auto 20px auto;
			position:		relative;
			top:			40px;
			}

#picture		{
			display:		block;
			width:			300px;
			margin:			10px 0 0 0;
			height:			auto;
			float:			left;
			}	


#headline		{
			display:		block;
			width:			280px;
			height:			auto;
			float:			left;
			padding:		0 20px 0 0;	
			}

#headline h1 
			{
			font-size:		1.5em;
			font-weight:		normal;
			background-color:	inherit;
			text-align:		right;
			}

#textbox		{
			display:		block;
			height:			auto;			
			width:			370px;
			float:			left;
			}



/*Zweispaltiges Design + Definitionen für Textbox
___________________________________________________________________________________________________
*/


#leftheadline		{
			display:		block;
			width:			300px;
			height:			auto;
			float:			left;
			padding:		0 20px 0 0;	
			}

#leftheadline h1 
			{
			font-size:		1.5em;
			font-weight:		normal;
			background-color:	inherit;
			text-align:		right;
			}


#bigtextbox		{
			display:		block;
			height:			auto;			
			width:			550px;
			float:			left;
			}

#textbox p, #bigtextbox p	

			{
			background-color:	inherit;
			font-size:		1em;
			line-height:		1.4em;
			}

#textbox ul, #bigtextbox ul

			{
			padding:		0 0 0 15px;
			margin:			0;
			}

#textbox a, #bigtextbox a

			{
			color:			#666666;
			text-decoration:	none;
			font-weight:		bold;
			}

#textbox a:hover, #bigtextbox a:hover

			{
			color:			#ff0000;
			background-color:	inherit;
			}

#textbox a.textlink, #bigtextbox a.textlink		

			{
			color:			#666666;
			text-decoration:	none;
			background-image:	url('http://www.hschaffer.com/gfx/commons/activelink.gif');
			background-repeat:	no-repeat;
			background-position:	0 3px;
			padding:		0px 0px 0px 7px;
			}

#textbox a.textlink:hover, #bigtextbox a.hover	

			{
			color:			#ff0000;
			background-image:	url('http://www.hschaffer.com/gfx/commons/hoverlink.gif');
			background-repeat:	no-repeat;
			background-position:	0 3px;
			}

#textbox a.pdf, #bigtextbox a.pdf		

			{
			text-decoration:	none;
			background-image:	url('http://www.hschaffer.com/gfx/commons/pdf.gif');
			background-repeat:	no-repeat;
			margin:			10px 0 0 0;
			padding-left:		25px;
			display:		block;
			min-height:		20px;
			height:			auto;
			}

#textbox a.pdf:hover, #bigtextbox a.pdf:hover

			{
			background-image:	url('http://www.hschaffer.com/gfx/commons/pdf2.gif');
			background-repeat:	no-repeat;
			}

#textbox a.zip, #bigtextbox a.zip		

			{
			text-decoration:	none;
			background-image:	url('http://www.hschaffer.com/gfx/commons/zip.jpg');
			background-repeat:	no-repeat;
			margin:			10px 0 0 0;
			padding-left:		25px;
			display:		block;
			height:			20px;
			}

#textbox a.zip:hover, #bigtextbox a.zip:hover

			{
			background-image:	url('http://www.hschaffer.com/gfx/commons/zip2.jpg');
			background-repeat:	no-repeat;
			}

#textbox a.yt, #bigtextbox a.yt		

			{
			text-decoration:	none;
			background-image:	url('http://www.hschaffer.com/gfx/commons/youtube2.gif');
			background-repeat:	no-repeat;
			margin:			10px 0 0 0;
			padding-left:		45px;
			display:		block;
			height:			20px;
			}

#textbox a.yt:hover, #bigtextbox a.yt:hover

			{
			background-image:	url('http://www.hschaffer.com/gfx/commons/youtube.gif');
			background-repeat:	no-repeat;
			}

#textbox a.eshop, #bigtextbox a.eshop		

			{
			text-decoration:	none;
			background-image:	url('http://www.hschaffer.com/gfx/commons/eshop.gif');
			background-repeat:	no-repeat;
			margin:			10px 0 0 0;
			display:		block;
			height:			15px;
			width:			140px;
			}


#textbox a.eshop:hover, #bigtextbox a.eshop:hover	

			{
			background-image:	url('http://www.hschaffer.com/gfx/commons/eshop2.gif');
			background-repeat:	no-repeat;
			}

#textbox a.eshop span, #bigtextbox a.eshop span	

			{
			display:		none;
			}

#textbox sub, #textbox sup, #bigtextbox sub, #bigtextbox sup

			{
			font-size:		0.8em;
			line-height:		0;
			vertical-align:		top;
			}

#textbox h1, #bigtextbox h1, #justtext h1

	 		{
			font-size:		1.5em;
			font-weight:		normal;
			background-color:	inherit;
			}

#textbox h2, #bigtextbox h2, #justtext h2

			{
			font-size:		1.3em;
			font-weight:		normal;
			background-color:	inherit;
			}

#textbox ul.textlinks, #bigtextbox ul.textlinks	

			{
			list-style-type:	none;
			margin:			0;
			padding:		0;
			}


#textbox ul.textlinks li, #bigtextbox ul.textlinks li

			{
			margin:			0;
			padding:		0;
			line-height:		1.4em;
			font-size:		0.9em;
			}

#textbox table, #bigtextbox table

			{
			display:		inline-table;
			border-collapse:	separate;
			border-spacing:		5pt;
			}
			 		
#textbox table td, #bigtextbox table td

			{
			vertical-align:		top;
			}

#textbox table td img, #bigtextbox table td img

			{
			border:			none;
			}

#textbox table td img a, #bigtextbox table td img a

			{
			border:			none;
			}


/*Einspaltiges Design
___________________________________________________________________________________________________
*/



#justtext p		{
			font-size:		0.9em;
			font-weight:		normal;
			background-color:	inherit;
			}



/*Pfeilnavigation
___________________________________________________________________________________________________
*/


#backward

			{
			position:		absolute;
			top:			390px;
			left:			10px;
			display:		block;
			width:			45px;
			height:			22px;
			}

#backward a

			{
			display:		block;
			background-image:	url('http://www.hschaffer.com/gfx/commons/backward.gif');
			background-repeat:	no-repeat;
			width:			45px;
			height:			22px;
			}

#backward a:hover

			{
			display:		block;
			background-image:	url('http://www.hschaffer.com/gfx/commons/backward2.gif');
			background-repeat:	no-repeat;
			width:			45px;
			height:			22px;
			}

#backward img		{
			display:		block;
			border:			none;
			height:			22px;
			width:			45px;
			}

#forward

			{
			position:		absolute;
			top:			390px;
			right:			10px;
			display:		block;
			width:			45px;
			height:			22px;
			}

#forward a

			{
			display:		block;
			background-image:	url('http://www.hschaffer.com/gfx/commons/forward.gif');
			background-repeat:	no-repeat;
			width:			45px;
			height:			22px;
			}

#forward a:hover

			{
			display:		block;
			background-image:	url('http://www.hschaffer.com/gfx/commons/forward2.gif');
			background-repeat:	no-repeat;
			width:			45px;
			height:			22px;
			}

#forward img		{
			display:		block;
			border:			none;
			height:			22px;
			width:			45px;
			}