#service img {margin-right: 20px;}

.ft_listing .title, .ft_listing .points, .ft_listing .green_button, .ft_listing .attempts, .ft_listing .articles, .ft_listing .articles img, #further_training .notification input,
.ft_listing .articles span, .ft_listing .certificate, .ft_listing .certificate img, .ft_listing .certificate span, #further_training .answer .first_third,
#further_training .answer .second_third, #further_training .answer .last_third, #further_training .summary_line .left_part, #further_training .summary_line .right_part, .ft_listing .id_logo, #service img {float: left;}

/* Text-Formatierungen */
.teaser_box.notification h2 {font-size: 1.2em; line-height: 1.1em;}
.ft_listing, #further_training .left p, #further_training #adress p, #further_training .note p {position: relative;}
.ft_listing .points, .ft_listing .attempts, .ft_listing .articles, .ft_listing .green_button a, .ft_listing .articles a, .ft_listing .certificate a, #paging, #paging a, #paging span,
#further_training .answer .last_third {text-align: center;}

#further_training #adress p, #further_training .note p, #further_training .left p, .ft_module, #further_training .answer, #further_training #adress p, #further_training #summary .summary_line {margin-bottom: 10px;}
.product_description, #further_training #question, #further_training #answer_box, #further_training .note {margin-bottom: 20px;}
.ft_listing, #paging {margin-bottom: 40px;}

/* Farben */
.ft_listing .green_button a, .ft_listing .articles a:hover, .ft_listing .certificate a:hover, #further_training .summary_line.right_answer .right_part {color: #fff;}
#further_training .summary_line.wrong_answer .right_part {color: #e60004;}
#further_training .summary_line.right_answer .right_part {color: #8bb73c;}

/* Hintergrund-Farben */
.ft_listing .articles a, .ft_listing .certificate a, .ft_listing .ft_module .transparent, .ft_listing .transparent, .ft_listing .title, #further_training .answer, #further_training .answer, .summary_line {background-color: #fff;}
.ft_listing .articles a:hover, .ft_listing .certificate a:hover {background-color: #00305e;}
.ft_module {background-color: #e6e6e6;}

/* Borders */
.ft_listing .points, .ft_listing .attempts, .ft_listing .articles, #further_training .summary_line .left_part, .ft_listing .id_logo {border-right: 5px solid #f1f1f1;}
#paging a, #paging span {border: 2px solid #d9d9d9;}
.ft_listing .green_button a, .ft_listing .articles a, .ft_listing .certificate a, #paging a, #paging span {border-radius: 5px;}

/* Styles allgemein */
#further_training h3 {margin: 20px 0;}

#further_training .filter {padding: 20px 0 30px; border-top: 2px solid #e6e6e6;}
#further_training .filter select {margin-left: 10px; outline: none;}

#further_training .notification, #further_training .login-form {padding: 15px; margin-bottom: 30px;}

/* Fortbildungs-Listing Styles */
.ft_listing .ft_module {position: relative; height: 55px; overflow: hidden;}
#further_training .answer {position: relative; overflow: hidden;}
.ft_listing .title {width: 25%; padding: 21px 20px 15px; line-height: 1em;}
.ft_listing .arrow, .ft_listing .articles .arrow {position: absolute; top: 0; left: 0; height: 100%; margin-top: 0;}
.ft_listing .points, .ft_listing .attempts {padding: 20px 0 15px;}
.ft_listing .articles span, .ft_listing .certificate span {margin:3px 0 0 10px;}
.wrapper_button_green, .ft_listing .articles, .ft_listing .certificate {padding: 6px 0;}
.ft_listing .articles img, .ft_listing .certificate img {margin-top: -3px; height: 25px;}
.white_icon, a:hover .blue_icon {display: none;}
a:hover .white_icon {display: block;}
.wrapper_button_green {float: left;}
.button_green, .ft_listing .articles a, .ft_listing .certificate a {width: 145px; display: block; box-sizing: border-box; margin: 0 auto;}
.button_green {padding: 14px 25px 9px;}
.ft_listing .articles a, .ft_listing .certificate a {padding: 12px 12px 8px;}

.ft_listing .ft_module .transparent, .ft_listing .transparent {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity = 50); -ms-filter: "alpha(opacity = 50)";}
#further_training

/* Fortbildungs-Listing Styles – Portalabhängig */
.ft_listing.personal_data .title {width: 75%; box-sizing: border-box;}
.ft_listing.personal_data .articles, .ft_listing.cme.personal_data .articles {width: 25%; position: relative;}
.ft_listing .id_logo {height: 100%;}

/* Paging */
#paging div {width: 450px; margin: auto;}
#paging a, #paging span {margin-right: 5px; padding: 10px 15px; text-decoration: none;}
#paging:last-child {margin-right: 0;}

/* Formular */
#further_training .userdata {margin: 20px 0 10px;}
#further_training .userdata input {width:500px;}
#further_training .userdata select {margin-top: 0px; width:522px; outline: none; padding:5px; color:#444;}
#further_training .userdata tr td:first-child {width: 30%; padding-top: 10px; vertical-align: top;}
#further_training .userdata tr td:last-child {width: 70%; padding-bottom: 10px;}
.optional {font-size: 1em;}
.mandatory {font-size: 0.8em;}
#further_training .table_left {padding: 0;}
#further_training .button_grey, #further_training .button_blue {min-width: 130px; float: left;}
#further_training .button_blue {margin-left: 20px;}

/* Einzelfrage und Auswertungs-Listing */
#answers_form {margin-bottom: 30px;}
#further_training.wrapper_question .button_blue, #further_training.wrapper_question .button_grey {min-width: 150px;}
#further_training .answer .first_third, #further_training .answer .second_third, #further_training .summary_line .left_part, #further_training .summary_line .right_part {padding: 20px 15px 15px; box-sizing: border-box;}
#further_training .answer .second_third {width: 90%;}
#further_training .answer .first_third {padding-right: 0;}
.wrapper_first_second_third {width: 85%; overflow: hidden; float: left; border-right: 5px solid #f1f1f1; box-sizing: border-box;}
#further_training .answer .last_third {float: right; width: 15%; height: 100%; box-sizing: border-box; padding: 11px;}
#further_training.wrapper_question .button_grey, #further_training.wrapper_newstart .button_grey {margin-right: 20px;}
#further_training.wrapper_question .button_blue, #further_training.wrapper_newstart .button_blue {margin: 0;}
#further_training.wrapper_newstart .button_grey, #further_training.wrapper_newstart .button_blue {width: 240px;}
#further_training #summary {margin: 30px 0;}
#further_training .summary_line .right_part {width: 80%;}
#further_training .summary_line .left_part {width: 20%;}

/* Checkboxes */
.regular-checkbox {appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; padding: 9px; border-radius: 3px; display: inline-block; position: relative; outline: none; cursor: pointer;}
.regular-checkbox:checked {background-color: #e9ecee; border: 1px solid #adb8c0; color: #99a1a7;}
.regular-checkbox:checked:after {content: '\2715'; font-size: 14px; position: absolute; top: 0px; left: 3px; color: #00305e;}
.big-checkbox {padding: 15px;}
.big-checkbox:checked:after {font-size: 28px; left: 3px;}
.loading {cursor:wait; opacity:0.6;}
.teaser {position:relative;}

.textfield {border-radius: 0px;}
.left {width: 312px;}
.paging .left {width:auto;}

.hint {margin-top: 20px;}
.paging .page {padding:9px 22px; margin:0px;}
.paging .left, .paging .right {padding:0px 22px; margin:0px;}

@media only screen and (max-width: 1200px) {

	.ft_listing {font-size: 0.8em;}
	.ft_listing .points, .ft_listing .attempts, .ft_listing .articles, .ft_listing .id_logo {border-color: #fff;}
	.ft_listing .ft_module, #further_training .answer {height: auto;}
	.ft_listing.personal_data .ft_module {height: 55px;}
	.ft_listing .title {width: 100%; box-sizing: border-box; float: none; text-align: center;}
	#further_training .ft_listing.personal_data .title {float: left; height: 100%; width: 60%;}
	.ft_listing.personal_data .articles, .ft_listing.cme.personal_data .articles {width: 40%; border: none;}
	.ft_listing .points img, .ft_listing .attempts img {display: none;}
	.button_green {padding: 16px 0 12px;}
	
	#further_training .answer .first_third {width: 5%;}
	#further_training .answer .second_third {width: 95%;}
	#further_training.wrapper_newstart .button_grey, #further_training.wrapper_newstart .button_blue, #further_training.wrapper_question .button_blue, #further_training.wrapper_question .button_grey {width: 31%; box-sizing: border-box;}
	#further_training.wrapper_newstart .button_grey, #further_training.wrapper_question .button_grey {margin-right: 3.5%;}
	
	.ft_listing .id_logo, .ft_listing .title {height: 50px;}
	.ft_listing.fao.personal_data .id_logo {height: 100%;}
	.paging .page {padding:9px 22px; margin:0px;}
	.paging .left, .paging .right {padding:0px 22px; margin:0px;}

}

@media only screen and (max-width: 650px) {

	.teaser_box.notification:last-child {margin-bottom: 5%;}
	#further_training .ft_listing.personal_data .title, .ft_listing.personal_data .articles, .ft_listing.cme.personal_data .articles {width: 50%;}
	#further_training .userdata table {width: 100%;}
	#further_training .button_grey, #further_training .button_blue, #further_training.wrapper_newstart .button_grey, #further_training.wrapper_newstart .button_blue,
	#further_training.wrapper_question .button_blue, #further_training.wrapper_question .button_grey {width: 100%; float: none; display: block; box-sizing: border-box;}
	#further_training .button_grey {margin-bottom: 10px;}
	#further_training .button_blue {margin-left: 0; margin-bottom: 5%;}
	
	.wrapper_first_second_third {width: 80%;}
	#further_training .answer .last_third {width: 20%;}
	#further_training .summary_line .left_part {width: 30%; border: none;}
	#further_training .summary_line .right_part {width: 70%; border-left: 5px solid #f1f1f1;}
	.paging .page {padding:9px 22px; margin:0px;}
	.paging .left, .paging .right {padding:0px 22px; margin:0px;}
	#further_training .userdata input {width: 89%;}
	#further_training .userdata select {width: 100%;}

}

@media only screen and (max-width: 400px) {

	#further_training .answer .first_third {width: 10%;}
	#further_training .answer .second_third {width: 90%;}
	.paging .page {padding:9px 18px; margin:0px;}
	.paging .left, .paging .right {padding:0px 18px; margin:0px;}

}