body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:""; }
abbr,acronym { border:0; }

html {font-size:62.5%}

BODY {	PADDING: 0px; MARGIN: 0px; font: 1.1em/1.4em verdana, arial, helvetica, sans-serif; color: #111; background-color: #fff;    }
TITLE { PADDING: 0px; FONT-WEIGHT: 900; FONT-SIZE: 2.4em; MARGIN: 0px 0px 15px; COLOR: #aaa; }

H1 { 	PADDING: 0px; FONT: bold 2.2em/1.2em arial, helvetica, sans-serif; 	MARGIN: 5px 0px 15px; COLOR: #431;  
	text-shadow: 2px 2px 3px #999;	}
H2 {	PADDING: 0px; FONT: bold 1.8em/1.2em arial, helvetica, sans-serif; 	MARGIN: 0px 0px 15px; COLOR: #431;		
	text-shadow: 2px 2px 3px #aaa;	}
H3 {	PADDING: 0px; FONT: bold 1.6em/1.2em arial, helvetica, sans-serif; 	MARGIN: 0px 0px 10px; COLOR: #431; 	
	text-shadow: 2px 2px 3px #bbb;	}
H4 {	PADDING: 4px 1px 4px 1px; FONT: bold 1.3em/1.2em arial, helvetica, sans-serif; 	MARGIN:7px 0px 7px 0px;  COLOR: #431; border-bottom: 1px solid #bbb;		}

H5 {	PADDING: 3px; FONT: bold 1.6em/1.2em verdana, arial, helvetica, sans-serif; MARGIN: 0px 30px 0px 0px; 
	color: #999; background-color:  #fff;border-bottom: 0px solid #ddd;	}

H6 {	PADDING: 3px; FONT: italic 1.5em/1.2em Georgia, arial, helvetica, sans-serif; MARGIN: 0px 10px 0px 0px; 
	color: #999	; background-color:  #fff;border-bottom: 0px solid #ddd;	}


P {	PADDING: 0px; font: 1.1em/1.4em verdana, arial, helvetica, sans-serif;  }
table {FONT: 1.1em/1.6em verdana, arial, helvetica, sans-serif; }

img {	text-decoration: none; border-bottom: none;border:0;	}

A {		text-decoration: none; font-weight:bold; }
A:link {	COLOR: #b44; PADDING: 0px; }
A:visited {	COLOR: #b44;PADDING: 0px; 	}
A:hover {	COLOR: #f00; TEXT-DECORATION: underline; border-bottom: none;;PADDING: 0px; 	
		text-shadow: 0px 0px 2px #ffaa66;  /* opera 9.5: text-shadow: 0px 0px 2px #ffaaaa;  */  }

a.web:link 	{COLOR: #5082d8; PADDING: 0px; }
a.web:visited	{COLOR: #5082d8;PADDING: 0px; 	}
a.web:hover 	{COLOR: #00f; TEXT-DECORATION: underline; border-bottom: none;;PADDING: 0px; 	
		text-shadow: 0px 0px 2px #ffaa66;  /* opera 9.5: text-shadow: 0px 0px 2px #ffaaaa;  */  }



a.pdf:link 	 {COLOR: #b0b; PADDING: 0px; background-image: url('../PpcSoft/Grafikk/pdf.gif') ; padding-top:20px; padding-left: 18px; 
							 background-repeat:no-repeat; background-position:bottom left; }
a.pdf:visited{COLOR: #b0b;PADDING: 0px; background-image: url('../PpcSoft/Grafikk/pdf.gif') ; padding-top:20px; padding-left: 18px; 
							 background-repeat:no-repeat; background-position:bottom left; }

a.pdf:hover 	 {COLOR: #f0f; TEXT-DECORATION: underline; border-bottom: none;;PADDING: 0px; 		
							background-image: url('../PpcSoft/Grafikk/pdf.gif') ; padding-top:20px; padding-left: 18px; 
							 background-repeat:no-repeat; background-position:bottom left; 
		text-shadow: 0px 0px 2px #ffaa66;  /* opera 9.5: text-shadow: 0px 0px 2px #ffaaaa;  */  }






.content {	padding: 0px 1px 5px 10px; 	z-index: 4;margin: 0px 10px 0px 200px; 
		position: relative; background-color: white; top: 0px;	width:550px;	}

.banner{	FONT: bold 16px arial, helvetica, sans-serif; width: auto; color: #fb5; 
		position: absolute; top: 0px; padding-left:340px; padding-top: 35px; white-space:nowrap;	
}

.banner li	{ display:inline; list-style-type:none; }


.blank table{FONT: 1.1em/1.6em verdana, arial, helvetica, sans-serif; padding:10px; text-decoration:underline;}


#download .download, #products .products, #support .support, #about .about 
{ COLOR: #fb5; text-decoration:underline;}


.tittel		{ COLOR: #fff; text-shadow: 0px 0px 2px #ffaa66; }
.tittel li		{ display:inline; list-style-type:none; }
A.tittel 		{ COLOR: #fff; text-shadow: 0px 0px 8px #ffaa66;  }
A.tittel:link 	{ COLOR: #fff; text-shadow: 0px 0px 8px #f70; }
A.tittel:visited 	{ COLOR: #fff; text-shadow: 0px 0px 8px #f70;  }
A.tittel:hover 	{ COLOR: #ea4; text-decoration:underline; text-shadow: 0px 0px 0px #000;  }



.leftlink		{ COLOR: #b44; }
A.leftlink		{ COLOR: #b44; }
A.leftlink:link	{ COLOR: #b44; }
A.leftlink:visited	{ COLOR: #b44; }
A.leftlink:hover	{ COLOR: #f00; text-decoration:underline;}

.selected		{ COLOR: #000; }
A.selected		{ COLOR: #000; }
A.selected:hover	{ COLOR: #000; text-decoration:none;}

#products-overview .products-overview, #products-tour .products-tour, #products-features .products-features, #products-screenshots .products-screenshots, #products-benefits .products-benefits, #products-price .products-price,
#about-overview .about-overview, #about-philosophy .about-philosophy, #about-history .about-history, #about-customers .about-customers, #support-overview .support-overview, #support-faq .support-faq, #support-contactus .support-contactus, #support-help .support-help, #download-iknow .download-iknow, #download-beta .download-beta
{ COLOR: #000; text-decoration:none; FONT: bold 1.4em/1.0em arial, helvetica, sans-serif;  }



.leftFrame {	 z-index: 4; 	left: 10px;  position: absolute; top: 100px; height: 600px; width: 180px; padding: 0px; 
		voice-family: inherit; 
		background-image: url('../PpcSoft/Grafikk/left-separator.gif') ; 
		background-repeat:no-repeat; background-position:top right; 
		}

.LeftMenu {	padding: 0px; z-index: 3; left: 0px; width: auto; height:auto;
		position: relative; top: 0px; voice-family: inherit; }

.LeftMenu p { FONT: 1.0em/1.6em verdana, arial, helvetica, sans-serif;  }


.box50 {	BORDER: solid 1px #d2d2d2; BACKGROUND-COLOR: #ffffe0; 	PADDING: 10px;
		WIDTH: 50%; LEFT: 0px;RIGHT: 0px; POSITION: relative; TOP: 0px; voice-family: inherit;	}

.box80 {	BORDER: solid 1px #d2d2d2; BACKGROUND-COLOR: #ffffe0; 	PADDING: 10px;
		WIDTH: 80%; LEFT: 0px;RIGHT: 0px; POSITION: relative; TOP: 0px; voice-family: inherit;	}

.box100 {	BORDER: solid 1px #d2d2d2; BACKGROUND-COLOR: #ffffe0; 	PADDING: 10px;
		WIDTH: 95%; LEFT: 0px;RIGHT: 0px; POSITION: relative; TOP: 0px; voice-family: inherit;	}


.item p {	FONT: 1em/1.4em verdana, arial, helvetica, sans-serif;  
		background-image:url(../PpcSoft/Grafikk/item.png) ; 
		background-repeat:no-repeat; background-position:left; 
		margin-left:1px; padding: 2px 0px 2px 15px; }

.list p {	FONT: 1em/1.4em verdana, arial, helvetica, sans-serif;  
		background-image:url(../PpcSoft/Grafikk/list.png) ; background-repeat:no-repeat; background-position:left; 
		margin-left:1px; padding: 2px 0px 2px 15px; }

.listdown p {	FONT: 1em/1.4em verdana, arial, helvetica, sans-serif;  
		background-image:url(../PpcSoft/Grafikk/list-down.png) ; background-repeat:no-repeat; background-position:left; 
		margin-left:1px; padding: 2px 0px 2px 15px; }



.navScreenshot { padding: 0px 0px 0px 5px; BORDER: none; Z-INDEX: 3; RIGHT: 5px; width: 210px; 
	 position: relative; top: 0px; background-color: #fff	; voice-family: inherit
}
.navTopp { padding: 0px 0px 0px 0px; border: none; 	z-index: 0; 
		left: 0px; width: 1024px; position: absolute; top: 00px; height: 65px; voice-family: inherit
}

.fargeboks{	padding: 10px 20px 5px 10px; z-index: 3; BORDER: black 1px solid; 
		FONT: 1.1em/1.6em verdana, arial, helvetica, sans-serif; COLOR: #000; BACKGROUND:#ffA; 
		width: auto;  position: relative; background-color: yellow; 	}


.ErrorBox {    BORDER: red 2px solid; FONT-SIZE: 0.9em; WIDTH: 400px; COLOR: black;
		FONT-FAMILY: Verdana, 'Lucida Console', 'Courier New', Arial;		}



.dynamicBox{	padding: 1px 1px 1px 1px; z-index: 2; BORDER: black 0px solid; 
		FONT: 1.1em/1.6em verdana, arial, helvetica, sans-serif; COLOR: #000; 
		width: auto; height: auto;  position: relative; overflow: visible; clear: both;  	}

.dynamicContent{	padding: 20px 20px 15px 30px; z-index: 3; BORDER: black 0px solid; 
		FONT: 1.0em/1.5em verdana, arial, helvetica, sans-serif; COLOR: #777; overflow: visible; clear: both;  
		width: 450px; height: 400px; position: relative; background-image: url(borderBox400.gif); background-repeat:no-repeat;	}

.dynamicContent350{	padding: 20px 20px 15px 30px; z-index: 3; BORDER: black 0px solid; 
		FONT: 1.0em/1.5em verdana, arial, helvetica, sans-serif; COLOR: #777; overflow: visible; clear: both;  
		width: 450px; height: 350px; position: relative; background-image: url(borderBox350.gif); background-repeat:no-repeat;	}


.dynamicBox h6 { float: left; margin: 0; border: solid #000; border-width: 0px 0px 0 0; font-size: 1em; padding-top: 10px; padding-left: 20px; }


/* =================================================
	Blog-spesifikke CSS verdier

   =================================================
*/

.rightMenu p { FONT: 1.0em/1.6em verdana, arial, helvetica, sans-serif;  }


.rightmenu{	FONT: 12px arial, helvetica, sans-serif; width: 200px; color: #888; 
		position: absolute; top: 90px; left:790px;border-left: 1px dotted; padding-left: 10px; border-color: #ddd;}

.translateGoogle p { FONT: 1.0em/1.6em verdana, arial, helvetica, sans-serif;  }


.translateGoogle{	FONT: 12px arial, helvetica, sans-serif; width: 200px; color: #888; 
		position: absolute; top: 20px; left:790px; padding-left: 10px; border-color: #ddd;}



		
/* screenshotS, M og L er identisk bortsett fra 
	- image-navn og 
	- padding-left (første)*/

.screenshotS
	{	FONT: 1em/1.4em verdana, arial, helvetica, sans-serif;  
		background-image:url(../PpcSoft/Grafikk/blog-small.png) ; 
		background-repeat:no-repeat; background-position:left; 
		margin-left:0px; margin-bottom:0px; padding: 500px 0px 0px 0px; }
		
.screenshotM
	{	FONT: 1em/1.4em verdana, arial, helvetica, sans-serif;  
		background-image:url(../PpcSoft/Grafikk/blog-medium.png) ; 
		background-repeat:no-repeat; background-position:left; 
		margin-left:0px; margin-bottom:0px; padding: 650px 0px 0px 0px; }
			
.screenshotL
	{	FONT: 1em/1.4em verdana, arial, helvetica, sans-serif;  
		background-image:url(../PpcSoft/Grafikk/blog-large.png) ; 
		background-repeat:no-repeat; background-position:left; 
		margin-left:0px; margin-bottom:0px; padding: 800px 0px 0px 0px; }
		
.screenshotL p { FONT: 1.0em/1.2em verdana, arial, helvetica, sans-serif;  				position: absolute; top: 150px; left:77px; width: 410px;}
.screenshotM p { FONT: 1.0em/1.2em verdana, arial, helvetica, sans-serif;  				position: absolute; top: 150px; left:77px; width: 410px;}
.screenshotS p { FONT: 1.0em/1.2em verdana, arial, helvetica, sans-serif;  				position: absolute; top: 150px; left:77px; width: 410px;}
		
.screenshotL h1 { FONT: bold 2.0em/1.6em verdana, arial, helvetica, sans-serif; position: absolute; top: 105px; left:77px; width: 410px; color: #008;}
.screenshotM h1 { FONT: bold 2.0em/1.6em verdana, arial, helvetica, sans-serif; position: absolute; top: 105px; left:77px; width: 410px; color: #008;}
.screenshotS h1 { FONT: bold 2.0em/1.6em verdana, arial, helvetica, sans-serif; position: absolute; top: 105px; left:77px; width: 410px; color: #008;}

.screenshotL h7 { FONT: bold 1.2em/1.6em verdana, arial, helvetica, sans-serif; color: #060;}
.screenshotM h7 { FONT: bold 1.2em/1.6em verdana, arial, helvetica, sans-serif; color: #060;}
.screenshotS h7 { FONT: bold 1.2em/1.6em verdana, arial, helvetica, sans-serif; color: #060;}

.screenshotL h8 { FONT: bold 1.4em/1.6em verdana, arial, helvetica, sans-serif; color: #b33;}
.screenshotM h8 { FONT: bold 1.4em/1.6em verdana, arial, helvetica, sans-serif; color: #b33;}
.screenshotS h8 { FONT: bold 1.4em/1.6em verdana, arial, helvetica, sans-serif; color: #b33;}

.screenshotL h9 { FONT: bold 1.6em/1.6em verdana, arial, helvetica, sans-serif; color: #55b;}
.screenshotM h9 { FONT: bold 1.6em/1.6em verdana, arial, helvetica, sans-serif; color: #55b;}
.screenshotS h9 { FONT: bold 1.6em/1.6em verdana, arial, helvetica, sans-serif; color: #55b;}

.screenshotL h10 { FONT: bold 1.0em/1.4em verdana, arial, helvetica, sans-serif; color: #f00; border-bottom:1px solid;}
.screenshotM h10 { FONT: bold 1.0em/1.4em verdana, arial, helvetica, sans-serif; color: #f00; border-bottom:1px solid;}
.screenshotS h10 { FONT: bold 1.0em/1.4em verdana, arial, helvetica, sans-serif; color: #f00; border-bottom:1px solid;}
		
.posted { FONT:  1.0em/1.6em verdana, arial, helvetica, sans-serif; color: #999; border-top: 2px dotted #ddd;}
		
.blogArticleORGINAL { background-color: #f9f9f9; border: 1px solid #ddd; }
.blogArticle { background-color: #fcfcfc; border: 1px solid #eee; }

hr {border: 0; width:100%; color:#fff; background-color: #fff; height: 1px; border-top: solid 1px #ccc;}

		
a.blog:link 	{COLOR: #631; PADDING: 0px; }
a.blog:visited	{COLOR: #631;PADDING: 0px; 	}
a.blog:hover 	{COLOR: #c00; TEXT-DECORATION: underline; border-bottom: none;;PADDING: 0px; 	
		text-shadow: 0px 0px 2px #ffaa66;  /* opera 9.5: text-shadow: 0px 0px 2px #ffaaaa;  */  }



/* HIGHLIGHT KEYBOARD SHORTCUTS    */
b.kb {
    background-color:#dcb;
    border:1px solid #ca8;
    border-top:1px solid #fed;
    border-left:1px solid #fed;
    color:#222;
    padding:1px 4px 1px 4px; /* Links */
    margin:0 1px 0 1px;
}



.pullquote {
	padding: 10px;
	float: right;
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #694e1c;
	border-bottom-color: #694e1c;
	font-size: 14px;
	text-align: center;
	line-height: 24px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
}



.yellownoteSmall {
	padding: 20px 30px 0px 40px;
	margin: 5px -25px 5px 0px;
	float: right;
	width: 130px;	height: 200px;
	border: 0px none #fff;
	text-align: left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	background-image: url('../PpcSoft/Grafikk/yellow-note-small.jpg') ; 
	background-repeat:no-repeat; background-position:top left; 
}

.yellownoteMedium {
	padding: 25px 30px 0px 50px;
	margin: 5px -25px 5px 0px;
	float: right;
	width: 160px;	height: 240px;
	border: 0px none #fff;
	text-align: left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	background-image: url('../PpcSoft/Grafikk/yellow-note-medium.jpg') ; 
	background-repeat:no-repeat; background-position:top left; 
}


.yellownoteLarge {
	padding: 30px 40px 0px 55px;
	margin: 5px -25px 5px 0px;
	float: right;
	width: 185px;	height: 285px;
	border: 0px none #fff;
	text-align: left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	background-image: url('../PpcSoft/Grafikk/yellow-note-large.jpg') ; 
	background-repeat:no-repeat; background-position:top left; 
}



.postitSmall {
	padding: 50px 30px 0px 40px;
	margin: 5px -25px 5px 0px;
	float: right;
	width: 130px;	height: 140px;
	border: 0px none #fff;
	text-align: left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	background-image: url('../PpcSoft/Grafikk/post-it-small.jpg') ; 
	background-repeat:no-repeat; background-position:top left; 
}



.postitMedium {
	padding: 65px 40px 0px 50px;
	margin: 5px -25px 5px 0px;
	float: right;
	width: 160px;	height: 185px;
	border: 0px none #fff;
	text-align: left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	background-image: url('../PpcSoft/Grafikk/post-it-medium.jpg') ; 
	background-repeat:no-repeat; background-position:top left; 
}


.postitLarge {
	padding: 75px 50px 0px 60px;
	margin: 5px -25px 5px 0px;
	float: right;
	width: 190px;	height: 205px;
	border: 0px none #fff;
	text-align: left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	background-image: url('../PpcSoft/Grafikk/post-it-large.jpg') ; 
	background-repeat:no-repeat; background-position:top left; 
}