/* Stylesheet
   Copyright 2001 - 2005 Olaf Kleinschmidt
   Seite: <Olaf's Homepage> www.olaf-kleinschmidt.de */
/* version: style2.css, 2005/06/15 */

	
/* --------------------------------------------------------------- */
/*  Die "@media all"-Sektion gilt sowohl fuer die Anzeige auf
    Monitoren als fuer Ausdrucke */

/* Schriftformatierung fuer den Content */
html, body, div, h1, h2, h3, h4, caption, p, th, td
											{font-family: sans-serif; }

/* ...fuer die Seite grundsaetzlich */
html, body									{background: #fff url(images/site/background.gif) repeat-y; color: #444; font: 90%/130% sans-serif; margin: 0em; padding: 0em; width: 100%; }

/* ...fuer die Kopfzeile- und die Fusszeile */
#seitenkopf									{background: #0e1d6e url("/imx/style2-sh.gif") no-repeat; color: #444; height: 60px; margin: 0em; padding: 0em; }
#seitenfuss									{border-top: 1px #444 dotted; margin: 10px; }
#seitenfuss a:link							{background-color: transparent; color: #0e1d6d; }
#seitenfuss a:visited						{background-color: transparent; color: #5e6200; }
#seitenfuss a:hover, #seitenfuss a:active, #seitenfuss a:focus
											{background-color: transparent; color: #600; }

/* ...fuer das Sitelogo und die W3C-Buttons */
#sitelogo									{background-image: url("/imx/style2-sitelogo.gif"); background-repeat: no-repeat; float: right; height: 55px; margin: 0em; padding: 5px 5px 0px 0px; width: 330px; }

/* ...fuer die Links in der Fusszeile */
#copyright									{float: left; margin: 0em; padding: 1px 0px 1px 3px; }
#update										{clear: left; float: left; margin: 0em; padding: 1px 0px 1px 3px; }
#footerlinks	 							{clear: right; float: right; margin: 0em; list-style-type: none; padding: 1px 3px 1px 0px; }
#footerlinks li:first-child					{border-left: 0em; }
#footerlinks li								{border-left: 1px #ccc solid; display: inline; margin: 0em; padding: 0px 3px; }
#w3clinks									{clear: right;  display: inline; float: right; margin: 0em; padding: 1px 3px 1px 0px; }
#w3clinks li								{list-style-type: none; display: inline; margin: 0em; padding: 0px 1px; }

/* ...fuer die erste Navigationsleiste */
#hauptnav									{background: #2e3c83 url("/imx/style2-nb1.gif") repeat-y; border-top: 1px solid #9aa2c8; border-bottom: 1px solid #9aa2c8; color: #0e1d6d; float: left; width: 100%; }
#hauptnav ul								{float: left; list-style-type: none; margin: 0em; padding: 0em; width: 100%; }
#hauptnav ul li								{display: inline; float: left; margin: 0em; padding: 0em; }
#hauptnav ul li a							{border-right: 1px solid #fff; float: left; font-weight: bold; padding: 0.2em 1em; text-align: center; text-decoration: none; }
#hauptnav a:link, #hauptnav a:visited		{background-color: transparent; color: #5e6200; }
#hauptnav a:hover, #hauptnav a:active, #hauptnav a:focus
											{color: #f00; }
#hauptnav a.selected						{color: #000; }
#hauptnav-baseline							{background: #0b1757 url("/imx/style2-nb1-baseline.gif") no-repeat; clear: both; color: #000; font-size: 1px; height: 13px; } 

/* ...fuer die zweite Navigationsleiste */
#subnav a:link, #subnav a:visited, #subnav a:hover, #subnav a:active, #subnav a:focus
											{background-color: transparent; }
#subnav										{background: #2e3c83 url("/imx/style2-nb1.gif") repeat-y; border-top: 1px solid #9aa2c8; border-bottom: 1px solid #9aa2c8; color: #0e1d6d; float: left; width: 100%; }
#subnav ul									{float: left; list-style-type: none; margin: 0em; padding: 0em; width: 100%; }
#subnav ul li								{display: inline; float: left; font-size: .8em; margin: 0em; padding: 0em; }
#subnav ul a								{border-right: 1px solid #fff; float: left; font-weight: bold; padding: 0em 1em; text-align: center; text-decoration: none; }
#subnav a:link, #subnav a:visited			{color: #5e6200; }
#subnav a:hover, #subnav a:active, #subnav a:focus
											{color: #f00; }
#subnav a.selected							{color: #000; }

/* ...fuer den Inhaltscontainer */

#content									{margin: 0em; padding: .2em; }
#content a:link								{background-color: transparent; color: #0e1d6d; }
#content a:visited							{background-color: transparent; color: #5E6200; }
#content a:hover, #content a:active, #content a:focus
											{background-color: transparent; color: #600; }
/*
#content * a.intern:before					{content: url("/imx/symbols/intern.gif"); }
#content * a.de:before						{content: url("/imx/symbols/de.gif"); }
#content * a.en:before						{content: url("/imx/symbols/en.gif"); }
#content * a.es:before						{content: url("/imx/symbols/es.gif"); }
#content * a.it:before						{content: url("/imx/symbols/it.gif"); }
#content * a.fr:before						{content: url("/imx/symbols/fr.gif"); }
#content * a.cn:before						{content: url("/imx/symbols/cn.gif"); }
#content * a.top:before						{content: url("/imx/symbols/top.gif"); }
*/
#content * a.top							{font-size: 0.8em; }
#content * a.top:link, #content * a.top:visited, #content * a.top:hover, #content * a.top:active, #content * a.top:focus
											{background-color: transparent; color: #0e1d6d; }

/* Verstecken der horizontalen Trennlinien und Reparieren des
   Textflusses fuer die Schnellnavigation auf einigen Seiten */
.invisible									{display: none; }
.fixfloat									{clear: both; margin: 0em; padding: 0em; height: 0em; }

/* ...fuer die Header-Elemente */
h1											{background-color: transparent; color: #5e6200; font-size: 160%; line-height: 130%; margin-bottom: .5em; }
h2											{background-color: transparent; color: #0e1d6d; font-size: 140%; line-height: normal; margin-bottom: .5em; }
h3											{background-color: transparent; color: #0e1d6d; font-size: 120%; line-height: normal; margin-bottom: .5em; }
.h2section, .h3section						{margin-left: 1em;}

/* ...fuer Absatzelemente, Tabellendaten und das Gaestebuch */
form										{margin: 0em; padding: 1em 1.3em 0em 1.3em; }
input, textarea								{font-family: sans-serif; }

form										{margin: 0em; padding: 1em 1.3em 0em 1.3em; }
input, textarea								{font-family: sans-serif; font-size: 100%; }
table										{clear: left; margin: 1em 0em 0em 1em; padding: 0; width: 96%;}
td, th										{font-size:0.9em; }
th[scope="row"]								{text-align: left; }
p											{margin: 0em 0em 1.5em 0em; }
.ctr										{text-align: center; }
.rgt										{text-align: right; }
img											{border: 0em; margin: 0em; }
fieldset									{margin-left: 1em; margin-right: 1em; margin-top: 1em; }
fieldset.front								{border: 1px dotted #053188;}
fieldset.front legend						{background-color: transparent; color: #053188; font-variant: small-caps; padding: .1em .5em; }
form table									{width: 50%; }

/* ...fuer die Listen */
ul											{margin: 0em; padding: 0em; }
li											{list-style-image: url("/imx/symbols/style2-liste.gif"); margin: 0em 0em 0em 2em; padding: 0em; }
dl											{border: 1px solid #000; margin-left: 2em; padding: 0; }
dt											{background-color: #fed; color: inherit; font-weight: bold; margin:0 0 1em 0; padding:0.5em; text-decoration:underline; }
dd											{padding: 0em 1em 1em 0em; }

#inhalt										{background-color: #fed; border: 1px #000 solid; clear: both; color: inherit; padding: 1em; }

/* ... fuer Hervorhebungen (inline) */
.red										{background-color: transparent; color: #f00; }
.neu, .datumneu								{background-color: transparent; color: #d77; }
.datum										{background-color: transparent; color: #444; }
.erkl										{background-color: #eaf3fe; border-bottom: 1px #f00 dotted; border-top: 1px #f00 dotted; color: #000; cursor: help; text-decoration: inherit; }

/* ... fuer Absaetze (box) */
.ctr										{text-align: center; }
.rgt										{text-align: right; }
.rfl 										{float: right; }
.lfl 										{float: left; }

/* ...fuer den "nach oben"-Link */
.gotop										{border-top: 1px dotted #5e6200; clear: both; margin: 1em 0 0 0; text-align: right; }

/* Spezialformate fuer bestimmte Seiten */

/* ...fuer die Startseite */
h1#intro									{text-align: center;}
#tops, #misc								{float: left; width: 61%; }
#newsbox									{background-color: #fed; border: #000 1px solid; color: inherit; float: right; font-size: 90%; margin-right: -2%; padding: 1em; width: 35%; }
#welcomelogo								{background: transparent url("/imx/misc/home-welcomelogo.gif") no-repeat center center; display: block; height: 55px; }
#welcometext								{display: none; }

#service									{clear: both; }
#fuckel										{float: left; }
#fuckel li									{list-style-type: none; margin: 1em 0em; padding: 0em; width: 468px; }
#wetter li									{background-color: #fff; color: inherit; list-style-type: none; float: right; padding: 0em; margin: 0em; width: 160px; }
#wetter li form								{font-size: .8em; margin: 0em; padding: 0em; }

#info										{clear: both; }
#info ul									{clear: both; margin: 0em; padding: 1em; }
#info ul li									{display: inline; list-style: none; margin: 0em; padding: 0em; }
#info ul li .text							{display: none; }
#info ul li a .text							{display: none; }
#info ul li a .pic							{background-repeat: no-repeat; background-position: center; clear: none; float: left; height: 32px; padding: 0em; margin: 0px 10px; width: 88px; }
#opera										{background-image: url("/imx/misc/home-opera.gif"); }
#netscape									{background-image: url("/imx/misc/home-netscape.gif"); }
#firefox									{background-image: url("/imx/misc/home-firefox.png"); }
#anybrowser									{background-image: url("/imx/misc/home-anybrowser.gif"); }
#selfhtml									{background-image: url("/imx/misc/home-selfhtml.gif"); }
#dcmi										{background-image: url("/imx/misc/home-dcmi.gif"); }
#w3c										{background-image: url("/imx/misc/home-w3c.gif"); }
#dialerschutz								{background-image: url("/imx/misc/home-dialerschutz.gif"); }

#stats										{clear: both; padding-top: 1em; }

/* fuer Special #1 */
.work										{display: block; float: left; width: 16%; }
.sparetime									{display: block; float: left; width: 7%; }

/* ...fuer die Funpix und die Fotos */
.folderpreview								{float: left; height: 12em; margin-left: 1em; width: 45%; }
.folderthumb								{float: left; margin: 0em 1em 1em 0em; text-align: center; width: 105px; }
.picthumb									{float: left; height: 140px; margin: 0; padding: 1em 0 0 0; width: 19%; text-align: center; vertical-align: middle; }
.folderthumb img, .picthumb img				{border: 1px solid #aaa; padding: 2px; }

/* ...fuer die Technik-/Navigation-Seite */ 
.acc-logo									{font-weight: bold; letter-spacing: 0; text-decoration: none; }
.acc-text									{background-color: transparent; color: #000; font-variant: small-caps;}
.acc-text em								{background-color: transparent; color: #F00; }
.screenshot									{border: 1px dotted #000; }
.style3pic									{border: 1px #000 dotted; float: right; margin-left: 1em; }

/* ... fuer die Webdesign-Seite */
.referenzen									{margin: 0em 0em 0em 0em; padding: 0em; }
.referenzen li								{display: inline; float: left; list-style: none; margin: 1%; padding: 1%; text-align: center; width: 300px; }
.referenzen li a span.pic					{border: 1px #000 dotted; background-repeat: no-repeat; display: block; height: 225px; margin-top: 1em; width: 299px; }
.referenzen li a:hover .pic, .referenzen li a:active .pic
											{cursor: pointer; }
#hirschkammer								{background-image: url(/imx/referenzen/hirschkammer.gif); }
#sylvia										{background-image: url(/imx/referenzen/sylvia.gif); }
#nest										{background-image: url(/imx/referenzen/nest.gif); }
#msf										{background-image: url(/imx/referenzen/msf.gif); }
#ferienhaus									{background-image: url(/imx/referenzen/ferienhaus.gif); }

/* ...fuer die Vitae-Seite */
.lebenslauf									{border: 1px dotted #000; margin-left: 1em; padding: 1em; width: 96%; }
.lebenslauf td, .lebenslauf th				{padding-top: .5em; vertical-align: top; }

/* ... fuer das Impressum */
.impressum									{margin: 0em; padding: 0em 0em 1em 2.5em; font-size: 0.9em; font-family: sans-serif; }

/* ...fuer die Projekte-Seite */
.projektbox									{float: left; margin: 1em; width: 46%; }

/* fuer die Friends-Seite */
.friends 									{border: 1px solid #000; }
.friends th[scope=col]						{border-left: 1px dotted #000; }
.friends th[scope=col]:first-child			{border: none; }
.friends th[scope=row]						{border-top: 1px dotted #000; padding: .25em 1em; }
.friends td									{border-left: 1px dotted #000; border-top: 1px dotted #000; padding: .25em 1em; }

/* fuer die Musik-/DVD-Seite */
.column										{float: left; width: 48%; }
.albuminfo, .dvdinfo						{clear: none; display: inline; float: left; margin-left: 1em; width: 40%; }
.albuminfo .cover, .dvdinfo .cover			{margin-top: 1em; }
.albuminfo .cover img, .dvdinfo .cover img	{border: 1px solid #000; padding: 2px; }
.tracklisting, .dvdintro					{clear: none; display: inline; float: left; margin-left: 1em; width: 52% }

/* fuer die eBook-Seite */
.ebook										{font-size: 0.9em; float: left; height: 13em; margin: 1em; text-align: left; width: 45%; }
.ebook .cover								{float: left; margin-top: 1em; text-align: center; height: 130px; width: 200px; }

/* fuer die Muenzen-Seite */
.muenzen 									{border: 1px solid #000; }
.muenzen th[scope=col]						{border-left: 1px dotted #000; padding: .25em 1em; }
.muenzen th[scope=col]:first-child			{border: none; }
.muenzen th[scope=row]						{border-top: 1px dotted #000; padding: .25em 1em; }
.muenzen td									{border-left: 1px dotted #000; border-top: 1px dotted #000; padding: .25em; }

.fixedrates 								{border: 1px solid #000; }
.fixedrates th[scope=col]					{border-left: 1px dotted #000; padding: .25em 1em; }
.fixedrates th[scope=col]:first-child		{border: none; }
.fixedrates th[scope=row]					{border-top: 1px dotted #000; padding: .25em 1em; }
.fixedrates td								{border-left: 1px dotted #000; border-top: 1px dotted #000; padding: .25em 1em; }

/* fuer die Entity<-Seite */
.entities 									{border: 1px solid #000; }
.entities th[scope=col]						{border-left: 1px dotted #000; padding: .25em 1em; }
.entities th[scope=col]:first-child			{border: none; }
.entities th[scope=row]						{border-top: 1px dotted #000; padding: .25em 1em; }
.entities td								{border-left: 1px dotted #000; border-top: 1px dotted #000; padding: .25em 1em; }

/* --------------------------------------------------------------- */
/* Definitionen fuer die Anzeige auf Monitoren etc. */

@media screen{
	#content										{margin: 20px 50px 20px 40px; }
}

/* --------------------------------------------------------------- */
/* Definitionen fuer Ausdrucke */

@media print{
	body									{margin: 0; }
	#sh, #hauptnav, #hauptnav-baseline, #subnav, #seitenfuss
											{display: none; }
	h1, h2									{page-break-after: avoid; page-break-inside: avoid; }
	ul, ol									{page-break-before: avoid; }
}