@charset "utf-8";

a:active, a:focus
{
	outline:none
}

html
{
	overflow-y:scroll
}

img
{
	border:none;
	max-width:100%;
	height:auto
}

i,em
{
	font-size:90%
}

.clear
{
	clear:both
}

h1,h2,h3,h4,h5
{
	text-align:left;
	hyphens:none;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none
}

body
{
	font-size:1em;
	overflow-x:hidden;
	width:100%;
	color:#333;
	text-align:left;
	font-family:'Open Sans','sans-serif'
}

.container
{
	max-width:990px;
	margin:0 auto;
	background-color:#fff
}

header
{
	float:left;
	width:100%;
	background:url(images/background_320.jpg) center right no-repeat;
	background-size:cover;
	height:160px
}

header h1
{
	margin:6.4em 0 0;
	padding:.1em 0 .2em .5em;
	color:#fff;
	background-color:#09c;
	text-align:center;
	font-size:150%;
	text-shadow:2px 2px 2px rgba(0,0,0,0.5);
	-webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.9);
	-moz-text-shadow:2px 2px 2px rgba(0,0,0,0.9);
	box-shadow:0 -3px 5px 0 rgba(51,51,51,0.4);
	-webkit-box-shadow:0 -3px 5px 0 rgba(51,51,51,0.4);
	-moz-box-shadow:0 -3px 5px 0 rgba(51,51,51,0.4)
}

.logowrapper
{
	width:100%;
	float:left
}

.logo
{
	width:300px;
	float:left;
	height:60px;
	margin:.3em 0 0 .5em;
	background:url(images/aurea-logo.png) left center no-repeat;
	background-size:contain;
	padding:.3em;
	background-color:rgba(255,255,255,0.7);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px
}

header span
{
	float:left;
	font-weight:700;
	font-size:110%;
	margin:.3em;
	padding:.5em;
	color:#dd5726;
	background-color:rgba(255,255,255,0.8);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px
}

.stoerer
{
	display:none
}

a
{
	color:#069;
	text-decoration:none
}

a:hover
{
	text-decoration:underline
}

#link
{
	text-align:left
}

.linkblue
{
	color:#09F;
	text-decoration:underline
}

.beitrags_button
{
	width:75%;
	text-align:center;
	margin:6em auto 2.5em;
	clear:left;
	hyphens:none;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none
}

.beitrags_button a
{
	font-weight:700;
	color:#fff;
	display:block;
	padding:1em;
	text-transform:uppercase;
	background:#09c;
	border:2px solid #333;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:2px 2px 2px 0 rgba(51,51,51,0.5);
	-webkit-box-shadow:2px 2px 2px 0 rgba(51,51,51,0.5);
	-moz-box-shadow:2px 2px 2px 0 rgba(51,51,51,0.5)
}

.beitrags_button a:hover
{
	text-decoration:none
}

.beitragslink
{
	text-align:center;
	width:100%
}

.beitragslink a
{
	color:#09F;
	font-weight:700
}

#beitragsrechner
{
	width:100%;
	text-align:center;
	margin:0 auto
}

.txtleft
{
	text-align:justify;
	padding-top:.5em
}

#bdate
{
	margin:2em 0;
	padding:.1em .5em;
	font-weight:700;
	color:#000;
	background:rgba(150,150,150,0.15);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box
}

#tag
{
	margin-left:.5em
}

#tag,#monat
{
	width:2em;
	text-align:center;
	margin-top:1em
}

#jahr
{
	width:4em;
	text-align:center;
	margin-top:1em
}

#submit
{
	color:#fff;
	padding:.5em;
	margin:1em;
	background:#dd5726;
	border:1px solid #333;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}

.angebote
{
	width:100%;
	display:block;
	margin:2em 0;
	text-align:left
}

.angebote ul
{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	hyphens:none;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none
}

.angebote ul li
{
	padding:0 .5em
}

.angebote ul li:first-child
{
	border-top:none
}

.aname
{
	background:#dd5726;
	color:#fff;
	font-weight:700;
	font-size:120%
}

.beitrag
{
	font-weight:700;
	color:#000;
	font-size:110%
}

.onlabsch a
{
	background:#dd5726;
	color:#fff;
	font-weight:700;
	padding:1.5em;
	line-height:5em;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px
}

.tarifdetails a
{
	color:#09F;
	font-size:90%
}

.angebote span
{
	font-size:70%;
	vertical-align:super;
	font-weight:400
}

.green
{
	color:#dd5726;
	font-weight:700
}

section
{
	width:100%;
	float:left;
	text-align:justify;
	padding:0 1.5em;
	margin:0;
	hyphens:auto;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box
}

section h1,h2
{
	font-size:150%;
	color:#069;
	text-align:center;
	margin:.4em .5em .3em;
	padding:0
}

section h2
{
	margin-top:1em
}

section h3
{
	color:#dd5726
}

#gesregel
{
	width:100%;
	float:left;
	margin:0
}

.valgin
{
	vertical-align:super;
	font-size:60%;
	font-weight:400
}

.smimg
{
	display:block;
	margin: 0 auto .5em
}

ul.bslmoney
{
	padding:0 0 0 1em
}

ul.bslmoney li
{
	/*padding-bottom:.5em*/
}

.thin
{
	border:1px solid #ccc
}

.smtxt
{
	font-size:80%
}

.bslmoney2
{
	padding:0 0 0 1em
}

ul.bslmoney2 li
{
	/*padding-bottom:.5em*/
}

.flnone
{
	float:none
}

footer
{
	width:100%;
	float:left;
	font-size:95%;
	text-align:center;
	padding:1em 1.5em;
	background:rgba(150,150,150,0.15);
	margin:2em auto 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box
}

footer a
{
	display:block;
	padding:.5em .4em
}

.stern
{
	font-size:80%;
	font-style:italic
}

#contactDiv
{
	width:100%;
	float:left;
	text-align:left
}
	
#contactform
{
	margin:0;
	padding:.1em 1em;
	font-weight:700;
	color:#000;
	background:rgba(150,150,150,0.15);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box
}

.hcontact
{
	background:#dd5726;
	padding:.8em .5em;
	margin:2em -1em 1em;
	text-align:left
}

label
{
	display:block;
	text-align:left
}

label span
{
	color:red;
	font-size:small
}

small
{
	font-weight:400;
	font-style:italic
}

#ANREDE,#NAME,#GEBURTSTAG_TAG,#GEBURTSTAG_MONAT,#GEBURTSTAG_JAHR,#STAAT,#BERUFSTATUS,#KKASSE,#BEGIN_TAG,#BEGIN_MONAT,#BEGIN_JAHR,#ZAHN_VN,#LEBENSP,#KINDER,#NAMELP,#LP_TAG,#LP_MONAT,#LP_JAHR,#ZAHN_LP,#NAMEK1,#K1_TAG,#K1_MONAT,#K1_JAHR,#ZAHN_K1,#NAMEK2,#K2_TAG,#K2_MONAT,#K2_JAHR,#ZAHN_K2,#STRASSE,#ORT,#TELEFON,#MAIL,#NACHRICHT,#ANT_MAIL,#ANT_TEL
{
	background:#fff!important;
	text-align:left;
	margin-top:.2em
}

#NAME,#STAAT,#KKASSE,#NAMELP,#NAMEK1,#NAMEK2,#NAMEK3,#STRASSE,#ORT,#TELEFON,#MAIL,#NACHRICHT
{
	width:95%;
	padding-left:.5em
}

.tarif4,.tarif3,.tarif2
{
	margin-left:.3em;
	margin-right:.7em
}

.tarif1
{
	margin-left:.3em
}

.contactbutton
{
	display:block;
	text-align:center
}

.contactbutton a
{
	background:#dd5726;
	color:#fff;
	font-weight:700;
	padding:1.5em 2em;
	line-height:5em;
	hyphens:none;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px
}

@media screen and (min-width : 380px)
{
	img
	{
		display:block;
		margin:0 auto 1em
	}
	
	footer a
	{
		display:inline-block;
		border-right:1px solid #ccc
	}
}

@media screen and (min-width : 450px)
{
	header
	{
		background:url(images/background_160.jpg) center right no-repeat
	}
}

@media screen and (min-width : 479px)
{
	.beitrags_button
	{
		margin:5em auto 2.5em
	}
	
	.contactbutton
	{
		display:inline-block;
		text-align:center;
		margin:1em 0
	}
	
	.contactbutton a
	{
		padding:1.5em
	}
	
	.angebote
	{
		width:40%;
		margin:1em .5em;
		vertical-align:top;
		display:inline-block
	}
	
	#NAME,#STAAT,#KKASSE,#NAMELP,#NAMEK1,#NAMEK2,#NAMEK3,#STRASSE,#ORT,#TELEFON,#MAIL,#NACHRICHT
	{
		width:21.5em
	}
}

@media screen and (min-width : 505px)
{
	.cbutton span:first-child
	{
		margin-right:1em
	}
}

@media screen and (min-width : 545px)
{
	header h1
	{
		text-align:left
	}
	
	.beitrags_button
	{
		width:20em
	}
}

@media screen and (min-width : 600px)
{
	header
	{
		background:url(images/background.jpg) center right no-repeat;
		height:200px
	}
	
	header h1
	{
		margin:7.8em 0 0;
		padding:.2em 0 .3em .5em;
		text-align:left;
		background:#09c
	}
	
	header span
	{
		margin:0 0 0 .5em;
		padding:.8em;
		clear:left
	}
	
	.logo
	{
		float:left;
		display:block;
		width:380px;
		height:76px;
		background:url(images/aurea-logo.png) center left no-repeat;
		margin:.5em 0 .5em .5em;
		padding:.2em;
		background-color:rgba(255,255,255,0.8);
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px
	}
	
	.beitrags_button
	{
		clear:both;
		margin:5em auto 2.5em
	}
	
	section h1,h2
	{
		text-align:left;
		margin:1em 0;
		text-shadow:1px 1px 1px rgba(55,150,152,0.4)
	}
	
	img
	{
		display:inline-block;
		float:left;
		margin:0 1em 0 0;
		padding-bottom:.3em
	}
	
	.beitragslink
	{
		clear:left;
		margin:1em 0 2em;
		text-align:right
	}
	
	.smimg
	{
		margin:.5em 2em 0 0
	}
	
	ul.bslmoney
	{
		padding:0 0 0 14em
	}
	
	ul.bslmoney li
	{
		/*padding-bottom:1em*/
	}
	
	ul.bslmoney2
	{
		padding:0 0 0 1.5em
	}
	
	ul.bslmoney2 li
	{
		/*padding-bottom:1em*/
	}
}

@media screen and (min-width : 645px)
{
	.angebote
	{
		width:30%;
		margin:1em .5em;
		vertical-align:top;
		display:inline-block
	}
	
	.angebote:last-child
	{
		margin:1em 0 1em .5em
	}
	
	.stoerer
	{
		float:right;
		margin-top:-14.2em;
		display:inline-block
	}
}

@media screen and (min-width : 660px)
{
	#bdate br
	{
		display:none
	}
	
	label
	{
		display:inline-block
	}
	
	label.txt
	{
		width:13em
	}
	
	.tarif1,.tarif2,.tarif3,.tarif4
	{
		vertical-align:middle
	}
	
	#BEGIN_TAG,#ZAHN_VN,#LEBENSP,#KINDER,#ZAHN_LP,#ZAHN_K1,#ZAHN_K2
	{
		margin-left:.5em
	}
	
	#NACHRICHT
	{
		width:34.8em
	}
}

@media screen and (min-width : 990px)
{
	body
	{
		background:#D3D3D3
	}
	
	header
	{
		border:.6em solid #fff;
		border-bottom:none;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box
	}
	
	header span a[href^="tel"]
	{
		pointer-events:none;
		cursor:default
	}
	
	.container
	{
		margin:20px auto 8em;
		border:1px solid #ccc;
		box-shadow:0 0 5px #666;
		-moz-box-shadow:0 0 5px #666;
		-webkit-box-shadow:0 0 5px #666
	}
	
	.beitrags_button a:hover
	{
		opacity:.95;
		border:2px solid #fff
	}
	
	#submit:hover
	{
		opacity:.95;
		border:1px solid #fff
	}
	
	.onlabsch a:hover
	{
		background:rgba(221,87,38,0.8)
	}
	
	.angebote
	{
		margin:1em 1.2em 1em 0
	}
	
	.angebote:last-child
	{
		margin:1em 1.2em 1em 0
	}
	
	.smimg
	{
		display:block;
		margin: 0 20px .5em
	}
	
	ul.bslmoney li
	{
		margin-left: 30px
	}
}