*
{
	padding:0;
	margin:0;
}

/* Schriftart ist ueberall gleich */
body
	{ 
		font-family: Arial, Sans-Serif, Helvetica, Verdana;
		font-size: 10pt;
 	}

div#SEITE
{
	/*border: 1px solid blue;*/
	margin: 8px 8px 5px 8px;
}

div#HEADER
{
	/*border: 1px solid red;*/
	height: 75px;
	/*padding: 11px 0px 0px 0px;*/
}

div#logo
{
	/*border:1px solid lightgreen;*/
	margin-top: 11px;
}

div#logo img
{
	position:absolute;
	top:20px;
	left:9px;
}

div#werbung_header
{
	position:absolute;
	top:24px;
	left: 310px;
}

div#LEFT
{
	/*border: 1px solid green;*/
	float:left;
	width:231px;
	height:100%;
	padding-left: 5px;
}

div#CONTENT
{
	/*border: 1px solid orange;*/
	padding: 20px 20px 20px 12px;
	margin-left: 238px;

	max-width: 1030px;
}

div#FOOTER
{
	/*border:1px solid black;*/
	clear:both;
	text-align:center;

	max-width: 1280px;
}

div#FOOTER p
{
	font-size:8pt !important;
}

/* Standard-Groesse f. Absaetze und Tabellen */
p, td, th, li
	{
		font-size: 10pt;
	}

li
	{
		margin-left:30px;
	}

p, ul
	{
		margin: 10px 10px 10px 0px;
	}

/* Eingabefeld */
input
	{
		padding:2px;
	}

/* Normaler Link */
a:link, a:visited
	{
		color: #0000C0; /* duenkleres blau */
		text-decoration: none;
	}

/* Links im Menue sind schwarz */
.Menue a:link, .Menue a:visited, div.UserOnline a:link, div.UserOnline a:visited
	{
		color: #000000; /* schwarz */
		text-decoration: none;
	}

.Mittig
	{
		text-align: center;
	}

.Fett
	{
		font-weight: bold;
	}

.FehlerMarkieren
	{
		background-color: #FFE1E1;
		font-weight: bold;
	}
	
p.Fehlermeldung, div.ForumsMeldung,
div.Fehlermeldung, div.Erfolgsmeldung, div.Meldung, div.MeldungImpressum, div.MeldungImpressumLinks
	{
		margin-top: 10px;
		margin-bottom: 10px;
		width: 480px;

		text-align: center;
		border-style: dotted;
		border-width: 1px;
		border-color: #FF0000; /* rot */

		padding: 5px;
	}

div.Erfolgsmeldung
	{
		border-color: #00C000;
	}

div.ForumsMeldung
	{
		margin-left:50px;
		border-color: #808080;
		width:200px;
		background-color:#dee7ec;
	}

div.Meldung
	{
		border-color: #808080;
		margin-left: auto;
		margin-right: auto;
	}

div.MeldungImpressum
	{
		margin-left:15px;
	}

div.MeldungImpressum, div.MeldungImpressumLinks
	{
 		border-color: #BAC3C6; /* duenkleres Blau */
		width: 600px;
	}

.MeldungAktualisierung, .MeldungAktualisierung_links
	{
		text-align: left;
		margin: 10px 10px 10px 15px;
		width: 600px;
		border: 1px dotted #BAC3C6;
		padding: 10px;
		line-height:1.4em;
	}

.MeldungAktualisierung_links /* abweichend */
	{
		margin: 10px 10px 10px 0px; /* kein Abstand links */
	}

/*div.MeldungImpressumLinks
	{
		text-align: left;
	}*/

a:hover, .Menue a:hover, div.UserOnline a:hover
	{
		color: #0000FF; /* blau */
		font-weight: bold;
		text-decoration: none;
	}

div.UserOnline /* Anzahl der Benutzer links im Nav.menue */
	{
		/*margin: 15px auto 15px auto;*/
		margin: 15px auto 15px 15px;

		width:175px;

		text-align: center;
		border-bottom-style :  dotted;
		border-bottom-width : 2px;
		border-left-style :  dotted;
		border-left-width : 2px;
		border-right-style :  dotted;
		border-right-width : 2px;
		border-top-style :  dotted;
		border-top-width : 2px;
	}

table.UserOnline /* Seite "User online" */
	{
		text-align: center;
		width: 70%;
		/*border-bottom-style : groove;
		border-bottom-width : 1px;
		border-left-style : groove;
		border-left-width : 1px;
		border-right-style : groove;
		border-right-width : 1px;
		border-top-style : groove;
		border-top-width : 1px;*/

		border-collapse:collapse;

		border-spacing: 0px;
	}

ul.Menue
	{
		list-style-type : none;
	}

.TabelleAussen td
	{
		vertical-align: top;
	}

img.Captcha
	{
		margin: 10px;
	}

td.ContentStandard
	{
		vertical-align: top;
		padding-bottom : 20px;
		padding-left : 20px;
		padding-right : 20px;
		padding-top : 20px;

	}

table.UserOnline td, table.UserOnline th
	{
		border-bottom-style : groove;
		border-bottom-width : 0px;
		border-left-style : groove;
		border-left-width : 0px;
		border-right-style : groove;
		border-right-width : 0px;
		border-top-style : groove;
		border-top-width : 1px;

		padding-bottom : 3px;
		padding-left : 3px;
		padding-right : 3px;
		padding-top : 3px;
	}

div.Mailformular
{
		width: 613px;
		margin-top:20px;
		padding:0;
		border:1px solid white;
}

div.TabelleDienstleistungen
	{
		width: 650px; /* 613px */
		margin-top: 20px;
		background-color: #dee7ec;
	}

ul.Sprachen
	{
		margin-top:-13px;
	}

table.LinkFormular, table.MailFormular
	{
		/*margin-top: 15px;*/

		width: 540px;

		background-color: #dee7ec;
		border: 0px;
		border-style:hidden;
		border-spacing: 0px;
	}

div.TabelleDienstleistungen div.Ueberschrift
	{
		/*padding-left: 10px;
		padding-right: 10px;*/
		/*padding-bottom: 15px;*/
		background-color:white;
		height:35px;
	}

div.TabelleDienstleistungen div.Inhalt
	{
		padding:10px 15px 15px 15px;
		clear:right;
	}

div.TabelleDienstleistungen h3.InformationUeberschrift
	{
		margin-top:17px;
	}

/*.MailformularAbstand
	{
		margin-top: 20px;
	}*/

.MailformularNoFloat
	{
		float:none !important;
	}

.BuecherAbstand
	{
		margin-top:15px;
	}

h2.Mailformular_gewaehlt, h2.Dienstleistungen_gewaehlt
	{
		/*background-color: #ffffff !important;*/
		background-color: #dee7ec;
		/*padding:7px 5px 10px 5px;*/
		padding:11px 20px 11px 20px;

		float:left;
		font-weight:bold;
		font-size:10pt;
	}

h2.Mailformular_nicht_gewaehlt, h2.Dienstleistungen_nicht_gewaehlt
	{
		padding:11px 20px 11px 20px;
		font-weight:bold;
		font-size:10pt;
		float:left;
		/*width:150px;*/
	}

table.MailFormular_feedback,
table.MailFormular_kontakt
	{
/*		margin-top: 15px;*/

		width: 539px;

		background-color: #dee7ec;
		border: 0px;
		border-style:hidden;
		border-spacing: 0px;
	}

table.LinkFormular td,
table.MailFormular_feedback td,
table.MailFormular_kontakt td
	{
		border: 1px;
		
		border-color: #000000;
		border-style:ridge;
		border-spacing: 0px;
		padding: 3px;

		vertical-align:middle;
	}

table.LinkFormular td.Pflichtfeld,
table.MailFormular_kontakt td.Pflichtfeld,
table.MailFormular_feedback td.Pflichtfeld
	{
		background-color: #BAC3C6;
		font-weight: bold;
	}


div.Kontaktinformationen
	{
		padding: 5px;
		padding-top: 20px;
	}

table.Kontaktinformationen
	{	
		margin-left: auto;
		margin-right: auto;
		
		border-collapse:collapse;
	}

table.Kontaktinformationen td
	{
		vertical-align:middle;
		padding: 4px;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
		border-bottom: 1px;
		border-top: 1px;
		border-top-style:dotted;
		border-bottom-style:dotted;

		border-color: #A0A0A0;
	}

table.UserOnline tr.SummePersonen
	{
		background-color: #dee7ec;
		font-weight: bold;
	}

table.UserOnline tr.SummeBots
	{
		background-color: #dee7ec;
	}

div.InfoboxStandard
	{
		border-spacing: 0px;
		padding: 10px;
	}

div.InfoboxStandard div.Ueberschrift
	{
		background-color: #dee7ec;
		padding: 5px; /*3px;*/
		font-size:11pt;
		font-weight:bold;
		text-align:center;
		/* color:#c00000; */
	}

div.InfoboxStandard div.Text
	{
		background-color: #F7FCFF;
		padding: 6px;
	}

div.InfoboxStandard div.Subtext
	{
		font-size:8pt;
		background-color: #dee7ec;
		text-align:right;
		padding: 5px 10px 5px 0px;
	}

div.InfoboxStartseite
{
	margin-left: 0px !important;
	padding:0;
	width:729px;
}

div.LetzteAktualisierung
	{
		margin: 35px auto 35px 15px;
 		width:178px;
		text-align: center;
		font-size:8pt;
	}

div.LetzteAktualisierung div.Ueberschrift
	{
		font-weight:bold;
	}

div#LEFT div.Bookmarks
	{
		width:178px;
		margin: 35px auto 35px 15px;
		text-align:center;
	}

span.farbig_dunkelrot
	{
		color: #C00000;
		font-size: 8pt;
	}

span.kleiner, div.kleiner
	{
		font-size: 8pt;
	}

ul.Vorteile_Webanwendungen li
	{
		margin-bottom:5px;
	}

ul.Vorteile_Webanwendungen li div.kleiner
	{
		font-size:9pt;
		margin-left: 10px;
		margin-top:3px;
	}

li.Menue_Hauptkat
	{
		font-weight: bold;
		background-color: #dee7ec; /* DAS Tutorials.at-Blau */
		margin-top: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 6px;
		margin-left:0;
		width:218px;
	}

li.Menue_Subkat1
	{
		margin-left: 15px;
		margin-top:4px;
	}

li.Menue_Subkat2
	{
		font-size: 8pt;
		margin-left: 30px;
		margin-top:3px;
	}

a.Menue_Subkat1.hervorgehoben, a.Menue_Subkat2.hervorgehoben, .hervorgehoben
	{
		color: #ff0000;
	}

span.Groesser
	{
		font-size:12pt;
	}

.Menue_Subkat1.angeklickt, .Menue_Subkat2.angeklickt
	{
		/*text-decoration: underline;*/
		color: #ff0000;
	}

.Ueberschrift1 /* z.B. "Einfuehrung in die Programmierung" */
	{
		font-size: 14pt;
		font-weight: bold;
	}

.Ueberschrift2_Zusatztext,
.Ueberschrift2 /* Themen eines Kapitels */
	{
		font-size: 12pt;
		font-weight: bold;
		margin-top: 15px;
		margin-bottom: 20px;
	}

.Ueberschrift2_Zusatztext /* wie Ueberschrift2, aber mit kleinerem Text drunter ohne viel Abstand */
	{
		margin-bottom: 3px;
	}

.Ueberschrift3_Zusatztext,
.Ueberschrift3 /* z.B. "1.1. Einleitung" */
	{
		font-size: 11pt;
		font-weight: bold;

		margin-top: 25px;
		margin-bottom: 10px;
	}

.Ueberschrift3_Zusatztext
	{
		margin-top:3px;
		font-size:10pt;
	}

.Ueberschrift4 /* z.B. Umrechnung Binaer/Dezimal in 3.1 */
	{
		font-size: 10pt;
		font-weight: bold;

		margin-top: 10px;
		margin-bottom: 10px;
	}

p.AbsatzKleiner
	{
		font-size: 8pt;
	}

p.AbsatzTipp
	{
		background-color: #EFEFEF;
		padding: 15px;
	}

td.Copyright
	{
		font-size: 8pt;
		text-align: center;
	}

h3.InformationUeberschrift
	{
		font-weight: bold;
		margin-left: 3px;
		margin-top: 5px;
		margin-right: 30px;
		margin-bottom: 2px;
		font-size:10pt;
	}

p.InformationText
	{
		margin-top:0px;
		margin-left: 15px;
		margin-bottom:15px;
	}

div.InformationTop
	{
		margin-top:15px;
	}

span.unterstrichen
	{
		text-decoration:underline;
	}

img.EMailAlsBild
	{
		vertical-align:top;
	}

div.UnterTabelle
	{
		width:0%;
		text-align: left;
		position:relative;
		left: 570px;
		top: 10px;
	}

hr.Fussnote
	{
		margin-top: 40px;		
		text-align: center;
		border-spacing: 0px;
		border-top: 1px solid #000000;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
	}

div.Fussnote
	{
		margin-left:20px;
		font-size: 8pt;
	}

span.Fussnote
	{
		margin-left: 5px;

		position: relative;
		top: +5px;
		font-size: 6px;
	}

/* Navigation in den Tutorials und in der Einfuehrung */
/* Urheberrecht */

.Kapitel_Navigation
	{
		font-size: 90%;
	}

.Kapitel_Navigation_markiert
	{
		color: #FF0000; /* rot */
	}

.Urheberrechtsinfo
	{
		margin-left: 15px;
		border-left: 10px solid #dee7ec;
		padding-left: 10px;
		margin-top:15px;
		margin-bottom:15px;
	}

.WichtigerLink, .WichtigerLinkMittig
	{
		margin: 15px 15px 25px 15px;
		border-left: 10px solid #dee7ec;
		padding-left: 10px;
		line-height:2.3em;
	}

.WichtigerLinkMittig
	{
		margin-bottom:15px;
	}
/* "In diesem Kapitel " */
div.Kapitel_Navigationshilfe
	{
		background-color: #dee7ec;
		padding: 0px;
		width: 468px;/*450px;*/
	}

div.Kapitel_Navigationshilfe p /* Ueberschrift */
	{
		font-weight: bold;
		border-bottom: 1px dotted #000000;
		padding: 5px 3px 3px 10px;
		margin:0;
		background-color: #C8CFD4;
	}

div.Kapitel_Navigationshilfe ul
	{
		padding-bottom: 12px;
	}

div.Kapitel_Navigationshilfe li
	{
		list-style-type: disc;
	}

table.Kapitelnavigation_Tabelle
	{
		background-color: #dee7ec;
		width: 100%;
		border: 1px solid black;
		/*padding: 5px 15px 5px 15px;*/
		margin-left: auto;
		margin-right: auto;
		font-weight: bold;
	}

table.Kapitelnavigation_Tabelle td
{
	padding: 5px 15px 5px 15px;
}

table.Kapitelnavigation_Tabelle td.Zurueck
	{
		text-align: left;
	}

table.Kapitelnavigation_Tabelle td.Weiter
 	{
		text-align: right;
	}

/* Quellcode-Formatierung */

.Quellcode /* ganze Quellcode-Beispiele (ausfuehrbar) */
	{
		/*border: 1px solid #000000;*/
		width: 600px;
 		background-color: #F4F4F4;
		margin: 15px 0px 15px 0px;
		padding:5px;
		overflow: auto;
	}

.Quellcode pre
	{
		margin: 15px;
	}

sup.Zahlensysteme
	{
		font-size: 4pt;
	}

table.Zahlensysteme, table.Zahlensysteme td, table.Zahlensysteme th, table.Datentypen, table.Datentypen td, table.Datentypen th,
table.Operatoren, table.Operatoren td, table.Operatoren th, table.Grafikmodi, table.Grafikmodi td, table.Grafikmodi th
	{
		border: 1px solid #000000;
		border-collapse:collapse;
		padding: 5px;
		width: 200px;
		text-align: center;
		margin: 5px 10px 5px 20px;
	}

table.CDatentypen td
	{
		text-align:center;
	}

table.Diverses
	{
		border: 1px solid #000000;
		border-collapse:collapse;
	}

table.Diverses td,
table.Diverses th
	{
		border: 1px solid #000000;
		padding:5px;
	}

table.Operatoren /* abweichend */
	{
		width: auto;
	}

table.Datentypen
	{
		width: auto;
	}

pre.Zahlensysteme
	{
		margin-left: 20px;
	}

/* Quellcode-Ausschnitt (kein ganzes Beispiel) im Text */
code
	{
		background-color: #c4c4c4;
	}

code.Zeile
	{
		padding: 5px;
		background-color: #c4c4c4;
	}

p.CodeZeile
	{
		margin-bottom:10px;
	}

.Quellcode code /* ganzes Quellcode-Beispiel */
	{
		background-color: #F4F4F4;
	}

strong /* Befehle */
	{
		font-weight: bold;
		font-family: sans-serif, serif;
	}

div.BASIC_COLOR
	{
		float:left;
	}

table.BASIC_COLOR, table.BASIC_COLOR td, table.BASIC_COLOR th
	{
		border: 1px solid #000000;
		border-collapse:collapse;
		padding: 5px;
		text-align: center;
		margin: 5px 10px 5px 20px;
	}

p.CodeAuszug, p.CodeAuszugBreit, p.CodeAuszugBreiter, .CodeAuszugSchmal /* mehrzeilig, wie .Code, aber mit geringerer Breite */
	{
		background-color: #c4c4c4;
		width: 350px;
		padding: 5px;

		
	}

p.CodeAuszugSchmal
	{
		width: 200px;
	}

p.CodeAuszugBreiter
	{
		width: 550px;
	}

p.CodeAuszugBreit
	{
		width: 700px;
	}

/* Links */

div.LinksAnzeigen,
div.Unterkategorien
{
	background-color:#dee7ec;
	width:60%;
	border-collapse:collapse;
	border-left: 2px solid black;
	padding-bottom:5px;
}

div.LinksAnzeigen
{
	width:90%;
}

div.LinksAnzeigen div.Ueberschrift,
div.Unterkategorien div.Ueberschrift
{
	background-color:#BAC3C6;
	font-weight:bold;

	border-top: 2px solid black;
	border-bottom: 2px solid black;

	border-right:0;

	padding:5px;
}

div.LinksAnzeigen div.Inhalt
{
	padding:10px;
}

div.LinksAnzeigen span.Tipp
{
	color:red;
	font-weight:bold;
}

div.LinksAnzeigen a
{
	font-weight:bold;
}

table.FrontendTabelle
{
	min-width:649px;
	/*margin:10px;*/
	margin: 1px 1px 0px 1px;
	table-layout:fixed;
	border-collapse:collapse;
	/*border: 1px solid black;*/
}

table.FrontendTabelle th.Preis
{
	width:65px;
}

table.FrontendTabelle tr.gerade
{
	background-color:#f7fcff;
}

table.FrontendTabelle tr.gerade:hover
{
	background-color:#dee7ec;
}

table.FrontendTabelle tr.ungerade
{
	background-color:#ECF1F4; /* f7fcff */
}

table.FrontendTabelle tr.ungerade:hover
{
	background-color:#dee7ec;
}

table.FrontendTabelle th
{
	border: 1px solid #BAC3C6;
	background-color:#dee7ec;
	padding:3px;
}

table.FrontendTabelle td
{
	/*overflow:hidden;*/
	padding: 5px;
	vertical-align:middle;
	border: 1px solid #BAC3C6;
	text-align:center;
}

table.FrontendTabelle th.Titel
{
	width:180px;
}

.Buecherliste
{
	background-color:white !important;
	min-width:650px;
	padding-bottom: 0 !important;
}

/* Buecherrubrik */
div.Buchdetails_Amazon
{
	float:left;
	width:140px;

	text-align:center;

	margin-top:10px;
/*border:1px solid red;*/
}

/* Link in einem Tutorial */
div.Buchlink_Amazon,
div.Buchlink_Amazon_rechtsbuendig
{
	float:left;
	width:140px;

	text-align:center;

	border:1px solid #DEE7EC;

	margin: 0px 15px 10px 0px;
}

div.Buchlink_Amazon_rechtsbuendig
{
	float:right;
	margin: 0px 10px 10px 15px;
}

div.Buchlink_Amazon h4.Buchdetails_Ueberschrift,
div.Buchlink_Amazon_rechtsbuendig h4.Buchdetails_Ueberschrift
{
	background-color: #DEE7EC;
	color: #666666;
	text-align:left;
	padding:4px;

	font-size:10pt;
}

div.Buchlink_Amazon div.Subtext,
div.Buchlink_Amazon_rechtsbuendig div.Subtext
{
	background-color: #DEE7EC;
}

div.Buchdetails_Tutorials_at
{
	margin-left:150px;
	margin-top:50px;
/*border:1px solid blue;*/
}

table.Buchdetailansicht
{
	margin-top:25px;
}

table.Buchdetailansicht th
{
	text-align:right;
	padding:3px;
}

table.Buchdetailansicht td
{
	padding:3px;
	padding-left:7px;
}

div.Rezension_Tutorials_at
{
	clear:right;
	margin-top:90px;
	margin-left:10px;

/*border:1px solid green;*/
}

div.Werbung_Adsense_Startseite
{
	margin: 20px 0px 20px 0px;
}

div.Werbung_Adsense_im_Tutorial_Banner,
div.Werbung_Adsense_im_Tutorial_Bottom,
div.Werbung_Adsense_im_Tutorial_Square
{
	margin: 10px 10px 10px 0px;
}

div.Werbung_Adsense_im_Tutorial_Text
{
	float:left;
	margin: 0px 20px 10px 0px;
}

p.Kommentar,
p.Rezension
{
	margin-top:-8px;
}

.Kommentar
{
	margin-left:15px;
}

.KommentarFormular
{
	margin: 0px 5px 25px 15px !important;
}

p.KommentarSchreiben
{
	margin-top:-8px;
	margin-bottom:25px;
}

a.ZurueckLink
{
	margin: 20px 10px 10px 0px !important;

	background-color:/*#BAC3C6 ;/**/ #dee7ec;
	/*border: 2px solid black;
	border-right:0;*/

	padding: 3px 10px 3px 10px;
}

a.ZurueckLink strong
{
	position:relative;
	font-size:11pt;
	
	font-weight:normal;
}

div.Suchfeld
{
	margin-top:35px;
	margin-bottom:35px;
	margin-left:15px;
}

div.BuecherNavigationsmenue
{
	margin-top:45px;
	margin-bottom:35px;
	margin-left:15px;
}

ol.LazarusInstallation li
{
	margin: 0px 0px 5px 30px;
}