/* Normalize.css */

@import('normalize.css');



/* Generelle styles */
html { min-height:100%; }
body {
	background-color: #dbd4d3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	margin: 0px;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:100%;
	min-width:1000px;
}



/* Links */

a {
	color: #696565;
}
a:hover {
	color: #000;
}



/* Skrifttyper */

h1 {
	margin-bottom: 8px;
	color: #302229;
	margin-top: 0px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h2 { }
h3 {
	color: #32232C;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
p {
	color: #543C49;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: 15px;
}



/* Layout */
#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#header {
	height: 95px;
}
#logo {
	background-image: url(../img/logo.png);
	height: 95px;
	width: 264px;
	position: relative;
	z-index: 1;
	float: left;
}
#logo a {
	height: 95px;
	width: 264px;
	display: block;
}
#navbar {
	float: right;
	margin-top: 25px;
}
#navbar .link {
	display: inline-block;
	background-image: url(../img/navbar_link.jpg);
	height: 24px;
	width: 147px;
	float: left;
	overflow: hidden;
	text-align: center;
}
#inviter {
	background-image: url(../img/inviter.png);
	width: 200px;
	clear: right;
	display: inline;
	height: 34px;
	position: absolute;
	top: 68px;
	left: 50%;
	margin-left: 165px;
	z-index: 1;
}
#inviter:hover { 
	opacity: 0.8;
}
#inviter a {
	display: block;
	height: 34px;
}
#slider {
	background-image: url(../img/slides/1.jpg);
	height: 374px;
	width: 960px;
	margin-top: -30px;
}
#menu {
	background-image: url(../img/menu.png);
	height: 28px;
	margin-top: 60px;
}
#menu .link {
	display: inline-block;
	height: 29px;
	width: 170px;
	float: left;
	text-align: center;
}
.link a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
}
.link a:hover {
	color:#999;
}
#link-1 {
	margin-left: 25px;
}
#link-2 {
	margin-left: 76px;
}
#link-3 {
	margin-left: 78px;
}
#link-4 {
	margin-left: 74px;
}
	
#navbar .link a {
	font-size: 14px;
}
#page {
	margin-top: 40px;
}


/* Columns */
.column { 
	float:left;
}
.c { clear:both; }
.col100 { width:940px; margin:10px; }
.col70 { width:620px; margin:10px; }
.col50 { width:460px; margin:10px; }
.col30 { width:300px; margin:10px; }
#footer {
	margin-top: 80px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #573C49;
}
.fboxlast #flogo {
	margin-top: 16px;
	float: right;
	margin-right: 8px;
	margin-bottom: 16px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#invite {
	font-size: 12px;
	color: #333;
}
#invite input {
	background-color: #FFF;
	border: 1px solid #543C49;
	font-size: 16px;
}
#invite textarea {
	background-color: #FFF;
	border: 1px solid #543C49;
	font-size: 16px;
}
#overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(../img/bt.png);
	min-height: 100%;
	width: 100%;
	z-index: 2;
}
#postkort {
	width: 800px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding: 5px;
}
#postkort #postkort_billede {
	width: 382px;
	height: 540px;
	float: left;
}
#postkort #postkort_tekst {
	float: left;
	width: 400px;
	margin-left: 15px;
	margin-top:10px;
}


/* Buttons */
button,
a.btn,
a.btn:visited,
a.button,
a.button:visited,
input[type="submit"],
input[type="reset"],
input[type="button"]{
position:relative;
top:0;
left:0;
vertical-align: middle;
margin:0;
padding:10px 15px;
line-height:100%;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
cursor: pointer;
width:auto;
overflow:visible;
font-weight:normal;
font-size:14px; /*Pixels for consistancy*/
text-shadow:0 1px 0 #fff;
color:#666;
text-decoration:none;
vertical-align: middle;
box-sizing: border-box;
display:inline-block;
*display:inline;/*IE ONLY*/
zoom:1;
border:1px solid #ccc;
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}

button:active,
a.btn:active,
a.btn:visited:active,
a.button:active,
a.button:visited:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active{box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);}
button[disabled],.disabled:active{box-shadow:none;}

button,
input[type="submit"],
input[type="reset"],
input[type="button"]{*padding:7px 15px;}/*IE 7 ONLY*/


/* Forms */
@import('kickstart-forms.css');