body {
	background-color: #f9f9f9;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Verdana; 
}

header {
	height: 38px;
	font-size: 15px !important;
	background: #54286d;
	background: -moz-linear-gradient(top, #54286d, #6d4187);
	background: -webkit-gradient(linear, left top, left bottom, from(#54286d), to(#6d4187) );
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#54286d', endColorstr = '#6d4187' ); 
	background-repeat: repeat-x;
	background-size: 100% 38px;
	-moz-background-size: 100% 38px;
	-webkit-background-size: 100% 38px;

}

nav {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	border: 0px;
}

footer {
	height: 390px;
	padding: 25px 0 0 0;
	background: #54286d;
	background: -moz-linear-gradient(top, #55246b, #6e3d84 70%);
	background: -webkit-gradient(linear, left top, left bottom, from(#55246b), to(#6e3d84) );
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#55246b', endColorstr = '#6e3d84' );
	min-width: 960px;
    position:relative;
	bottom:0;
	width:100%;
	color: white;
	float: left;
}

input, textarea, select {
   -webkit-appearance: none;
 }

#contentcontainer {
	min-height: 100%;
	width: 100%;
	max-width: 940px;
	border: 0px;
	margin: 0 auto;
	padding: 0px;
}



#foreground {
	background-image: url(/img/grasochlov.jpg);
	background-repeat: no-repeat;
	background-position: -15px -160px;
	margin: 20px 0px;
	font-size: 2.7em;
	height: 335px;
	width: 100%;
	max-width: 938px;
}

#foreground p {
	position: relative;
	left: 25px;
	top: -15px;
}

#infotext {
	position: relative;
	float: left;
	border: 0px;
	width: 547px;
}

#signup {
	position: relative;
	float: right;
	width: 320px;
	height: 600px;
	padding: 20px;
	overflow: hidden;
}

#cover {
	position: relative;
	left: -340px;
	width: 660px;
	height: 590px;
}

#formPage, #finishedPage {
	position: relative;
	float: left;
	width: 320px;
	height: 590px;
}

#finishedPage {
	margin-right: 20px;
	line-height: 490px;
	font-weight: bold;
	font-size: 1.7em;
	text-align: center;
}

#formPage p:first-child {
	font-weight: bold;
	font-size: 1.7em;
	margin-top: 0px;
}

#infotext p {
	margin: 15px auto;
}

#kontentanbox {
	background-image: url("/img/kontentan.png");
	background-repeat: no-repeat;
	background-position: 15px center;
	position: relative;
	left: -20px;
	padding: 20px;
	padding-left: 160px;
	width: 395px;
}

#theFinePrint {
	clear: both;
	padding: 15px 0px;
	margin: 15px auto;
	font-size: 10px;
	font-style: italic;
	width: 940px;
}

#infotext p:first-child {
	font-size: 2em;
}

#foreground, #infotext p:first-child, #infotext p:last-child {
	color: #652d86;
}

input[type=text] {
	width: 240px;
	height: 1.5em;
	margin-bottom: 10px;
}

input[type=checkbox] {
   display: inline-block;
   font-size: 15px;
   line-height: 1em;
   margin: 0 0.25em 0 0;
   padding: 0;
   width: 1.25em;
   height: 1.25em;
   -webkit-border-radius: 0.25em;
   vertical-align: text-top;
 }

 input[type=checkbox]:checked {
   background: url("/img/check.png") no-repeat center center;
   -webkit-background-size: 28px 28px; 
   background-size: 28px 28px;
 }

input[type=submit] {
	float:right;
	padding: 5px 10px;
	background: -moz-linear-gradient(top, #6e3d84, #55246b 70%);
	background: -webkit-gradient(linear, left top, left bottom, from(#6e3d84), to(#55246b) );
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#6e3d84', endColorstr = '#55246b' );
	font-weight: bold;
	color: white;
	font-size: 15px;
}

input, #foreground, #signup, #kontentanbox {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.bold, #foreground, #infotext p:last-child, #infotext p:first-child {
	font-weight: bold;
}

#cb input {
	margin-top: 5px;
	float: left;
}

#cb div {
	margin-left: 25px;
}


/*
	Taking care of <640 screens 
*/
@media screen and (max-width: 640px) { 
	#contentcontainer {
		min-height: 100%;
		width: 100%;
		width: 500px;
		border: 0px;
		margin: 0 auto;
		padding: 0px;
	}

	#foreground {
		background-image: url(/img/grasochlov.jpg);
		background-position: 0px -80px;
		background-size: 101%;
		margin: 20px 0px;
		padding: 5px;
		font-size: 24px;
		height: 170px;
		width: 100%;
		max-width: 490px;
	}

	#foreground p {
		position: relative;
		left: 15px;
		top: -10px;
	}

	#infotext {
		border: 0px;
		width: 100%;
	}

	#signup {
		margin: 0 auto;
		width: 450px;
		height: 550px;
		padding: 20px;
		overflow: hidden;
	}

	#cover {
		position: relative;
		left: -470px; 
		width: 940px;
		height: 500px;
	}

	#formPage, #finishedPage {
		position: relative;
		float: left;
		width: 450px;
		height: 500px;
	}

	#finishedPage {
		margin-right: 20px;
		line-height: 490px;
		font-weight: bold;
		font-size: 1.7em;
		text-align: center;
	}

	#infotext p {
		margin: 15px auto;
		width: 460px;
	}

	#kontentanbox {
		left: 0;
		margin: 0px auto;
		width: 320px !important;
		padding: 20px;
		padding-left: 160px;
	}

	#theFinePrint {
		font-size: 10px;
		font-style: italic;
		width: 470px;
	}

	footer {
		display: none;
	}
}