/*

Ann Christin Nilsen
post@acdesign.no
http://www.acdesign.no/ 

*/



/*..Layout..*/

* {margin: 0; padding: 0;} 

body {
	font: 86%/1.4em normal trebuchet MS, verdana, sans-serif;
	background: #FFF url(../assets/shared/1x180brun.gif) repeat-x scroll bottom;
	text-align: center;
	color: #000;
}

#wrapper {
	background: #FFF url(../assets/shared/4x14brun49.gif) repeat-x top;
	height: 14px;
	position: static;
	text-align: left; 
}

#wrap {width: 820px; margin: 0px auto 0px;  background: #FFF url(../assets/shared/4x1brun49.gif) repeat;}

#wrapBlue {width: 820px;  margin: 0px auto 0px; background-color: #B6D1E3;}

#wrapBlue, #wrapBrown, #wrapWhite, #wrapBlack {width: 820px; margin: 0px auto 0px; text-align: left;}

#wrapBrown {background-color: #312417;}

#wrapWhite {background-color: #FFF;}

#wrapBlack {background-color: #000;}

#header {position: relative; width: 820px; height: 135px; background-color: #FFF; text-align: left; }

#content { background: url(../assets/shared/content-bgr-transp.gif) repeat; width: 775px; margin: 20px;}

#contentBack {width: 780px; background: url(../assets/shared/content-bgr.gif) repeat; margin: 20px;}

#contentGalleri {width: 775px; background: #000; margin: 20px auto;}

#contentProsjekter, #contentSidekart, #contentReferanser,#contentKatalog {
	width: 820px;
	background: #FFF;
	border-top: 1px solid #483522;
}

#contentProsjekter{margin-bottom: 400px;}

#contentSidekart {margin-bottom: 600px;}

#contentReferanser {margin-bottom: 250px;}

#contentKatalog {margin-bottom: 600px;}

#contentAC {
	width: 820px;
	background: #FFF;
	border-top: 1px solid #483522;
	margin-bottom: 250px;
	text-align: left;
}

#rightSideBack {float: right; display:inline; width: 390px;  text-align: center;}

#leftSideBack {float: left; display:inline; width: 390px;  text-align: center;}

.containerRight {
	width: 365px;
	background: #FFF;
	text-align: left;
	padding-right: 15px;
	padding-left: 10px;
	
}

.containerLeft {
	width: 365px;
	background: #FFF;
	text-align: left;
	padding-right: 10px;
	padding-left: 15px;	

}


#leftSide {float: left; display:inline;  width: 380px; text-align: center; }

#rightSide {float: right; display:inline; width: 380px; text-align: center;}


.containerLeftFront {
	width: 355px;
	background: #FFF;
	text-align: left;
	padding-left: 15px;
}


.containerRightFront {
	width: 380px;
	text-align: left;
	
}

.containerTema {
	width: 380px;
	background: #FFF;
	text-align: left;
	
}


.containerKampanje {
	width: 380px;
	text-align: left;
	
}

.containerProsjekt{
	width: 380px;
	background: #FFF;
	text-align: left;
	
}


.containerReklame {
	width: 380px;
	height: 180px;
	background: url(../assets/reklame/brosjyre.jpg) no-repeat;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}



#leftProsjekter {float: left; display:inline; background-color: #FFF; width: 620px;}

#leftAC {float: left; display:inline; background-color: #FFF; width: 450px; }

#rightAC {float: right; display:inline; width: 350px;}

#rightProsjekter {float: right; display:inline; width: 200px; background-color: #FFF; }

#felt, #bottom, #footer {clear: both; margin: 0;}

#felt {background-color: #FFF; height: 30px; text-align: center;}

#bottom {line-height: 1px; text-align: center;}

#footer {background-color: #312417 ; height: 180px; text-align: center;}



/*..Grunninnstillinger..*/

p {font: normal 0.9em/1.4em trebuchet MS, verdana, sans-serif; margin-bottom: 10px; margin-top: 0px; color: #483522;}

h3 {font: bold 0.9em trebuchet MS, verdana, sans-serif; color: #483522; margin-bottom: 3px;}

h1, h2 {font: bold 1.1em trebuchet MS, verdana, sans-serif; color: #483522; margin-bottom: 0px;}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color: #483522; text-decoration: underline;}

h2 a:hover {color:  #77AACC; text-decoration: none;}

h3 a:hover {color:  #77AACC; text-decoration: none;}

a:link, a:visited {color: #483522; text-decoration: underline;}

a:hover {color:  #E7004A; text-decoration: none;}

ul {margin-left: 6%; margin-bottom: 20px;}

ul li, ol li{font: normal 0.9em/1.6em trebuchet MS, verdana, sans-serif; color: #483522; vertical-align: top;}

ol {margin-left: 8%; margin-top: 5px; margin-bottom: 20px;}

ul a:link, ul a:visited {text-decoration: underline;}

ul a:hover {text-decoration: none;}

ul a:link, ul a:visited {text-decoration: underline;}

ul a:hover {text-decoration: none;}



/*..Klasser..*/

.bgr {
	font: bold 1.0em trebuchet MS, verdana, sans-serif;
	width: 365px;
	height: 15px;
	background-color: #483522;
	text-align: center;
	color: #FFF;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.line365 {width: 365px; height: 1px; margin-top: 3px; margin-bottom: 5px; background: url(../assets/shared/line.gif) repeat-x; }

.line150 {
	width: 150px; 
	height: 3px; 
	background: url(../assets/shared/line150.gif) no-repeat;
	background-position:top center;
}

.divide {
	background: url(../assets/shared/divide.gif) no-repeat;
	height: 11px;
	width: 49px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

.divide {
	background: url(../assets/shared/divide.gif) no-repeat;
	
}




.alfa {
	width: 300px;
	height: 24px;
	background: url(../assets/shared/alfa.gif) no-repeat left top;
	padding-left: 30px;
	margin-bottom: 100px;
}



.prosjekt_img {width: 100px;float: right;}


.stjerner {
	background: url(../assets/shared/stjerner.gif) no-repeat center;
	
	
	
}


.tekstRight{
	padding-top: 0px;
	padding-bottom: 15px;

}

.tekstLeft{
	padding-top: 0px;
	padding-bottom: 15px;
}

.strong {font: bold 1.0em/1.4em trebuchet MS, verdana, sans-serif; color: #483522;}

.strong_verdana {font: bold 1.0em/1.4em verdana, arial, helvetica, sans-serif; color: #483522;}

.blomst {
	background: url(../assets/shared/blomst.gif) no-repeat left;
	padding-left: 20px;
	margin-left: 0px;

}



.bullet {
	width: 5px;
	height: 5px;
	background: url(../assets/shared/bullet-y.gif) no-repeat left;
	padding-left: 20px;
	margin-left: 40px;
}





/*..List..*/

#listSidekart ul {width:820px; height:3px; margin-left: 0px;}

#listSidekart li {display: block; list-style: none;padding-left: 0px;}

.strek li{
	background-image: url(../assets/shared/line818.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.list ul,.listSub ul {margin-left: 0px; margin-bottom: 5px; text-align: left;}

.list ul li,.listSub ul li{
	font: normal 0.9em/1.6em trebuchet MS, verdana, sans-serif;
	color: #483522; 
	list-style: none;
}

.listSub a:hover{
	color: #E7004A; 
	list-style: none;


}

.list_reklame {
	margin-left: 0;
	margin-top: 8px;
	list-style: none;
	text-align: left;
}

.list_reklame li {
	font: normal 0.9em/1.6em trebuchet MS, verdana, sans-serif;
	color: #FFF;
	padding-left: 25px;
	background-image: url(../assets/shared/sirkel.gif);
	background-repeat: no-repeat;
	background-position: 0.5em;
}

.list_line {width:150px; height:20px; margin-left: 0px;}

.list_line li {
	font: normal 0.9em/1.6em verdana, arial, helvetica, sans-serif; 
	color: #483522;
	list-style: none;
	padding-left: 0px;
	background-image: url(../assets/shared/line150.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.list_ac, .list_hake, .list_pluss, .list_bullet, .list_bullet_brown {margin-left: 0; list-style: none;}

.list_ac li {
	font: normal 0.8em/1.6em verdana, arial, helvetica, sans-serif;
	color: #483522;  
	padding-left: 25px;
	background-image: url(../assets/shared/hake-y.gif);
	background-repeat: no-repeat;
	background-position: 0.5em;
}
 
.list_bullet_brown li {
	font: normal 0.9em/1.6em verdana, arial, helvetica, sans-serif; 
	color: #483522;
	padding-left: 20px;
	background-image: url(../assets/shared/bullet-brown.gif);
	background-repeat: no-repeat;
	background-position: 0.5em;
}

.list_hake li, .list_pluss li, .list_bullet li {
	font: normal 0.9em/1.6em trebuchet MS, verdana, sans-serif;
	color: #483522; 
	background-repeat: no-repeat;
	background-position: 0.5em;
}
 
.list_hake li {padding-left: 25px; background-image: url(../assets/shared/hake.gif);}

.list_bullet li{padding-left: 20px; background-image: url(../assets/shared/bullet.gif);}

.list_pluss li{padding-left: 20px; background-image: url(../assets/shared/pluss.gif);}

/*..Linker..*/

.rollover a:link, .rollover a:visited {
	background: url(../assets/shared/rollover.gif) no-repeat left top;
	display: block;
	height: 15px;
	width: 75px;
	text-decoration: none;
	padding-left: 20px;
	vertical-align: top;
	position: relative;
	left: 260px;
	margin: 0px;
}

.rollover p {margin-bottom: 0px;}

.rollover a:hover {background: url(../assets/shared/rollover.gif) no-repeat 0px -15px; text-decoration: none;}


#tilbake a:link{
	background: url(../assets/shared/tilbake.gif) no-repeat left top;
	display: block;
	height: 16px;
	width: 16px;
	padding-left: 7px;
	vertical-align: top;
	color: #FFF;
}

#tilbakeProsjekt a:link{
	background: url(../assets/shared/tilbake.gif) no-repeat left top;
	display: block;
	height: 16px;
	width: 16px;
	padding-left: 10px;
	margin-bottom: 12px;
	vertical-align: top;
	color: #FFF;
}


#tilbake a:hover, #tilbakeProsjekt a:hover {
	background: url(../assets/shared/tilbake.gif) no-repeat 0px -16px;
	}

#tilbakeGalleri a:link{
	background: url(../assets/shared/tilbake-galleri.gif) no-repeat left top;
	display: block;
	height: 16px;
	width: 16px;
	padding-left: 10px;
	margin-bottom: 12px;
	vertical-align: top;
	color: #FFF;
}


#tilbakeGalleri a:hover {
	background: url(../assets/shared/tilbake-galleri.gif) no-repeat 0px -16px;
	}



/*..Galleri..*/

#galleriTekst {
	position: absolute;
	top: 30px;
	right: 15px;
	width: 350px;
	height: 80px;
	border-top: 1px solid #77AACC;
	border-bottom: 1px solid #77AACC;
	padding-top: 10px;
	padding-bottom: 10px;
}

#galleriTekst h1 {font: normal 0.8em/1.4em verdana, arial, helvetica, sans-serif; color: #77AACC;}

#galleriTekst h1 a:link,#galleriTekst h1 a:visited {font: normal 1.0em verdana, arial, helvetica, sans-serif; color: #77AACC;}

#galleriTekst h1 a:hover { font: normal 1.0em verdana, arial, helvetica, sans-serif; color: #FFF;}

#galleri, #galleri01, #galleri02, #galleri03, #galleri04, #galleri05 {width: 775px;} 

#galleri {position: relative; height: 165px; background: url(../assets/spotlight/spotlight-blue.gif) no-repeat;}

#galleri01 {height: 246px; background: url(../assets/galleri/foto-01.jpg) no-repeat;}

#galleri02 {height: 315px; background: url(../assets/galleri/foto-02.jpg) no-repeat;}

#galleri03 {height: 308px; background: url(../assets/galleri/foto-03.jpg) no-repeat;}

#galleri04 {height: 300px; background: url(../assets/galleri/foto-04.jpg) no-repeat;}



#contentGalleri h2 { font: normal 0.8em verdana, arial, helvetica, sans-serif; color: #77AACC; margin-bottom: 5px; margin-top: 20px;}




/*..Prosjekter..*/

#contentProsjekter h1{font: normal 0.8em verdana, arial, helvetica, sans-serif; color: #F5B405;}

#contentProsjekter p{font: normal 0.8em verdana, arial, helvetica, sans-serif; color: #483522;}	

#leftProsjekter h2{font: normal 0.8em verdana, arial, helvetica, sans-serif; color: #483522; margin-bottom: 10px;}	

#leftProsjekter a:link, #leftProsjekter a:visited {text-decoration: none;}

#leftProsjekter a:hover {color: #F5B405; text-decoration: none;}

#leftProsjekter p a#current {color: #F5B405;}




/*..AC..*/

#contentAC p, #contentKatalog p{font: normal 0.8em/1.6em verdana, arial, helvetica, sans-serif;}

#contentAC h1, #contentKatalog h1 {font: normal 0.8em verdana, arial, helvetica, sans-serif; color: #F5B405; padding-top: 5px;}

#contentAC h2 {font: bold 0.8em verdana, arial, helvetica, sans-serif; color: #483522; margin-bottom: 5px;}

#contentAC a:hover {color: #F5B405; text-decoration: none;}



/*..Referanser..*/

#contentReferanser h1 {font: normal 0.8em verdana, arial, helvetica, sans-serif; color: #483522; padding-top: 5px;}

#contentReferanser h2 {font: normal 0.8em verdana, arial, helvetica, sans-serif; color: #F5B405;}

#contentReferanser h2 a:link, #contentReferanser h2 a:visited {color: #F5B405; text-decoration: underline;}

#contentReferanser h2 a:hover {color: #483522; text-decoration: none;}

#contentReferanser p {font: normal 0.8em/1.6em verdana, arial, helvetica, sans-serif;  width: 550px;}



/*..Elementer..*/

#footer p {
	font: normal 0.7em verdana, arial, helvetica, sans-serif;
	color: #FFF;
	text-align: right;
	padding-right: 5px;
	padding-top: 10px;
}

#footer a:link, #footer a:visited {text-decoration: none; color: #FFF;}

#footer a:hover {text-decoration: none; color: #FFF;}


#felt p {
	font: normal 0.7em verdana, arial, helvetica, sans-serif;
	color: #483522;
	text-align: right;
	padding-right: 5px;
	padding-top: 10px;
}

#felt a:link, #felt a:visited {text-decoration: none; color: #483522;}

#felt a:hover {text-decoration: underline; color: #483522;}


/*..Forside..*/

#tema {
	padding: 20px 15px 15px;

}
	
	
#tema p {text-align: left;}

#tema h2 {margin: 0px 0px 5px; text-align: center;}

#tema h2 a:link, #tema h2 a:visited {text-decoration: underline; color: #483522;}

#tema h2 a:hover {text-decoration: none; color: #E7004A;}

#tema a:link, #tema a:visited {text-decoration: none;}

#tema a:hover{color:#483522; text-decoration: none;}




#kampanje a:link, #kampanje a:visited {
	background: url(../assets/illustrasjon.gif) no-repeat left top;
	display: block;
	width: 330px;
	height: 106px;
	margin: 20px auto 20px;
	vertical-align: top;
}


#kampanje a:hover {background: url(../assets/illustrasjon.gif) no-repeat 0px -106px;}


#kampanje span {display: none;}


#prosjekt{
	background: #FFF;
	text-align: left;
	padding: 20px 15px 30px;
}

#prosjekt h2 {
	color: #F5B405;
	text-align: center;
	border-right: 2px solid #F5B405;
	border-left: 2px solid #F5B405;
}

#prosjekt h2 a:link, #prosjekt h2 a:visited {text-decoration: none; color: #483522;}

#prosjekt h2 a:hover {color: #F5B405; text-decoration: none;}	
	
#prosjekt h3 a:link, #prosjekt h3 a:visited {text-decoration: underline; color: #483522;}

#prosjekt h3 a:hover {color: #F5B405; text-decoration: none;}



#reklame {
	text-align: left;
	padding: 15px;
	
	}

#reklame h2 a:link, #reklame h2 a:visited {
	font: bold 1.0em trebuchet MS, verdana, sans-serif; 
	color: #483522; 
	margin-bottom: 0px; 
	color: #FFF; 
	text-decoration: underline; 
	text-align: left;}

#reklame h2 a:hover {color: #FFF; margin-bottom: 5px; text-decoration: none; text-align: left;}

#foto {
	width: 340px;
	height: 197px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#foto img {border:0;}

#spotlight {
	height: 176px;
	position: relative;
	padding-top: 25px;
}

#spotlightTekst {position: absolute; width:150px; top: 115px; left: 42px; }

#spotlightTekst a:link, #spotlightTekst a:visited {
	font: normal 0.8em verdana, arial, helvetica, sans-serif;
	color: #99CC76;
	text-decoration: none;	
}

#spotlight a:hover {color: #99CC76; text-decoration: none;}

#spotlight a:link img, #spotlight a:visited img {border: 1px solid #FFF;}

#spotlight a:hover img {border: 1px solid #99CC76;}



/*..Undersider..*/

#portfolio, #bilder {width: 365px; height: 173px; margin-top: 15px;}

#tittel {
	padding-top: 10px;
	padding-bottom: 20px;
}

#tittel p {font: normal 0.8em verdana, arial, helvetica, sans-serif; margin-bottom: 0px; color: #483522;}

#tittel a:link, #tittel a:visited {
	font: normal 1.0em verdana, arial, helvetica, sans-serif;
	color: #483522;
	text-decoration: underline;
}

#tittel a:hover {
	font: normal 1.0em verdana, arial, helvetica, sans-serif;
	color: #E7004A;
	text-decoration: none;
}