/* General */

body {margin: 0px 0px 0px 0px; background-image:url(bilder/index/body_bg.gif); background-position: top left; background-repeat:repeat-x; font-family:Arial; font-size:12px; color:#818a8d;}
img {border:none;}
div {background-repeat:no-repeat; font-family:Arial; font-size:12px; color:#818a8d;}
td {font-family:Arial; font-size:12px; color:#818a8d;}


#banner_new {position:absolute; width:120px; height:600px; background-color:#fff; top:80px; right:20px;background-image:url(bilder/preisbanner_06.gif); background-repeat: non-repeat;}


/* Index.tpl Divs */

#anker {position:relative; left:0px; top:0px; width:1024px; border solid red 1px;}
#logo {position:absolute; left:20px; top:0px; width:194px; height:71px;}
#rechtliches {position:absolute; left:400px; top:10px; width:540px; height:16px; font-size:10px; color:#8e8e92; text-align:right;}
#nav_schatten {position:absolute; left:25px; top:97px; width:12px; height:264px; background-image:url(bilder/nav_left/nav_left.gif); background-color:#fff;}
#nav_top {position:absolute; left:37px; top:97px; width:172px; height:44px; background-image:url(bilder/nav_left/nav_top.gif);}
#nav {position:absolute; left:36px; top:141px; width:172px; height:330px;}
#header {position:absolute; left:208px; top:97px; width:777px; height:264px; background-image:url(bilder/index/header.jpg);}
#abzeichen {position:absolute; left:839px; top:42px; width:160px; height:160px;}
#headline {position:absolute; left:261px; top:310px; width:199px; height:35px;}
#content {position:absolute; left:250px; top:345px; width:695px; height:380px;}

/* Content Klassen */

/* Index */
#index_headline {position:absolute; left:8px; top:21px; width:430px; height:37px; background-image:url(bilder/index/zum_lernsystem.gif);}
#index_text {position:absolute; left:8px; top:71px; width:172px; height:128px; background-image:url(bilder/index/text.gif);}
#index_bild {position:absolute; left:225px; top:61px; width:694px; height:147px; background-image:url(bilder/index/maedl.jpg);}
#index_kats {position:absolute; left:0px; top:222px; width:695px; height:380px;}
#index_hinweis { float:left; width:691px; height:36px; background-image:url(bilder/index/hinweis.gif);}
#preis_info {position: absolute; top:150px; left:1000px; width:200px; height:188px; background-image:url(bilder/preisinfo.gif);}

/* Home */
#home_headline {position:absolute; left:8px; top:21px; width:402px; height:39px; background-image:url(bilder/home/headline.gif);}
#home_kats {position:absolute; left:0px; top:70px; width:695px; height:380px;}
#home_text {position:absolute; left:8px; top:185px; width:674px; height:155px; background-image:url(bilder/home/text.gif);}
#home_text_button {position:absolute; left:223px; top:105px; width:180px; height:36px;}

/* Auswahl */
#auswahl_kats {position:absolute; left:0px; top:20px; width:695px; height:380px;}

/* Allgemein */
.klassen_bg {background-image:url(bilder/klassen/klassen_bg.gif);}

/* Test */
.fragen_bg {background-image:url(bilder/test/fragen_bg.jpg); font-family:Arial; font-size:12px; color:#818a8d; font-weight:bold;}
.frage {font-family:Arial; font-size:14px; color:#f9a32e;}

/* Links */
A {color:#8e8e92; font-size:12px; text-decoration:none;}
A:hover {color:#8e8e92; font-size:12px; text-decoration:underline;}

A.logo {display:block; width:194px; height:71px; background-image:url(bilder/index/logo.gif);}
A.home_text_button {display:block; width:180px; height:36px;}

A.klasse_a {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_a.gif);}
A.klasse_a:hover {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_a_over.gif);}
A.klasse_a:active {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_a_act.gif);}
A.klasse_a_act {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_a_act.gif);}

A.klasse_a1 {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_a1.gif);}
A.klasse_a1:hover {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_a1_over.gif);}
A.klasse_a1:active {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_a1_act.gif);}
A.klasse_a1_act {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_a1_act.gif);}

A.klasse_b {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_b.gif);}
A.klasse_b:hover {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_b_over.gif);}
A.klasse_b:active {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_b_act.gif);}
A.klasse_b_act {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_b_act.gif);}

A.klasse_c {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_c.gif);}
A.klasse_c:hover {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_c_over.gif);}
A.klasse_c:active {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_c_act.gif);}
A.klasse_c_act {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_c_act.gif);}

A.klasse_ce {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_ce.gif);}
A.klasse_ce:hover {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_ce_over.gif);}
A.klasse_ce:active {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_ce_act.gif);}
A.klasse_ce_act {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_ce_act.gif);}

A.klasse_c1 {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_c1.gif);}
A.klasse_c1:hover {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_c1_over.gif);}
A.klasse_c1:active {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_c1_act.gif);}
A.klasse_c1_act {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_c1_act.gif);}

A.klasse_d {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_d.gif);}
A.klasse_d:hover {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_d_over.gif);}
A.klasse_d:active {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_d_act.gif);}
A.klasse_d_act {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_d_act.gif);}

A.klasse_d1 {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_d1.gif);}
A.klasse_d1:hover {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_d1_over.gif);}
A.klasse_d1:active {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_d1_act.gif);}
A.klasse_d1_act {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_d1_act.gif);}

A.klasse_l {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_l.gif);}
A.klasse_l:hover {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_l_over.gif);}
A.klasse_l:active {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_l_act.gif);}
A.klasse_l_act {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_l_act.gif);}

A.klasse_s {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_s.gif);}
A.klasse_s:hover {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_s_over.gif);}
A.klasse_s:active {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_s_act.gif);}
A.klasse_s_act {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_s_act.gif);}

A.klasse_t {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_t.gif);}
A.klasse_t:hover {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_t_over.gif);}
A.klasse_t:active {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_t_act.gif);}
A.klasse_t_act {display:block; width:172px; height:30px; background-image:url(bilder/nav_left/klasse_t_act.gif);}

/* Klassen-Auswahl */

.klassen_bg A.klasse_a {display:block; width:39px; height:64px; background-image:url(bilder/klassen/klasse_a.gif);}
.klassen_bg A.klasse_a:hover {display:block; width:39px; height:64px; background-image:url(bilder/klassen/klasse_a_over.gif);}
.klassen_bg A.klasse_a:active {display:block; width:39px; height:64px; background-image:url(bilder/klassen/klasse_a_act.gif);}
.klassen_bg A.klasse_a_act {display:block; width:39px; height:64px; background-image:url(bilder/klassen/klasse_a_act.gif);}

.klassen_bg A.klasse_a1 {display:block; width:37px; height:64px; background-image:url(bilder/klassen/klasse_a1.gif);}
.klassen_bg A.klasse_a1:hover {display:block; width:37px; height:64px; background-image:url(bilder/klassen/klasse_a1_over.gif);}
.klassen_bg A.klasse_a1:active {display:block; width:37px; height:64px; background-image:url(bilder/klassen/klasse_a1_act.gif);}
.klassen_bg A.klasse_a1_act {display:block; width:37px; height:64px; background-image:url(bilder/klassen/klasse_a1_act.gif);}

.klassen_bg A.klasse_b {display:block; width:45px; height:64px; background-image:url(bilder/klassen/klasse_b.gif);}
.klassen_bg A.klasse_b:hover {display:block; width:45px; height:64px; background-image:url(bilder/klassen/klasse_b_over.gif);}
.klassen_bg A.klasse_b:active {display:block; width:45px; height:64px; background-image:url(bilder/klassen/klasse_b_act.gif);}
.klassen_bg A.klasse_b_act {display:block; width:45px; height:64px; background-image:url(bilder/klassen/klasse_b_act.gif);}

.klassen_bg A.klasse_c {display:block; width:47px; height:64px; background-image:url(bilder/klassen/klasse_c.gif);}
.klassen_bg A.klasse_c:hover {display:block; width:47px; height:64px; background-image:url(bilder/klassen/klasse_c_over.gif);}
.klassen_bg A.klasse_c:active {display:block; width:47px; height:64px; background-image:url(bilder/klassen/klasse_c_act.gif);}
.klassen_bg A.klasse_c_act {display:block; width:47px; height:64px; background-image:url(bilder/klassen/klasse_c_act.gif);}

.klassen_bg A.klasse_c1 {display:block; width:39px; height:64px; background-image:url(bilder/klassen/klasse_c1.gif);}
.klassen_bg A.klasse_c1:hover {display:block; width:39px; height:64px; background-image:url(bilder/klassen/klasse_c1_over.gif);}
.klassen_bg A.klasse_c1:active {display:block; width:39px; height:64px; background-image:url(bilder/klassen/klasse_c1_act.gif);}
.klassen_bg A.klasse_c1_act {display:block; width:39px; height:64px; background-image:url(bilder/klassen/klasse_c1_act.gif);}
            
.klassen_bg A.klasse_ce {display:block; width:65px; height:64px; background-image:url(bilder/klassen/klasse_ce.gif);}
.klassen_bg A.klasse_ce:hover {display:block; width:65px; height:64px; background-image:url(bilder/klassen/klasse_ce_over.gif);}
.klassen_bg A.klasse_ce:active {display:block; width:65px; height:64px; background-image:url(bilder/klassen/klasse_ce_act.gif);}
.klassen_bg A.klasse_ce_act {display:block; width:65px; height:64px; background-image:url(bilder/klassen/klasse_ce_act.gif);}
            
.klassen_bg A.klasse_d {display:block; width:45px; height:64px; background-image:url(bilder/klassen/klasse_d.gif);}
.klassen_bg A.klasse_d:hover {display:block; width:45px; height:64px; background-image:url(bilder/klassen/klasse_d_over.gif);}
.klassen_bg A.klasse_d:active {display:block; width:45px; height:64px; background-image:url(bilder/klassen/klasse_d_act.gif);}
.klassen_bg A.klasse_d_act {display:block; width:45px; height:64px; background-image:url(bilder/klassen/klasse_d_act.gif);}
            
.klassen_bg A.klasse_d1 {display:block; width:36px; height:64px; background-image:url(bilder/klassen/klasse_d1.gif);}
.klassen_bg A.klasse_d1:hover {display:block; width:36px; height:64px; background-image:url(bilder/klassen/klasse_d1_over.gif);}
.klassen_bg A.klasse_d1:active {display:block; width:36px; height:64px; background-image:url(bilder/klassen/klasse_d1_act.gif);}
.klassen_bg A.klasse_d1_act {display:block; width:36px; height:64px; background-image:url(bilder/klassen/klasse_d1_act.gif);}

.klassen_bg A.klasse_l {display:block; width:34px; height:64px; background-image:url(bilder/klassen/klasse_l.gif);}
.klassen_bg A.klasse_l:hover {display:block; width:34px; height:64px; background-image:url(bilder/klassen/klasse_l_over.gif);}
.klassen_bg A.klasse_l:active {display:block; width:34px; height:64px; background-image:url(bilder/klassen/klasse_l_act.gif);}
.klassen_bg A.klasse_l_act {display:block; width:34px; height:64px; background-image:url(bilder/klassen/klasse_l_act.gif);}
            
.klassen_bg A.klasse_s {display:block; width:33px; height:64px; background-image:url(bilder/klassen/klasse_s.gif);}
.klassen_bg A.klasse_s:hover {display:block; width:33px; height:64px; background-image:url(bilder/klassen/klasse_s_over.gif);}
.klassen_bg A.klasse_s:active {display:block; width:33px; height:64px; background-image:url(bilder/klassen/klasse_s_act.gif);}
.klassen_bg A.klasse_s_act {display:block; width:33px; height:64px; background-image:url(bilder/klassen/klasse_s_act.gif);}
            
.klassen_bg A.klasse_t {display:block; width:37px; height:64px; background-image:url(bilder/klassen/klasse_t.gif);}
.klassen_bg A.klasse_t:hover {display:block; width:37px; height:64px; background-image:url(bilder/klassen/klasse_t_over.gif);}
.klassen_bg A.klasse_t:active {display:block; width:37px; height:64px; background-image:url(bilder/klassen/klasse_t_act.gif);}
.klassen_bg A.klasse_t_act {display:block; width:37px; height:64px; background-image:url(bilder/klassen/klasse_t_act.gif);}