@charset "utf-8";
/* CSS Document */

body, html {
	height: 100%;
	color: #FFF;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
}
body {
	background: rgb(127,127,127); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(127,127,127,1) 20%, rgba(0,0,0,1) 84%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(127,127,127,1)), color-stop(84%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(127,127,127,1) 20%,rgba(0,0,0,1) 84%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(127,127,127,1) 20%,rgba(0,0,0,1) 84%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(127,127,127,1) 20%,rgba(0,0,0,1) 84%); /* IE10+ */
	background: linear-gradient(top,  rgba(127,127,127,1) 20%,rgba(0,0,0,1) 84%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	
	height: 100%;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
#Wrapper {
	width: 456px;
	min-height: 449px;
	background-image: url(../pict/vault.png);
	background-position: 0px 180px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-top: 200px;
	padding-left: 550px;
	text-align: left;
}
#Wrapper label {
	font-family: BankGothic-Medium;
	font-size: 16px;
	color: #FFF;
	display: block;
	float: left;
}
#Wrapper .field {
	width: 449px;
	height: 48px;
	background-color: #FFF;
	border-radius: 7px;
	border: 0px;
	outline: none;
	font-size: 22px;
	font-family: BankGothic-Medium;
	color: #666;
	padding-left: 10px;
	
	-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.2); #333;
	-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.2); #333;
	box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.2); #333;
}
#Wrapper .Forgot {
	display: block;
	float: right;
	font-size: 11px;
	position: relative;
	top: 2px;
}
#Wrapper .Forgot a:link {
	color: #FFF;
	text-decoration: none;
}
#Wrapper .Forgot a:visited {
	color: #FFF;
	text-decoration: none;
}
#Wrapper .Forgot a:hover {
	color: #a80077;
	text-decoration: none;
}
#Wrapper .Forgot a:active {
	color: #FFF;
	text-decoration: none;
}
#Wrapper #Logo {
	width: 273px;
	height: 49px;
	background-image: url(../pict/Logo.png);
	display: inline-block;
	margin-bottom: 30px;
}
#Wrapper #LoginBtn {
	width: 150px;
	height: 46px;
	
	background: rgb(203,96,179); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(203,96,179,1) 0%, rgba(193,70,161,1) 50%, rgba(168,0,119,1) 51%, rgba(219,54,164,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(50%,rgba(193,70,161,1)), color-stop(51%,rgba(168,0,119,1)), color-stop(100%,rgba(219,54,164,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */
	
	-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.2); #333;
	-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.2); #333;
	box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.2); #333;
	
	border-radius: 5px;
	border: 0px;
	margin-top: 10px;
	color: #FFF;
	font-size: 17px;
	cursor: pointer;
	
	font-family: BankGothic-Medium;
}
#Wrapper #LoginBtn:hover {
	background: rgb(158,32,120); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(158,32,120,1) 0%, rgba(146,19,102,1) 50%, rgba(111,0,56,1) 50%, rgba(183,10,102,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(158,32,120,1)), color-stop(50%,rgba(146,19,102,1)), color-stop(50%,rgba(111,0,56,1)), color-stop(100%,rgba(183,10,102,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(158,32,120,1) 0%,rgba(146,19,102,1) 50%,rgba(111,0,56,1) 50%,rgba(183,10,102,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(158,32,120,1) 0%,rgba(146,19,102,1) 50%,rgba(111,0,56,1) 50%,rgba(183,10,102,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(158,32,120,1) 0%,rgba(146,19,102,1) 50%,rgba(111,0,56,1) 50%,rgba(183,10,102,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(158,32,120,1) 0%,rgba(146,19,102,1) 50%,rgba(111,0,56,1) 50%,rgba(183,10,102,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e2078', endColorstr='#b70a66',GradientType=0 ); /* IE6-9 */
}
#Wrapper .Follow {
	height: 16px;
	display: inline-block;
	margin-right: 10px;
	margin-left: 4px;
}
#Wrapper #Tilmeld {
	display: inline-block;
	line-height: 46px;
	margin-left: 30px;
}
#Wrapper #Tilmeld a:link {
	color: #f969ca;
	text-decoration: none;
}
#Wrapper #Tilmeld a:visited {
	color: #f969ca;
	text-decoration: none;
}
#Wrapper #Tilmeld a:hover {
	color: #a80077;
	text-decoration: none;
}
#Wrapper #Tilmeld a:active {
	color: #f969ca;
	text-decoration: none;
}



/*Fonts*/
@font-face {
	font-family: BankGothic-Medium;
	src: url('../fonts/bankgthd.ttf');
}



/*Globals*/
.CenterShadow {
	-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4); #333;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4); #333;
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4); #333;
}
.CenterShadow-small {
	-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2); #333;
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2); #333;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2); #333;
}
.Hover {
	background-position: 0px 0px;
	cursor: pointer;
}
.Hover:hover {
	background-position: 0px 100%;
}

a:link {
	color: #F969CA;
	text-decoration: none;
}
a:visited {
	color: #F969CA;
	text-decoration: none;
}
a:hover {
	color: #A80077;
	text-decoration: none;
}
a:active {
	color: #F969CA;
	text-decoration: none;
}