/* 

STYLE SHEET FOR PWD 36 WEB SITE

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts

*/

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background-color: #ffffff;
		font: 1em/1.3em Verdana,Arial,sans-serif;
		color: #333333;
		}
		
/*  --------- 2. structure  --------- */

#monsterbg {
	position:absolute;
	width:100%;
	height:1000px;
	z-index:1;
	left: 0px;
	top: 0px;
	visibility: visible;
	text-align: center;
	background-color: #A8D5BF;
	background-image: url(images/webbaggrund.gif);
}

#a_dansktextbg {
	position:absolute;
	width:800px;
	height:1000px;
	z-index:3;
	left: 100px;
	top: 160px;
	visibility: visible;
	background-color: #EBF5EF;
	background-repeat: no-repeat;
}

#b_engelsktextbg {
	position:absolute;
	width:600px;
	height:500px;
	z-index:4;
	left: 200px;
	top: 200px;
	visibility: visible;
	background-color: #EBF5EF;
	background-repeat: no-repeat;
}

#a_topfoto {
	position:absolute;
	width:800px;
	height:160px;
	z-index:11;
	left: 100px;
	top: 0px;
	visibility: visible;
	background-image: url(images/topfoto.jpg);
	background-repeat: no-repeat;
		}

#a_fotolink {
	position:absolute;
	width:170px;
	height:200px;
	z-index:51;
	left: 130px;
	top: 280px;
	visibility: visible;
		}

#b_fotolink {
	position:absolute;
	width:170px;
	height:200px;
	z-index:52;
	left: 320px;
	top: 280px;
	visibility: visible;
		}

#c_fotolink {
	position:absolute;
	width:170px;
	height:200px;
	z-index:53;
	left: 510px;
	top: 280px;
	visibility: visible;
		}

#d_fotolink {
	position:absolute;
	width:170px;
	height:200px;
	z-index:54;
	left: 700px;
	top: 280px;
	visibility: visible;
		}


#e_fotolink {
	position:absolute;
	width:170px;
	height:200px;
	z-index:54;
	left: 320px;
	top: 470px;
	visibility: visible;
		}

#f_fotolink {
	position:absolute;
	width:170px;
	height:200px;
	z-index:55;
	left: 510px;
	top: 470px;
	visibility: visible;
		}

#topnav {
	position:absolute;
	width:800px;
	height:30px;
	z-index:21;
	left: 100px;
	top: 140px;
	visibility: visible;
		}

#greenline {
	position:absolute;
	width:1px;
	height:1000px;
	z-index:22;
	left: 99px;
	top: 0px;
	visibility: visible;
	background-color: #A8D5BF;
	background-image: url(images/greenline.gif);
}

#b_engelsktextbgb_engelsktextbgb_engelsktextbgb_engelsktextbg {
	position:absolute;
	width:780px;
	height:400px;
	z-index:23;
	left: 10px;
	top: 200px;
	visibility: visible;
}

#danskspalte_downleft {
	position:absolute;
	width:750px;
	height:150px;
	z-index:23;
	left: 125px;
	top: 180px;
	visibility: visible;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-align: center;
}

#danskspalte_right {
	position:absolute;
	width:180px;
	height:200px;
	z-index:24;
	left: 200px;
	top: 200px;
	visibility: visible;
}

#danskspalte_downright {
	position:absolute;
	width:180px;
	height:200px;
	z-index:24;
	left: 200px;
	top: 420px;
	visibility: visible;
}

#engelskspalte_left {
	position:absolute;
	width:180px;
	height:200px;
	z-index:23;
	left: 10px;
	top: 200px;
	visibility: visible;
}

#engelskspalte_downleft {
	position:absolute;
	width:180px;
	height:200px;
	z-index:23;
	left: 10px;
	top: 420px;
	visibility: visible;
}

#engelskspalte_right {
	position:absolute;
	width:180px;
	height:200px;
	z-index:24;
	left: 200px;
	top: 200px;
	visibility: visible;
}

#engelskspalte_downright {
	position:absolute;
	width:180px;
	height:200px;
	z-index:24;
	left: 200px;
	top: 420px;
	visibility: visible;
}

#greenline2 {
	position:absolute;
	width:3px;
	height:1000px;
	z-index:26;
	left: 900px;
	top: 0px;
	visibility: visible;
	background-color: #A8D5BF;
	background-image: url(images/greenline.gif);
}

#index {
	position:absolute;
	width:585px;
	height:400px;
	z-index:31;
	left: 194px;
	top: 130px;
	visibility: visible;
}
			
#footer {
	position:absolute;
	width:780px;
	height:60px;
	z-index:32;
	left: 0px;
	visibility: visible;
	clip: rect(auto,auto,auto,auto);
	top: 800px;
}

#lowfooter {
	position:absolute;
	width:780px;
	height:60px;
	z-index:330;
	left: 0px;
	top: 1000px;
	visibility: visible;
}

				
/* ---------- 3. links and navigation ---------- */

#sectionLinks{
	margin: 0px;
	padding: 0px;
	width: 180px;
	text-align: right;
	position: absolute;
	left: 100px;
	top: 200px;
	visibility: visible;
	z-index: 41;
	margin-right: 0px;
}

#sectionLinks h3{
	padding: 0px 0px 0px 0px;
	z-index: 32;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	font-weight: normal;
	padding: 3px 10px 3px 0px;
	color: #000000;
	text-decoration: none;
	z-index: 43;
}

#sectionLinks a:hover{
	background-color: #A8D5BF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	z-index: 44;
}


/* ---------- 4. fonts ---------- */

html {
		font-size: 80%;
		}

body {
		font-size: 80%;
		}

h1 {/* main heading */
	color: #000000;
	text-align: center;
	margin-bottom: 5px;
	letter-spacing: 0em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.6em;
	line-height: 1.4em;
		}

h2 {/* strap line */
		font: 1.2em/1.2em Verdana,Arial,Helvetica,sans-serif;
		color: #666666;
		margin-bottom: 1.2em;
		padding-left: 1px;
		}

h3 {/* cross-head */
	color: #000000;
	text-align: center;
	font: bold 1.0em/1.3em Verdana,Arial,Helvetica,sans-serif;
		}
	
.timeStamp {
		font-size: 0.5em;
		float: right;
		color: #cccccc;
		letter-spacing: 0;
		}

.boxout h1 {
		color: #014B68;
		font-size: 1.6em;
		line-height: 1.0em;
		margin-bottom: 0;
		}
	
.byLine {
		text-transform: uppercase;
		color: #bbbbbb;
		font-size: 0.8em;
		font-weight: bold;
		}

p, ul {
		font: 1.1em/1.4em Verdana,Arial,Helvetica,sans-serif;
		margin-bottom: 1em;
		}

ul {
		list-style-type: square;
		padding-left: 0px;
		}

blockquote {
		margin: 2.6em 0 1em 1em;
		float: right;
		width: 200px;
		text-align: right;
		}

p.quoteBody {
		margin: 0;
		color: #014B68;
		font-size: 1.3em;
		}
		
p.quoteCite {
		font-weight: bold;
		text-align: right;
		}

hr {
		background-color: #cccccc;
		color: #cccccc;
		height: 1px;
		border: 0;
		margin-bottom: 1.6em;
		}