body {
	color: #000;
	background: #98abce url(../images/bg_body.png) top left no-repeat fixed;
		font-size:100.1%;
}

#center {
	width: 970px;
	margin: 0 auto;
	padding: 0 0 21px 0;
		font: normal 62.5% Arial,sans-serif;
}

/*** Header: **************************************************************************************/

#header {
	width: 970px;
	height: 109px;
	margin: 26px 0 0 0;
	background: #fff;
}

#header #logo {
	float: left;
	width: 402px;
	height: 72px;
	margin: 20px 0 0 15px;
}

/*** Header: Top-Navigation ***********************************************************************/

#header ul#topNav {
	float: right;
	margin: 18px 25px 0 0;
}

#header ul#topNav li {
	float: left;
	list-style: none;
	padding: 0 0 0 25px;
}

#header ul#topNav li a {
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_link.gif) 0 55% no-repeat;
		font: normal 1.3em/15px Arial,sans-serif;
		color: #2557a5;
		text-decoration: none;
}

#header ul#topNav li a:hover,
#header ul#topNav li a.active,
#header ul#topNav li a.active:hover {
		text-decoration: underline;
}

/*** Header: Navigation ***************************************************************************/

#mainNav ul {
	clear: both;
	width: 970px;
	height: 47px;
}

#mainNav ul li {
	float: left;
	list-style: none;
}

#mainNav ul li a {
	display: block;
	width: 160px;
	height: 10px;
	margin: 10px 0 0 0;
	padding: 15px 0 12px 0;
	background: #2557a5 url(../images/bg_mainNav.gif) bottom left repeat-x;
		text-align: center;
		font: bold 1.5em/10px Arial,sans-serif;
		color: #fff;
		text-decoration: none;
}

#mainNav ul li.outer a {
	width: 165px;
}

#mainNav ul li a:hover {
	width: 140px;
	margin: 10px 10px 0 10px;
	background: #fff;
		color: #2557a5;
}

#mainNav ul li.outer a:hover {
	width: 145px;
}

#mainNav ul li a.active,
#mainNav ul li a.active:hover {
	width: 140px;
	margin: 0 10px;
	padding: 22px 0 12px 0;
	background: #fff;
	border-bottom: 3px solid #ff6e00;
		color: #2557a5;
}

#mainNav ul li.outer a.active,
#mainNav ul li.outer a.active:hover {
	width: 145px;
}

/*** Breadcrumb: *********************************************************************************/

#breadcrumb {
	width: 970px;
	height: 30px;
	margin: 20px 0 0 0;
	background: #dfe6f2;
		font: normal 1.3em/15px Arial,sans-serif;
		color: #2557a5;
}

#breadcrumb p {
	float: left;
	padding: 8px 10px 7px 25px;
}

#breadcrumb ul li {
	float: left;
	list-style: none;
	padding: 8px 10px 7px 0;
}

#breadcrumb ul li a {
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_link.gif) 0 55% no-repeat;
		color: #ff6e00;
		text-decoration: none;
}

#breadcrumb ul li a:hover {
		text-decoration: underline;
}

/*** Index: Intro-Bereich ************************************************************************/

#intro {
	clear: left;
	width: 970px;
	height: 361px;
	margin: 0 0 21px 0;
	background: #fff;
}

#intro ul#animation {
	width: 940px;
	margin: 0 15px;
	padding: 15px 0;
}

#intro ul#animation div {
	width: 940px;
	height: 331px;
}

#intro ul#animation div#nr1 {background: #5da1a4 url(../images/bg_animation_nr1.jpg) top left no-repeat;}
#intro ul#animation div#nr2 {background: #7aa5a4 url(../images/bg_animation_nr2.jpg) top left no-repeat;}
#intro ul#animation div#nr3 {background: #789baf url(../images/bg_animation_nr3.jpg) top left no-repeat;}

#intro ul#animation div ul {
	width: 480px;
	height: 22px;
	padding: 166px 0 0 0;
}

#intro ul#animation div ul li {
	float: left;
	list-style: none;
	width: 140px;
	margin: 0 20px 0 0;
		font: normal 1.4em/22px 'trebuchet ms',Arial,sans-serif;
		color: #334;
		text-align: center;
}

#intro ul#animation div ul li strong {
		font-weight: bold;
		color: #fff;
}

#intro ul#animation div p {
	clear: left;
	width: 400px;
	padding: 25px 30px 0 30px;
		font: bold 2.1em/1.36em 'trebuchet ms',Arial,sans-serif;
		color: #fff;
}

#intro ul#animation div p.link {
	width: 400px;
	padding: 5px 30px;
		font: normal 1.5em/1.36em 'trebuchet ms',Arial,sans-serif;
}

#intro ul#animation div p.link a {
	padding: 0 0 0 11px;
	background: transparent url(../images/bg_link_content_white.gif) 0 4px no-repeat;
		color: #fff;
		text-decoration: underline;
}

#intro ul#animation div p.link a:hover {
		text-decoration: none;
}

#intro ul#animation div#nr2 p,
#intro ul#animation div#nr2 ul li strong,
#intro ul#animation div#nr2 p.link a {
		color: #2557a5;
}

#intro ul#animation div#nr2 p.link a {
	background: transparent url(../images/bg_link_content_blue.gif) 0 4px no-repeat;
}

/*** Content: Inhaltsbereich **********************************************************************/
/*** Raster mit 12 Einheiten *************/
/*** 1 Einheit = 60px + 2*10px margin ****/

#content {
	clear: both;
	width: 960px;
	padding: 15px 5px 45px 5px;
	background: #fff;
}

#content .grid_3,
#content .grid_4,
#content .grid_5,
#content .grid_6,
#content .grid_7,
#content .grid_8,
#content .grid_9,
#content .grid_12 {
	display: inline;
	float: left;
}

#content .grid_3  {width: 240px}
#content .grid_4  {width: 320px}
#content .grid_5  {width: 400px}
#content .grid_6  {width: 480px}
#content .grid_7  {width: 560px}
#content .grid_8  {width: 640px}
#content .grid_9  {width: 720px}
#content .grid_12 {width: 960px}

#content .right {
	float: right;
}

#content .border_b {
	padding: 0 0 35px 0;
	border-bottom: 1px solid #dfe6f2;
}

#content .border_t {
	margin: 35px 0 0 0;
	border-top: 1px solid #dfe6f2;
}

/*** mainContent **********************************************************************************/

#content img {
	padding: 10px 10px 5px 10px;
}

#content img.left {
	float: left;
	padding: 15px 15px 10px 22px;
}

#content img.right {
	float: right;
	padding: 15px 22px 10px 15px;
}

#content img.total {
	padding: 19px 20px 8px 20px;
}

#content #lehrteam img,
#content #grundschein img {
	float: left;
	padding: 0.8em 0;
}

#content p.column_8 {
	width: 596px;
}

#content p.highlight {
	margin: 0.8em 10px 0 10px;
	padding: 10px 12px;
	border: 2px solid #dfe6f2;
}

#content span.td {
	display: inline-block;
	width: 4.2em;
}

#content #player {
	width: 440px;
	height: 267px;
	margin: 20px 20px 0 20px;
}

/* Listen */

#content ul {
	margin: 0 22px;
	padding: 0.6em 0 0.2em 0;
}

#content li {
	margin: 0.4em 12px 0em 12px;
	padding: 0 0 0 13px;
	background: transparent url(../images/bg_link_content_blue.gif) 0 4px no-repeat;
}

#content ul ul {
	margin: 0 12px;
	padding: 0 95px 0 0;
}

#content ul ul li {
	margin: 0 0 0 15px;
	padding: 0.8em 0 0 0;
}

#content ul.inhalt {
	padding: 0.8em 0 0.2em 0;
}

#content ul.inhalt li {
	margin: 0.3em 12px 0em 5px;
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_li_square.gif) 0 5px no-repeat;
}

#content ul#lehrteam,
#content ul#grundschein {
	margin: 3.0em 22px 0 22px;
	padding: 0;
}

#content ul#lehrteam li,
#content ul#grundschein li {
	list-style-type: none;
	clear: left;
	margin: 0 0 2.0em 0;
	padding: 0.9em 0 0 0;
	background: none;
	border-top: 1px solid #dfe6f2;
}

#content ul#lehrteam ul {
	margin: 0.8em 12px 0 222px;
	padding: 0;
}

#content ul#grundschein ul {
	margin: 0.8em 0 0 282px;
	padding: 0;
}

#content ul#lehrteam ul li,
#content ul#grundschein ul li {
	clear: none;
	margin: 0.8em 0 0 0;
	padding: 0 0 0 13px;
	background: transparent url(../images/bg_link_content_blue.gif) 0 4px no-repeat;
	border: none;
}

#content ul.links {
	list-style-type: none;
	padding: 0.8em 0 0 0;
}

#content ul.links li {
	margin: 0 0 0 9px;
	padding: 6px 0 0 0;
	background: none;
	border-top: none;
}

#content ul.links ul {
	list-style-type: none;
	margin: 0 0 0 15px;
}

/* Tabellen */

#content table {
	margin: 0 22px;
	padding: 0.7em 0 0.2em 0;
}

#content table th,
#content table td {
	padding: 0.1em 10px 0 0;
}

#verzeichnis #content .grid_9 {
	padding: 0 0 35px 0;
}

#verzeichnis #content table {
	width: 676px;
	margin: 10px 22px 22px 22px;
	padding: 0;
	border-top: 1px solid #ff6e00;
}

#verzeichnis #content table th {
	padding: 8px 10px 0 10px;
	background: #f8f8ff;
}

#verzeichnis #content table th.schule {
	padding: 35px 0 0 0;
	background: #fff;
	border-bottom: 1px solid #2557a5;
}

#verzeichnis #content table th.schule span {
	display: inline-block;
	padding: 5px 10px;
	background: #2557a5 url(../images/bg_mainNav.gif) bottom left repeat-x;
}

#verzeichnis #content table td {
	padding: 8px 10px 0 10px;
	background: #dfe6f2;
}

#verzeichnis #content table tr.last th,
#verzeichnis #content table tr.last td {
	padding: 2px 10px 8px 10px;
}

#impressum #content table {
	padding: 0 0 0.8em 0;
}

#impressum #content table th,
#impressum #content table td {
	padding: 0.8em 20px 0 0;
}

/*** Typo: Content ***/

#content h1,
#content h2,
#content h3,
#content h4,
#content p {
	margin: 0 22px;
}


#content dfn,
#content em {
	font-style: italic;
}

#content strong {
	font-weight: bold;
}

/*** Typo: mainContent ***/

#content h1 {
	font: normal 2.4em/1.4em Arial,sans-serif;
	color: #2557a5;
	padding: 15px 0 0 0;
}

#content h2 {
	font: normal 2.0em/1.4em Arial,sans-serif;
	color: #222;
	padding: 0.6em 0 0.1em 0;
}

#content h3 {
	clear: left;
	font: normal 1.5em/1.4em Arial,sans-serif;
	padding: 2.0em 0 0 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

#content h3.top {
	padding: 18px 0 0 0;
}

#content h4 {
	clear: left;
	font: bold 1.4em/1.4em Arial,sans-serif;
	color: #3c3c3c;
	padding: 1.6em 0 0 0;
}

#content p {
	font: normal 1.4em/1.4em Arial,sans-serif;
	color: #3c3c3c;
	padding: 0.8em 0 0 0;
}

#content fieldset p {
	font: normal 0.9em/1.3em Arial,sans-serif;
	margin: 0;
	padding: 0 0 0.8em 0;
}

#impressum #content p {
	padding: 0.8em 95px 0 0;
}

#content p.small {
	font: normal 1.1em/1.3em Arial,sans-serif;
	color: #aaa;
}

#content p.footnote {
	font: normal 1.2em/1.4em Arial,sans-serif;
	color: #aaa;
	margin: 2.8em 22px 0 22px;
	padding: 1.2em 0 0 0;
	border-top: 1px solid #dfe6f2;
}

#content li {
	font: normal 1.4em/1.4em Arial,sans-serif;
	color: #3c3c3c;
}

#content li li {
	font: normal 1.0em/1.4em Arial,sans-serif;
}

#content .inhalt li {
	font: normal 1.1em/1.3em Arial,sans-serif;
}

#content #lehrteam li,
#content #grundschein li {
	font: bold 1.6em/1.4em Arial,sans-serif;
	color: #2557a5;
}

#content #lehrteam li li,
#content #grundschein li li {
	/*font: normal 0.8235em/1.4em Arial,sans-serif;*/
	font: normal 0.875em/1.4em Arial,sans-serif;
	color: #3c3c3c;
}

#content table th,
#content table td {
	font: normal 1.4em/1.4em Arial,sans-serif;
	color: #3c3c3c;
	vertical-align: top;
}

#verzeichnis #content table th {
	color: #555;
}

#verzeichnis #content table th.schule {
	font: bold 1.5em/1.4em Arial,sans-serif;
	color: #fff;
}

#verzeichnis #content table td {
	color: #2557a5;
}

#content a {
	display: inline-block; /* IE (bei Zeilenumbruch)*/
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_link_content.gif) 0 4px no-repeat;
		color: #ff6e00;
		text-decoration: none;
}

#content a:hover {
		text-decoration: underline;
}

a:active {
	position: relative;
	top: 1px;
}

#mainNav a:active,
a#logo:active {
	top: 0;
}

#content p.footnote a {
	background: transparent url(../images/bg_link.gif) 0 3px no-repeat;
}

#content p.small a {
	margin: 0;
	padding: 0;
	background: none;
		color: #aaa;
		text-decoration: underline;
}

#content a.img {
	display: block;
	padding: 0;
	background: none;
		text-decoration: none;
}

/* Widerrufsbelehrung */

#DOMWindow h5 {
	font: bold 14px/1.4em Arial,sans-serif;
	color: #000;
	padding: 1.6em 0 0 0;
}

#DOMWindow h6 {
	font: bold 12px/1.4em Arial,sans-serif;
	color: #000;
	padding: 1.2em 0 0 0;
}

#DOMWindow p {
	font: normal 12px/1.4em Arial,sans-serif;
	color: #000;
	padding: 0.8em 0 0 0;
}

#DOMWindow a {
	display: inline-block; /* IE (bei Zeilenumbruch)*/
	padding: 0 0 0 10px;
	cursor: pointer;
	background: transparent url(../images/bg_link_content.gif) 0 3px no-repeat;
		color: #ff6e00;
		text-decoration: none;
}

#DOMWindow a:hover {
		text-decoration: underline;
}

/*** Unter-Navigation *****************************************************************************/

#uNav ul {
	margin: 13px 10px 0 10px;
	padding: 0;
}

#uNav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	border-bottom: 1px solid #dfe6f2;
}

#uNav ul li a {
	display: block;
	width: 197px;
	margin: 0;
	padding: 10px 0 8px 23px;
}

#uNav ul li#main a {
	width: 210px;
	padding: 8px 0 8px 10px;
}

/*** Typo Unter-Navigation ***/

#uNav ul li {
	font: normal 1.0em/1.4em Arial,sans-serif;
}

#uNav ul li a {
	font: normal 1.5em/1.4em Arial,sans-serif;
	color: #444;
	text-decoration: none;
	background: transparent url(../images/bg_link_content.gif) 12px 14px no-repeat;
}

#uNav ul li a:hover,
#uNav ul li a.active,
#uNav ul li a.active:hover {
	color: #ff6e00;
	text-decoration: underline;
	background: transparent url(../images/bg_link_content.gif) 12px 14px no-repeat;
}

#uNav ul li a.active,
#uNav ul li a.active:hover {
	text-decoration: none;
}

#uNav ul li#main a,
#uNav ul li#main a:hover,
#uNav ul li#main a.active,
#uNav ul li#main a.active:hover {
	font: normal 1.7em/1.4em Arial,sans-serif;
	background: none;
}

/*** Sidebar **************************************************************************************/

#sidebar div {
	margin: 20px 10px 0 10px;
	padding: 10px 10px 20px 10px;
	border: 1px solid #dfe6f2;
}

#sidebar img {
	padding: 5px 0 0 0;
}

/* Typo: Content */

#sidebar h3 {
	font: normal 1.4em/1.42em Arial,sans-serif;
	margin: 0 12px;
	padding: 10px 0 0 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

#sidebar h4 {
	font: bold 1.4em/1.42em Arial,sans-serif;
	color: #2557a5;
	margin: 0 12px;
	padding: 20px 0 0 0;
}

#sidebar p {
	font: normal 1.3em/1.4em Arial,sans-serif;
	margin: 0 12px;
	padding: 0.8em 0 0 0;
}

/*** Footer ***************************************************************************************/

#footer {
	clear: both;
	width: 970px;
	margin: 21px 0 0 0;
	background: #fff;
}

#footer h4 {
	padding: 10px 25px;
	background: #dfe6f2;
		font: normal 1.4em/1.0em Arial,sans-serif;
		color: #333;
}

#footer p {
	padding: 10px 25px 26px 25px;
	background: #fff;
		font: normal 1.2em/1.4em Arial,sans-serif;
		color: #444;
}

#footer p span {
	padding: 0 6px;
}

#footer p.top {
	float: right;
}

#footer a {
	color: #ff6e00;
	text-decoration: none;
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_link.gif) 0 2px no-repeat;
}

#footer a:hover {
	text-decoration: underline;
}