@charset "utf-8";

/* Allgemeine Definitionen
----------------------------------------------- */
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6, table, ul {
    -webkit-text-size-adjust: none;
}
body {
	background: #fff;
	color: #333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
}
#body-background {
    position:fixed;
    top:0px;
    left:0px;
    z-index:-1;
    overflow:hidden;
    width:100%;
    height:100%;
}
img,
a img {
	border: 0;
}
.clear {
	clear: both;
	font-size: 1%;
	height: 1px;
	line-height: 1px;
}

/* Links
----------------------------------------------- */
a,
a:visited {
	color: #333;
	outline: none;
	text-decoration: underline;
}
a:hover {
	color: #333;
	text-decoration: none;
}
a.login,
a:visited.login {
	background: url(https://brands4friends.net/ALLimg/login-mitglied_209x25.png) no-repeat 0 0;
	color: #fff;
	display: block;
	height: 25px;
	line-height: 25px;
	width: 209px;
	text-align: center;
	text-decoration: none;
	text-indent: -9999px;
}
a:hover.login {
	background-position: 0 -25px;
	color: #fff;
	text-decoration: none;
}
a.imprint,
a:visited.imprint {
	color: #9c0;
	text-decoration: none;
}
a:hover.imprint {
	color: #006619;
	text-decoration: none;
}

/* Typo
----------------------------------------------- */
p {
	margin: 0 0 1em 0;
	padding: 0;
}

/* Layout
-----------------------------------------------*/ 
#wrapper {
	width: 100%;
	margin: 0;
	position:relative;
	zoom:1;
}
#badge {
	height: 125px;
	left: 336px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;
	width: 123px;
	z-index: 999;
}
#header {
	position: relative;
}
#login {
	float: right;
	height: 25px;
	margin: 40px 40px 0 0;
	width: 209px;
	z-index: 20;
}
#contentimg {
	background: url(https://brands4friends.net/ALLimg/dottedline.png) repeat-x left bottom;
	float: left;
	margin: 0;
	padding: 15px 0;
	width: 100%;
}
#contentimg img {
	display: block;
}
#brands,
#brands2 {
	background: url(https://brands4friends.net/ALLimg/marken/markenteppich_350x90.png) no-repeat center center;
	float: left;
	height: 90px;
	margin: 0;
	padding: 0;
	width: 100%;
}
#brands2 {
	background: url(https://brands4friends.net/ALLimg/marken/markenteppich_350x90.png) no-repeat center -1px;
	height: 48px;
}
p.legaltxt {
	float: left;
	font-size: 10px;
	line-height: 11px;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}
.infotxt {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}
.infotxt p {
	color: #666;
	font-size: 10px;
	margin: 0 0 0 15px;
	line-height: 11px;
	padding: 0;
}
.footertext {
	float: left;
	color: #ccc;
	float: left;
	font-size: 11px;
	line-height: 12px;
	margin: 40px 0 0 0;
	padding: 0;
	text-align: left;
	width: 100%;
}
.footertext p {
	margin: 0 0 0 50px;
	padding: 0;
	width: 360px;	
}
.stars {
	display: block;
	float: left;
	text-align: left;
	width: 15px;
}



/* Trustbuttons
----------------------------------------------- */
p.computerbild,
p.trustedshops {
	float: left;
	margin: 3px 10px 0 0;
	padding: 0;
}
p.computerbild {
	margin-top: 12px;
	margin-left: 103px;
}

/* Formulare
----------------------------------------------- */
#form {
	background: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
    -webkit-box-shadow: 0px 2px 8px #ccc;
    -moz-box-shadow: 0px 2px 8px #ccc;
    box-shadow: 0px 2px 8px #ccc;		
	float: left;
	margin: 40px 0 20px 40px;
	width: 380px;
	padding: 15px 0 11px 0;
	position: relative;
	overflow: hidden;
}
#innerform {
	float: left;
	margin: 0 15px;	
	padding: 0;
	width: 350px;
}
#formular {
	background: #f2f2f2;
	display: inline;
	float: left;
	margin: 0;
	padding: 0 10px 15px 10px;
	width: 330px;
}
#formular img {
	display: block;
}
p.formhead {
	color: #333;
	float: left;
	font-size: 16px;
	line-height: 30px;
	margin: 13px 0 17px 0;
	padding: 0;
}
label.flabel {
	cursor: pointer;
	float: left;
	text-align: left;
	width: 100%;
}
p.sex {
	float: left;
	margin: 0 0 7px 0;
	padding: 0;
	width: 100%;
}
p.biginput,
p.leftinput,
p.rightinput {
	float: left;
	line-height: 16px;
	margin: 0 0 6px 0;
	padding: 0;
	width: 160px;
}
p.biginput {
	width: 330px;
}
p.rightinput {
	margin-left: 10px;
}
p.ckbinput {
	float: left;
	margin: 0;
	padding: 0;
}
.biginput input,
.leftinput input,
.rightinput input {
	background: #fff;
	border: 1px solid #999;
	float: left;
	font-size: 12px;
	height: 15px;
	line-height: 15px;
	margin: 2px 0 0 0;
	padding: 0;
	width: 158px;
}
.biginput input {
	width: 328px;
}
.leftinput input:hover,
.leftinput input:focus,
.rightinput input:hover,
.rightinput input:focus,
.biginput input:hover,
.biginput input:focus {
	border: 1px solid red;
}
#senden {
	background: url(https://brands4friends.net/ALLimg/cta/btn_jetzteinkaufen_208x38.png) no-repeat;
	border: none;
	color: transparent;
	cursor: pointer;
	display: block;
	height: 38px;
	padding: 0;
	margin: 17px 0 0px 0;
	text-indent: -9999px;
	width: 208px;
}
#senden:hover {
	background-position: 0 -38px;
	color: transparent;
}
.required {
	font-weight: normal;
	font-size: 11px;
}
.formline {
	background: url(https://brands4friends.net/ALLimg/dottedline_form.png) repeat-x 0 0;
	float: left;
	font-size: 1%;
	height: 1px;
	line-height: 1px;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}

.form1 {
	float: left;
	margin:  0;
	padding: 0;
	position: relative;
	width: 100%;
}
p.regbutton {
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	width: 208px;
}
.fbformular {
	bottom: 25px;
	float: left;
	font-size: 12px;
	left: 10px;
	margin:  0;
	padding: 0;
	position: absolute;
	width: 170px;
}
.fblogin {
	background: url(https://brands4friends.net/ALLimg/btn_facebook_118x38.png) no-repeat 0 0;
	border: none;
	color: transparent;
	cursor: pointer;
	display: block;
	float: left;
	height: 38px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	width: 118px;
}
.fblogin:hover {
	background-position: 0 -38px;
}
.mydata {
	bottom: 10px;
	float: left;
	font-size: 11px;
	left: 10px;
	line-height: 12px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}
.fbtxt {
	margin: 0;
	line-height: 18px;
	text-align: left;
}
.smalltxt {
	float: left;
	font-size: 11px;
	margin: 7px 0 0 0;
	padding: 0;	
	width: 100%;
}
.smallregtxt {
	background: #dadada;
	float: left;
	font-size: 11px;
	margin: 6px 0;
	padding: 6px 8px;
	width: 314px;
}