/*	------------------------------------------------------------------------------------------------------------------------------	*/
/*		Westermann Schulbuchverlage
		Version: 1.0
/*		Autoren: Thomas Christes für id-on GmbH / Yvonne Kazidroga (kazidroga@id.on.de)
/*	-----------------------------------------------------------------------------------------------------------------------------	*/


/*	----------------------------------------------------------------------------------------------------------	*/
/*	                                           Generic Styles  
/*	----------------------------------------------------------------------------------------------------------	*/

#onlinediagnose {
	background:#FFFFFF;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

#onlinediagnose.intro {
	background:url("../../bilder/sp-diagnose/bg-intro.png");
	width: 905px;
	height: 643px;
	margin-left: 8px;
	position: relative;
	overflow: hidden;
}

/* ---------------- Elemente für die Intro-Seite hier einfügen und absolut positionieren -------------------- */

#logo-anim {
	position: absolute;
	left:15px;
	top:4px;
}

#pc-anim {
	position: absolute;
	left:516px;
	top:306px;
}

.slogan {
	position: absolute;
	left:408px;
	top:140px;
}

/* ---------------- /Elemente für die Intro-Seite hier einfügen und absolut positionieren -------------------- */

#onlinediagnose p {
	font-weight:normal;
	padding:0 0 1em 0;
	color:#808080;
}

#onlinediagnose table {
	font-weight:normal;
	color:#808080;
}

#onlinediagnose h1, #onlinediagnose h2, #onlinediagnose h3 {font-family: "trebuchet ms", trebuchet;}

#onlinediagnose h1 {
	font-size:1.4em;
	font-style:italic;
	font-weight:normal;
	color:#E8620D;
	padding:4px 0 20px 0;
}

#onlinediagnose h2 {
	font-size:1.1em;
	font-style:normal;
	font-weight:normal;
	color:#E8620D;
	padding:8px 0 0 0;
}

#onlinediagnose h3 {
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	color:#E8620D;
	padding:6px 0 16px 0;
}

#onlinediagnose #wrapper {
	position:relative;
	width:911px;
	margin-left:3px;
}

#onlinediagnose .konzeption {background:url("../../bilder/sp-diagnose/hg1.jpg");}

#onlinediagnose .deutsch_uebersicht {background:url("../../bilder/sp-diagnose/hg2.jpg");}

#onlinediagnose .deutsch_unterseite {background:url("../../bilder/sp-diagnose/hg3.jpg");}

#onlinediagnose #head_onlinediagnose {
	position:relative;
	background:url("../../bilder/sp-diagnose/head.jpg") no-repeat;
	width:910px;
	height:132px;
	margin-left:3px;
}


#onlinediagnose #spalte697 {
	float:left;
	width:601px;  
	padding:30px 47px 0 45px;
	background:url("../../bilder/sp-diagnose/bg_spalte_697.jpg") no-repeat;
	margin-left:4px;
	display:inline;	
}

#onlinediagnose #spalte697 ul {margin-left: 0;}

#onlinediagnose #spalte214 {
	float:left;
	width:214px;
}

#onlinediagnose #spalte343 {
	float:left;
	width:343px;
}

#onlinediagnose #spalte220 {
	float:left;
	width:220px;
	padding-top: 20px;
	background:url("../../bilder/sp-diagnose/spalte220_bg.png") no-repeat top;
}

#onlinediagnose #spalte477 {
	float:left;
	width:423px; /* 477 abzgl. padding */
	padding:30px 30px 0 24px;
	background:url("../../bilder/sp-diagnose/bg_spalte477.jpg") no-repeat top;

}

#onlinediagnose #spalte348 {
	float:left;
	width:320px; /* 348 abzgl. padding */
	padding:30px 10px 0 18px;
	background:url("../../bilder/sp-diagnose/bg_spalte_348.png") no-repeat top;
}

#onlinediagnose #wrapper li {
	list-style:disc;
	list-style-position:inside;
	padding:0 0 0 14px;
	color:#808080;
}

#onlinediagnose #abschlusskanten1 {
	background:url("../../bilder/sp-diagnose/abschlusskanten1.jpg");
	width:911px;
	height:44px;
	position:relative;
	clear:both;
}

#onlinediagnose #abschlusskanten2 {
	background:url("../../bilder/sp-diagnose/abschlusskanten2.jpg");
	width:911px;
	height:51px;
	position:relative;
	clear:both;
}

#onlinediagnose #abschlusskanten3 {
	background:url("../../bilder/sp-diagnose/abschlusskanten3.jpg");
	width:911px;
	height:18px;
	position:relative;
	clear:both;
}

#onlinediagnose #wrapper ul {padding:0 0 20px 0;}

#onlinediagnose #wrapper img {margin:0 0 40px 0;}

#onlinediagnose .box_rechts {
	background:url("../../bilder/sp-diagnose/bg_boxrechts_top.png") no-repeat;
	margin: 0 0 20px 3px;
	padding-top: 27px;
	width: 211px;
}

.box_rechts_inhalt {
	background:url("../../bilder/sp-diagnose/bg_boxrechts_bottom.png") bottom repeat-y ;
	padding: 0 14px 8px 18px;
	margin-left: 1px;	
}

.box_rechts_inhalt p {margin-top:0;}

#onlinediagnose .box_rechts343 {
	background:url("../../bilder/sp-diagnose/bg_boxrechts_343.png") no-repeat;
	margin-left:2px;
	padding-top:26px;
	width:340px;
}

#onlinediagnose #spalte343 .box_rechts343 .inhalt343 ul {margin:0;}

#onlinediagnose .box_links220 {
	background:url("../../bilder/sp-diagnose/box_links220_bg.png") left bottom repeat-y;
	padding-bottom:35px;
	width:214px;
	margin-left:6px;
}

#onlinediagnose .box_rechts a.demofilmstarten {
	display:block;
	padding:18px 0 0 42px;
	height:64px;
	background:url("../../bilder/sp-diagnose/fernsehsymbol.jpg") no-repeat left top;
	color:#E8620D;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}

#onlinediagnose .box_rechts a:hover.demofilmstarten {text-decoration:underline;}

#onlinediagnose .inhalt343 {
	background:url("../../bilder/sp-diagnose/bg_inhalt_343.png") bottom repeat-y;
	padding-left: 15px;
}

#onlinediagnose .auszeichnung_orange {
	color:#E8620D;
	font-weight:bold;
	font-style:italic;
}

#onlinediagnose .fett_orange {
	color:#E8620D;
	font-weight:bold;
	font-style:normal;
}

#onlinediagnose .orange {
	color:#E8620D;
	font-weight:normal;
	font-style:normal;
}

#onlinediagnose .abstand {margin-top:30px;}

#onlinediagnose #wrapper a.linkauszeichnung {
	color:#E8620D;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

#onlinediagnose #wrapper a {
	color:#E8620D;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

#onlinediagnose #wrapper a:hover {text-decoration:underline;}

#onlinediagnose #unternavi {display:inline;}

#onlinediagnose #unternavi li {
	list-style:none;
	list-style-position:outside;
	padding:0;
	margin:0 0 0 20px;
}

#onlinediagnose #unternavi li a {
	display:block;
	color:#808080;
	width:118px; /* 168 abzgl. padding */
	height:25px; /* 31 abzgl. padding */
	padding:6px 0 0 50px;
	margin:0;
	background:url("../../bilder/sp-diagnose/hg_pfeillink_grau.jpg");
}

#onlinediagnose #unternavi li a:hover {
	color:#E8620D;
	text-decoration:none;
}

#onlinediagnose #unternavi .aktiv {
	display:block;
	color:#E8620D;
	width:118px; /* 168 abzgl. padding */
	height:25px; /* 31 abzgl. padding */
	padding:6px 0 0 50px;
	margin-left:20px;
	background:url("../../bilder/sp-diagnose/hg_pfeillink_orange.jpg");
}

#onlinediagnose .diagnosebild {
	position:relative;
	float:left;
}

#onlinediagnose .diagnosetext {
	position:relative;
	left:8px;
	color:#7F7F7F;
	padding-bottom:39px;
}

#onlinediagnose #wrapper .diagnosetext ul, #onlinediagnose #wrapper .diagnosetext ul li {
	padding:0 0 0 0;
	margin:0;
}

#onlinediagnose #wrapper .diagnoselink {
	list-style:none;
	list-style-position:outside;
	padding:0;
	margin:0 0 0 20px;
}

#onlinediagnose #wrapper .diagnoselink a {
	color:#7F7F7F;
	font-weight:bold;
	font-size:0.75em;
	text-decoration:none;
}

#onlinediagnose #wrapper .diagnoselink a:hover {
	color:#E8620D;
	text-decoration:underline;
}

#onlinediagnose #wrapper .diagnosepfeilchen {font-size:1em;}

#onlinediagnose #wrapper .diagnose_h3 {
	margin:0;
	padding:0 0 12px 0;
	font-size:1.1em;
	font-weight:bold;
}

#onlinediagnose #wrapper .diagnosetitel {
	clear:both;	
	padding:20px 0 2px 0;
	background:url("../../bilder/sp-diagnose/diagnosetrenner.jpg") no-repeat bottom;
	width: 317px;
}

#onlinediagnose #wrapper .diagnosetitel a {font-size:0.9em;}

#onlinediagnose #wrapper .diagnosetitel img {margin:0;}

#onlinediagnose #wrapper a.link_eingerueckt {
	display:block;
	position:relative;
	left:12px;
	top:-17px;
	width:260px;
	color:#7F7F7F;
	font-weight:bold;
	font-style:italic;
	font-size:0.9em;
	text-decoration:none;
	margin:0;
	padding:0;
}

#onlinediagnose #wrapper a:hover.link_eingerueckt {
	color:#E8620D;
	text-decoration:none;
}

#onlinediagnose #wrapper a.link_eingerueckt span {
	position:absolute;
	right:-30px;
}

#onlinediagnose #wrapper .liste_link_eingerueckt {
	list-style:none;
	list-style-position:outside;
	margin:0;
	padding:0;
	display:block;
}

#onlinediagnose #wrapper .liste_link_eingerueckt .link_eingerueckt {font-style:normal;}

#onlinediagnose .animation {
	margin:1px 0 0 8px;
	width: 904px;
	height: 643px;
}

 #tabmenu-bild-intro{
	height: 20px;
	width: 899px;
	margin: 0 0 0 12px;
	padding: 0;
	background: url("../../bilder/sp-diagnose/header_od_index.jpg") no-repeat;
}

#inhalt {
	width: 899px;
	font-family: "trebuchet ms", trebuchet, Verdana, Arial;
	font-size: 14px;
}

#footer {display:inline;}