/* Stylesheet
   Copyright 2001 - 2006 Olaf Kleinschmidt
   Seite: <Olaf's Homepage> www.olaf-kleinschmidt.de */
/* version: style3.css, 2006-01-27 */

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

/*
	da sich style4.css und style3.css nur durch die Formatierungen auf der Startseite unterscheiden,
	wird einfach style1.css importiert, um doppelte Pflegearbeiten zu vermeiden
 */

@import url("/misc/style1.css");

/* ...Sonderformate fuer die Startseite */

#newsbox									{float: right; margin-top: 1%; padding: 0% 1% 1% 1%; width: 27%; }
/* ist nur in style3 sichtbar, in allen anderen ausgeblendet */
#newsbox li.listev3							{display: list-item; }

#tops										{float: left; width: 69%; }
#tops h2									{display: none; }
#tops ul									{list-style: none; margin: 0; padding: 0; }
#tops ul li									{border: 1px #000 dotted; float: left; min-height: 90px; list-style-image: none; margin: 1%; padding: 1%; vertical-align: middle; width: 45%; }
#tops ul li a.intern:before					{content: normal; }
#tops ul li a:link .toppic, #tops ul li a:visited .toppic
											{background-position: top left; float: left; height: 75px; margin: 1%; width: 100px; }
#tops ul li a:hover .toppic, #tops ul li a:active .toppic
											{background-position: bottom left; cursor: pointer; }
#software, #fotos							{clear: left; }
#jokes .toppic					 			{background-image: url(/imx/misc/style3-home-jokes.jpg); }
#specials .toppic				 			{background-image: url(/imx/misc/style3-home-specials.jpg); }
#software .toppic				 			{background-image: url(/imx/misc/style3-home-software.jpg); }
#surftips .toppic				 			{background-image: url(/imx/misc/style3-home-surftips.jpg); }
#fotos .toppic								{background-image: url(/imx/misc/style3-home-fotos.jpg); }
#gbuch .toppic					 			{background-image: url(/imx/misc/style3-home-gbuch.jpg); }
.topupdate									{background-color: transparent; color: #444; font-style: italic; }

#misc										{float: none; width: 100%;}
/* Boxen wie oben; is OK! */
/*
#misc										{clear: both; float: none; margin-left: 1em; width: 98%; }
#misc ul									{list-style: none; margin: 0; padding: 0; }
#misc ul li									{border: 1px #000 dotted; float: left; min-height: 90px; list-style-image: none; margin: 1%; padding: 1%; vertical-align: middle; width: 45%; }
#misc ul li a:link .infopic, #misc ul li a:visited .infopic
											{background-position: top left; float: left; height: 75px; margin: 1%; width: 100px; }
#misc ul li a:hover .infopic, #misc ul li a:active .infopic
											{background-position: bottom left; cursor: pointer; }
*/

/* diese "Kachelung" funktioniert zwar, sieht aber nicht so gut aus...*/
/*
#misc h2									{display: none; }
#misc ul									{list-style: none; margin-left: 1em; text-align: center; }
#misc ul li									{border: 1px #000 dotted; float: left; height: 85px; list-style-image: none; margin: 1%; padding: 0%; vertical-align: middle; width: 112px; }
#misc ul li a								{display: block; height: 75px; margin: 1%; padding: 5px; text-align: center; width: 100px; }
#misc ul li a, #misc ul li a:link, #misc ul li a:visited, #misc ul li a:hover, #misc ul li a:active
											{background-color: transparent; }
#misc ul li a:link .infopic, #misc ul li a:visited .infopic
											{background-position: top left; float: left; height: 75px; width: 100px; }
#misc ul li a:hover .infopic, #misc ul li a:active .infopic
											{background-position: bottom left; cursor: pointer; }
.infolinktext, .infotext					{display: none; }
*/

/* dieser Block definiert die Hintergrundbilder und muss sowohl bei den "Kacheln" als auch bei den Boxen eingeblendet werden */
/*
#sitemap, #techinfo, #impressum				{clear: left; }
#about .infopic								{background-image: url(/imx/misc/style3-info-about.jpg); }
#sitemap .infopic							{background-image: url(/imx/misc/style3-info-sitemap.jpg); }
#techinfo .infopic							{background-image: url(/imx/misc/style3-info-techinfo.jpg); }
#navigation .infopic						{background-image: url(/imx/misc/style3-info-navigation.jpg); }
#webdesign .infopic							{background-image: url(/imx/misc/style3-info-webdesign.jpg); }
#wot .infopic								{background-image: url(/imx/misc/style3-info-wot.jpg); }
#impressum .infopic							{background-image: url(/imx/misc/style3-info-impressum.jpg); }
#kontakt .infopic							{background-image: url(/imx/misc/style3-info-kontakt.jpg); }
*/