/* master design */
html { height: 101%; font-size: 66%;}
body { background: #aeacac url(../images/bg.gif) repeat-x; margin: 0px; }

body, table, input, select, textarea { /* set font and font size */
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	}

img { border: none; }
.left { float: left; }
.right { float: right; }
.hint { color: #cb2121; }
.trademark { color: #ff7200; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#container {
	margin: 50px auto 0 auto;
	padding: 0 10px 20px 10px;
	width: 879px;
	border: 2px solid #fff;
	background: #ff7200;
	}

/* ie conform buttons */
html body div#container div.ie_conform_button,
html body div#container div.ie_conform_button a {
	width: 200px;
	height: 29px;
	display: block;
	border: none;
	}
html body div#container div.ie_conform_button {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
html body div#container div.ie_conform_button a {
	text-indent: -9999px;
	text-decoration: none;
	}

/* header */
#header a {
	position: absolute;
	top: 52px;
	width: 300px;
	height:110px;
	}
#header a span {
	display: block;
	text-indent: -9999px;
	}
#header h1 {
	text-indent: -9999px;
	background: transparent url(../images/title.gif) no-repeat;
	width: 300px;
	height: 110px;
	margin: 0;
	}

/* content area */
#content_area {
	border: 5px solid #000;
	background: #9bdcfd;
	}
#content_left {	width: 200px; }
#content_right {
	width: 664px;
	border-left: 5px solid #000;
	background: #fff url(../images/user_pictures.jpg) no-repeat;
	padding: 94px 0 60px 0; /* 94px image + 20px spacing */
	}
#content_right div.content {
	margin: 20px 20px 0 20px;
	}
#content_right div.content img { border: 1px solid #000; }

/* main_menu */
#main_menu {
	font-size: 1.3em;
	font-weight: bold;
	background: #fff;
	border-bottom: 5px solid #000;
	}
#main_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#main_menu ul li {
	border-bottom: 1px solid #000;
	}
#main_menu ul li.last {
	border-bottom: none;
	}
#main_menu ul li a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 7px 0 7px 10px;
	}
#main_menu ul li a span {
	display: block;
	}
#main_menu ul li a:hover,
#main_menu ul li a:active,
#main_menu ul li.active a { background: #9bdcfd; }

/* teaser boxes */
#content_left div.teaser_box {
	background: #ffd4b2;
	border-bottom: 5px solid #000;
	padding: 10px;
	}
#content_left div.white_teaser_box { background: #fff; }
#content_left div.teaser_box h2 {
	margin: 0 0 1ex 0;
	font-size: 1.6em;
	font-weight: bold;
	}
#content_left div.teaser_box p {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	}
#content_left div.teaser_box p.price { font-size: 1.4em; }
#content_left div.teaser_box div.gift_box div.left {
	width: 52px;
	margin-right: 5px;
	}
#content_left div.teaser_box div.gift_box div.right { width: 123px;	}

/* mouse */
#content_left div.big_mouse {
	margin-top: 20px;
	background: transparent url(../images/mouse.gif) no-repeat right;
	height: 131px;
	}
#content_left div.small_mouse {
	background: transparent url(../images/mouse.gif) no-repeat 100px -50px;
	height: 80px;
	}

/* ie conform buttons in teaser */
#content_left div.teaser_box div.ie_conform_button {
	margin: 10px 0 10px -10px;
	}

/* content */
#content_right div.content h2 {
	color: #e45d03;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0;
	}
#content_right div.content h2.courses {
  margin-top: 1.5em;
  }
#content_right div.content p {
	font-size: 1.2em;
	line-height: 1.3em;
	}
#content_right div.content a {
	color: #e45d03;
	font-weight: bold;
	}
#content_right div.content a:hover,
#content_right div.content a:active,
#content_right div.content li.active a,
#content_right div.content p.active a { color: #0d82bd; }
#content_right div.content p.picture_subline {
	font-size: 1.1em;
	font-style: italic;
	color: #4c4c4c;
	margin: 5px 0 1em 0;
	}
#content_right div.content table { background: #fff; }
#content_right div.content table th,
#content_right div.content table td {
  font-size: 1.2em;
  padding: 1ex 0;
  vertical-align: top;
  }
#content_right div.content table th {
	font-weight: normal;
	text-align: left;
	}
#content_right div.content table td { padding-right: 10px; }
#content_right div.content div.questions h3 {
	font-size: 1.2em;
	margin: 1.5em 0 0 0;
	padding: 0;
	}
#content_right div.content div.questions p {
	margin-top: 1ex;
	color: #e45d03;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.3em;
	}
/* footer */
#footer ul {
	float: right;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	background: #000;
	}
#footer ul li {
	display: inline;
	background: #ff7200;
	margin-right: 1px;
	padding: 0 10px;
	}
#footer ul li.last {
	margin-right: 0;
	padding-right: 0;
	}
#footer ul li a { color: #000; }

/* different pages */
div.startpage div.left { width: 414px; }
div.startpage div.right { width: 190px;	}

div.viernullvier { padding-bottom: 240px; }

div.concept div.left { width: 414px; }
div.concept div.right { width: 190px; }
div.concept { padding-bottom: 50px; }

div.glossary { padding-bottom: 110px; }

div.disclaimer { padding-bottom: 120px; }

div.courses { padding-bottom: 180px; }

div.entrant_courses { padding-bottom: 430px; }

div.course_detail div.left { width: 414px; }
div.course_detail div.right { width: 190px; }
div.course_detail h2 span.label { font-size: 0.8em; }
div.course_detail span.label {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	}
div.course_detail div.right ul {
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
	}
div.course_detail div.right ul li {
	font-size: 1.2em;
	margin-bottom: 1ex;
	}
div.course_detail ul li,
div.course_detail ol li {
	font-size: 1.2em;
	margin-bottom: 1ex;
	}

div.course_detail { padding-bottom: 60px; }
div.business_course_detail { padding-bottom: 0px; }

div.info_buy_keyb div.left { width: 344px; }
div.info_buy_keyb div.right { width: 260px; }
html body #container div.info_buy_keyb img { border: none; }
html body #container div.info_buy_keyb p.price {
	font-size: 1.8em;
	font-weight: bold;
	}


/* buttons */
#content_left div.teaser_box div.button_contact { background-image: url(../images/buttons/button_teaser_orange_contact.gif); }
#content_left div.teaser_box div.button_order_coupon { background-image: url(../images/buttons/button_teaser_orange_order_coupon.gif); }
#content_left div.teaser_box div.button_more_info { background-image: url(../images/buttons/button_teaser_white_more_info.gif); }

/* form elements */
#content_right div.block input.text,
#content_right div.block input.file,
#content_right div.block textarea,
#content_right div.block select { border: 1px solid #003366; }
#content_right div.block div.right_like_input { margin-left: 31em; }
#content_right div.block div.form_elem { margin: 1ex 0; }
#content_right div.block div.form_label {
	width: 10em;
	padding: 0 1em 0 0;
	line-height: 1.7em;
	text-align: left;
	font-size: 1.2em;
	}
#content_right div.block div.no_vert_spacing { margin: -1ex 0; } /* have no 1ex top- and bottom-spacing to other labels */
#content_right div.block div.form_label p {
	margin-left: 0;
	padding: 0 1em 0 0;
	margin: 0;
	}
#content_right div.block div.form_elem div.form_label {
	float: left;
	width: 9em;
	padding: 0 1em 0 0;
	line-height: 1.7em;
	text-align: left;
	}
#content_right div.block div.form_elem div.form_text_after_input {
	float: left;
	width: 10em;
	padding: 0 0 0 1em;
	line-height: 1.7em;
	text-align: left;
	font-size: 1em;
	}
#content_right div.block div.form_elem div.form_text_after_input p {
	font-size: 1.2em;
	line-height: 1.7em;
	}
#content_right div.block div.form_elem div.form_label.extra_large { width: 15em; }
#content_right div.block div.form_elem div.form_label label { display: block; }
#content_right div.block div.form_elem div.form_label.extra_large label { width: 15em; }
#content_right div.block div.form_elem div.form_label label,
#content_right div.block div.form_elem div.form_label p,
#content_right div.block div.form_elem div.form_text_after_input p {
	margin: 0;
	padding-right: 0;
	width: auto;
	}
#content_right div.block div.form_elem div.form_inputs div.form_submit {
	width: 31.1em;
	text-align: right;
	}
#content_right div.block div.form_elem div.form_inputs { float: left; }
#content_right div.block div.form_elem div.form_inputs div.form_input input.text,
#content_right div.block div.form_elem div.form_inputs div.form_input select { width: 25em; }
#content_right div.block div.form_elem div.form_inputs div.form_input textarea { width: 25em; }
#content_right div.block div.form_elem div.form_inputs div.form_input input.text,
#content_right div.block div.form_elem div.form_inputs div.form_input select,
#content_right div.block div.form_elem div.form_inputs div.form_input textarea {
	line-height: 1.5em;
	font-size: 1.2em;
	}
#content_right div.block div.form_elem div.form_inputs div.form_input input.text,
#content_right div.block div.form_elem div.form_inputs div.form_input select {	height: 1.5em; }
#content_right div.block div.form_elem div.form_inputs div.form_input textarea { height: 10em; }
#content_right div.block div.form_elem div.form_inputs div.form_input textarea { padding: 3px 0 3px 5px; }
#content_right div.block div.form_elem div.form_inputs div.form_input input { padding-left: 5px; }
#content_right div.block div.form_elem div.form_inputs div.form_input p {
	margin: 0;
	line-height: 1.7em;
	}
#content_right div.block div.form_elem div.form_inputs div.form_input select {
	height: 1.7em;
	line-height: 1.7em;
	width: 35.7em;
	}
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_radio,
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_checkbox { width: 40em; }
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_radio div.form_radio_text div.form_radio,
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_checkbox div.form_checkbox_text div.form_checkbox { width: 30em; }
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_radio div.form_radio_input,
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_radio div.form_radio_text,
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_checkbox div.form_checkbox_input,
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_checkbox div.form_checkbox_text { float: left; }
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_radio div.form_radio_input input.radio,
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_checkbox div.form_checkbox_input input.checkbox {
	margin-top: 1ex;
	border: none;
	height: 12px;
	width: 12px;
	}
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_radio div.form_radio_text,
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_checkbox div.form_checkbox_text { padding: 4px 0 0 1ex; }
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_radio div.form_radio_text,
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_checkbox div.form_checkbox_text { width: 35em; }
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_radio div.form_radio_text p,
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_checkbox div.form_checkbox_text p {
	margin-top: 0;
	padding: 0;
	line-height: 1.3em;
	}
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_radio div.form_radio_text label,
#content_right div.block div.form_elem div.form_inputs div.form_input div.form_checkbox div.form_checkbox_text label {
	display: block;
	margin-top: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.3em;
	}

/* special fields */
#content_right div.block div.form_elem div.form_inputs div.form_input input.text_zip { float: left; width: 6em; }
#content_right div.block div.form_elem div.form_inputs div.form_input input.text_town { margin-left: 1ex; width: 17.9em; }

div#press p.navigation {
	text-align: right;
	}
div#press div.article {
	margin: auto;
	width: 455px;
	}
div#press div.article p.caption {
	font-weight: bold;
	text-align: center;
	}
div#press div.article img {
	width: 455px;
	}

div#lrs {
	color: #242e91;
	font-size: 1.3em;
	}
div#lrs h2 {
	color: #242e91 !important;
	font-size: 2em !important;
	margin: 1em auto !important;
	text-align: center;
	}
div#lrs h2 span.sub {
	font-size: 0.8em !important;
    font-weight: normal;
	}
div#lrs h3 {
	font-size: 1.4em;
	margin: 1.6em auto 0;
	text-align: center;
	text-decoration: underline;
	}
div#lrs p.normal {
	text-align: left;
	}
div#lrs p.teaser {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	}
div#lrs ul {
	text-align: left;
	}
div#lrs table#lrs-scope {
	border: 1px solid #242e91;
	border-collapse: collapse;
	margin: auto;
	width: 90%;
	}
div#lrs table#lrs-scope th {
	border: 1px solid #242e91;
	font-weight: bold !important;
	padding: 0.25em 1ex !important;
	vertical-align: top;
	}
div#lrs table#lrs-scope td {
	border-right: 1px solid #242e91;
	padding: 0.1em 1ex !important;
	vertical-align: top;
	}
div#lrs table#lrs-scope tr.new_section td {
	padding-top: 1em !important;
	}
div#lrs table#lrs-fee {
	}
div#lrs table#lrs-fee td {
	vertical-align: top;
	}
div#lrs table#lrs-fee td ul {
	margin: 0;
	}
div#lrs img {
	border: none !important;
	margin: 0 auto;
	}
div#lrs img#dyslexia {
	width: 128px;
	}
div#lrs img#legasthenie {
	width: 265px;
	}
div#lrs img#legasthenietrainer {
	left: 240px;
	position: relative;
	width: 250px;
	}
div#lrs img#diplom {
	width: 590px;
	}
div#lrs a {
	color: #242e91 !important;
	}
div#lrs a:hover,
div#lrs a:active {
	color: #0d82bd !important;
	}
div#lrs p.navigation {
	text-align: center;
	}

.bold {
	font-weight: bold;
	}
span.normal {
	font-weight: normal;
	}
.center {
	text-align: center;
	}
.underline {
	text-decoration: underline;
	}