body {
	font-size: 85.01%;
}

/* IE5 Workaround: Bestimmung der Schriftgroesse auch innerhalb von Tabellenzellen: */
td {
	font-size: 85.01%;
}
/* Wieder hochsetzen in vernuenftigen Browsern; Der Hack schliesst u.a. die Browser IE<6, NN4, Opera<7 aus */
td {
	f\ont-size: 100%;
}


/* ****************** CODEBEISPIELE ****************** */

span.funktion {
	color:					#2a2;
	font-weight:			600;
}
span.zeichenkette {
	color:					#c22;
	font-weight:			500;
}
span.wert {
	color:					#22e;
	font-weight:			500;
}
span.kommentar {
	color:					#555;
	font-weight:			500;
}
span.html {
	color:					#000;
	font-weight:			500;
}

/* ****************** ALLGEMEIN ****************** */

body {
	margin:				0;
	padding:			0;
	background:			#f3f3f3;
	font-family:		sans-serif;
}

img {
	border:				none;
}

td {
	padding:			6px;
	vertical-align:		top;
	line-height:		135%;
}

/* ****************** SPEZIELL ****************** */

input.kontakt {
	width:				200px;
}

p.weiter {
	background-color:	#f3f3f3;
	text-align:			right;
	width:				100%;
}

/* ***************** Thema in Navi ***************** */

p#aktuellesThema {
	font-weight:		bold;
	font-size:			110%;
}

p#selected {
	background-color:	#ccc;
	font-weight:		bold;
	font-size:			110%;
}

b#selected {
	background-color:	#ccc;
}

/* ****************** HAUPTTABELLE ****************** */

tr#topnavi td {
	text-align:			center;
}

tr#topnavi td.personalButton {
	border:				2px groove #f3f3f3;
	background-color:	#d1cfe2;
}

tr#topnavi td.businessButton {
	border:				2px groove #f3f3f3;
	background-color:	#6d7d98;
}

tr#topnavi td.tutorialButton {
	border:				2px groove #f3f3f3;
	background-color:	#414669;
}

tr#startFooter td,
tr#personalFooter td {
	height:				50px;
	color:				#000;
	font-size:			75%;
}
tr#businessFooter td,
tr#tutorialFooter td {
	height:				50px;
	color:				#f3f3f3;
	font-size:			75%;
}
tr#businessFooter a,
tr#tutorialFooter a {
	color:				#f3f3f3;
}

td.naviLeft {
	background-image:	url("/images/bg/intermittoNaviHintergrund.gif");
}
td.naviRight {
	background-image:	url("/images/bg/intermittoNaviRand.gif");
	width:				46px;
	padding:			0;
	background-repeat:	repeat-y;
}

td.content {
	padding:			8px 8px 8px 25px;
	background-image:	url("/images/bg/intermittoContentHintergrund.gif");
	background-repeat:	no-repeat;
	background-attachment:	fixed;
	background-position:	50% 50%;
}
td#contentsoftware {
	padding-left:		25px;
	background-image:	url("/images/bg/intermittoContentKuh.gif");
	background-repeat:	repeat-x;
	background-attachment:	fixed;
	background-position:	0% 40%;
}

.puzzle {
	background:			url("/images/bg/puzzle.gif");
}

/* ****************** {gebiet}BackTable ****************** */
/* ************ Hintergrund für Tab. mit Info ************ */

.startBackTable {
	background:			url("/images/bg/intermittoNaviHintergrund.gif");
	padding:			6px;
	border:				4px outset #d1cfe2;
}
.personalBackTable {
	background:			url("/images/bg/intermittoNaviHintergrund.gif");
	padding:			6px;
	border:				4px outset #d1cfe2;
}
.businessBackTable {
	background:			url("/images/bg/intermittoNaviHintergrund.gif");
	padding:			6px;
	border:				4px outset #6d7d98;
}
.tutorialBackTable {
	background:			url("/images/bg/intermittoNaviHintergrund.gif");
	padding:			6px;
	border:				4px outset #414669;
}

/* ****************** {gebiet}BackExtern ****************** */
/* ********** Hintergrund für Tab. externe Links ********** */

.startBackExtern {
	background:			#ddd;
	padding:			6px;
	border:				4px outset #d1cfe2;
}
.startBackExtern a.extern {
	background-color:	#f3f3f3;
}
.personalBackExtern {
	background:			#ddd;
	padding:			6px;
	border:				4px outset #d1cfe2;
}
.personalBackExtern a.extern {
	background-color:	#f3f3f3;
}
.businessBackExtern {
	background:			#ddd;
	padding:			6px;
	border:				4px outset #6d7d98;
}
.businessBackExtern a.extern {
	background-color:	#f3f3f3;
}
.tutorialBackExtern {
	background:			#ddd;
	padding:			6px;
	border:				4px outset #414669;
}
.tutorialBackExtern a.extern {
	background-color:	#f3f3f3;
}

/* ****************** {gebiet}BackOld/New ****************** */
/* ********* Hintergrund für Tab. mit Vergleichen ********** */

.tutorialBackOld {
	background:			#fecb44;
	padding:			6px;
	border:				4px outset #414669;
	width:				45%;
}
.tutorialBackNew {
	background:			#cbfe44;
	padding:			6px;
	border:				4px outset #414669;
	width:				45%;
}


/* ****************** FARBEN ****************** */

.start {
	background-color:	#d1cfe2;
}
.personal {
	background-color:	#d1cfe2;
}
.business {
	background-color:	#6d7d98;
}
.tutorial {
	background-color:	#414669;
}

/* ********** HINTERGRUNDBILDER OBEN ********** */

.startImage {
	background-color:	#d1cfe2;
	height:				37px;
	padding:			0;
}
.personalImage {
	background-color:	#d1cfe2;
	background-image:	url("/images/gebietImage/personal.jpg");
	height:				37px;
	padding:			0;
}
.businessImage {
	background-color:	#6d7d98;
	background-image:	url("/images/gebietImage/business.jpg");
	height:				37px;
	padding:			0;
}
.tutorialImage {
	background-color:	#414669;
	background-image:	url("/images/gebietImage/tutorial.jpg");
	height:				37px;
	padding:			0;
}

/* ****************** LINKS ****************** */

a {
	color:				black;
}

.personalButton a {
	color:				#000;
	font-weight:		bold;
	text-decoration:	none;
}

.businessButton a,
.tutorialButton a {
	color:				#f3f3f3;
	font-weight:		bold;
	text-decoration:	none;
}

.personalButton a:hover,
.businessButton a:hover,
.tutorialButton a:hover {
	text-decoration:	underline;
}

a.extern {
	background-color:	#ddd;	/* helles gelb #fffdc6 */
}
a.extern:before {
	content: "\2197\00A0";
}