* {
	margin: 0;
	padding: 0;
}

body {
font-family: Helvetica, Verdana, Arial sans-serif;
font-size: 0.9em;
line-height: 1.42857em; /* set global line height to 20px */
color: #323232;
margin: 0;
background: #FFFFFF url("img/header_back.gif") top left repeat-x;
width: 100%;
}

A:link			{color: #05a4ed; text-decoration:none;}
A:visited		{color: #05a4ed; text-decoration:none;}
A:hover			{color: #f59a07; text-decoration:none;}

.footer-row a{color:#2380a1; text-decoration:none;}
.footer-row a:visited{color:#2380a1;}
.footer-row a:hover{color:#2380a1; text-decoration:underline;}

.contactbar-800 a{color:#fff; text-decoration:none;}
.contactbar-800 a:visited{color:#fff;}
.contactbar-800 a:hover{color:#fff; text-decoration:underline;}

ul {
text-indent: 5px;
list-style-position: outside;
padding: 6px;
margin: 2px;
}

h1 {
	font-family: 'Nobile', arial, serif; 
	font-size: 1.50em;
	color: #2380a1;
}

h2 {
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 1.35em;
	color: #2380a1;
}

h3 {
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 1.15em;
	color: #2380a1;
}


p {
	margin: 0 0 18px
}

img {
	border: none;
}

input {
	vertical-align: middle;
}

.clear {
clear: both;	
}

#wrapper {
	width: 800px;
	margin: 0 auto;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 133px;
	background: url(img/header_middle.gif) center top no-repeat;
}

#logo {
	display: block;
	width:203px;
	height:94px;
	float:left;
	background: url(img/privat_optik_logo.png) left no-repeat;
	margin-top:25px;
	text-indent: -3000px;
}

#top-menu {
width:556px;
float:right;
margin-top:80px;

}

ul#menu {list-style:none;text-align:center;height:42px;overflow:hidden;padding:0;margin:0;} 
ul#menu li {float:left;display:block;overflow:hidden;}
ul#menu li a {display:block;height:42px;background:url(img/nav_sprites.png) no-repeat;cursor:pointer;text-indent: -6000px;;}
ul#menu #forside {width:83px;background-position:0px -42px;}
ul#menu #forside.active {background-position:0px 0px;}
ul#menu #tilbud {width:160px;background-position:-83px -42px;}
ul#menu #tilbud.active {background-position:-83px 0px;}
ul#menu #firmaet {width:97px;background-position:-243px -42px;}
ul#menu #firmaet.active {background-position:-243px 0px;}
ul#menu #glas {width:134px;background-position:-340px -42px;}
ul#menu #glas.active {background-position:-340px 0px;}
ul#menu #find-os {width:82px;background-position:-474px -42px;}
ul#menu #find-os.active {background-position:-474px 0px;}



/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	height: 1%;
	margin-top: 30px;
}

#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

#container {
	width: 100%;
	float: left;
	overflow: hidden;
}

#content {
	padding: 0 280px 40px 0;
}

#content-main {
margin-bottom: 40px;
}

#newsletter-container {
	width:199px;
}

#newsletter-container-top {
	width:199px;
	height:97px;
	background: #00f;
}

#newsletter-container-bottom {
	width:199px;
	height:19px;
	background: #f0f;
}



#main-splash-container {
	width:800px;
	height:335px;
}

#main-splash {
	width:590px;
	float:left;
}

#main-banners {
	width:200px;


	float:right;
}

.main-banners-padding {
margin-bottom: 5px;
}

#main-boxes{
	width:800px;
	height:302px;
	margin:0px auto;
  padding-top: 8px;
}

#box-1{
	position:relative;
	width:260px;
  float:left;
  margin-right: 10px;
  margin-bottom:20px;
}

#box-2{
	position:relative;
	width:260px;
  float:left;
  margin-right: 10px;
  margin-bottom:20px;
}

#box-3{
	position:relative;
	width:260px;
  float:left;
  margin-bottom:20px;
}

.text-white{
color: #fff;
}

.contactbar-800 {
	width: 800px;
	text-align: center;
	padding: 10px 0 12px 0;
	background: #000;
}

.headerbar-800 {
	width: 800px;
	height: 40px;
	background: #d8eff7;
}

.headerbar-530 {
	width: 520px;
	height: 30px;
	margin-bottom:15px;
	background: #d8eff7;
	padding: 10px 0 0 10px;
}

.headerbar-260 {
	width: 250px;
	height: 30px;
	margin-bottom:15px;
	background: #d8eff7;
	padding: 10px 0 0 10px;
}

.tilbud-container {
	width: 530px;
	margin-bottom:15px;
}

.tilbud-container-image {
	width: 200px;
	float: left;
}

.tilbud-container-text {
	width: 320px;
	float: right;
}

.tilbud-seperator {
	width: 530px;
	height: 16px;
	border-top:1px solid #d8eff7;
	margin: 20px 0 20px 0;
	float: left;
}

.tilbud-text-bold {
font-weight:bold;
color: #2380a1;
}

/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
	float: left;
	margin-right: -3px;
	width: 260px;
	margin-left: -260px;
	position: relative;

}

.quote-header {
	width: 260px;
	height: 19px;
	background: url(img/quote.gif) top left no-repeat;
}

.quote-box {
	font-style: italic;
	width: 220px;
	margin-left:40px;

}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 100%;
	background: #d8eff7 url(img/footer_middle.gif) center top no-repeat;
}

#footer-base {
	width: 100%;
	height: 213px;
	background: #d8eff7 url(img/footer_logo.gif) center bottom no-repeat;
}

#footer-content {
	width: 800px;
	margin: auto;
	padding-top: 40px;
}

.footer-row{
font-size:1em;
color:#2380a1;
width:800px;
padding-bottom:4px;
text-align:center;
overflow:hidden;
margin:0;
}

.footerpagelist {
list-style:none;
padding:0px;
}

.footerpagelist li{
display:inline;
list-style:none;
padding:0px 30px 0px 30px;
margin:0px;
}

.footersubpagelist{
width:860px;
list-style:none;
margin:0px;
padding:0px;
}

.fb{
width:220px;
height:71px;
overflow: hidden;
position: absolute;
position:fixed;
top:140px;
left:0px;
z-index:9999;
-webkit-border-top-right-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 12px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
-webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    4px 4px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow:         4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

.fb A:link img{
margin: 0 0 10px 0;	
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
-ms-transition:all .2s;
transition:all .2s;
}

.fb A:hover img{
opacity: 0.5;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
-ms-transition:all .2s;
transition:all .2s;
}

