@charset "iso-8859-2";
/* CSS Document */
@media all and (max-width: 720px) {
/*********************************************
***********     HEADER
*********************************************/
#mobile_menu {
	display: none;
}
#header {
	 width: 97.22222%;
	 max-width: 700px;
	 margin: 0 auto;
	 position: relative;
}
#header:after {
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
#flags {
	width: 60px;
	height: 12px;
	position: absolute;
	top: 7px;
	right: 20px;
}
#logo {
	width: 50%;
	max-width: 350px;
	background: url(../contents/bg_logotop.jpg) top left repeat-x;
	text-align: center;
	padding: 25px 0px;
	float: left;
	margin-left: 20px;
}
#logo img {
	width: 100%;
	max-width: 379px;
}
#menu {
	width: 97.22222%;
	max-width: 700px;
	text-align: right;
	padding: 15px 0px;
	float: right;
}
ul#topmenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	max-width: 700px;
}
ul#topmenu:after {
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
ul#topmenu li {
	margin: 0;
	padding: 0;
	background: none;
	display: inline;
	float: left;
	background: url(../contents/menu_elvalaszto.png) right center no-repeat;
}
ul#topmenu li.first {
	/*min-width: 66px;*/
	width: 18.472222222%;
	text-align: center;
}
ul#topmenu li.second {
	/*min-width: 85px;*/
	width: 21.11111111%;
	text-align: center;
}
ul#topmenu li.third {
	/*min-width: 42px;*/
	width: 15.13888889%;
	text-align: center;
}
ul#topmenu li.fourth {
	/*min-width: 57px;*/
	width: 17.22222222%;
	text-align: center;
}
ul#topmenu li.fifth {
	/*min-width: 115px;*/
	width: 25.27777778%;
	text-align: center;
	background: none !important;
}
ul#topmenu li:last-child {
	background: none !important;
}
ul#topmenu li a:active, ul#topmenu li a:link, ul#topmenu li a:visited {
	color: #2C3E50;
}
ul#topmenu li a:hover {
	color: #BB1B19;
}
ul#topmenu li a {
    font-family: 'Lora', serif;
	font-size: 14px;
	font-weight: 400;
	color: #2C3E50;
	text-decoration: none;
	white-space: nowrap;
}
ul#topmenu li a.active {
	color: #e62d2b;
}
/*********************************************
***********     BANNER
*********************************************/
#banner_big {
	display: none;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#banner_small {
	display: block;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
/*********************************************
***********     CONTENT
*********************************************/
#contentbox .left_side_domizile {
	float: left;
	width: 100%;
	text-align: left;
}
#contentbox .left_side_domizile .contact_infos {
	width: 46%;
	float: left;
	position: relative;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 35px;
}
#contentbox .left_side_domizile .contact_infos .contact_desc {
	width: 100%;
	font-style: italic;
	padding-left: 10px;
	text-align: left;
}
#contentbox .left_side_domizile .contact_infos .qrcode_small {
	background: url(../contents/bg_contact_icons.png) center no-repeat;
	position: absolute;
	top: 50px;
	left: 220px;
	padding: 6px 9px 9px 6px;
}
#contentbox .right_side_domizile {
	float: left;
	width: 100%;
	text-align: center;
	margin-left: 2%;
	margin: 0 auto;
}
#contentbox .right_side_domizile .contact_infos {
	width: 100%;
	max-width: 300px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 35px;
}
#contactform input.full {
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
	width: 44%;
	padding: 5px 12px;
	max-width: 300px;
	background: #FFF;
	text-align: left;
	border: 1px solid #2C3E50;
	-moz-border-radius:		8px;
	-webkit-border-radius:	8px;
	-khtml-border-radius:	8px;
	border-radius:			8px;
	margin-bottom: 10px;
}
#contactform textarea.full {
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
	width: 90%;
	padding: 5px 12px;
	max-width: 90%;
	background: #FFF;
	text-align: left;
	border: 1px solid #2C3E50;
	-moz-border-radius:		8px;
	-webkit-border-radius:	8px;
	-khtml-border-radius:	8px;
	border-radius:			8px;
	margin-bottom: 10px;
}
#contentbox .right_side_domizile .mailto {
	padding: 20px 0px 20px 80px;
	background: url(../contents/contacts_mail.png) left center no-repeat;
}
#contentbox .right_side_domizile .fax {
	padding: 20px 0px 20px 80px;
	background: url(../contents/contacts_fax.png) left center no-repeat;
	margin-bottom: 35px;
}
#contentbox .presse_mini {
	width: 33%;
	float: left;
	margin: 15px 0px;
	text-align: center;
}
#contentbox .presse_mini a {
	font-style: italic;
	font-size: 15px;
	color: #2C3E50;
}
#contentbox .presse_mini a:hover, #contentbox .presse_mini a:hover span {
	color: #BB1B19;
}
#contentbox .presse_mini a span {
	font-style: italic;
	font-size: 13px;
	color: #2C3E50;
}
#contentbox .presse_mini img {
	width: 90%;
	max-width: 220px;
	margin: 0px 5px;
}
#contentbox .presse_spacer {
	width: 2.12765%;
	min-width: 20px;
	float: left;
}
.contentbox_full {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	background-color: #F3F8FC;
}
.contentbox_full_sand {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	background-color: #EAEAE2;
}
.contentbox {
	display: block;
	width: 97.91666%;
	max-width: 700px;
	margin: 0 auto;
	padding: 30px 0px 30px 0px;
}
.contentbox:after {
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
.left_side_profile_result {
	float: left;
	width: 22.85717%;
	max-width: 160px;
	text-align: center;
}
.left_side_profile_result a:active, .left_side_profile_result a:link, .left_side_profile_result a:visited {
	font-size: 12px;
	font-weight: 400;
	color: #E62D2B;
	font-style: italic;
}
.left_side_profile_result a:hover {
	font-size: 12px;
	font-weight: 400;
	color: #BB1B19;
	font-style: italic;
}
.left_side_profile_result .refbg {
	background: url(../contents/nr_ellipszis.png) center no-repeat;
	padding: 30px 15px;
	font-size: 18px;
	font-weight: 400;
	color: #FFF;
	font-style: italic;
}
.right_side_profile_result {
	float: left;
	width: 77.14285%;
	max-width: 540px;
	text-align: left;
	font-size: 15px;
}
/*********************************************
*****     CHANCENTEST - PROGRESSBAR
********************************************/
#contentbox #progressbar {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: left;
}
#contentbox #progressbar:after {
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
#contentbox #progressbar #prog_first {
	width: 37.085741%;
	height: auto;
	border: 1px solid #2C3E50;
	border-right: 1px solid #A9A9A9;
	background: #FFF;
	float: left;
	padding: 8px 0px;
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 11px;
	color: #A9A9A9;
	text-align:center;
}
#contentbox #progressbar #prog_second {
	width: 28.2%;
	border: 1px solid #2C3E50;
	border-right: 1px solid #A9A9A9;
	background: #FFF;
	border-left: none;
	float: left;
	padding: 8px 0px;
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 11px;
	color: #A9A9A9;
	text-align:center;
}
#contentbox #progressbar #prog_third {
	width: 33.2%;
	border: 1px solid #2C3E50;
	background: #FFF;
	border-left: none;
	float: left;
	padding: 8px 0px;
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 11px;
	color: #A9A9A9;
	text-align:center;
}
#contentbox #progressbar #prog_fourth {
	width: 40.5%;
	border: 1px solid #2C3E50;
	border-right: 1px solid #A9A9A9;
	border-top: none;
	background: #FFF;
	float: left;
	padding: 8px 0px;
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 11px;
	color: #A9A9A9;
	text-align:center;
}
#contentbox #progressbar #prog_fifth {
	width: 58%;
	border: 1px solid #2C3E50;
	border-top: none;
	background: #FFF;
	border-left: none;
	float: left;
	padding: 8px 0px;
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 11px;
	color: #A9A9A9;
	text-align:center;
}
.prog_active {
	background: #2C3E50 !important;
	color: #FFF !important;
	border-right: none !important;
}
#contentbox #progressbar_mobile {
	display: none;
}
/*********************************************
***********     FOOTER
*********************************************/
#footer {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
	font-size: 10px;
	margin-bottom: 20px;
}
#footer:after {
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
#footer p, #footer div, #footer a {
	font-size: 10px;
}
#footer .bottom_menu {
	width: 76.38888%;
	max-width: 520px;
	float: left;
	text-align: right;
	padding: 25px 0px;
}
#footer .bottom_spacer {
	width: 2.12765%;
	float: left;
}
#footer .bottom_menu a:active, #footer .bottom_menu a:link, #footer .bottom_menu a:visited {
	color: #2C3E50;
}
#footer .bottom_menu a:hover {
	color: #BB1B19;
}
#footer .bottom_social {
	width: 20.83333%;
	max-width: 150px;
	float: left;
	text-align: left;
	padding: 17px 0px 17px 0px;
}
#footer .bottom_copyright {
	width: 100%;
	max-width: 940px;
	float: left;
	text-align: center;
}
/*********************************************
*****     CHANCENTEST - FORM - P2
********************************************/
.form_2cols_left_side {
	width: 100%;
	float: left;
	position: relative;
	text-align: left;
	margin: 0 auto;
	display: block;
}
 .form_2cols_left_side:after {
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
.form_2cols_right_side {
	width: 100%;
	float: left;
	position: relative;
	text-align: left;
	margin: 0 auto;
	margin-left: 0%;
	display: table;
	margin-bottom: 15px;
}
.form_2cols_right_side:after{
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
/*********************************************
*****     CHANCENTEST - FORM - P2 - LEFT SIDE
********************************************/
.form_2cols_left_side .form_rows .labels {
	width: 35%;
	text-align: right;
	float: left;
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 16px;
	padding: 6px 0px;
	vertical-align: middle;
}
.form_2cols_left_side .form_rows .fields {
	width: 60%;
	margin-left: 2.173913%;
	text-align: left;
	float: left;
	vertical-align: middle;
}
.form_2cols_left_side .form_rows .fields_radio {
	width: 60%;
	margin-left: 2.173913%;
	padding-top: 6px;
	text-align: left;
	float: left;
	vertical-align: middle;
}
.form_2cols_left_side .form_rows .fields input.full {
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
	width: 95%;
	padding: 5px 12px;
	max-width: 300px;
	background: #FFF;
	text-align: left;
	border: 1px solid #2C3E50;
	-moz-border-radius:		8px;
	-webkit-border-radius:	8px;
	-khtml-border-radius:	8px;
	border-radius:			8px;
}
.form_2cols_left_side .form_rows .fields select.full {
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
	width: 90%;
	padding: 5px 12px;
	max-width: 300px;
	background: #FFF;
	text-align: left;
	border: 1px solid #2C3E50;
	-moz-border-radius:		8px;
	-webkit-border-radius:	8px;
	-khtml-border-radius:	8px;
	border-radius:			8px;
}
/*********************************************
*****     CHANCENTEST - FORM - P2 - RIGHT SIDE
********************************************/
.form_2cols_right_side .form_rows .labels {
	width: 35%;
	text-align: right;
	float: left;
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 16px;
	padding: 6px 0px;
	vertical-align: middle;
}
.form_2cols_right_side .form_rows .fields {
	width: 60%;
	margin-left: 2.173913%;
	text-align: left;
	float: left;
	vertical-align: middle;
}
.form_2cols_right_side .form_rows .fields input.full {
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
	max-width: 90%;
	padding: 5px 12px;
	background: #FFF;
	text-align: left;
	border: 1px solid #2C3E50;
	-moz-border-radius:		8px;
	-webkit-border-radius:	8px;
	-khtml-border-radius:	8px;
	border-radius:			8px;
}
.form_2cols_right_side .form_rows .fields select.full {
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
	width: 90%;
	padding: 5px 12px;
	max-width: 300px;
	background: #FFF;
	text-align: left;
	border: 1px solid #2C3E50;
	-moz-border-radius:		8px;
	-webkit-border-radius:	8px;
	-khtml-border-radius:	8px;
	border-radius:			8px;
}

/*********************************************
*****     CHANCENTEST - FORM - P3
********************************************/
.form_4cols {
	width: 40%;
	float: left;
	position: relative;
	text-align: left;
	margin: 0 auto;
	margin-left: 5%;
	margin-bottom: 25px;
	display: block;
}
.form_4cols:after {
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
.form_4cols .form_rows .column_title {
	font-size: 16px;
}
.form_4cols .form_rows {
	font-size: 14px;
	padding: 5px 0px;
}
.form_4cols .form_rows input.full {
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
	width: 80%;
	padding: 5px 12px;
	max-width: 150px;
	background: #FFF;
	text-align: left;
	border: 1px solid #2C3E50;
	-moz-border-radius:		8px;
	-webkit-border-radius:	8px;
	-khtml-border-radius:	8px;
	border-radius:			8px;
	margin-top: 5px;
}
/*********************************************
*****     CHANCENTEST - FORM - 4 COLS
********************************************/
#chancentest_form4 .form_2cols_left_side {
	width: 45%;
}
#chancentest_form4 .form_2cols_right_side {
	width: 50%;
	margin-bottom: 15px;
}

#chancentest_form4 #Zivilstand_right {
	width: 45%;
}
#chancentest_form4 #Zivilstand_right {
	width: 50%;
	margin-bottom: 15px;
}
/*********************************************
*****     CHANCENTEST - FORM - P5
********************************************/
#chancentest_form5 .form_rows .labels {
	width: 90%;
	text-align: left;
	float: left;
    font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 16px;
	padding: 6px 0px;
	vertical-align: middle;
}
#chancentest_form5 .form_rows .fields {
	width: 90%;
	margin-left: 0%;
	text-align: left;
	float: left;
	vertical-align: middle;
}
}