@charset "UTF-8";

.form {
	font: 400 16px/18px "franklin-gothic-urw-cond",sans-serif;
	color: #000;
	border: 0px none;
	cursor: text;
	padding: 10px;
	overflow: hidden;
	background-color: #FFF;
	-webkit-appearance: none;
}

.f_nachricht,
.f_name,
.f_mail.ohnerezept {
	width: 260px;
	float: left;
	padding:15px;
	height: 25px;
	margin-top: 6px;
}

.f_nachricht {
	height: 160px;
}

.f_name {
	margin-top: 0px;
}

#rezeptstreifen{
	position:relative;
	width: 450px;
	height: 350px;	
}

#vorbestellung_erlaeuterung{
	height: 163px;
}
.rezeptpreview{
	float: left;
	width: 185px;
	margin: 0 25px 0 0;
	cursor:pointer;
	position:relative;
}

div.rezeptpreview img {
	width: 185px;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
}

div.rezeptpreview p {
	margin: 0 0 5px 0;
}


#kassenrezept,
#privatrezept,
#ohnerezept,
#progress {
	position:absolute;
	left: 480px;
	top:0;
	height: 313px;
	width: 480px;
	background-size: 100% 100%;
}

#ohnerezept {
	width: 460px;
}

#progress {
	background-color: #FFF;
	background-color:rgba(255,255,255,0.8);
	filter:alpha(opacity=80);
	z-index:2;
}

#progress img {
	width: 175px;
	height: 175px;
	position:relative;
	top: 69px;
	left: 152px;
}

#vorbestellung_result {
	position: absolute;
	top:115px;
	width: 100%;
	text-align:center;
	font: 400 17px/25px "franklin-gothic-urw-cond",sans-serif;
}

#kassenrezept {
	color:#000000;
	background-image:url(../images/rezept/kassenrezept.gif);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
}
#privatrezept {
	color:rgb(13,117,183);
	background-image:url(../images/rezept/privatrezept.gif);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
}

#privatrezept.invisible,
#kassenrezept.invisible,
#ohnerezept.invisible{
	visibility:hidden;
	opacity: 0;
	transition: opacity 1s ease, visibility 1s ease;
}



.autidem {
	width:45px;
	height:150px;
	position:absolute; 
	top:146px;
}
.felder {
	border: 1px solid rgb(250,18,32);
	width:245px;
	background-color:#FFFFFF;
	font: 400 10px/12px "franklin-gothic-urw-cond",sans-serif;
	
	/*overflow:auto;*/
}

div.felder textarea,
div.felder input {
	margin:0;
	padding:0;
}


#privatrezept .felder {
	border: 1px solid rgb(13,117,183);	
}
#privatrezept .checkbox {
	border: 1px solid rgb(13,117,183);	
}
.checkbox {
	background-color:#FFFFFF;
	border: 1px solid rgb(250,18,32);
	width:25px;
	height:25px;
	float:left;
	position:relative;
	font: 400 10px/12px "franklin-gothic-urw-cond",sans-serif;
	text-align:center;
	margin: 11px 0 0 14px;
	color:#87030C;
}
.felder.krankenkasse {
	height:33px;
	top:13px;
}
.felder.name {
	height:59px;
	top:47px;
}
.felder.mail {
	height:33px;
	top:107px;
}
.felder.produkt {
	height:120px;
	top: 141px;
}
.felder.krankenkasse,
.felder.name,
.felder.mail,
.felder.produkt {
	padding:0 0 0 3px;
	position:absolute;
	left: 45px;
	
}

#kassenrezept input,
#privatrezept input,
#kassenrezept textarea,
#privatrezept textarea{
	font:300 14px/15px 'Courier New', Courier, monospace;
	border: 0px none; 
	position:absolute;
	color: darkslategray;
	width:242px;
	top:13px;
	/*overflow:none;*/
}
#rezeptstreifen textarea.f_produkt1,
#rezeptstreifen textarea.f_produkt2,
#rezeptstreifen textarea.f_produkt3 {
	resize:none;
	height:31px;
}
#rezeptstreifen textarea.f_produkt3 {
	top:85px;
}	
#rezeptstreifen textarea.f_produkt2 {
	top:49px;
}
#kassenrezept .f_name,
#privatrezept .f_name {
	resize:none;
	height:31px;
	margin:0;
}
#privatrezept input.f_absenden,
#kassenrezept input.f_absenden {
	width:83px;
	height:33px;
	position:absolute;
	left:305px;
	top:228px;
	background-color:rgb(255,255,255);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.30);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.30);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.30);
	font: 400 18px/35px "franklin-gothic-urw-cond",sans-serif;
	text-align:center;
	/*overflow:hidden;*/
	cursor:pointer;
	color:#87030C;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0px none;
	margin: 0;
	padding: 0;
	border: 0px none;
}
#privatrezept input.f_absenden {
	color:rgb(13,117,183);
}
html.no-touch #kassenrezept .f_absenden:hover {
	background-color:rgb(250,18,32);
	color:rgb(255,255,255);
}
html.no-touch #privatrezept .f_absenden:hover {
	background-color:rgb(13,117,183);
	color:rgb(255,255,255);
}
#kassenrezept .f_absenden:active {
	/*background-color:rgba(210,18,32,1.00);*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left:307px;
	top:230px;
}
#privatrezept .f_absenden:active {
	/*background-color:rgba(0,89,142,1.00);*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left:307px;
	top:230px;
}
#kassenrezept .form,
#privatrezept .form {
	padding:0px;
}
.tooltip {
	width:166px;
	height:57px;
	position:absolute;
	background-image:url(../images/rezept/tooltip.png);
	background-size: 100% 100%;
	left:-155px;
	top:160px;
	z-index:900;
	font: 400 18px/35px "franklin-gothic-urw-cond",sans-serif;
	color:rgb(0,0,0);
	visibility:hidden;
	opacity: 0;
	transition: opacity 1s ease, visibility 1s ease;
}

.tooltip.aktiv {
	visibility:visible;
	opacity:1;
  transition: opacity 1s ease, visibility 1s ease;
}

.tooltip p {
	font: 400 14px/20px "franklin-gothic-urw-cond",sans-serif;
	color:rgb(0,0,0);
	margin: 7px 7px 7px 16px;
}

#tooltip_absenden {
	width:121px;
	height:211px;
	position:absolute;
	left:785px;
	top:102px;
	color:rgb(0,0,0);
	padding:0 0 0 40px;
	opacity: 0;
}

#tooltip_absenden p {
	font: 400 15px/26px "franklin-gothic-urw-cond",sans-serif;
	margin: 0;
	position:relative;
	
}

#tooltip_adressen {
	width:240px;
	height:313px;
	position:absolute;
	background-color: #FFF;
	background-color:rgba(255,255,255,0.70);
	filter:alpha(opacity=70);
	left:0;
	top:0;
	font: 400 18px/35px "franklin-gothic-urw-cond",sans-serif;
	color:rgb(0,0,0);
	transition: opacity 1s ease, visibility 1s ease;
}

#tooltip_adressen div {
	bottom: 0;
	position:absolute;
	left:15px;
}

#tooltip_adressen p {
	font: 400 15px/20px "franklin-gothic-urw-cond",sans-serif;
}

.checkbox {
	cursor:pointer;
	position:relative;
}

.checkbox img {
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	left: 0;
	display: none;
}

.checkbox.checked img {
	display: block;
}

.invisible {
	display:none;
}

#ohnerezept .f_absenden {
	font: 400 16px/18px "franklin-gothic-urw-cond",sans-serif;
	padding: 15px;
	border: 0px none;
	color: #FFF;
	overflow: hidden;
	width: 105px;
	height: 70px;
	float:none;
	background-color: #930157;
	text-align:left;
	cursor: pointer;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.30);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.30);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.30);
	-webkit-appearance: none;
	position:absolute;
	left:305px;
	top:243px;
}

#ohnerezept .f_absenden:hover {
	background-color:rgba(255,255,255,1.00);
	color:#930157;
}


.formdiv {
	position: relative;
}

#contactform {
	height: 201px;
}

#kassenrezeptbackground,
#privatrezeptbackground,
#ohnerezeptbackground {
	width:185px;
	height:121px;
	background-size:185px;
	background-repeat:none;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
}

#kassenrezeptbackground {
	background-image:url(../images/rezept/kassenrezept_preview.gif);
	background-color:rgb(255,255,255);
}
#privatrezeptbackground {
	background-image:url(../images/rezept/privatrezept_preview.gif);
	background-color:rgb(255,255,255);
}
#ohnerezeptbackground {
	background-image:url(../images/rezept/ohnerezept_preview.gif);
	background-color:rgb(255,255,255);
}

html.no-touch #kassenrezeptbackground:hover {
	background-image:url(../images/rezept/kassenrezept_preview_hover.gif);
	width:185px;
	height:121px;
}

html.no-touch #privatrezeptbackground:hover {
	background-image:url(../images/rezept/privatrezept_preview_hover.gif);
	width:185px;
	height:121px;
}

html.no-touch #ohnerezeptbackground:hover {
	background-image:url(../images/rezept/ohnerezept_preview_hover.gif);
	width:185px;
	height:121px;
}

#ohnerezeptbackground:active {
	position:relative;
	top:2px;
	left:2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#kassenrezeptbackground:active {
	position:relative;
	top:2px;
	left:2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#privatrezeptbackground:active {
	position:relative;
	top:2px;
	left:2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#schwarz_transparent {
	position:absolute;
	left: 480px;
	top:0;
	height: 313px;
	width: 480px;
	background-size: 100% 100%;
	background-color: #000;
	background-color:rgba(0,0,0,0.60);
	filter:alpha(opacity=60);
	
}

#tooltip_absenden p.leftradio {
	margin: 0 0 0 -23px;
}

#tooltip_absenden input {
	width: 18px;
	height: 18px;
	margin: 0 4px 0 0;
	opacity: 0;
	cursor:pointer;
	position:relative;
	z-index: 5;
	
}

div.radio-skinned {
	width: 18px;
	height: 18px;
	background: url(../images/rezept/radio_off.gif) no-repeat left bottom;
	background-size: 18px 18px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='../images/rezept/radio_off.gif',
	sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='../images/rezept/radio_off.gif',
	sizingMethod='scale')";	
	overflow:hidden;
	position:absolute;
	left: 16px;
	margin: 4px 0 0 0;
	cursor: pointer;
	filter:alpha(opacity=0);
	

}

div.radio-skinned.aktiv {
	background: url(../images/rezept/radio_on.gif) no-repeat left bottom;
	background-size: 18px 18px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='../images/rezept/radio_on.gif',
	sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='../images/rezept/radio_on.gif',
	sizingMethod='scale')";	
	filter:alpha(opacity=0);
}

#tooltip_absenden_img {
	width: 161px;
	height: auto;
	position: absolute;
	top:0;
	left: 0;
}

.vorbestellung_datenschutzhinweis {
	position: absolute;
	left: 45px;
	bottom: 15px;
	text-decoration: underline;
}

div#ohnerezept .vorbestellung_datenschutzhinweis {
	left: auto;
	right: 0;
	bottom: auto;
	top: 0;
}