/*
 * body and general definitions
 */
body {
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #fef8bc;
	font-family: Arial, sans-serif;
	color: #333;
}


a {
	color: #006bb3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


.blue {
	color: #1955a5;
}


ul {
	list-style-image: url(/images_css/bullet.gif);
	margin-top: 5px;
	margin-left: 16px;
	padding-left: 0px;
}


ol {
	padding-left: 25px;
}


.nobr {
	white-space: nowrap;
}


/*
 * topline navigation (TL)
 */
#navi_top {
	position: absolute;
	margin: 0 0 0 -447px;
	top: 20px;
	left: 50%;
	width: 895px;
	text-align: right;
	z-index: 1;
}

#navi_top a {
	color: #1955a5;
	text-decoration: none;
}

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


/*
 * font selector buttons
 */
#font_selector {
	background: center top;
	position: absolute;
	margin: 0 0 0 -447px;
	top: 160px;
	left: 50%;
	width: 894px;
	text-align: right;
	z-index: 1;
}


/*
 * central pane  - including bumblebee, navi_left, content
 */
#panel {
	background: url(/images_css/panel_bg_l.gif)
		    no-repeat
		    left top;
	position: absolute;
	margin: 0 0 0 -473px;
	top: 43px;
	left: 50%;
	width: 946px;
}


/*
 * upper left bumblebee
 */
#bumblebee {
	position: absolute;
	margin: 0 0 0 -448px;
	top: 5px;
	left: 50%;
	width: 900px;
	z-index: 1;
}

#bumblebee_print {
	display: none;
	
}


/*
 * left navigation
 */
#navi_left {
	float: left;
	width: 259px;
	line-height: 16.8px;
}

/*
IE Bug (at least v6):
Wenns mehrere solcher Defs. gibt:  #navi_left.x und #navi_left.y
werden sie ignoriert.
#navi_left.student_m {
	background: url(/images_css/student_m.gif)
		    no-repeat
		    5px 120px;
}
#navi_left.student_w {
	background: url(/images_css/student_w.gif)
		    no-repeat
		    5px 120px;
}
*/

#navi_left_inside {
	/* background-color: #fff; */
	margin: 111px 6px 10px 18px;
}

#navi_left_inside a {
	display: block;
	text-decoration: none;
	font-weight: bold;
}

#navi_left_inside h1 {
	color: #1955a5;
}


/*
 * login box
 */
#login_box {
	height: 182px;
	color: #fff;
}

#login_box form {
	padding-top: 9px;
}

#login_box.student_m form,
#login_box.student_w form {
	padding-top: 22px;
	padding-left: 41px;
}

#login_box.student_u form {
	padding-top: 22px;
}

#login_box h1 {
	color: #fff;
	margin: 9px 0 3px 0;
}

#login_box input {
	background-color: #d8e3f2;
	border: 0;
	width: 202px;
}

#login_box a {
	color: #fff;
}

#login_box a.arroww {
	background: url(/images_css/but_arrow_w.gif)
		    no-repeat
		    left center;
	padding: 3px 0 3px 7px;
}

#name_box {
	background-color: #d8e3f2;
	padding: 5px 0 5px 6px;
	color: #1955a5;
}

#login_box a.loginbtn,
#login_box a.logoutbtn {
	background: url(/images_css/but_login.gif)
		    no-repeat
		    left center;
	padding: 3px 0 3px 13px;
}

#login_box.student_m a.logoutbtn,
#login_box.student_w a.logoutbtn,
#login_box.student_u a.logoutbtn {
	position: absolute;
	top: 225px;
	width: 157px;
	height: 20px;
	padding: 9px 0 7px 13px;
	background: url(/images_css/but_logout_student.gif)
		    no-repeat
		    left top;
	line-height: 20px;
}


/*
 * left menus
 */
.menu_login {
	color: #006bb3;
}

.menu_login a {
	background: #fefce7
		    url(/images_css/arrow.gif)
		    no-repeat
		    4px center;
	padding: 7px 0 7px 30px;
	margin: 0 0 2px 0;
	color: #1955a5;
}

.menu_login a:hover,
.menu_login .active {
	background: #86aad9
		    url(/images_css/arrow_hi.gif)
		    no-repeat
		    4px center;
	color: #fff;
}

.menu_login .home a {
	background: #fefce7
		    url(/images_css/but_arrow_home.gif)
		    no-repeat
		    4px center;
	padding: 14px 0 14px 30px;
}

.menu_login .home a:hover,
.menu_login .home .active {
	background: #86aad9
		    url(/images_css/but_arrow_home_hi.gif)
		    no-repeat
		    4px center;
}

.menu_login .testen {
	position: relative;
	height: 163px;
}

.menu_login .testen a img {
	position: absolute;
	top: 20px;
	right: 0;
}


.menu_login .new a {
	background: #fefce7
		    url(/images_css/but_arrow_new.gif)
		    no-repeat
		    0px center;
	padding: 7px 0 7px 30px;
}

.menu_login .new a:hover,
.menu_login .new .active {
	background: #86aad9
		    url(/images_css/but_arrow_new_hi.gif)
		    no-repeat
		    0px center;
}


div.student_u .myhome {
	background: url(/images_css/but_arrow_myhome_student_u.gif)
		    no-repeat
		    4px 2px;
	padding: 6px 0 0 0;
	margin: -6px 0 0 0;
}

.menu_login.student_m .myhome a {
	background: #fefce7
		    url(/images_css/but_arrow_myhome_student_m.gif)
		    no-repeat
		    4px center;
	padding: 14px 0 14px 30px;
}

.menu_login.student_w .myhome a {
	background: #fefce7
		    url(/images_css/but_arrow_myhome_student_w.gif)
		    no-repeat
		    4px center;
	padding: 14px 0 14px 30px;
}

.menu_login.student_u .myhome a {
	background: #fefce7
		    url(/images_css/but_arrow_myhome_student_u.gif)
		    no-repeat
		    4px center;
	padding: 14px 0 14px 30px;
}

.menu_login.student_m .myhome a:hover,
.menu_login.student_m .myhome .active {
	background: #86aad9
		    url(/images_css/but_arrow_myhome_student_m_hi.gif)
		    no-repeat
		    4px center;
}

.menu_login.student_w .myhome a:hover,
.menu_login.student_w .myhome .active {
	background: #86aad9
		    url(/images_css/but_arrow_myhome_student_w_hi.gif)
		    no-repeat
		    4px center;
}

.menu_login.student_u .myhome a:hover,
.menu_login.student_u .myhome .active {
	background: #86aad9
		    url(/images_css/but_arrow_myhome_student_u_hi.gif)
		    no-repeat
		    4px center;
}

.menu_login .myscore a {
	background: #fefce7
		    url(/images_css/but_arrow_myscore.gif)
		    no-repeat
		    4px center;
	padding: 14px 0 14px 30px;
}

.menu_login .myscore a:hover,
.menu_login .myscore .active {
	background: #86aad9
		    url(/images_css/but_arrow_myscore_hi.gif)
		    no-repeat
		    4px center;
}

.menu_login h1,
.submenu_login h1 {
	background: url(/images_css/h1_underline.gif)
		    repeat-x
		    center bottom;
	margin: 22px 0 6px 0;
	padding: 0 0 4px 0;
}

.submenu_login a {
	background: #86aad9
		    url(/images_css/but_arrow_w.gif)
		    no-repeat
		    19px 7px;
	padding: 3px 0 3px 30px;
	color: #fff;
}

.submenu_login a:hover,
.submenu_login .active {
	background: #86aad9
		    url(/images_css/but_arrow_b.gif)
		    no-repeat
		    19px 7px;
	color: #1955a5;
}


.submenu_login .new a {
	background: #86aad9
		    url(/images_css/but_arrow_w_new.gif)
		    no-repeat
		    19px 0px;
	padding: 7px 0 7px 30px;
	color: #fff;
}

.submenu_login .new a:hover,
.submenu_login .new .active {
	background: #86aad9
		    url(/images_css/but_arrow_b_new.gif)
		    no-repeat
		    19px 0px;
	color: #1955a5;
}


/*
 * content (right)
 */
#content {
	float: left;
	width: 687px;
}

#content_inside {
	margin: 157px 24px 10px 24px;
}

#content_inside_students_index {
	margin: 157px 0 0 6px;
}


#content h2.arrow {
	background: url(/images_css/h2.gif)
		    no-repeat
		    left 3px;
	padding: 3px 0 3px 18px;
}


/*
 * table choose_blue
 */
#content table.choose_blue {
	border-collapse: collapse;
	width: 639px;
	text-align: left;
}

#content table.choose_blue thead tr {
	background: url(/images_css/table_head_bg.gif)
		    repeat-x
		    left top;
	color: #fff;
	height: 23px;
}

#content table.choose_blue tr {
	background: url(/images_css/1px_white.gif)
		    repeat-x
		    left top;
}

#content table.choose_blue tbody tr.active {
	background-color: #86aad9;
	cursor: pointer;
}

#content table.choose_blue tbody tr.true {
	background-color: #d5e1f2;
}

#content table.choose_blue tbody tr.false {
	background-color: #e7eef7;
}

#content table.choose_blue th {
	padding: 0 4px 0 4px;
}

#content table.choose_blue td {
	padding: 6px 4px 4px 4px;
}

#content table.choose_blue tr.active td.arrow {
	background: #86aad9
		    url(/images_css/table_arrow_hi.gif)
		    no-repeat
		    left top;
	padding: 6px 4px 4px 28px;
}

#content table.choose_blue tr.true td.arrow {
	background: #d5e1f2
		    url(/images_css/table_arrow.gif)
		    no-repeat
		    left top;
	padding: 6px 4px 4px 28px;
}

#content table.choose_blue tr.false td.arrow {
	background: #e7eef7
		    url(/images_css/table_arrow.gif)
		    no-repeat
		    left top;
	padding: 6px 4px 4px 28px;
}


/*
 * blue forms and divs
 */
#content form.form_blue {
	margin: 0 0 0 0;
	padding: 12px 0 12px 0;
	background: #e7eef7;
}

#content div.div_blue {
	background: #e7eef7;
}

#content form.form_blue h2,
#content div.div_blue h2,
#content form.form_blue table thead tr {
	background: #d5e1f2;
	padding: 4px 0 4px 6px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#content form.form_blue div,
#content div.div_blue div {
	padding: 0 8px 0 8px;
}

#content div.div_blue a.faq {
	background: url(/images_css/sitemap_1.gif)
		    no-repeat
		    4px 9px;
	display: block;
	padding: 7px 4px 5px 16px;
}

#content form.form_blue table {
	border-collapse: collapse;
	text-align: left;
}

#content form.form_blue table th {
	padding: 3px 4px 3px 4px;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}

#content form.form_blue table td.counter {
	background-color: #86aad9;
	color: #fff;
	font-weight: bold;
	border-top: 4px solid #e7eef7;
	border-bottom: 3px solid #e7eef7;
	/*	background: url(/images_css/1px_white.gif)
		    repeat
		    left top; */
}

#content form.form_blue table.choose_blue {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
}

#content form.form_blue table.choose_blue thead tr {
	background: url(/images_css/table_head_bg.gif)
		    repeat-x
		    left top;
	color: #fff;
	height: 23px;
}

div.print_button {
	padding-top: 15px;
	padding-bottom: 15px;
}


/*
 * Help
 */
#content div.help {
	background: url(/images_css/help.gif)
		    no-repeat
		    4px center;
	padding: 6px 4px 4px 30px;
	border: 1px solid #e7eef7;
	color: #1955a5;
	font-weight: bold;
}

#content form.form_blue div.help {
	background: url(/images_css/help.gif)
		    no-repeat
		    4px center;
	padding: 6px 4px 4px 30px;
	border: 1px solid #fff;
	color: #1955a5;
	font-weight: bold;
}


/*
 * Flash-Hint
 */
#content div.flash_hint {
	width: 444px;
	margin: 0 20px 10px 0;
	padding: 0 0 10px 10px;
	border: 1px solid #e7eef7;
}


/*
 * Teaser (für die Startseite)
 */

#content div.teaser {
	background: url(/images_css/teaser_default.gif)
		    no-repeat
		    left top;
}

#content div.teaser h1 {
	color: #1955A5;
	padding: 5px 0 3px 8px;
	margin-top: 0;
	margin-bottom: 7px;
}

#content div.teaser div,
#content div.teaser_new div {
	padding-left: 8px;
}


#content div.teaser_kostenlos_nutzen {
	background: url(/images_css/teaser_kostenlos_nutzen.gif)
		    no-repeat
		    left top;
	position: relative;
	height: 180px;
	margin-top: -33px;
}

#content div.teaser_kostenlos_nutzen h1 {
	padding: 35px 0 3px 8px;
	margin-top: 0;
	margin-bottom: 7px;
}

#content div.teaser_kostenlos_nutzen div {
	padding-left: 0;
}

#content div.teaser_kostenlos_nutzen ul {
	margin-left: 25px;
}

#content div.teaser_kostenlos_nutzen div.kostenlos_nutzen_rechts {
	position: absolute;
	top: 63px;
	left: 417px;
	width: 191px;
}

#content div.teaser_kostenlos_nutzen h1.kostenlos_nutzen_rechts {
	position: absolute;
	top: 0;
	left: 418px;
	color: #fff;
}


#content div.teaser_game {
	background: url(/images_css/teaser_game.gif)
		    no-repeat
		    left top;
}

#content div.teaser_game h1 {
	color: #1955A5;
	padding: 5px 0 3px 8px;
	margin-top: 0;
	margin-bottom: 7px;
	height: 150px;
}

#content div.game {
	margin-top: -130px;
}

#content div.game h1 {
	padding-top: 130px;
}


#content div.teaser_new {
	background: url(/images_css/teaser_new.gif)
		    no-repeat
		    left top;
}

#content div.teaser_new h1 {
	color: #1955A5;
	padding: 5px 0 3px 36px;
	margin-top: 0;
	margin-bottom: 7px;
}

#content .teaser_new_first_line {
	padding-left: 36px;
}


#content div.teaser_antolin {
	background: url(/images_css/teaser_antolin.gif)
		    no-repeat
		    left top;
	margin-bottom: -20px;
}

#content div.teaser_antolin h1 {
	color: #1955A5;
	padding: 5px 0 3px 8px;
	margin-top: 0;
	margin-bottom: 7px;
}


#content div.teaser_testen {
	background: url(/images_css/teaser_testen.gif)
		    no-repeat
		    left top;
	min-height: 139px;
}


#content div.teaser_diagnose {
	background: url(/images_css/teaser_diagnose.gif)
		    no-repeat
		    left top;
	min-height: 143px;
}


/*
 * buttons im content bereich
 */
#content a.arrow_small {
	background: url(/images_css/but_arrow_small.gif)
		    no-repeat
		    left center;
	display: block;
	width: 110px;
	padding: 3px 0 3px 16px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#content a.arrow_mediumsmall {
	background: url(/images_css/but_arrow_mediumsmall.gif)
		    no-repeat
		    left center;
	display: block;
	width: 155px;
	padding: 3px 0 3px 16px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#content a.arrow {
	background: url(/images_css/but_arrow.gif)
		    no-repeat
		    left center;
	display: block;
	width: 195px;
	padding: 3px 0 3px 16px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#content a.arrow_wide {
	background: url(/images_css/but_arrow_wide.gif)
		    no-repeat
		    left center;
	display: block;
	width: 300px;
	padding: 3px 0 3px 16px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#content a.arrow_xtra_wide {
	background: url(/images_css/but_arrow_xtra_wide.gif)
		    no-repeat
		    left center;
	display: block;
	width: 432px;
	padding: 3px 0 3px 16px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#content a.arrow_back_small {
	background: url(/images_css/but_arrow_back_small.gif)
		    no-repeat
		    left center;
	display: block;
	width: 110px;
	padding: 3px 0 3px 16px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#content a.arrow_back {
	background: url(/images_css/but_arrow_back.gif)
		    no-repeat
		    left center;
	display: block;
	width: 195px;
	padding: 3px 0 3px 16px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#content a.arrow_back_wide {
	background: url(/images_css/but_arrow_back_wide.gif)
		    no-repeat
		    left center;
	display: block;
	width: 300px;
	padding: 3px 0 3px 16px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#content a.bigarrow {
	background: url(/images_css/arrow.gif)
		    no-repeat
		    4px center;
	padding: 7px 0 7px 30px;
	margin: 0 0 2px 0;
}

#content a:hover.bigarrow {
	background: url(/images_css/arrow_hi.gif)
		    no-repeat
		    4px center;
}

#content a:hover.nounderline {
	text-decoration: none;
}


/*
 * breadcrumbs
 */
#breadcrumbs {
	color: #006bb3;
	text-decoration: none;
}


/*
 * wartungsbanner
 */
.banner {
	color: #000;
	background-color: #fff;
	position: relative;
	top: 6px;
	left: 268px;
	width: 298px;
	padding: 3px 3px 3px 3px;
	border: 1px solid #000;
}


/*
 * bottomline navi (BL)
 */
#navi_bottom {
	background: url(/images_css/footer.gif)
		    no-repeat
		    left top;
	width: 946px;
	height: 43px;
	color: #fff;
	clear: both;
}

#navi_bottom_inside {
	position: relative;
	top: 12px;
	left: 30px;
	width: 888px;
}

#navi_bottom_inside a {
	color: #fff;
	text-decoration: none;
}

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


/*
 * Unterschiedlich grosse vertikale Abstaende
 */
.trenner_xxsmall {
	display	: block;
	height	: 1px;
	clear	: left;
	line-height: 1px;
	font-size: 1px;
}
.trenner_small {
	display	: block;
	height	: 5px;
	clear	: left;
	line-height: 1px;
	font-size: 1px;
}
.trenner_med {
	display	: block;
	height	: 10px;
	clear	: left;
	line-height: 1px;
	font-size: 1px;
}
.trenner_big {
	display	: block;
	height	: 20px;
	clear	: left;
	line-height: 1px;
	font-size: 1px;
}