.clearer{
	height:1px;
	overflow:hidden;
	clear:both;
	margin-top:-1px;
}
body {
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 12px;
	background-image: url(assets/dot.gif);	
	}
#wrapper {
	width: 728px;
	margin: 0 auto;
	text-align: left;
	background-color: white;
	}
#top {border: 1px solid #555;}	
#top #logo {
  font-family: 'Century Gothic', arial,  Verdana, 'Small Fonts', sans-serif;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin: 10px;
 }
#top #logo a {text-decoration: none;}
#top #logo a:link {color: #005B7F;}
#top #logo a:visited {color: #005B7F;}
#top #logo a:hover {color: #FA4700;}
#top #logo a:active {color: #005B7F;}
#top a:link #logoslash {color: #FA4700;}
#top a:visited #logoslash {color: #FA4700;}
#top a:hover #logoslash {color: #005B7F;}
#top a:active #logoslash {color: #FA4700;}

/* main table structure */
#tablemain {
	margin: 0;
	border: 1px solid #555;
	border-top: 0px;
	border-collapse: collapse;
	background: url(assets/skyline.jpg) no-repeat top center #8bc6e9;
	padding: 160px 20px 20px 20px;
	}
#tablemain td { margin: 0; padding: 0; border: 1px solid #555;}
#tablemain #tablemainleft {
	background-color: #FFC266; 
	width: 200px; 
	border-left: 1px solid #555;
	vertical-align: top;
	}
#tablemain #tablemainright {padding: 0 20px;}
#tablemain #tablemainright h2 {}

/* Navigation */
#navcontainer {margin: 10px;}
#navcontainer ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}
#navcontainer a {
  display: block;
  padding: 3px;
  background-color: #036;
  border-bottom: 1px solid #eee;
	width: 175px;
}
#navcontainer a:link, #navlist a:visited { color: #EEE; text-decoration: none; }
#navcontainer a:hover { background-color: #369; color: #fff; }

/* copyright */
#copy {padding: 10px; font-size: 10px; text-align: right;}


/* NEW TAB NAVIGATION */
#header {
    float:left;
    width:100%;
    background:yellow;
    font-size:93%;
    line-height:normal;
    }
#header ul {
    margin:0;
    padding:0;
    list-style:none;
    }
  #header li {
    float:left;
    background:url("tabs/norm_right.gif")
      no-repeat right top;
    margin:0;
    padding:0;
    }
#header a {
	display:block;
  background:url("tabs/norm_left.gif") no-repeat left top;
  padding:2px 15px;
  letter-spacing: 1px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold; 
	text-decoration: none }
/* #header a:link  {
	letter-spacing: 1px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold; } */
			
 #header #current {
    background-image:url("tabs/norm_right_on.gif");
    }
  #header #current a {
    background-image:url("tabs/norm_left_on.gif");
    }				


.content {margin: 19px}
.content p {margin:0px; padding: 5px}
#contentarea 
	{
	background-color: white;
	width: 726px;
	margin-left: auto;
	margin-right: auto;
	}
/* OLD COLOR td.rightside {background-color: #DCDFE3} */
td.rightside {background-color: #E2E2E3}
td.leftside {
	background-color: #E3E1DC;
	background-image: url(assets/shadow.gif);
	background-repeat: repeat-y;
	background-position: right;
	}
h1, h2, h3 {
	font-family: georgia, helvetica, sans-serif;
  margin: 0 0 0.5em 0;
  }
h1 {font-size: 24px}
h2 {font-size: 20px}
h3 {font-size: 16px}
h4 {font-size: 14px}


/* LINKS */
a:link {text-decoration: underline; color: #444}
a:visited {text-decoration: underline; color: #444}
a:hover {text-decoration: underline; color: #c00; }
a:active {text-decoration: underline; color: #444}

.tablenav {
	border-top: 1px #777 solid;
	border-right: 1px #777 solid;
	border-bottom: 6px #777 solid;
	border-left: 1px #777 solid;
	background-color: #fff;
	background-image: url(assets/temptopbg.gif);
	background-repeat: repeat-x;
	}

/* N A V I G A T I O N*/
#nav {
	border-top: 1px #777 solid;
	border-right: 1px #777 solid;
	border-bottom: 6px #777 solid;
	border-left: 1px #777 solid;
	background-color: #fff;
	background-image: url(/oveklykken/assets/temptopbg.gif);
	background-repeat: repeat-x;
	width: 726px;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	}
/*ie only*/
* html #nav {
	height: 50px;
	width: 726px;
	}
#nav h1 {margin:0; padding: 10px 0 0 10px; }

#navlinks {
	text-align: right;
	width: auto;
	border: 0px solid black;
	margin: 0 0 10px 8px;
	}
* html #navlinks {width: auto;}

.navitem {
	margin-top: 0px; 
	padding-top:6px; 
	padding-bottom: 4px;
	
	font-size: 11px;
	text-align: right;
	}

 /* UL */
ul#navlist
{
list-style: none;
padding: 0;
margin: 0;
text-align: right;
}

ul#navlist #current {color: red;}
ul#navlist li
{
display: block;
float: left;
margin: 0;
padding: 0;
}


.navitem a {
	display: block;
	float: left;
	letter-spacing: 2px;
	font-family: arial, verdana, helvetica, sans-serif;
	padding: 0px 10px 0px 0px; 
	margin-top: 0px;
	text-transform: uppercase;
	font-weight: bold; 
	text-decoration: none;
	background-color: transparent;
	}
.navitem a:link {color: #666; text-decoration: none;	 }
.navitem a:visited {color: #666; text-decoration: none;	 }
.navitem a:hover {color: #000; text-decoration: none;	 }
.navitem a:active {color: #444; text-decoration: none;	}	
.navitem a .dot {font-size: 100%; font-weight: bold;}
.navitem a:link .dot {color: #FFF8FF; text-decoration: none;	 }
.navitem a:visited .dot  {color: #FFF8FF; text-decoration: none;	 }
.navitem a:hover .dot  {color: red; text-decoration: none;	 }
.navitem a:active .dot  {color: #FFF8FF; text-decoration: none;	}	
/* ------E N D N A V ---------*/

#bottom {
	border-top: 1px #777 solid;
	border-right: 1px #777 solid;
	border-bottom: 6px #c00 solid;
	border-left: 1px #777 solid;
	background-color: #fff;
	width: 726px;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	clear: both;
	}	
* html #bottom { width: 726px;}

.copyright {
	color: #aaa;
	font-size: 9px;
	padding-top: 10px;
	padding-left: 5px;
	}
.copyright a:link, 
.copyright a:visited, 
.copyright a:hover, 
.copyright a:active {color: #aaa; font-weight: normal;}
#bottom img {padding: 10px 5px 0 5px;}
/* bottom ads */
#bottomad {
	border-top: 1px #777 solid;
	border-right: 1px #777 solid;
	border-bottom: 1px #c00 solid;
	border-left: 1px #777 solid;
	background-color: #fff;
	width: 726px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	font-size:9px;
	}	
* html #bottomad { width: 726px;}
#bottomad .ad {
	color: #aaa;
	font-size: 9px;
	margin: 4px;
	}
#bottomad .ad a:link, 
#bottomad .ad a:visited, 
#bottomad .ad a:hover, 
#bottomad .ad a:active {margin: 4px; color: #aaa; font-weight: normal !important;}

/*MAIN AREA */

#main {
	border-right: 1px solid #777;
	border-left : 1px solid #777 ;
	width: 726px;
	background-color: #E2E2E3;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
 	min-height:100%;
 	}
/*ie only*/
* html #main { width: 726px;}

/* LEFT */
#left {
	background-color: #E3E1DC;
	background-image: url(assets/shadow.gif);
	background-repeat: repeat-y;
	background-position: right top;
	float: left;
	width: 364px;
	position: relative;
	display:table-cell;
	height: 100%;
 	min-height:100%;
 	}

/*ie only*/
* html #left { 
	width: 364px;
	border-left: 0px;
	}


/* RIGHT */	
#right {
	background-color: #E2E2E3;
	width: 340px;
	padding: 10px;
	position: relative;	
	float: right;
	display:table-cell;
	height: 100%;
 	min-height:100%;
 	}
	
/*ie only*/
* html #right { width: 340px;}	

/* homepage li's */
#right ul {margin-top: 0.5em;color: #666; font-weight: bold;font-size: 12px;}
#right li {margin-top: 0em; color: #000; font-weight: normal;}
ul {margin-bottom: 0; padding-bottom: 0;}
#right h4.home {font-size: 12px; font-weight: bold; color: #666; margin-bottom: 0; }

/* BOTTOM */
			


.leftcolomn { border-right: 1px solid #777; }
.tdleft { border-right: 1px solid #777; }
.tablebottom {
	border-top: 6px solid #777;
	border-right: 1px #777 solid;
	border-bottom: 1px #777 solid;
	border-left: 1px #777 solid;
	background-color: #fff;
	}


/* HOMEPAGE */
address {
	font-weight: normal;
	margin: 30px 0px 10px 0px;
	padding: 10px 20px 0px 20px;
	font-style: normal;
	font-size: 12px;
	border-top: 1px dotted black;
	color: #111;
	}
.date { font-size: 12px; color: #666; font-weight: bold; }
.news { font-size: 12px; color: #111; margin: 0px 0px 10px 0px; }

/* PORTFOLIO PAGES */
.portpage, .indextext, .resumetext {background-color: #DCDFE3; padding: 5px;}
.portimgholder { margin: 0px 0px 10px 10px}
.portpictd { border: 1px #777 solid; background-color: #fff; }	
/* .portheader img {margin-left: 10px} */
.portdetheader {font-size: 100%; font-weight: bold; text-align: right; margin-bottom: 5px}
.portdetlab {	font-size: 12px; 	color: #666666; 	font-weight: bold; text-align: right; margin-top: 5px}
.portdetprod {font-size: 10px; 	color: #666666; 	font-weight: normal; text-align: right}
.portdetdone {	font-size: 12px; 	color: #666666; 	font-weight: normal; text-align: right}
.portdetdesc {	font-size: 12px; 	color: #666666; 	font-weight: normal; text-align: justify; margin-top: 15px}
.portdetdone p { text-align: justify; }
.portdetdone p.close { text-align: right }

h5.left {font-size: 13px; margin: 0px; }

/* N A V */


/* CODE EXAMPLES */
.articlelisttd { border: 1px #777 solid; background-color: #fff; }

a.newblink:link, a.newblink:visited, a.newblink:hover, a.newblink:active {
	text-decoration: none;
	color: red;
	font-size: 84%;
	margin-left: 5px;
	cursor: text;
}
.codetop {padding: 10px; border-bottom: 1px dotted black;}
.codeback {font-size: 12px; font-weight: bold}
.codetop h1 {display: inline; margin-left: 10px;}
h2.codecomment {font-size: 14px; margin: 10px 0 0 20px;}
.codecomment {margin: 0 20px 1em 20px; }
.codeexample blockquote { margin: 10px; padding: 10px; background-color: #B5C4D2; border: thin dotted #000000;	}
.codehtml blockquote, .codecss blockquote  {
	background-color: #ccc;
	border: thin dotted #000;
	margin: 10px;
	padding: 10px;
	width:auto; 
	}
.codeexample h3, .codehtml h3,	.codecss h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0px 0px 10px;
	}

/* assets/domedia.css */
/* webdevbooks*/
/* 4 MAIN BOTTOM ELEMENTS */
div#wdb-network, div#wdb-digpointlink, div#wdb-googlehor, div#wdb-copy
	{
  width: 730px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
  border-right: 1px solid #555;
	border-bottom: 1px solid #555; 
	border-left: 1px solid #555;
  } 
div#wdb-network { font-size: 11px; background-color: white; }
div#wdb-digpointlink { font-size:11px; background-color: #999; }
div#wdb-googlehor {}
div#wdb-copy {font-size: 11px; background-color: #ccc; }

/* L O G O */
@font-face {
font-family: 'Century Gothic';
font-style: normal;
font-weight: bold;
src: url(CENTURY0.eot);
}

/* TECHNOLOGY & DESIGN */
.tech {
				font-family: 'Arial Narrow', arial, verdana, 'Small Fonts', sans-serif;
				color: white;
				text-transform:uppercase; 
				font-weight: bold;
				font-size: 11px;
				letter-spacing: 0.05em;
				margin-left: 8px;
				}
				
.divtop
 {
	left: 50%; 
	margin-left: -375px; 
	background-color: white; 
	width: 750px; 
	position: relative; 
	border: 1px solid #333333;
	}
.divnav	, .divbanner
	 {
		left: 50%; 
		margin-left: -375px; 
		background-color: white; 
		width: 750px; 
		position: relative; 
		border-left: 1px solid #333333; 
		border-bottom: 1px solid #333333; 
		border-right: 1px solid #333333
	}

.top {	
	background-color: white;
	width: 750px;
	height: 100px;
	border: 1px solid black;
	}
.navbutton { margin: 0px; padding: 0px}
.subnav {font-size: 14px}
.subnav a:link {color: #005C80 }
.subnav a:visited {color: #005C80 }
.subnav a:hover {color: #000 }
.subnav a:active {color: #005C80 }

/* h1 {color: #005C80; font-size: 20px; border-bottom: dotted 1px #005C80 } */
h3 {font-size: 14px}

a:link {color: black; text-decoration: underline}
a:visited {color: black; text-decoration: underline}
a:hover {color: #005B7F; text-decoration: none}
a:active {color: black; text-decoration: underline}

/* M A I N  T A B L E S */
.navtable, .bottomtable{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 730px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px
	}
.navtable {background-color: #999999;}
.navtable, .bottomtable {
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555; 
	border-left: 1px solid #555555 ;	}
.bottomtable { background-color: #999999;	}
.center { 	text-align: center; }

/* NAVIGATION 
.navtable img { 	margin-right: 4px; }
*/
table.navtable {background-color: #FFC266;}
.navtable img.navlast {margin-right: 0px}
.navbutton {text-align: left; padding: 0px; margin: 0px }

/* UNDER NAV */
.undernavtable {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 750px;
	padding-top: 0px;
	}
.undernavtd {background-color: #7FADBF}	

/* NEWS */
#sptipfeedtype {font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 10px; margin-left: 10px; background-color: #FFC266; margin-right: 20px display: block;}
.newstop {font-family: arial, verdana,  sans-serif; font-weight: bold; font-size: 12px; margin-left: 10px; text-transform: uppercase; margin-right: 20px; margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #005B7F; color: #003366}
.newsdate {font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 10px; margin-left: 10px; background-color: #FFC266; margin-right: 20px}
#sptipfeedtext, .newshead {font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 11px; margin-left: 10px; margin-right: 20px; display: block;}
.newshead a:link {color: #003366; text-decoration: none}
.newshead a:visited {color: #006699; text-decoration: none}
.newshead a:hover {color: #000000; text-decoration: none}
.newshead a:active {color: #005B7F; text-decoration: none}
.newsbringer {visibility: hidden; font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 10px; margin-left: 10px; margin-right: 20px; margin-bottom: 0px}

/* MAINTABLE */
.frontmaintable  {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 758px;
	padding-top: 0px;
	}
.mainheader {font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 14px; margin-top: 20px; margin-left: 40px; text-transform: uppercase; }
.maintext {font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 12px; margin-top: 15px; margin-left: 40px; margin-right: 25px;}
.serviceslist li {font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 12px; margin-left: 15px; margin-top: 0px}

/* FRONTTAG */
.tagfront { margin-left: 150px; margin-right: 100px}
.tagfront li { font-weight: bold; text-transform: uppercase; }
/* .tagfront p  {margin-left: 150px; margin-right: 100px} */
}

/* BOTTOM */
.slash { color: #F0B468; }
.catname { 	color: #005C80; }
	
	/* P O R T F O L I O */
.portpi {border: 1px dotted #999; margin: 30px; padding: 10px;}
.porttext {font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 12px; margin-top: 0px; margin-right: 10px; margin-left: 170px;}
.portthumb { 	border: 1px solid #ccc; margin: 3px; vertical-align: baseline; float: left;}

/* A D M I N */
.cl_table {font-family: arial, verdana, sans-serif; font-size: 11px;}