@charset "utf-8";

/* body, img {margin:0; padding:0;}
body {font-family:arial, helvetica, verdana, sans-serif; font-size:0.8em; line-height:1.2em; font-weight:normal; background:transparent url(img/kachel.gif) scroll repeat top left;}
img {border:0;}
span {vertical-align:middle;}
caption {margin:0; padding:10px 0 15px 0;}*/

img.screenshot {margin-top:5px;}
img.first-screenshot {margin-top:10px;}


.wrapper {width:1003px; height:623px; background:transparent url(img/_hintergrund.gif) scroll no-repeat top left;}
/*.layout-wrapper {position:absolute; width:922px; height:483px; top:73px; left:43px; background:transparent url(img/_weisser_rahmen.gif) scroll no-repeat bottom left;}*/
.layout-wrapper {position:absolute; width:922px; height:483px; top:70px; left:11px;}
.layout-wrapper-start {position:absolute; width:922px; height:483px; top:73px; left:43px; background:transparent url(img/_weisser_rahmen.gif) scroll no-repeat bottom left;}
.impressum {display:block; position:absolute; top:565px; left:850px; font-size:1.08em; font-weight:bold; color:#000;}

.content-avatar-wrapper {float:left; margin-top:37px;}
.content-wrapper {float:left; height:440px; width:507px; background:transparent url(img/contentbereich.gif) scroll no-repeat top left;}
.content-wrapper-start {float:left; height:440px; width:507px; background:transparent url(img/startbild_mitte.jpg) scroll no-repeat top left;}
.content-area {margin:23px 0px 0px 20px; height:375px; width:475px; overflow-y:auto; }
.content-area-icon-offset {margin:23px 0px 0px 20px; height:375px; width:475px; overflow-y:auto; }
.avatar-content {clear:both; height:150px; width:200px; overflow-y:auto; margin:277px 0px 0px 10px; padding:2px;}
.avatar-content ul {margin:0; padding:0 0 0 16px; list-style:disc none outside;}
.avatar-content ul li {margin:0; padding:5px 0;}
.avatar-content-start {clear:both; height:420px; width:215px; overflow-y:hidden; overflow-x:hidden; margin:20px 5px 0px; padding:2px; line-height:1.1em;}
.avatar-content-start p.headline {text-align:center; font-size:1.8em; font-weight:bold; padding-top:5px;}
.avatar-content-start p {padding:10px 0 0 0; margin:0;}
.avatar-content-start a {display:block; width:205px; height:60px; font-size:1.8em; font-weight:bold; text-decoration:none; color:#000000; text-align:center; line-height:60px; margin-top:15px;}

.avatar-wrapper-nico, .avatar-wrapper-nico-na, .avatar-wrapper-clara, .avatar-wrapper-clara-na, .avatar-wrapper-pv, .avatar-wrapper-pv-na, .avatar-wrapper-bb, .avatar-wrapper-bb-na,  .avatar-wrapper-proto {float:left; height:440px; width:225px; background:transparent url(img/avatarbereich.gif) scroll no-repeat top left;}
.avatar-wrapper-start {float:left; height:440px; width:225px; background:transparent url(img/startbild_rechts.jpg) scroll no-repeat top left;}
.avatar-wrapper-nico-na {background:transparent url(img/nico_na.jpg) scroll no-repeat top left;}
.avatar-wrapper-nico {background:transparent url(img/nico.jpg) scroll no-repeat top left;}
.avatar-wrapper-clara-na {background:transparent url(img/clara_na.jpg) scroll no-repeat top left;}
.avatar-wrapper-clara {background:transparent url(img/clara.jpg) scroll no-repeat top left;}
.avatar-wrapper-pv {background:transparent url(img/pv.jpg) scroll no-repeat top left;}
.avatar-wrapper-pv-na {background:transparent url(img/pv_na.jpg) scroll no-repeat top left;}
.avatar-wrapper-bb-na {background:transparent url(img/bb_na.jpg) scroll no-repeat top left;}
.avatar-wrapper-bb {background:transparent url(img/bb.jpg) scroll no-repeat top left;}
.avatar-wrapper-proto {background:transparent url(img/_avatarbereich.gif) scroll no-repeat top left;}
/*.avatar-wrapper-start {background:transparent url(img/startbild_rechts_ohne_text.jpg) scroll no-repeat top left;}*/




.start-offset {padding:0; margin:0;}
.menu-ttop {float:right; height:37px; padding:0; margin:0; list-style:none;}
.menu-t {float:right; padding:0; margin:0;}
.menu-tbutton {display:block; height:20px; padding:0; margin:0; clear:both; width:136px;}
.menu-t1-1a {  background:transparent url(img/subnav_1_1a.gif) scroll no-repeat top right;}
.menu-t1-1na { background:transparent url(img/subnav_1_1na.gif) scroll no-repeat top right;}
.menu-t1-2a {  background:transparent url(img/subnav_1_2a.gif) scroll no-repeat top right; height: 33px;}
.menu-t1-2na { background:transparent url(img/subnav_1_2na.gif) scroll no-repeat top right; height: 33px;}
.menu-t2-1a {  background:transparent url(img/subnav_2_1a.gif) scroll no-repeat top right; height: 33px;}
.menu-t2-1na { background:transparent url(img/subnav_2_1na.gif) scroll no-repeat top right; height: 33px;}
.menu-t2-2a {  background:transparent url(img/subnav_2_2a.gif) scroll no-repeat top right; height: 33px;}
.menu-t2-2na { background:transparent url(img/subnav_2_2na.gif) scroll no-repeat top right; height: 33px;}
.menu-t3-1a {  background:transparent url(img/subnav_3_1a.gif) scroll no-repeat top right;}
.menu-t3-1na { background:transparent url(img/subnav_3_1na.gif) scroll no-repeat top right;}
.menu-t3-2a {  background:transparent url(img/subnav_3_2a.gif) scroll no-repeat top right;}
.menu-t3-2na { background:transparent url(img/subnav_3_2na.gif) scroll no-repeat top right;}

.menu-t4-1a {  background:transparent url(img/subnav_4_1a.gif) scroll no-repeat top right;}
.menu-t4-1na { background:transparent url(img/subnav_4_1na.gif) scroll no-repeat top right;}
.menu-t4-2a {  background:transparent url(img/subnav_4_2a.gif) scroll no-repeat top right;}
.menu-t4-2na { background:transparent url(img/subnav_4_2na.gif) scroll no-repeat top right;}

.menu-t5-1a {  background:transparent url(img/subnav_5_1a.gif) scroll no-repeat top right;}
.menu-t5-1na { background:transparent url(img/subnav_5_1na.gif) scroll no-repeat top right;}
.menu-t5-2a {  background:transparent url(img/subnav_5_2a.gif) scroll no-repeat top right;}
.menu-t5-2na { background:transparent url(img/subnav_5_2na.gif) scroll no-repeat top right;}
.menu-t5-3a {  background:transparent url(img/subnav_5_3a.gif) scroll no-repeat top right;}
.menu-t5-3na { background:transparent url(img/subnav_5_3na.gif) scroll no-repeat top right;}
.menu-t5-4a {  background:transparent url(img/subnav_5_4a.gif) scroll no-repeat top right;}
.menu-t5-4na { background:transparent url(img/subnav_5_4na.gif) scroll no-repeat top right;}
.menu-t6-1a {  background:transparent url(img/subnav_6_1a.gif) scroll no-repeat top right;}
.menu-t6-1na { background:transparent url(img/subnav_6_1na.gif) scroll no-repeat top right;}
.menu-t6-2a {  background:transparent url(img/subnav_6_2a.gif) scroll no-repeat top right;}
.menu-t6-2na { background:transparent url(img/subnav_6_2na.gif) scroll no-repeat top right;}


.menu-left {float:left; margin:37px 0px 0px 0px; padding:0 0 0 48px; width:136px; list-style:none;}
.menu-button {display:block; width:136px; height:36px; padding:0; margin:0; float:right;}
.menu-hidden {display:none;}
.menu-h {float:right; height:36px; padding:0; margin:0;}
.menu-1 {background:transparent url(img/nav_1.gif) scroll no-repeat top right;}
.menu-2 {background:transparent url(img/nav_2.gif) scroll no-repeat top right;}
.menu-3 {background:transparent url(img/nav_3.gif) scroll no-repeat top right;}
.menu-4 {background:transparent url(img/nav_4.gif) scroll no-repeat top right;}
.menu-5 {background:transparent url(img/nav_5.gif) scroll no-repeat top right;}
.menu-6 {background:transparent url(img/nav_6.gif) scroll no-repeat top right;}
.menu-7 {background:transparent url(img/nav_7.gif) scroll no-repeat top right;}
.menu-8 {position:absolute; bottom:5px; background:transparent url(img/nav_8.gif) scroll no-repeat top right;}
.menu--8 {position:absolute; bottom:5px; background:transparent url(img/_nav_8.gif) scroll no-repeat top right;}
.menu--9 {position:absolute; bottom:40px; background:transparent url(img/_nav_9.gif) scroll no-repeat top right;}
.menu-1a {background:transparent url(img/nav_1_aktiv.gif) scroll no-repeat top right;}
.menu-2a {background:transparent url(img/nav_2_aktiv.gif) scroll no-repeat top right;}
.menu-3a {background:transparent url(img/nav_3_aktiv.gif) scroll no-repeat top right;}
.menu-4a {background:transparent url(img/nav_4_aktiv.gif) scroll no-repeat top right;}
.menu-5a {background:transparent url(img/nav_5_aktiv.gif) scroll no-repeat top right;}
.menu-6a {background:transparent url(img/nav_6_aktiv.gif) scroll no-repeat top right;}
.menu-7a {background:transparent url(img/nav_7_aktiv.gif) scroll no-repeat top right;}
.menu-8a {position:absolute; bottom:5px; background:transparent url(img/nav_8_aktiv.gif) scroll no-repeat top right;}

h1.c-head {margin:1 0 20px 0; padding:0; font-size:1.4em; font-weight:bold;}
a.o-head-tipps {display:block; font-weight:bold; text-decoration:none; color:#A37500;}
a.o-head-infotext {display:block; font-weight:bold; text-decoration:none; color:#000000;}
a.o-head-checklist {font-weight:bold; color:#4DAB00; text-decoration:none;}
a.o-head-statements {font-weight:bold; color:#BF0000; text-decoration:none;}
a.o-head-video {font-weight:bold; color:#692B96; text-decoration:none;}
a.o-head-worksheet {font-weight:bold; color:#00A0C6; text-decoration:none;}
span.o-head-podcast {display:block; margin:0; padding:0; font-weight:bold; color:#A30359;}
span.o-head-podcast-exercise {display:block; margin:0; padding:0; font-weight:bold; color:#E17312;}
span.o-head-videoex {display:block; margin:0; padding:0; font-weight:bold; color:#692B96;}
span.o-head-videoex-exercise {display:block; margin:0; padding:0; font-weight:bold; color:#E17312;}
a.o-head-exercise {font-weight:bold; color:#E17312; text-decoration:none;}
a.o-head-infobox {font-weight:bold; color:#104CAC; text-decoration:none;}
span.small {font-weight:normal; color:#000; vertical-align:top;}

h2 {margin:0; padding:20px 0 0 0; font-weight:bold; color:#000; font-size:1.1em;}
h3 {margin:0; padding:20px 0 0 0; font-weight:bold; color:#000; font-size:1em;}
.word-icon {display:block; float:right; margin:0; padding:0; line-height:45px; width:41px; height:45px; background:transparent url(img/word1.gif) scroll no-repeat center left;}
li.o-check {clear:both; width:100%;}
ul.o-left li {clear:both;}

.o-left {float:left; margin:0; padding:0; list-style:none;}
.o-h {float:left; display:block; height:45px; width:415px; padding:0 0 0 42px; margin:0; line-height:45px;}
.o-hp {float:left; display:block; height:45px; width:410px; padding:8px 0 8px 42px; margin:0;}
.o-t {height:45px; width:420px; padding-left:42px; margin:0; vertical-align:middle;}
.o-tipps {background:transparent url(img/icon_tipps_klein.gif) scroll no-repeat center left;}
.o-infotext {background:transparent url(img/icon_infotext_klein.gif) scroll no-repeat center left;}
.o-checklist {background:transparent url(img/icon_checkliste_klein.gif) scroll no-repeat center left;}
.o-statements {background:transparent url(img/icon_statements_klein.gif) scroll no-repeat center left;}
.o-video {background:transparent url(img/icon_video_klein.gif) scroll no-repeat center left;}
.o-worksheet {background:transparent url(img/icon_arbeitsblatt_klein.gif) scroll no-repeat center left;}
.o-podcast {float:left; height:57px; width:420px; padding:5px 0px 5px 42px; margin:0px; display:table-cell; vertical-align:middle; background:transparent url(img/icon_podcast_klein.gif) scroll no-repeat center left;}
.o-videoex {float:left; height:44px; width:420px; padding:5px 0px 5px 42px; margin:0px; display:table-cell; vertical-align:middle; background:transparent url(img/_icon_video_uebung1.gif) scroll no-repeat center left;}
.o-podcast a {text-decoration:none;}
.o-videoex a {text-decoration:none;}
.o-exercise {background:transparent url(img/icon_uebung_klein.gif) scroll no-repeat center left;}
.o-infobox {background:transparent url(img/icon_infokasten_klein.gif) scroll no-repeat center left;}

/* <=IE6 Hack */
*[class~="o-t"] {height:45px; width:350px; padding-left:42px; margin:0; vertical-align:middle;}
*[class~="o-h"] {display:block; height:45px; width:370px; padding:0 0 0 42px; margin:0; line-height:45px;} 
*[class~="o-hp"] {float:left; display:block; height:29px; width:370px; padding:8px 0 8px 42px; margin:0;} 
*[class="o-podcast"] {float:left; height:47px; width:378px; padding:5px 0px 5px 42px; margin:0px; display:table-cell; vertical-align:middle; background:transparent url(img/icon_podcast_klein.gif) scroll no-repeat center left;} 
*[class="o-videoex"] {float:left; height:34px; width:378px; padding:5px 0px 5px 42px; margin:0px; display:table-cell; vertical-align:middle; background:transparent url(img/_icon_video_uebung1.gif) scroll no-repeat center left;} 

div.barriere { color:#ffffff; font-size:0.2em;}

div.tipps {background-color:#fff; margin:0; padding:0; width:458px;}
div.tipps h1 {background:transparent url(img/header-tipps.gif) scroll no-repeat top left; margin:0; padding:20px 0 0 16px; width:458px; height:66px; font-size:1.4em; font-weight:bold;}
div.tipps div.content {padding:0; background-color:#FFFCD9; border-left:2px solid #F9D106; border-right:2px solid #F9D106;}
div.tipps div.content p {margin:0 0 0 16px; padding:5px 0;}
div.tipps div.content p.headline {margin:0 0 0 16px; padding:5px 0; font-weight:bold;}
div.tipps div.content div.imagebox {margin:0; padding:15px 35px 0 35px; height:240px; clear:both;}
div.tipps div.content img.right {float:left;}
div.tipps div.content img.left {float:right;}
div.tipps div.footer {background-color:#FFFCD9; border-left:2px solid #F9D106; border-right:2px solid #F9D106; border-bottom:2px solid #F9D106; height:12px;}
div.tipps div.content ul {margin:0; padding:0 0 0 16px; list-style:decimal none outside; font-weight:bold;}
div.tipps div.content ul li {margin:0 0 0 24px; padding:5px 0;}
div.tipps div.content ul li p {margin:0; padding:5px 0 0 0; font-weight:normal;}
div.tipps div.content ul.normal {margin:0; padding:0 0 0 16px; list-style:decimal none outside; font-weight:normal;}
div.tipps div.content ul.disc {margin:0; padding:0 0 0 16px; list-style:disc none outside; font-weight:normal;}
/*div.tipps div.content ul.normal li {margin:0 0 0 24px; padding:2px 0;}*/

/* <=IE6 Hack */
div[class~="tipps"] h1 {background:transparent url(img/header-tipps.gif) scroll no-repeat top left; margin:0; padding:20px 0 0 16px; width:442px; height:46px; font-size:1.4em; font-weight:bold;}

div.infobox {background-color:#fff; margin:0; padding:0; width:458px;}
div.infobox h1 {background:transparent url(img/header-infokasten.gif) scroll no-repeat top left; margin:0; padding:20px 45px 0 10px; width:458px; height:66px; font-size:1.4em; font-weight:bold;}
div.infobox div.content {padding:0 10px; background-color:#D9E2F2; border-left:2px solid #003DA6; border-right:2px solid #003DA6;}
div.infobox div.content h2 {margin:0; padding:10px 0 0 0; font-weight:bold; color:#003DA6;}
div.infobox div.content p.headline {margin:0; padding:15px 0 0 0; font-weight:bold; color:#000000;}
div.infobox div.content ul {margin:0; padding:0; list-style:disc none outside;}
div.infobox div.content ul li {margin:0 0 0 16px; padding:5px 0;}
div.infobox div.content strong {font-weight:bold;}
div.infobox div.content p {margin:0; padding:5px 0;}
div.infobox div.content a {color:#003DA6; text-decoration:none; font-weight:bold;}
div.infobox div.footer {background-color:#D9E2F2; border-left:2px solid #003DA6; border-right:2px solid #003DA6; border-bottom:2px solid #003DA6; height:12px;}
div.infobox div.content ul.decimal {margin:0; padding:0; list-style:decimal none inside; font-weight:bold;}
div.infobox div.content ul.decimal li {margin:0; padding:5px 0;}
div.infobox div.content ul.decimal li p {margin:0; padding:5px 0 0 0; font-weight:normal;}

/* <=IE6 Hack */
div[class~="infobox"] h1 {background:transparent url(img/header-infokasten.gif) scroll no-repeat top left; margin:0; padding:20px 45px 0 10px; width:403px; height:46px; font-size:1.4em; font-weight:bold;}

div.infotext {background-color:#fff; margin:0; padding:0; width:458px;}
div.infotext h1 {background:transparent url(img/header-infotext.gif) scroll no-repeat top left; padding:20px 45px 0 10px; margin:0; width:458px; height:57px; font-size:1.4em; font-weight:bold;}
div.infotext div.content {padding:0 10px; background-color:#D0EDF5; border-left:2px solid #009DC4; border-right:2px solid #009DC4;}
div.infotext div.content h2 {margin:0; padding:10px 0 0 0; font-size:1em; font-weight:bold; color:#009DC4;}
div.infotext div.content p.headline {margin:0; padding:15px 0 0 0; font-size:1em; font-weight:bold; color:#000000;}
div.infotext div.content div.imagebox {margin:0; padding:15px 35px 0 35px; height:240px; clear:both;}
div.infotext div.content img.right {float:left;}
div.infotext div.content img.left {float:right;}
div.infotext div.content ul {margin:0; padding:15px 0 0 0; list-style:none url(img/list-infotext.gif) outside; clear:both;}
div.infotext div.content ul li {margin:0 0 0 16px; padding:4px 0;}
div.infotext div.content ul li.sublist {margin:0; padding:2px 0; list-style:none none outside;}
div.infotext div.content ul li dl {margin:0; padding:0 0 0 16px; float:left;}
div.infotext div.content ul li dl dt {float:left;}
div.infotext div.content ul li dl dd {width:370px; margin:0 0 0 16px; padding:0;}
div.infotext div.content strong {font-weight:bold;}
div.infotext div.content p {margin:0; padding:5px 0;}
div.infotext div.content p.screenshot {margin:0; padding:10px 0 0 0;}
div.infotext div.content a {color:#009DC4; text-decoration:none; font-weight:bold;}
div.infotext div.footer {background-color:#D0EDF5; border-left:2px solid #009DC4; border-right:2px solid #009DC4; border-bottom:2px solid #009DC4; height:12px;}

div.infotext div.content dl {margin:0; padding:15px 0 0 16px; float:left;}
div.infotext div.content dl dt {float:left;}
div.infotext div.content dl dd {width:340px;}

div.infotext div.content ul.chart {margin:0; padding:15px 0 0 0; list-style:none url(img/list-infotext.gif) outside;}
div.infotext div.content ul.chart li {margin:0 0 0 16px; padding:4px 0;}
div.infotext div.content ul.chart li.ausdruck {background:transparent url(img/chart-ausdruck.gif) scroll no-repeat 205px 7px;}
div.infotext div.content ul.chart li.rechnen {background:transparent url(img/chart-rechnen.gif) scroll no-repeat 205px 0px;}
div.infotext div.content ul.chart li.motivation {background:transparent url(img/chart-motivation.gif) scroll no-repeat 205px 0px;}
div.infotext div.content ul.chart li.disziplin {background:transparent url(img/chart-disziplin.gif) scroll no-repeat 205px 0px;}
div.infotext div.content ul.chart li.belastbarkeit {background:transparent url(img/chart-belastbarkeit.gif) scroll no-repeat 205px 0px;}
div.infotext div.content ul.chart li.umgangsformen {background:transparent url(img/chart-umgangsformen.gif) scroll no-repeat 205px 0px;}
div.infotext div.content ul.chart li.interesse {background:transparent url(img/chart-interesse.gif) scroll no-repeat 205px 0px;}

div.infotext div.content table {padding:0; margin:0; border-collapse:collapse; font-size:1em;}
div.infotext div.content table tr th {border: 1px solid #000; text-align:center; font-weight:bold; padding:3px;}
div.infotext div.content table tr td {border: 1px solid #000; padding:3px; vertical-align:top;}

/* <=IE6 Hack */
div[class="infotext"] h1 {background:transparent url(img/header-infotext.gif) scroll no-repeat top left; padding:20px 45px 10px 10px; margin:0; width:403px; height:27px; font-size:1.4em; font-weight:bold;}

div.checklist {margin:0; padding:0; width:428px; background:transparent url(img/icon_checkliste_schraeg.gif) scroll no-repeat 375px 2px;}
div.checklist h1 {margin:0; padding:0 45px 20px 0; font-size:1.4em; font-weight:bold;}
div.checklist h1.title {margin:0; padding:0 45px 35px 0; font-size:1.4em; font-weight:bold;}
div.checklist p.headline {clear:both; margin:0; padding:15px 0 0 0; font-size:1em; font-weight:bold; color:#000000;}
div.checklist p.subheadline {margin:0; padding:20px 0 0 0; font-size:1em;  font-weight:bold; color:#000000;}
div.checklist p.exception {margin:0; padding:2px 0 0 0; font-weight:bold; color:#000000;}
div.checklist p.top-exception {margin:0; padding:15px 0 0 0; font-weight:bold; color:#000000;}
div.checklist ul {margin:0; padding:0; list-style:none url(img/list-checklist.gif) outside; clear:both;}
div.checklist ul.spacer {margin:10px 0 0 0; padding:0; list-style:none url(img/list-checklist.gif) outside; clear:both;}
div.checklist ul li {margin:0 0 0 35px; padding:2px 0;}
div.checklist ul li.bold {margin:0 0 0 35px; padding:2px 0; font-weight:bold;}
div.checklist ul li.sublist {margin:0 0 0 35px; padding:2px 0; list-style:none;}
div.checklist ul li ul {margin:0; padding:0; list-style:decimal none outside;}
div.checklist ul li ul li {margin:0 0 0 26px; padding:2px 0;}

div.checklist ul li dl {margin:0; padding:0; float:left;}
div.checklist ul li dl dt {float:left;}
div.checklist ul li dl dd {width:370px; margin:0 0 0 16px; padding:0;}

div.checklist strong {font-weight:bold;}
div.checklist p {margin:0; padding:15px 0 5px 0;}
div.checklist p.short {margin:0; padding:2px 0 5px 0;}
div.checklist a {color:#009DC4; text-decoration:none; font-weight:bold;}
div.checklist div {margin:20px 0 0 0; padding:0; height:50px;}
div.checklist div h2 {float:left; margin:0; padding:0; font-weight:bold; color:#000000; line-height:15px;}
div.checklist div div {float:left; margin:0 0 10px 10px; padding:0; width:250px; line-height:15px;}
div.checklist div div p {margin:0; padding:0;}
div.checklist div div p.offset {margin:20px 0 0 0; padding:0;}
div.checklist div div p img {margin:0 0 0 5px; padding:0; background:transparent url(img/dashed-line.gif) scroll repeat-x top left;}
div.checklist h2 img {margin:0 0 0 5px; padding:0; background:transparent url(img/dashed-line.gif) scroll repeat-x top left;}
div.checklist p.left {float:left; width:181px; margin:0 15px 0 0; padding:0;}

div.checklist a.vorschau-5-1-4-checkliste {float:left; display:block; width:181px; height:246px; margin:0 15px 0 0; padding:0; background:transparent url(img/vorschau_5_1_4_checkliste.jpg) scroll no-repeat left top;}
div.checklist a.vorschau-5-4-2-checkliste {float:left; display:block; width:181px; height:246px; margin:0 15px 0 0; padding:0; background:transparent url(img/vorschau_5_4_2_checkliste.jpg) scroll no-repeat left top;}

/* <=IE6 Hack */
div[class="checklist"] h1 {padding:0 45px 0 0; margin:0; width:383px; height:37px; font-size:1.4em; font-weight:bold;}
div[class="checklist"] h1.title {padding:0 45px 0 0; margin:0; width:383px; height:37px; font-size:1.4em; font-weight:bold;}

div.uebersicht p {margin:0; padding:15px 0 5px 0;}
div.uebersicht p.headline {clear:both; margin:0; padding:15px 0 0 0; font-size:1em; font-weight:bold; color:#000000;}
div.uebersicht p.u-headline {clear:both; margin:0; padding:15px 0 0 0; font-size:1em; font-weight:bold; text-decoration:underline; color:#000000;}
div.uebersicht ul {margin:0; padding:0; list-style:none url(img/list-checklist.gif) outside; clear:both;}
div.uebersicht ul li {margin:0 0 0 35px; padding:2px 0;}
div.uebersicht ul li.bold {margin:0 0 0 35px; padding:2px 0; font-weight:bold;}
div.uebersicht ul li.sublist {margin:0 0 0 35px; padding:2px 0; list-style:none;}
div.uebersicht ul li ul {margin:0; padding:0; list-style:decimal none outside;}
div.uebersicht ul li ul li {margin:0 0 0 26px; padding:2px 0;}

div.checklist ul li dl {margin:0; padding:0; float:left;}
div.checklist ul li dl dt {float:left;}
div.checklist ul li dl dd {width:370px; margin:0 0 0 16px; padding:0;}

div.statements {margin:0; padding:0; width:428px; background:transparent url(img/icon_statements_schraeg.gif) scroll no-repeat 375px 2px;}
div.statements h1 {margin:0; padding:0 45px 10px 0; font-size:1.4em; font-weight:bold;}
div.statements p {margin:0; padding:15px 0 5px 0;}
div.statements div {margin:20px 0 0 0; padding:40px 0 0 20px; width:426px; height:111px; font-weight:bold;}
div.statements div p {margin:0; padding:0; font-weight:normal;}
div.statements div.statements-m {background:transparent url(img/statement1.gif) scroll no-repeat top left;}
div.statements div.statements-w {background:transparent url(img/statement2.gif) scroll no-repeat top left;}

div[class="statements"] h1 {padding:0 45px 0 0; margin:0; width:383px; height:30px; font-size:1.4em; font-weight:bold;}
div[class="statements"] div {margin:20px 0 0 0; padding:40px 0 0 20px; width:406px; height:71px; font-weight:bold;}


div.worksheet {margin:0; padding:0; width:428px; background:transparent url(img/icon_arbeitsblatt_schraeg.gif) scroll no-repeat 375px 2px;}
div.worksheet h1 {margin:0; padding:0 35px 0 0; font-size:1.4em; font-weight:bold;}
div.worksheet h1.title {margin:0; padding:0 45px 35px 0; font-size:1.4em; font-weight:bold;}
div.worksheet h1.stitle {margin:0; padding:0 45px 18px 0; font-size:1.4em; font-weight:bold;}
div.worksheet p.headline {margin:0; padding:15px 0; font-size:1em; font-weight:bold; color:#11A6BE;}
div.worksheet p.subheadline {margin:0; padding:15px 0; font-weight:bold; color:#000000;}
div.worksheet ul.link {float:left; margin:0; padding:0; list-style:none none outside;}
div.worksheet ul.link li {float:left; margin:0; padding:0;}
div.worksheet ul.link li a {display:block; width:181px; height:246px; margin:0 15px 0 0; padding:0;}
div.worksheet ul.link li a.left {background:transparent url(img/bewerbungskalender-left.jpg) scroll no-repeat left top;}
div.worksheet ul.link li a.right {background:transparent url(img/bewerbungskalender-right.jpg) scroll no-repeat left top;}
div.worksheet p {margin:0; padding:5px 0;}
div.worksheet p.left {float:left; width:181px; margin:0 15px 0 0; padding:0;}
div.worksheet div.left {float:left; width:181px; margin:0 15px 0 0; padding:0;}
div.worksheet div {clear:both; margin:0; padding:0;}
div.worksheet div ul.list {margin:0; padding:0; list-style:disc none outside;}
div.worksheet div ul.list li {margin:0 0 0 16px; padding:5px 0;}
div.worksheet div ul.list a {font-weight:bold; text-decoration:none; color:#000000;}
div.worksheet p a {font-weight:bold; text-decoration:none; color:#000000;}
div.worksheet p a.blue {font-weight:bold; text-decoration:none; color:#009DC4;}

div.worksheet a.right {float:left; display:block; width:181px; height:246px; margin:0 15px 0 36px; padding:0; background:transparent url(img/bewerbungskalender-right.jpg) scroll no-repeat left top;}
div.worksheet a.meine-staerken {float:left; display:block; width:181px; height:246px; margin:0 15px 0 36px; padding:0; background:transparent url(img/arbeitsblatt_meine_staerken.jpg) scroll no-repeat left top;}
div.worksheet a.meine-wunschberufe {float:left; display:block; width:181px; height:246px; margin:0 15px 0 36px; padding:0; background:transparent url(img/arbeitsblatt_meine_wunschberufe.jpg) scroll no-repeat left top;}
div.worksheet a.stellenanzeige-zeitung {float:left; display:block; width:181px; height:246px; margin:0 15px 0 36px; padding:0; background:transparent url(img/arbeitsblatt_stellenanzeige_zeitung.jpg) scroll no-repeat left top;}
div.worksheet a.stellenanzeige-gefunden {float:left; display:block; width:181px; height:246px; margin:0 15px 0 36px; padding:0; background:transparent url(img/arbeitsblatt_stellenanzeige_gefunden.jpg) scroll no-repeat left top;}
div.worksheet a.infos-betrieb {float:left; display:block; width:181px; height:246px; margin:0 15px 0 36px; padding:0; background:transparent url(img/arbeitsblatt_infos_betrieb.jpg) scroll no-repeat left top;}
div.worksheet a.das-anschreiben {float:left; display:block; width:181px; height:246px; margin:0 15px 0 36px; padding:0; background:transparent url(img/arbeitsblatt_das_anschreiben.jpg) scroll no-repeat left top;}
div.worksheet a.der-lebenslauf {float:left; display:block; width:181px; height:246px; margin:0 15px 0 36px; padding:0; background:transparent url(img/arbeitsblatt_der_lebenslauf.jpg) scroll no-repeat left top;}
div.worksheet a.allgemeinwissen {float:left; display:block; width:181px; height:246px; margin:0 15px 0 36px; padding:0; background:transparent url(img/arbeitsblatt_allgemeinwissen.jpg) scroll no-repeat left top;}
div.worksheet a.zusammenfassung-staerken {float:left; display:block; width:181px; height:246px; margin:0 15px 0 36px; padding:0; background:transparent url(img/arbeitsblatt_zusammenfassung_staerken.jpg) scroll no-repeat left top;}
div.worksheet a.erlaubte-und-unerlaubte-fragen {float:left; display:block; width:181px; height:246px; margin:0 15px 0 36px; padding:0; background:transparent url(img/arbeitsblatt_erlaubte_und_unerlaubte_fragen.jpg) scroll no-repeat left top;}

div.exercise {margin:0; padding:0; width:428px; background:transparent url(img/icon_uebung_schraeg.gif) scroll no-repeat 375px 2px;}
div.exercise h1 {margin:0; padding:0 35px 0 0; font-size:1.4em; font-weight:bold;}
div.exercise h1.title {margin:0; padding:0 0 35px 0; font-size:1.4em; font-weight:bold;}
div.exercise p.headline {margin:0; padding:15px 0; font-size:1em; font-weight:bold; color:#11A6BE;}
div.exercise p.subheadline {margin:0; padding:15px 0; font-weight:bold; color:#000000;}
div.exercise ul.link {float:left; margin:0; padding:0; list-style:none none outside;}
div.exercise ul.link li {float:left; margin:0; padding:0;}
div.exercise p {margin:0; padding:5px 0;}
div.exercise p.left {float:left; width:181px; margin:0 15px 0 0; padding:0;}
div.exercise div.left {float:left; width:181px; margin:0 15px 0 0; padding:0;}
div.exercise div {clear:both; margin:0; padding:0;}
div.exercise div ul.list {margin:0; padding:0; list-style:disc none outside;}
div.exercise div ul.list li {margin:0 0 0 16px; padding:5px 0;}
div.exercise div ul.list a {font-weight:bold; text-decoration:none; color:#000000;}
div.exercise p a {font-weight:bold; text-decoration:none; color:#000000;}
div.exercise p a.blue {font-weight:bold; text-decoration:none; color:#009DC4;}
div.exercise div.left ul.decimal {margin:0; padding:0; list-style:decimal none outside;}
div.exercise div.left ul.decimal li {margin:0 0 0 24px; padding:5px 0;}

div.exercise a.right {float:left; display:block; width:181px; height:246px; margin:0 15px 0 0; padding:0; background:transparent url(img/bewerbungskalender-right.jpg) scroll no-repeat left top;}
div.exercise a.erstelle-dein-anschreiben {float:left; display:block; width:181px; height:246px; margin:0 15px 0 0; padding:0; background:transparent url(img/arbeitsblatt_erstelle_dein_anschreiben.jpg) scroll no-repeat left top;}
div.exercise a.erstelle-deinen-lebenslauf {float:left; display:block; width:181px; height:246px; margin:0 15px 0 0; padding:0; background:transparent url(img/arbeitsblatt_erstelle_deinen_lebenslauf.jpg) scroll no-repeat left top;}

.icon-placeholder {text-align:left; margin:25px 0 0 55px; padding:7px 0px 0px 32px; width:150px; height:20px;}
.icon-worksheet {display:block;float:left; margin-left:20px; text-decoration:none; color:#000; padding:14px 0px 0px 32px; text-align:left; width:113px; height:35px; background:transparent url(img/_icon_pdf.gif) scroll no-repeat top left; font-size:1.00em; font-weight:bold;}
.icon-close {position:absolute; top:25px; left:710px; text-align:right; margin:0; padding:4px 27px 0px 0px; width:200px; height:22px; background:transparent url(img/icon_schliessen.gif) scroll no-repeat top right; font-size:1.08em; font-weight:bold;}
.icon-back {display:block; float:left; text-align:left; padding:4px 0px 0px 30px; width:45px; height:27px; background:transparent url(img/icon_zurueck.gif) scroll no-repeat center left; font-size:1.08em; font-weight:bold; text-decoration:none; color:#000;}
.icon-forward {display:block; float:left; text-align:right; padding:4px 30px 0px 0px; width:45px; height:27px; background:transparent url(img/icon_weiter.gif) scroll no-repeat center right; font-size:1.08em; font-weight:bold; text-decoration:none; color:#000;}

*[class~="icon-close"] {position:absolute; top:25px; left:710px; text-align:right; margin:0; padding:4px 27px 0px 0px; width:200px; height:18px; background:transparent url(img/icon_schliessen.gif) scroll no-repeat top right; font-size:1.08em; font-weight:bold;}
*[class~="icon-worksheet"] {display:block; text-decoration:none; color:#000; text-align:left; width:113px; height:29px; background:transparent url(img/_icon_pdf.gif) scroll no-repeat top left; font-size:1.00em; font-weight:bold;}
*[class~="icon-back"] {display:block; float:left; text-align:left; padding:4px 0px 0px 30px; width:45px; height:19px; background:transparent url(img/icon_zurueck.gif) scroll no-repeat center left; font-size:1.08em; font-weight:bold; text-decoration:none; color:#000;}
*[class~="icon-forward"] {display:block; float:left; text-align:right; padding:4px 30px 0px 0px; width:45px; height:19px; background:transparent url(img/icon_weiter.gif) scroll no-repeat center right; font-size:1.08em; font-weight:bold; text-decoration:none; color:#000;}

.status-1-12, .status-2-12, .status-3-12, .status-4-12, .status-5-12, .status-6-12, .status-7-12, .status-8-12, .status-9-12, .status-10-12, .status-11-12, .status-12-12 {float:left; width:186px; height:23px;}
.status-1-12 {background:transparent url(img/status_1_12.gif) scroll no-repeat center center;}
.status-2-12 {background:transparent url(img/status_2_12.gif) scroll no-repeat center center;}
.status-3-12 {background:transparent url(img/status_3_12.gif) scroll no-repeat center center;}
.status-4-12 {background:transparent url(img/status_4_12.gif) scroll no-repeat center center;}
.status-5-12 {background:transparent url(img/status_5_12.gif) scroll no-repeat center center;}
.status-6-12 {background:transparent url(img/status_6_12.gif) scroll no-repeat center center;}
.status-7-12 {background:transparent url(img/status_7_12.gif) scroll no-repeat center center;}
.status-8-12 {background:transparent url(img/status_8_12.gif) scroll no-repeat center center;}
.status-9-12 {background:transparent url(img/status_9_12.gif) scroll no-repeat center center;}
.status-10-12 {background:transparent url(img/status_10_12.gif) scroll no-repeat center center;}
.status-11-12 {background:transparent url(img/status_11_12.gif) scroll no-repeat center center;}
.status-12-12 {background:transparent url(img/status_12_12.gif) scroll no-repeat center center;}

.status-1-6, .status-2-6, .status-3-6, .status-4-6, .status-5-6, .status-6-6 {float:left; width:102px; height:23px;}
.status-1-6 {background:transparent url(img/status_1_6.gif) scroll no-repeat center center;}
.status-1-6 {background:transparent url(img/status_1_6.gif) scroll no-repeat center center;}
.status-2-6 {background:transparent url(img/status_2_6.gif) scroll no-repeat center center;}
.status-3-6 {background:transparent url(img/status_3_6.gif) scroll no-repeat center center;}
.status-4-6 {background:transparent url(img/status_4_6.gif) scroll no-repeat center center;}
.status-5-6 {background:transparent url(img/status_5_6.gif) scroll no-repeat center center;}
.status-6-6 {background:transparent url(img/status_6_6.gif) scroll no-repeat center center;}

.status-1-7, .status-2-7, .status-3-7, .status-4-7, .status-5-7, .status-6-7, .status-7-7 {float:left; width:116px; height:23px;}
.status-1-7 {background:transparent url(img/status_1_7.gif) scroll no-repeat center center;}
.status-2-7 {background:transparent url(img/status_2_7.gif) scroll no-repeat center center;}
.status-3-7 {background:transparent url(img/status_3_7.gif) scroll no-repeat center center;}
.status-4-7 {background:transparent url(img/status_4_7.gif) scroll no-repeat center center;}
.status-5-7 {background:transparent url(img/status_5_7.gif) scroll no-repeat center center;}
.status-6-7 {background:transparent url(img/status_6_7.gif) scroll no-repeat center center;}
.status-7-7 {background:transparent url(img/status_7_7.gif) scroll no-repeat center center;}

.status-1-8, .status-2-8, .status-3-8, .status-4-8, .status-5-8, .status-6-8, .status-7-8, .status-8-8 {float:left; width:130px; height:23px;}
.status-1-8 {background:transparent url(img/status_1_8.gif) scroll no-repeat center center;}
.status-2-8 {background:transparent url(img/status_2_8.gif) scroll no-repeat center center;}
.status-3-8 {background:transparent url(img/status_3_8.gif) scroll no-repeat center center;}
.status-4-8 {background:transparent url(img/status_4_8.gif) scroll no-repeat center center;}
.status-5-8 {background:transparent url(img/status_5_8.gif) scroll no-repeat center center;}
.status-6-8 {background:transparent url(img/status_6_8.gif) scroll no-repeat center center;}
.status-7-8 {background:transparent url(img/status_7_8.gif) scroll no-repeat center center;}
.status-8-8 {background:transparent url(img/status_8_8.gif) scroll no-repeat center center;}


.status-1-10, .status-2-10, .status-3-10, .status-4-10, .status-5-10, .status-6-10, .status-7-10, .status-8-10, .status-9-10, .status-10-10 {float:left; width:148px; height:23px;}
.status-1-10 {background:transparent url(img/status_1_10.gif) scroll no-repeat center center;}
.status-2-10 {background:transparent url(img/status_2_10.gif) scroll no-repeat center center;}
.status-3-10 {background:transparent url(img/status_3_10.gif) scroll no-repeat center center;}
.status-4-10 {background:transparent url(img/status_4_10.gif) scroll no-repeat center center;}
.status-5-10 {background:transparent url(img/status_5_10.gif) scroll no-repeat center center;}
.status-6-10 {background:transparent url(img/status_6_10.gif) scroll no-repeat center center;}
.status-7-10 {background:transparent url(img/status_7_10.gif) scroll no-repeat center center;}
.status-8-10 {background:transparent url(img/status_8_10.gif) scroll no-repeat center center;}
.status-9-10 {background:transparent url(img/status_9_10.gif) scroll no-repeat center center;}
.status-10-10{background:transparent url(img/status_10_10.gif) scroll no-repeat center center;}

.status-1-11, .status-2-11, .status-3-11, .status-4-11, .status-5-11, .status-6-11, .status-7-11, .status-8-11, .status-9-11, .status-10-11, .status-11-11 {float:left; width:170px; height:23px;}
.status-1-11 {background:transparent url(img/status_1_11.gif) scroll no-repeat center center;}
.status-2-11 {background:transparent url(img/status_2_11.gif) scroll no-repeat center center;}
.status-3-11 {background:transparent url(img/status_3_11.gif) scroll no-repeat center center;}
.status-4-11 {background:transparent url(img/status_4_11.gif) scroll no-repeat center center;}
.status-5-11 {background:transparent url(img/status_5_11.gif) scroll no-repeat center center;}
.status-6-11 {background:transparent url(img/status_6_11.gif) scroll no-repeat center center;}
.status-7-11 {background:transparent url(img/status_7_11.gif) scroll no-repeat center center;}
.status-8-11 {background:transparent url(img/status_8_11.gif) scroll no-repeat center center;}
.status-9-11 {background:transparent url(img/status_9_11.gif) scroll no-repeat center center;}
.status-10-11{background:transparent url(img/status_10_11.gif) scroll no-repeat center center;}
.status-11-11{background:transparent url(img/status_11_11.gif) scroll no-repeat center center;}


.status-1-4, .status-2-4, .status-3-4, .status-4-4 {float:left; width:75px; height:23px;}
.status-1-4 {background:transparent url(img/status_1_4.gif) scroll no-repeat center center;}
.status-2-4 {background:transparent url(img/status_2_4.gif) scroll no-repeat center center;}
.status-3-4 {background:transparent url(img/status_3_4.gif) scroll no-repeat center center;}
.status-4-4 {background:transparent url(img/status_4_4.gif) scroll no-repeat center center;}

.status-1-2, .status-2-2 {float:left; width:47px; height:23px;}
.status-1-2 {background:transparent url(img/status_1_2.gif) scroll no-repeat center center;}
.status-2-2 {background:transparent url(img/status_2_2.gif) scroll no-repeat center center;}

.status-1-3, .status-2-3, .status-3-3 {float:left; width:60px; height:23px;}
.status-1-3 {background:transparent url(img/status_1_3.gif) scroll no-repeat center center;}
.status-2-3 {background:transparent url(img/status_2_3.gif) scroll no-repeat center center;}
.status-3-3 {background:transparent url(img/status_3_3.gif) scroll no-repeat center center;}


.clear {clear:both; margin:10px 0px 0px 40px;white-space:nowrap;}
.break {display:block;}
.left {float:left;}
.hidden {display:none;}