/*
Theme Name: Vinduspusseren
Theme URI: http://holtedesign.no/
Version: 1.0
Author: Mia Holte http://www.miaholte.com
*/



body, html {
		background:url(images/body_bg.jpg) repeat-x top #fff;
		color: #000;
		height: 100%;
		width: 100%;
		min-height:100%;
		}

/*
----------------------------------------------------------------
	L E N K E R
---------------------------------------------------------------- */

a, a:visited {
		text-decoration:underline;
		color: #000;
		}
a:hover  {
		text-decoration:none;
		color:#000;
		}
#c2a a, #c2a a:visited, #footer a, #footer a:visited {
		text-decoration:underline;
		color: #fff;
		}
#c2a a:hover, #footer a:hover {
		text-decoration:none;
		color:#fff;
		}
#sitemap a, #sitemap a:visited {
		text-decoration: none;
		}
#sitemap a:hover {
		text-decoration:underline;
		}
.pil_link a {
		background:url(images/pil.gif) no-repeat right center;
		padding: 0 15px 5px 0;}

.pil_link_hvit a {
		background:url(images/pil_hvit.png) no-repeat right center;
		padding: 0 20px 5px 0;}
		
/*
----------------------------------------------------------------
	G E N E R E L L E   K L A S S E R 
---------------------------------------------------------------- */

.floatleft, .alignleft {
		float:left;
		}
.floatright, .alignright {
		float:right;
		}
.clear {
		clear:both;
		}
.first {
		margin: 0 20px 0 0;
		}
.wc_h2 {
		width: inherit;
		text-indent:-9999px;
		}

.divider {
		padding: 20px 0 0 0;
		}

form em {
		color: #f00;
		}
		
		
/*
----------------------------------------------------------------
	L I S T E R
---------------------------------------------------------------- */

.widecolumn ul li {
		padding: 10px 0;
		}
ul.kontakt_liste li {
		list-style:none;
		margin: 0;}
/*
----------------------------------------------------------------
	H O V E D S T R U K T U R 
---------------------------------------------------------------- */

#wrap{
		/*background: url(images/16_col.gif) repeat-y; /*960 Grid*/
		/*height: 100%;
		width: 940px;
		margin: 0 auto;
		padding: 0 10px ;*/
		
		}
.innerwrap {
		background: transparent;
		width:940px;
		margin: 0 auto;
		}
#header {
		height: 140px;
		color:#333;
		}
.widecolumn{
		width: 640px;
		float:left;
		margin: 0 20px 0 0;
		}
.narrowcolumn{
		width: 280px;
		float:left;
		}
#footer{
		background: url(images/footer_bg.jpg) repeat-x top #333;
		color:#fff;
		padding: 40px 0 20px 0;
		margin: 20px 0 0 0;
		float:left;
		width: 100%;
		min-height: 20%;
		}
		


/*
----------------------------------------------------------------
	H E A D E R
---------------------------------------------------------------- */

#c2a {
		float: right;
		background:url(images/c2a_bg.jpg) no-repeat top right;
		height: 31px;
		width: 409px;
		color:#fff;
		margin: 0 -2px 0 0;
		}	
#c2a p {
		margin: 3px 0 0 15px;
		}	
#logo {
		margin: 38px 0 0 0;
		float:left;
		}		
#header h1 {
		text-indent: -3000px;
		}

/*MAINNAV*/

#mainnav ul{
		float:right;
		margin: 10px 0 0 0;
		}	
#mainnav ul li {
		float:left;
		display:inline;
		}
#mainnav ul li a, #mainnav ul li a:visited {
		display:block;
		height:20px;
		float:left;
		text-indent: -9999px;
		}
#mainnav ul li a:hover {
		border-bottom: 3px solid #8abb35;
		}
.mn_tjenester {
		background:url(images/mn_tjenester.gif) no-repeat center left;
		height: 13px;
		width: 86px;
		}
.mn_referanser {
		background:url(images/mn_referanser.gif) no-repeat center left;
		height: 13px;
		width: 102px;
		}
.mn_om_oss {
		background:url(images/mn_om_oss.gif) no-repeat center left;
		height: 13px;
		width: 65px;
		}
.mn_nyheter {
		background:url(images/mn_nyheter.gif) no-repeat center left;
		height: 13px;
		width: 72px;
		}
.mn_kontakt {
		background:url(images/mn_kontakt.gif) no-repeat center left;
		height: 13px;
		width: 73px;
		}		

/*
----------------------------------------------------------------
	I N T R O
---------------------------------------------------------------- */

#intro {
		padding: 20px 0;
		float:left;
		width: 100%;
		background: url(images/intro_bg.jpg) repeat-x center #f3f2f2;
		height:340px;
		width: 100%;
		}
#intro img, #intro img, #intro a, #intro h2{
		padding: 10px 0 0 0;}		
.slideshow {
		width: 635px;
		height: 320px;
		float:left;
		}
#heading_intro {
		background: url(images/heading_intro.gif) no-repeat center left;
		width: 244px;
		text-indent: -9999px;
		}
#les_mer_tjenester {
		background: url(images/les_mer_tjenester.gif) no-repeat center left;
		display:block;
		height: 32px;
		text-indent: -9999px;
		 }

/*
----------------------------------------------------------------
	3   B O K S E R / T E A S E R E
---------------------------------------------------------------- */

#teasers {
		min-height: 200px;
		padding: 20px 0;
		}
.heading_kunder {
		background: url(images/heading_kunder.gif)  no-repeat center left;
		width: 65px;
		text-indent: -9999px;
		}
.heading_nyheter {
		background: url(images/heading_nyheter.gif)  no-repeat center left;
		width: 72px;
		text-indent: -9999px;
		}
.heading_kontakt {
		background: url(images/heading_kontakt.gif)  no-repeat center left;
		width: 73px;
		text-indent: -9999px;
		}


/*
----------------------------------------------------------------
	F O O T E R
---------------------------------------------------------------- */

#sitemap ul{
		float:left;
		margin:0;
		padding:0;
		width: 460px;
		}	
#sitemap ul li {
		float:left;
		display:inline;
		margin:0;
		padding:0 20px 0 0;
		}		
#kolofon {
		float:right;
		width: 380px;
		text-align:right;}
#kolofon img {
		margin: 5px;
		float:right;}
	
#kolofon ul{
		float:right;
		width: 630px;
		
		}
#kolofon ul li {
		float:right;
		list-style:none;
		
		}

/*
----------------------------------------------------------------
	D I V E R S E
---------------------------------------------------------------- */
.beskjed p {
		background: #b5f347;
		color:#000;
		padding: 10px;
		margin:10px 0;
		width: 400px;}
.feilmelding p {
		background: #ff3333;
		color:#FFF;
		padding: 10px;
		margin:10px 0;
		width: 400px;}
ul.feilmelding {
		color: #ff3333;}
#mailto img {
		margin: 4px 0 0 0;
		position:absolute;}

/*
----------------------------------------------------------------
	N Y H E T E R
---------------------------------------------------------------- */

small {
		font-size: 1.0em;
		font-weight: bold;
		}