/*
www.ingridlund.dk styles til web & print
Af nam nam design webbureau v. Lasse Gejl
2005-07-18
*/

/* general */
body {
	margin: 0;
	background-image: url(graphics/bg_body.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #ED1C24;
	margin: 0 0 -10px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #E3E2E2;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #F7941D;
	margin: 0 0 -10px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #E3E2E2;
}
p {
	margin: 14px 0;
}
/* layout */
#container {
	width: 770px;
}
#content {
	float: left;
	width: 530px;
	background-color: #FFF;
}
#header {
	height: 40px;
	padding: 30px;
}
#header img {
}
#header img:hover {
	background-color: #F2F2F2;
}
#text {
	padding: 30px;
}
#text a:link, #text a:visited {
	color: #1B706B;
	text-decoration: underline;
}
#text a:hover, #text a:active {
	color: #FFF;
	text-decoration: none;
	background-color: #1B706B;
	padding: 2px 0;
}
#text img {
	float: right;
	padding: 3px;
	margin: 20px 0 10px 15px;
	border: 1px solid #E3E2E2;
}
#text img:hover {
	background-color: #F2F2F2;
}
#footer {
	border-top: 1px solid #B1B1B1;
	text-align: right;
	font-size: 11px;
	color: #A4A3A3;
	margin: 0 30px 30px 30px;
	padding-top: 5px;
}
#footer a:link, #footer a:visited {
	color: #A4A3A3;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #666;
	text-decoration: none;
}
#navi {
	float: right;
	width: 230px;
	padding: 2px 0 0 10px;
}
#nav {
	width: 228px;
	height: 396px;
	margin: 15px 0 0 0;
	padding: 0;
	background: url(graphics/navi.gif) no-repeat 0 0;
	list-style: none;
}
#nav li a {
	width: 228px;
	height: 34px;
	display: block;
	text-indent: -9000px;
	text-decoration: none;
	background: url(graphics/navi.gif) no-repeat 0 0;
}
/* IE bug fix */
* html #nav li a {
	height:34px;
	margin-bottom:0;
}
/* nav image position */
li#nav-velkommen a {background-position:0 0;}
li#nav-velkommen a:hover {background-position:-228px 0;}

li#nav-profil a {background-position:0 -34px;}
li#nav-profil a:hover {background-position:-228px -34px;}

li#nav-arbejdsform a {background-position:0 -68px;}
li#nav-arbejdsform a:hover {background-position:-228px -68px;}

li#nav-samtaleterapi a {background-position:0 -102px;}
li#nav-samtaleterapi a:hover {background-position:-228px -102px;}

li#nav-supervision a {background-position:0 -136px;}
li#nav-supervision a:hover {background-position:-228px -136px;}

li#nav-kurser a {background-position:0 -170px;}
li#nav-kurser a:hover {background-position:-228px -170px;}

li#nav-oplysninger a {background-position:0 -204px;}
li#nav-oplysninger a:hover {background-position:-228px -204px;}

li#nav-kontakt a {background-position:0 -238px;}
li#nav-kontakt a:hover {background-position:-228px -238px;}

li#nav-links a {background-position:0 -272px;}
li#nav-links a:hover {background-position:-228px -272px;}

/* navigation highligt */
#velkommen .velkommen {background-position:-228px 0;}
#profil .profil {background-position:-228px -34px;}
#arbejdsform .arbejdsform {background-position:-228px -68px;}
#samtaleterapi .samtaleterapi {background-position:-228px -102px;}
#supervision .supervision {background-position:-228px -136px;}
#kurser .kurser {background-position:-228px -170px;}
#oplysninger .oplysninger {background-position:-228px -204px;}
#kontakt .kontakt {background-position:-228px -238px;}
#links .links {background-position:-228px -272px;}

/* form */
form {
	font-size: 13px;
	border-left: 3px solid #E3E2E2;
	padding-left: 20px;
}
.textfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 300px;
	padding: 5px;
	border: 1px solid #999;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	padding: 3px;
	border: none;
	background-color: #666;
}
/* print */
@media print {
	#footer {
		display: none;
	}
	#navi {
		display: none;
	}
}