/* -- CSS fuer Carl Stephenson.de / fuer Rueckfragen: SDI -- */


/* -- Defaults einstellen -- */
html, body  {height:100%; background:#F5F5F5 url(../images/website/hintergrund-schlagschatten.gif) center center no-repeat;}
body, body * {margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px;}
a {text-decoration:none;}
a:hover {text-decoration:underline; color:#8D1B2D;}
img { border-width:0;}
ul {list-style-type:none;}
p, h3 {margin-bottom:10px; font-weight:normal; }

	/* -- Rahmen, Farben und Hintergruende einstellen -- */
	#rahmen {border:1px solid #5B5E62;}
	body.hell #rahmen {background:#FFF url(../images/website/hintergrund-hell.jpg) right bottom no-repeat;}
	body.dunkel #rahmen {background:#000 url(../images/website/hintergrund-dunkel.jpg) right bottom no-repeat;}
     body.hell, body.hell a {color:#5b5e62;}
     body.dunkel, body.dunkel a {color:#5b5e62;}
	.dunkel #inhalt {background:url(../images/website/artikel-hintergrund-dunkel.gif) 0 0 no-repeat;}
	.hell #inhalt {background:url(../images/website/artikel-hintergrund-hell.gif) 0 0 no-repeat;}
     h2 {color:#8d1b2d; font-size:16px; font-weight:bold; text-indent:12px; text-transform:uppercase;}
	
	/* -- Falls Hintergruende in Artikelansicht gewuenscht -- */
	.dunkel.artikelansicht #inhalt {background:url(../images/website/artikel-hintergrund-dunkel-.gif) 0 0 no-repeat;}
	.hell.artikelansicht #inhalt {background:url(../images/website/artikel-hintergrund-hell-gr.gif) 0 0 no-repeat;}




/* -- Abmessungen und Positionierung -- */
#rahmen, #rahmen div, .ebenezwei, h2, #kontaktformular, #logobereich {position:absolute;}
#rahmen {width:950px; height:600px; left:50%; top:50%; margin:-300px 0 0 -475px;}
#logo {width:153px; height:90px; float:right;}
#emozies {height:100%; width:200px;}
#logobereich, #navigation, #texte, #fusszeile, #inhalt, h2 {left:220px; width:700px;}
#inhalt {width:680px; height:230px;} /* Weite aus vorheriger Zeile minus 20px */

	/* -- Elemente fester Groesse und Position -- */
	#logobereich {top:10px;}
	#navigation {top:130px; height:60px;}
	#texte {top:190px; height:95px;}
	#fusszeile {top:580px;}
	h2 {top:290px;}
	
	/* -- Elemente wechselnder Groesse und Position-- */
	#inhalt {top:310px; height:242px;}
	.artikelansicht h2 {top:220px; }
	.artikelansicht #inhalt {top:240px; height:320px; overflow:visible;}
	
	/* -- Artikelansicht -- */
	#spalte1, #spalte2, #kontaktformular {height:320px;}
	#spalte1, #spalte2 {width:350px;}
	#spalte2 {top:14px; left:360px;}
	
	/* -- Kontaktformular -- */
	#kontaktformular {top:-14px;}
	#kontakt #inhalt div {text-align:left;}
	
	/* -- Bilder in Artikelansicht zentrieren -- */
	.artikelansicht #spalte1 {text-align:left;}
	.artikelansicht #spalte2 {text-align:center;}
	
		/* -- Spalte 1 und Spalte 2 tauschen, wenn body class="gedreht" -- */
		.gedreht #spalte1 {left:360px;}
		.gedreht #spalte2 {left:10px;}
		.artikelansicht.gedreht #spalte1 {text-align:center;}
		.artikelansicht.gedreht #spalte2 {text-align:left;}

	
	/* -- ueber den Verlag -- */
	#verlag p {width:97%;}
     
     /* -- Autoren -- */
     #autoren #spalte1 { height:90%; overflow:auto; text-align:left; }
     #autoren h3 { font-weight:bold; margin-bottom:0px; }
     #autoren #themenliste { border-bottom:1px dotted #CCC; list-style-type:disc; margin-bottom:15px; padding:15px; }
     #navigation .autoren { float:right; }
     #autoren #inhalt a { background:url(../images/website/download-themenliste.gif) 0 0 no-repeat; display:block; height:52px; margin:10px 0; overflow:hidden; text-indent:-800px; width:152px;}



/* -- logo -- */
#logo {background:url(../images/website/logo-carl-stephenson.gif) 0 0 no-repeat; text-indent:-10000px; }
.dunkel #logo {background-position:0 -90px;}
#logo:hover {text-decoration:none;}


/* -- Navigation -- */
#navigation * {font-weight:bold;}
.ebenezwei {display:none; top:20px; left:0;}
#navigation li {float:left; margin-right:15px;}


/* -- Artikelabbildungen -- */
#inhalt {overflow:auto; padding:10px;}	/* Hintergrundbild */
#artikelliste ul {float:left;}		/* die Weite wird in globals.inc.php bestimmt */
#artikelliste li {font-size:10px;}

/* -- Gesamtverzeichnis ansehen -- */
#verzeichnisansehen {display:block; margin:auto; width:220px; height:300px; background:url(../images/website/gesamtverzeichnis-ansehen.jpg) no-repeat;}
#verzeichnisansehen:hover {text-decoration:none; background-position:0 -300px;}


/* -- Fusszeile -- */
#fusszeile li {float:left; margin-right:20px;}
#copyright {float:right;}