/*
meta {
	date: March 2008;
	project: Giv-et-smil.dk;
	author: absi a/s;
	developer: Hans Peter Nielsen;
}
*/	

/* RESET ELEMENTS */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
q:before,q:after{content:'';}

/* SOME HACKS AND TRICKS TO GET THE FOOTER TO STICK AT THE BOTTOM */
	HTML, BODY, #contents {
		min-height: 100%;
		width: 100%;
		height: 100%;
	}
	
	HTML>BODY, HTML>BODY #contents {
		height: auto;
	}
	#contents {
		position: absolute;
		top: 0;
	    left: 0;
	}
	#ftwrap {
		position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	}
	#main {
		margin-bottom: 160px;
		height: auto;
	}	
/* END FOOTER TRICKS */

 
/* MAIN LAYOUT ELEMENTS */
BODY, .center {
	text-align: center;
}

BODY {
	/*background-image: url(/art/layout/bg-body.png);
	background-repeat: repeat-x;*/
}

DIV.container {
	width: 970px;
	text-align: left;
}

#header {
	height: 94px;
	width:1003px;
	margin: 0px auto;
	background-image: url(/art/topbar.png);
	background-repeat: no-repeat;
}
#header DIV.container {
	padding: 15px;
}


/* HEADLINES */
H1 {
	font-size: 150%;
	font-weight: normal;
	margin-bottom: 15px;
	color: #424242;
}

H2 {
	font-size: 115%;
	margin-top: 15px;
	color: #275696;
}

H3 {
	margin-top: 15px;
}

/* FORM ELEMENTS */ 

INPUT.inputtext, TEXTAREA {
	border: 2px solid #d0d0d0;
	padding: 3px;
	color: #555;
	background: #f9f9f9;
	font-size: 125%;
	font-family: Arial, Verdana, sans-serif;
	width: 250px;
}
	INPUT.inputtext:focus, TEXTAREA:focus {
		border: 2px solid #9ec1e0;
		color: #333;
	}

TEXTAREA {
	font-size: 100%; 
	width: 500px; 
	height: 100px; 
	padding: 3px;
}

INPUT.submitbutton {
	background: url(/art/layout/bg-button.png) no-repeat;
	height: 40px;
	width: 157px;
	margin-left: -4px;
	border: none 0;
	color: #fff;
	font-size: 125%;
	text-align: center;
	font-weight: bold;
	font-family: arial, tahoma;
}
	INPUT.submitbutton:hover {
		background: url(/art/layout/bg-button-hover.png) no-repeat;
	}

	INPUT.longtxt {
		font-size: 110%;
		text-align: left;
		padding-left: 10px;
	}
	
	
P {
	margin-bottom: 15px;
}

P.focus {
	font-family: Georgia, Palatino;
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 20px;
	color: #606060;
	font-size: 115%;
}

/* LIST ELEMENTS */
UL.smiley {
	list-style-image	: url(/art/layout/li-smiley.png);
}
UL.smiley LI {
	margin-bottom		: 5px;
	padding-left 		: 15px;
	list-style-image	: url(/art/layout/li-smiley.png);
}
OL LI {
	margin-bottom		: 5px;	
}

LI.fadet 	{color		: #a0a0a0;}

/* LINKS TO TOP WHEN USING ANCHORS */
DIV.totop {padding: 10px; text-align: center; font-size: 85%;}
	DIV.totop A { color: #909090;}


/* FONTS */
BODY {font-family: Helvetica, arial; font-size: 85%;}
H1, H2, H3, UL#menu {font-family: Arial;}
.smalltext {font-size: 85%; font-family: tahoma;}
EM {background-color: #FFFFCC;}


/* COLORS */ 
A {color: #005895;}
A:hover {color: #E83550;}
BODY {color: #333333;}
.quiet {color: #82959F;}