/*  
Theme Name: Tafjord Kommunikasjon AS
Theme URI: http://www.wemake.no
Description: Theme for wordpress
Version: 1.0
Author: We Make
Author URI: http://www.wemake.no
Tags: Blue, corporate
*/

/*	CSS RESET	*/

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;}

/*	Basics		*/

body 	{background: #fff url(images/bg.jpg) repeat-x;font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-size: 12px;color: #202020;letter-spacing: 0.05em;}
a 		{color: #033768;border-bottom: 1px solid;text-decoration: none;outline: none;padding: 0;}
a:hover {color: #000;}
h1 		{font-size: 1.2em;letter-spacing: 0.06em;padding-bottom: 10px;}
h2 		{font-size: 1.1em;text-transform: uppercase; font-style: italic;}
h3 		{font-size: 1em;text-transform: uppercase;}
h4 		{font-size: 1em;font-weight: bold;text-transform: uppercase;line-height: 2em;}
p 		{line-height: 1.5em;color: #454545;}
textarea, input { font-family: inherit; font-size: inherit; }


/*	Layout		*/

#wrapper			{width: 960px;margin-left: auto;margin-right: auto;}
#header				{width: 960px;height: 156px;}
#content			{width: 960px;margin-bottom: 40px;}
#footerwrapper		{width: 100%;height: 180px;background: #eee;padding-top: 20px;border-top: 1px solid #e1e1e1;}
#footer				{width: 960px;display: block;margin-left: auto;margin-right: auto;}
#slider				{width: 938px;height: auto;background: #f4f4f4 url(images/slider-bg.jpg) no-repeat;padding: 10px;display: block;margin-bottom: 40px;border: 1px solid #fff;}
#slidertelekiosk				{width: 938px;height: auto;background: #f4f4f4 url(images/slider-bg.jpg) no-repeat;padding: 10px;display: block;height: 340px;margin-bottom: 40px;border: 1px solid #fff;}
#subslider			{width: 960px;min-height: 100px;margin-bottom: 40px;}
#historie			{width: 400px;float: left;padding: 10px;}
#telekiosktekst1	{width: 400px;float: left;padding: 10px;}
#telekiosktekst2 	{width: 440px;float: right;padding: 10px;}
#statusboxwrapper 	{width: 350px;height: 230px;float: right;padding-top: 10px;}
#statusbox 			{width: 267px;height: 60px;border: 1px solid #d5dce3;background: #f2f2f2;padding: 40px 10px 80px 70px;}
#statusarrowwrapper {width: 681px;height: 100px;float: left;padding-top: 10px;}
#statusarrow 		{width: 621px;height: 35px;background: transparent url(images/statusarrow.png);padding: 35px 30px 30px 30px;}
#leverandorwrapper 	{width: 350px;height: 230px;float: right;padding-top: 10px;}
#leverandor 		{width: 358px;height: 251px;border: 1px solid #d5dce3;background: #f2f2f2;}


/*	Classes		*/

.fl 			{float: left;}
.fr 			{float: right;}
.right 			{text-align: right;}
.clear 			{clear: both;}
.orange 			{color: #ff6633;}
.telephone		{font-weight: bold;}
.logo 			{margin-top: 24px;}
.unike 			{line-height: 2em; margin-top:20px;}
.uniktekst 		{padding-right: 40px;padding-top: 40px;}
.small 			{font-size: 0.75em;text-transform: uppercase;letter-spacing: 0.06em;}
.medium 			{font-size: 0.8em;letter-spacing: 0.05em;}
.forhandler 		{display:block;margin-top: 20px;}
.uppercase 		{text-transform: uppercase;}
.center 			{text-align: center;}
.sliderbilde		{width: 540px;height: 332px;background: url(images/loader.gif) no-repeat;border: 1px solid #c1c1c1;}
.slideshow 		{width: 540px;height: 332px;background: url(images/loader.gif) no-repeat;border: 1px solid #c1c1c1;}
.slideshow2 		{width: 443px;height: 231px;background: url(images/loader.gif) no-repeat;border: 1px solid #c1c1c1;}
.slideshow3 		{width: 443px;height: 231px;background: url(images/loader.gif) no-repeat;border: 1px solid #c1c1c1;}
.slideshow2 img		{display:none;}
.slideshow3 img		{display:none;}
.slidertekst 		{height: 280px;}
.narrow 			{width: 290px;}
.wide 			{width: 360px;}
.serviceboxheading 		{font-size: 0.8em;text-transform: uppercase;margin-right: 10px;}
.tjenesterogutstyr {line-height: 1.5em; margin-top: 10px;font-style: italic; list-style-image: url(images/bullet.gif); list-style-position: inside;margin-bottom: 10px;}
.serviceul{line-height: 1.5em;font-style: italic; list-style-image: url(images/bullet.gif); list-style-position: inside;margin-bottom: 10px;}

.top10 			{margin-top: 10px;}
.telekioskenlogoer 		{width:940px; height:50px;}
.red 			{color: red;}
.kontakt 			{width: 580px;}
.kart 			{width: 320px; float: right;}
.italic 			{font-style: italic;}
a.logo:hover 		{border-bottom: none;}
a#wemake 			{display:block;width: 129px; height: 26px; text-indent: -9999px; background: transparent url(images/sprite-wemake-logo.png) no-repeat top left; border:none;}
a#wemake:hover 		{background-position: bottom left;}


/*	Menu		*/

#header ul {float: right;width: 583px;margin-top: 44px;}
#header ul li {display: inline;height: 31px;float: left;}	
#header ul li a {display: block;height: 31px;padding: 0px 0 0 0;text-indent: -9999px;color: #fff;text-decoration: none; border: none;}
#header ul li a#bthjem {width:  81px;background: transparent url(images/sprite.jpg) no-repeat 0px 0px;}
#header ul li a#bthjem:hover {background: transparent url(images/sprite.jpg) no-repeat 0px -31px;}
#Hjem #header ul li a#bthjem {background-position: 0px -31px;}
#header ul li a#btsalg {width:  83px;background: transparent url(images/sprite.jpg) no-repeat -81px 0px;}
#header ul li a#btsalg:hover {background: transparent url(images/sprite.jpg) no-repeat -81px -31px;}
#Salg #header ul li a#btsalg {background-position: -81px -31px;}
#header ul li a#btservice {width:  131px;background: transparent url(images/sprite.jpg) no-repeat -166px 0px;}
#header ul li a#btservice:hover {background: transparent url(images/sprite.jpg) no-repeat -166px -31px;}
#Service #header ul li a#btservice {background-position: -166px -31px;}
#header ul li a#bttelekiosken {width:  160px;background: transparent url(images/sprite.jpg) no-repeat -297px 0px;}
#header ul li a#bttelekiosken:hover {background: transparent url(images/sprite.jpg) no-repeat -297px -31px;}
#Telekiosken #header ul li a#bttelekiosken {background: transparent url(images/sprite.jpg) no-repeat -297px -31px;}
#header ul li a#btkontakt {width:  126px;background: transparent url(images/sprite.jpg) no-repeat -457px 0px;}
#header ul li a#btkontakt:hover {background-position: -457px -31px;}
#Kontakt #header ul li a#btkontakt {background-position: -457px -31px;}


/*	Forms */

#statusbox input 			{height: 20px;width: 90px;padding: 10px 10px 1px 10px;background: url(images/servicebox.jpg) no-repeat top left;border: none;margin-bottom: 5px;}
#statusbox button 			{height: 31px;width: 105px;background: url(images/servicebox.jpg) no-repeat 0 -75px;border: none;cursor: pointer;margin-top: 10px;}
#statusbox button:hover		{background: url(images/servicebox.jpg) no-repeat 0 -74px;}
#statusarrow input 			{height: 20px;width: 90px;padding: 10px 10px 1px 10px;background: url(images/servicebox.jpg) no-repeat top left;border: none;margin-bottom: 5px; margin-right: 20px;}
#statusarrow button 		{height: 31px;width: 105px;background: url(images/servicebox.jpg) no-repeat 0 -75px;border: none;cursor: pointer; margin: -4px 0 0 20px;}
#statusarrow button:hover 		{background: url(images/servicebox.jpg) no-repeat 0 -74px;}
.kontakt input 			{height: 26px;width: 180px;padding: 10px 10px 1px 5px;background: #fcfcfc;border: 1px solid #bbb ;margin-bottom: 5px;}
.kontakt textarea 			{height: 156px;width: 340px;padding: 10px 10px 1px 5px;background: #fcfcfc;border: 1px solid #bbb ;margin-bottom: 5px;float:	right;}
input#send 			{background: #01376a;border:1px solid #fff;height:60px;width:100px;padding: 20px;color:#ddd;}
input:hover#send 			{background: #03305b;border:1px solid #fff;cursor:pointer;color:#fff;}
.kontakt input:focus, .kontakt textarea:focus {background: #fff; color:#202020;}


/* Contact list */

#kontaktbox 		{width: 920px;height: 70px;border: 1px solid #d5dce3;background: #f2f2f2;padding: 20px;}
#kontaktliste 		{display: inline;float: left;width: 940px;height: 80px;font-size: 0.8em;line-height: 1.4em;}
#kontaktbox li 		{width: 183px;margin-right: 2px;float:left;}

/*	Footer		*/

#forhandler 		{width: 460px;display: inline;float: right;margin-top: 40px;}
#forhandler li 		{height: 50px;margin-right: 2px;float:left;}
#address 			{display: inline;float: left;width: 960px;height: 80px;font-size: 0.8em;line-height: 1.4em;}
#address li 		{width: 200px;margin-right: 2px;float:left;}