/* default styles for extension "tx_felogin_pi1" */
	.tx-felogin-pi1 label {
		display: block;
	}
/* default styles for extension "tx_cssstyledcontent" */
	/* Headers */
	.csc-header-alignment-center { text-align: center; }
	.csc-header-alignment-right { text-align: right; }
	.csc-header-alignment-left { text-align: left; }

	div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

	/* Clear floats after csc-textpic and after csc-textpic-imagerow */
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

	/* Set padding for tables */
	div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
	div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

	/* Settings for figure and figcaption (HTML5) */
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

	/* Captions */
	figcaption.csc-textpic-caption { display: table-caption; }
	.csc-textpic-caption { text-align: left; caption-side: bottom; }
	div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

	/* Float the columns */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap img {
		border: 2px solid black;
		padding: 0px 0px;
	}

	div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

	/* colSpace around image columns, except for last column */
	div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
	div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

	/* Add margin from image-block to text (in case of "Text & Images") */
	div.csc-textpic-intext-left .csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		margin-right: 10px;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		margin-left: 10px;
	}

	/* Positioning of images: */

	/* Center (above or below) */
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
	div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
	div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

	/* File Links */
	ul.csc-uploads { padding: 0; }
	ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
	ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
	ul.csc-uploads span { display: block; }
	ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

	/* Table background colors: */

	table.contenttable-color-1 { background-color: #EDEBF1; }
	table.contenttable-color-2 { background-color: #F5FFAA; }
	table.contenttable-color-240 { background-color: black; }
	table.contenttable-color-241 { background-color: white; }
	table.contenttable-color-242 { background-color: #333333; }
	table.contenttable-color-243 { background-color: gray; }
	table.contenttable-color-244 { background-color: silver; }
/* specific page styles for extension "tx_cssstyledcontent" */
	.csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 1210px; }
	.csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 1210px; }
/* default styles for extension "tx_rmklinikfinder" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-rm-klinikfinder table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-rm-klinikfinder table th {
		font-weight:bold;
	}

	.tx-rm-klinikfinder table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}

/* default styles for extension "tx_rmtcp" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-rm-tcp table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-rm-tcp table th {
		font-weight:bold;
	}

	.tx-rm-tcp table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}

/* default styles for extension "tx_rmhealthcheck" */
 .tx-rm-healthcheck svg {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: block
 }
 
 .tx-rm-healthcheck .tbwrap {
     display: table;
     width: 100%
 }
 
 .tx-rm-healthcheck .selectwrap .radialmenu {
     max-width: 400px;
     margin: auto;
     padding-top: 50%;
     position: relative
 }
 
 .tx-rm-healthcheck .selectwrap .radialmenu.fallback {
     padding-top: 40px
 }
 
 .tx-rm-healthcheck .quizwrap .catwrap .svgwrap {
     position: relative;
     padding-top: 100%
 }
 
 .tx-rm-healthcheck .quizwrap .catwrap .svgwrap.fallback {
     padding: 0
 }
 
 .tx-rm-healthcheck .quizwrap .catwrap .svgwrap .lbl,
 .tx-rm-healthcheck .selectwrap .radialmenu .lbl {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     text-align: center;
     text-transform: uppercase;
     font-weight: 700;
     font-family: brandon_grotesque_med;
     font-size: 18px;
     z-index: 200;
     color: #004f71
 }
 
 .tx-rm-healthcheck .quizwrap .catwrap .svgwrap .lbl {
     top: 46%;
     font-size: 16px
 }
 
 .tx-rm-healthcheck .selectwrap {
     background: #d8f2f1;
     padding: 20px 0 10px
 }
 
 .tx-rm-healthcheck .selectwrap h3 {
     font-weight: 400;
     text-align: center;
     font-size: 30px;
     line-height: 1.4em
 }
 
 .tx-rm-healthcheck .selectwrap h3 span {
     font-size: 28px
 }
 
 .tx-rm-healthcheck .quizwrap .options.tbwrap {
     width: auto;
     position: absolute;
     top: 16px;
     left: 210px
 }
 
 .tx-rm-healthcheck .tcell {
     display: table-cell;
     vertical-align: top
 }
 
 .tx-rm-healthcheck .quizwrap .questionwrap {
     background: url(/typo3conf/ext/rm_healthcheck/Resources/Public/Images/bg.png) no-repeat 68px 0 #d8f2f1
 }
 
 .tx-rm-healthcheck .quizwrap .question {
     display: table-cell;
     vertical-align: top
 }
 
 .tx-rm-healthcheck .quizwrap .catwrap {
     display: table-cell;
     vertical-align: top;
     width: 344px;
     padding: 55px 50px 0 0;
     background: #d8f2f1
 }
 
 .tx-rm-healthcheck img {
     max-width: 100%;
     width: auto;
     height: auto;
     display: block
 }
 
 .tx-rm-healthcheck .quizwrap .question .number {
     font-size: 55px;
     font-weight: 700;
     color: #ea6649;
     width: 120px;
     text-align: center;
     font-family: brandon_grotesque_med;
     line-height: 1em
 }
 
 .tx-rm-healthcheck .quizwrap .question .questtxt {
     padding: 0 0 0 20px;
     font-size: 20px;
     line-height: 1.2em
 }
 
 .tx-rm-healthcheck .quizwrap .questionrow {
     padding-top: 30px;
     min-height: 135px
 }
 
 .tx-rm-healthcheck .quizwrap .answerrow {
     position: relative
 }
 
 .tx-rm-healthcheck .quizwrap .answerrow .thumb img {
     margin: auto
 }
 
 .tx-rm-healthcheck .quizwrap .answerrow .thumb {
     padding: 0 0 0 30px;
     max-width: 170px
 }
 
 .tx-rm-healthcheck .quizwrap .answerrow .options a {
     display: block;
     border-radius: 50%;
     border: 4px solid #d8f2f1;
     width: 70px;
     height: 70px;
     text-align: center;
     font-family: brandon_grotesque_med;
     line-height: 1em;
     text-transform: uppercase;
     font-size: 18px;
     font-weight: 700;
     -webkit-transition: border .3s;
     -moz-transition: border .3s;
     transition: border .3s
 }
 
 .tx-rm-healthcheck .quizwrap .answerrow .options a:hover {
     border: 4px solid #ea6649;
     color: #004f71
 }
 
 .tx-rm-healthcheck .quizwrap .answerrow .options .borderwrap {
     background: #fff;
     border-radius: 50%;
     border: 4px solid #d8f2f1;
     width: 100%;
     height: 100%;
     padding-top: 22px;
     box-sizing: border-box
 }
 
 .tx-rm-healthcheck .quizwrap .answerrow .options .optionwrap {
     padding: 0 14px
 }
 
 .tx-rm-healthcheck .quizwrap .progresswrap {
     border-spacing: 2px 0;
     table-layout: fixed;
     background: #d8f2f1;
     padding: 30px 0 2px
 }
 
 .tx-rm-healthcheck .quizwrap .progresswrap .block {
     text-align: center;
     background: #ea6649;
     color: #fff;
     font-family: brandon_grotesque_med;
     font-weight: 700;
     font-size: 20px;
     line-height: 1em;
     padding: 2px
 }
 
 .tx-rm-healthcheck .quizwrap .progresswrap .block.active {
     opacity: .6
 }
 
 .tx-rm-healthcheck .quizwrap .infotext {
     padding: 0
 }
 
 .tx-rm-healthcheck .quizwrap .infotext h2 {
     padding: 15px 0 5px
 }
 
 .tx-rm-healthcheck .resultwrap .addinfo,
 .tx-rm-healthcheck .quizwrap .addinfo {
     padding: 20px 0
 }
 
 .tx-rm-healthcheck .quizwrap.cat-2 .question .number {
     color: #f4afa0
 }
 
 .tx-rm-healthcheck .quizwrap.cat-2 .progresswrap .block {
     background: #f4afa0
 }
 
 .tx-rm-healthcheck .quizwrap.cat-3 .question .number {
     color: #80c9c9
 }
 
 .tx-rm-healthcheck .quizwrap.cat-3 .progresswrap .block {
     background: #80c9c9
 }
 
 .tx-rm-healthcheck .quizwrap.cat-4 .question .number {
     color: #004f71
 }
 
 .tx-rm-healthcheck .quizwrap.cat-4 .progresswrap .block {
     background: #004f71
 }
 
 .tx-rm-healthcheck .resultwrap .answerblock {
     background: #d8f2f1;
     padding: 20px 40px;
     margin-top: 5px
 }
 
 .tx-rm-healthcheck .resultwrap .infotext h2 {
     padding: 15px 0 5px
 }
 
 .tx-rm-healthcheck .resultwrap .infotext .subline {
     padding: 0 0 5px
 }
 
 .tx-rm-healthcheck .resultwrap .btnrow {
     padding: 20px 0 10px
 }
 
 .tx-rm-healthcheck .resultwrap .btnrow .morelnk {
     padding: 10px 20px
 }
 
 .tx-rm-healthcheck .resultwrap .btnrow .morelnk:hover {
     background: #80c9c9;
     color: #fff
 }
 
 .tx-rm-healthcheck .quizwrap .catwrap .svgwrap.fallback .imgwrap,
 .tx-rm-healthcheck .selectwrap .radialmenu.fallback .imgwrap {
     width: 340px;
     position: relative;
     margin: auto
 }
 
 .tx-rm-healthcheck .selectwrap .starttext {
     padding: 20px 40px 0
 }
 
 .tx-rm-healthcheck .selectwrap .radialmenu.fallback area {
     outline: none
 }
 
 @media (max-width: 950px) {
     .tx-rm-healthcheck .quizwrap .question {
         display: table-footer-group;
         width: 100%;
         padding: 0;
         background: url(/typo3conf/ext/rm_healthcheck/Resources/Public/Images/bg-mobile.png) no-repeat center top
     }
     .tx-rm-healthcheck .quizwrap .catwrap {
         display: table-header-group;
         width: 100%;
         padding: 0
     }
     .tx-rm-healthcheck .quizwrap .questionwrap {
         display: block
     }
     .tx-rm-healthcheck .quizwrap .catwrap .svgwrap {
         padding: 70% 0 0;
         max-width: 500px;
         margin: auto
     }
     .tx-rm-healthcheck .quizwrap .catwrap .svgwrap svg {
         padding: 20px;
         box-sizing: border-box
     }
     .tx-rm-healthcheck .quizwrap .progresswrap,
     .tx-rm-healthcheck .quizwrap .questionwrap {
         background: #fff
     }
     .tx-rm-healthcheck .quizwrap .questionrow {
         padding: 80px 0 30px;
         min-height: 0
     }
     .tx-rm-healthcheck .quizwrap .answerrow .options .borderwrap,
     .tx-rm-healthcheck .quizwrap .answerrow .options a {
         border: 4px solid #fff;
         background: #d8f2f1
     }
     .tx-rm-healthcheck .quizwrap .answerrow .options a:hover {
         border: 4px solid #ea6649;
         color: #004f71
     }
     .tx-rm-healthcheck .quizwrap .options.tbwrap {
         top: 0;
         left: 50%;
         margin-left: -106px
     }
     .tx-rm-healthcheck .quizwrap .answerrow .thumb {
         padding: 110px 0 0;
         max-width: 170px;
         margin: auto
     }
 }
 
 @media (max-width: 780px) {
     .tx-rm-healthcheck .selectwrap .radialmenu {
         padding-top: 80%
     }
 }
 
 @media (max-width: 680px) {
     .tx-rm-healthcheck .quizwrap .catwrap .svgwrap {
         padding: 80% 0 0
     }
 }
 
 @media (max-width: 550px) {
     .tx-rm-healthcheck .selectwrap .radialmenu {
         padding-top: 100%
     }
     .tx-rm-healthcheck .selectwrap .radialmenu .lbl,
     .tx-rm-healthcheck .quizwrap .catwrap .svgwrap .lbl {
         display: none
     }
     .tx-rm-healthcheck .quizwrap .catwrap .svgwrap {
         padding: 100% 0 0
     }
     .tx-rm-healthcheck .selectwrap h3 {
         font-size: 22px
     }
     .tx-rm-healthcheck .selectwrap h3 span {
         font-size: 20px
     }
     .tx-rm-healthcheck .quizwrap .progresswrap .block {
         font-size: 18px;
         padding: 5px 2px
     }
     .tx-rm-healthcheck .quizwrap .question .number {
         width: auto;
         font-size: 40px;
         padding: 0 0 0 20px
     }
     .tx-rm-healthcheck .quizwrap .question .questtxt {
         font-size: 16px
     }
     .tx-rm-healthcheck .quizwrap .questionrow {
         table-layout: auto
     }
     .tx-rm-healthcheck .resultwrap .answerblock {
         background: #fff;
         padding: 0;
         margin-top: 0
     }
 }