/*Kommentarer er indsat hvor man (jeg ;) ) kan blive i tvivl om hvad der foregår. Det gælder især omkring faneblads navigationen,
hvor det gælder om at holde tungen lige i munden. 

Derudover har jeg markeret starten på hver af  undersiderne

Indhold af dette CSS-dokument:

	Generelle:			  23
	Tabmenu:			  76
	Forside:			211
	Kompetencer:		327
	Job og uddannelse:	423
	Personligt:			530
	Portfolio:			621

	
*/





/*her starter de mere genrelle ting, der gælder alle siderne.*/

body{
	font-family: verdana, arial, geneva, helvetica, sans-serif;
	text-align: center;
	background-color: #E8E8E8; 
	margin: 20px 0 0 0;
	padding: 0px;
}

#wrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 770px;
	height: 500px;
	padding: 0px;
}

p{
	font-size: 11px;
	margin: 13px 0 0 0;
	line-height: 14px;
}

li{
	font-size: 11px;
	margin: 0px;
	line-height: 15px;
}

h2{
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}

/*h1 og h2 ens. Kun brugt h1  for soegemaskine optimereing*/

h1{
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}



h3{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

img{
	border: 0px;
}

a:link{
	color: #0000FF;
}

a:visited{
	color: #000066;
}

a:hover{
	color: #FF0000;
}

/*her starter "faneblads"  menuen.*/


ul#navigation{
	list-style: none;
	margin: 0;
	padding: 0 0 27px 40px;
	border-bottom: 1px solid black;
}

ul#navigation li{
	font-size: 13px;
	float: left;
	height: 24px;
	margin: 2px 2px 0 7px;
	padding: 0px;
	border: 1px solid black;
	letter-spacing: 1px;
	line-height: 16px;
}



ul#navigation a:link, #navigation a:visited{
	display: block;
	color: white;
	text-decoration: none;
	padding: 4px;
	font-weight: bolder;
	background-color: black;
}

/*Giver fanebladene forskellige farver*/

ul#navigation li.forside a:link, ul#navigation li.forside a:visited{
	background-color: #1144CC;
}

ul#navigation li.kompetencer a:link, ul#navigation li.kompetencer a:visited{
	background-color: #000077;
}

ul#navigation li.uddannelse a:link, ul#navigation li.uddannelse a:visited{
	background-color: #009900;
}

ul#navigation li.personlig a:link, ul#navigation li.personlig a:visited{
	background-color: #CC3300;
}


ul#navigation li.portfolio a:link, ul#navigation li.portfolio a:visited{
	background-color: #7C1513;
}


ul#navigation li.print a:link, ul#navigation li.print a:visited{
	background-color: black;
}



/*Giver fanebladene forskellige farver ved mouse over*/

ul#navigation li.forside a:hover{
	background-color: #000099;
}


ul#navigation li.kompetencer a:hover{
	background-color: #000033;
}

ul#navigation li.uddannelse a:hover{
	background-color: #006600;
}

ul#navigation li.personlig a:hover{
	background-color: #990000;
}


ul#navigation li.portfolio a:hover{
	background-color: #6C0503;	
}


ul#navigation li.print a:hover{
	background-color: black;	
}


/* Giver det valgte faneblads border samme farve som siden.*/

body#forside li.forside, body#uddannelse li.uddannelse,
body#personlig li.personlig, body#portfolio li.portfolio, body#print  li.print {
	border-bottom: 1px solid white;
}

body#kompetencer li.kompetencer{
	border-bottom: 1px solid white;	
}

/*Giver det valgte faneblad samme farve som den aktive side.*/

body#forside li.forside a:link, body#forside li.forside a:visited, 
body#kompetencer li.kompetencer a:link, body#kompetencer li.kompetencer a:visited,
body#uddannelse li.uddannelse a:link, body#uddannelse li.uddannelse a:visited,
body#personlig li.personlig a:link, body#personlig li.personlig a:visited,
body#portfolio li.portfolio a:link, body#portfolio li.portfolio a:visited,
body#print  li.print  a:link, body#print  li.print  a:visited{
	color: black;
	background-color: white;
}

/* Her starter "mainbaggrund", der giver siden neden for fanebladene en farve.  Giver en illusion af at fanebladene er monteret oven på siden*/

#mainbaggrund{
	position: absolute;
	top: 28px;
	left: 0px;
	background-color: white;
	height: 550px;
	width: 770px;
	z-index: 10;
}

#kontakt{
	position: absolute;
	top: 300px;
	left: 33px;
	width: 205px;
	z-index: 30;
	line-height: 0px;
}

#kontakt p{
	font-size: 12px;
	padding: 5px 0 0 7px;
	line-height: 20px;
}

#kontakt h3{
	font-size: 13px;
	padding: 25px 0 22px 7px;
}


#kontaktbox{
	position: absolute;
	background-color: white;
	border: 1px solid  silver;
	top: 305px;
	left: 33px;
	width: 205px;
	height: 236px;
	z-index: 20;
}

#nielsgamborgdk{
	position: absolute;
	left: -40px;
	top: 300px;
	height: 286px;
	width: 38px;
	z-index: 40;
}
/*her starter forsiden*/

#billede1{
	position: absolute;
	background-image: url(billeder/portraet2.jpg);
	background-repeat: no-repeat;
	top: 64px;
	left: 33px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#billede2{
	position: absolute;
	background-image: url(billeder/ahornblad.jpg);
	background-repeat: no-repeat;
	top: 64px;
	left: 138px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#billede3{
	position: absolute;
	background-image: url(billeder/forsthaven.jpg);
	background-repeat: no-repeat;
	top: 169px;
	left: 33px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#billede4{
	position: absolute;
	background-image: url(billeder/klit2.jpg);
	background-repeat: no-repeat;
	top: 169px;
	left: 138px;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	z-index:40;
}

#billedestort{

	position: absolute;
	background-image: url(billeder/langesoe.jpg);
	background-repeat: no-repeat;
	top: 440px;
	left: 270px;
	width: 420px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#presen{
	position: absolute;
	top: 60px;
	left: 270px;
	margin: 0 33px 0 0;
	padding:  0 33px 0 0;
	z-index: 20;
}




.forsideover{
	border-bottom: 1px solid #0022AA;
	width: 100%;
}


#opdateret{
	position: absolute;
	bottom: -59px;
	right: 83px;
	z-index: 50;
}

#opdateret p{
	font-size: 10px;
}


/*her starter undersiden "kompetencer".*/

#kompbillede1{
	position: absolute;
	background-image: url(billeder/stevnsny1.jpg);
	background-repeat: no-repeat;
	top: 64px;
	left: 33px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#kompbillede2{
	position: absolute;
	background-image: url(billeder/stevnsny2.jpg);
	background-repeat: no-repeat;
	top: 64px;
	left: 138px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#kompbillede3{
	position: absolute;
	background-image: url(billeder/stevnsny3.jpg);
	background-repeat: no-repeat;
	top: 169px;
	left: 33px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#kompbillede4{
	position: absolute;
	background-image: url(billeder/stevnsny4.jpg);
	background-repeat: no-repeat;
	top: 169px;
	left: 138px;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	z-index:40;
}

#kompbilledestort{

	position: absolute;
	background-image: url(billeder/fjeldsoetroldetraer.jpg);
	background-repeat: no-repeat;
	top: 440px;
	left: 270px;
	width: 420px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#komp1underside{
	position: absolute;
	top: 60px;
	left: 270px;
	padding:  0 33px 0 0;
	z-index: 20;
}

#komp1underside ul{
	margin: 12px 5px 5px 15px;
	padding: 0 0 0 10px;
}

#komp1underside li{
	font-size: 11px;
}
	
.kompetencerover{
	border-bottom: 1px solid #0022AA;;
	width: 100%;
}

/*her starter undersiden "Job og Uddannelse".*/

#uddbillede1{
	position: absolute;
	background-image: url(billeder/hus_norge1.jpg);
	background-repeat: no-repeat;
	top: 64px;
	left: 33px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#uddbillede2{
	position: absolute;
	background-image: url(billeder/hus_norge2a.jpg);
	background-repeat: no-repeat;
	top: 64px;
	left: 138px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#uddbillede3{
	position: absolute;
	background-image: url(billeder/hus_norge3.jpg);
	background-repeat: no-repeat;
	top: 169px;
	left: 33px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#uddbillede4{
	position: absolute;
	background-image: url(billeder/hus_norge4a.jpg);
	background-repeat: no-repeat;
	top: 169px;
	left: 138px;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	z-index:40;
}

#job1 table{
	font-size: 12px;
	border-collapse: collapse;
	margin-top: 20px;
}

#job1 th{	
	background-color: #ddffcf;
	padding: 2px 30px 2px 2px;
	text-align: left;
}

#job1 td{
	background-color: #ddffcf;
	padding: 2px 30px 2px 2px;
}

#job1 .overskuelig td{
	background-color: white;
}

#job2{
	position: absolute;
	top: 60px;
	left: 270px;
	padding:  0 33px 0 0;
	margin: 0px;
	z-index: 20;
}


#job1{
	position: absolute;
	top: 256px;
	left: 270px;
	padding:  0 33px 0 0;
	z-index: 20;
}



.uddannelseover{
	border-bottom: 1px solid #009900;
	width: 100%;
}

/*her starter undersiden "Personlig".*/

#persbillede1{
	position: absolute;
	background-image: url(billeder/vesterhav_stemning6.jpg);
	background-repeat: no-repeat;
	top: 64px;
	left: 33px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#persbillede2{
	position: absolute;
	background-image: url(billeder/vesterhav_stemning2.jpg);
	background-repeat: no-repeat;
	top: 64px;
	left: 138px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#persbillede3{
	position: absolute;
	background-image: url(billeder/vesterhav_stemning5.jpg);
	background-repeat: no-repeat;
	top: 169px;
	left: 33px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}

#persbillede4{
	position: absolute;
	background-image: url(billeder/vesterhav_stemning4.jpg);
	background-repeat: no-repeat;
	top: 169px;
	left: 138px;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	z-index:40;
}



#person1{
	position: absolute;
	top: 60px;
	left: 270px;
	padding:  0 33px 0 0;
	z-index: 20;
}

#person2{
	position: absolute;
	top: 297px;
	left: 270px;
	padding:  0 33px 0 0;
	z-index: 20;
}


.personligover{
	border-bottom: 1px solid #CC3300;
	width: 100%;
}

/*her starter undersiden "Portfolio".*/

#portbillede1{
	position: absolute;
	top: 64px;
	left: 33px;
	width: 100px;
	height:100px;
	margin-right: 10px;
	z-index:40;
}


#portfolio1{
	position: absolute;
	top: 60px;
	left: 270px;
	padding:  0 33px 0 0;
	z-index: 20;
}



.portover{
	border-bottom: 1px solid #6C0503;
	width: 100%;
}


#portfolio_presentation{
	position: absolute;
	top: 190px;
	left: 262px;
	margin-right: 33px; 
	z-index:50;
	height: 380px;
	width: 500px;
	overflow: auto;
	
}


#portfolio_presentation table{
	font-size: 12px;
	border-collapse: collapse;
	margin-top: 0px;
}



#portfolio_presentation td{
	padding: 2px 10px 30px 10px;
	vertical-align: top;
}

td.tekst {
	font-size: 10px;
}