/* 
	CSS Document 
	Oslo Øyelegesenter
	Sircon Norge AS
	http://sircon.no
---------------------------------------------- */

html {
	margin: 0;
	padding: 0;
	border-top: 20px solid #000;
	}

body {
	margin: 0;
	padding: 0;
	}


/* Layout
---------------------------------------------- */

.wrap {
	width: 960px;
	margin: 0 auto;
	padding: 400px 0 0;
	position: relative;
	}

.logo {
	position: absolute;
	top: 0px;
	left: 0px;
	}

.topnav {
	width: 700px;
	height: 26px;
	position: absolute;
	top: 47px;
	right: 0px;
	z-index:5;
	/*zoom: 1;*/
	}

#flashbox {
	position: absolute;
	top: 75px;
	width: 960px;
	height: 295px;
	}
	
.leftcol {
	width: 330px;
	float: left;
	}

.rightcol {
	width: 600px;
	float: right;
	}

.footer {
	width: 100%;
	padding: 10px 0;
	background-color: #000;
	}

	.middle { width: 700px; margin: 0 auto; background: url("../images/footer.gif") 0 50% no-repeat; padding-left: 260px; } 
	.footer .middle p { color: #fff; font: normal 11px/16px "Trebuchet MS", sans-serif; width: 200px; padding-right: 20px; float: left; margin: 0; }
	.footer .middle p a { color: #77c4f0; }


/* Default type and links
---------------------------------------------- */
	
a { color : #027dc3;}
a:hover { color : #027dc3; }
p { margin : 0 0 22px 0; }

p, td p, td, li, input#navn, input#epost, textarea#melding, .footer p {  
	font: normal 13px/21px "Trebuchet MS", sans-serif;
	color: #000;
	}

h1 {
	font: normal 24px/21px "Trebuchet MS", sans-serif;
	margin: .2em 0 21px;
	color: #000;
	}

h2 {
	font: normal 20px/17px "Trebuchet MS", sans-serif;
	margin: .2em 0 17px;
	color: #027dc3;
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 4px;
	}	

h3 {
	font: normal 16px/13px "Trebuchet MS", sans-serif;
	margin: .2em 0 0;
	color: #000;
	}

h4 {
	font: normal 14px/11px "Trebuchet MS", sans-serif;
	margin: .2em 0 0;
	color: #000;
	}

a img {
	border: none;
	}
	
/* Tagmark
---------------------------------------------- */
	
#tagmark { font: normal 12px Arial, sans-serif; color: #808080; text-align: center; }
#tagmark a { text-decoration : none; color : #808080; }
#tagmark a:hover { color : #880000; }
#tagmark a img { margin: 0 4px -5px; }


/* Forms
---------------------------------------------- */

input#navn, input#epost, textarea#melding { padding : 4px; border : 1px solid #dedede; }


/* Common
---------------------------------------------- */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearfix { clear: both; height: 76px; }
.clear1em { clear: both; height: 1em; }
.clear2em { clear: both; height: 2em; }
img, div { behavior: url("pngbehavior.htc"); }
.topnav.ul { zoom:1;}