/*  
Theme Name: jtweb 1.0
Theme URI: 
Description: Stilsetting for Jørgen Thomsen Webdesign
Author: Jørgen Thomsen
Author URI: http://www.jorgent.com/
*/


/*****************************************************/
/******** FORMATERING AV GRUNNLEGGENDE LAYOUT ********/
/*****************************************************/

* {
margin: 0;
padding: 0;
}

body {
background: #f6f6f6 url(layout/bodyBG.jpg) center 161px  no-repeat;
font: 100% Arial, Helvetica, sans-serif;

}

	#HovedRamme {
	position: relative;
	min-height: 100%;
	}

	#HovedRamme,
	#ToppRamme, 
	#SlideRamme, 
	#MidtRamme,
	#BunnRamme  
	{
	width: 100%;
	background: transparent; /***** SKAL FJERNES *****/
	/* border: 1px solid #000; **** SKAL FJERNES *****/
	}

		#ToppFelt, 
		#SlideFelt, 
		.MidtFelt,
		#BunnFelt 
		{
		width: 960px;
		margin: 0 auto;
		}
		
		


	#ToppRamme {
	background: url(layout/ToppRammeBG.jpg) center no-repeat;
	height: 161px;
	}

		#ToppFelt {
		background: transparent;
		position: relative;
max-height: 80px !important;
		} 

		 	#LogoFelt {}

			#MenyFelt {
			height: 100px;
			background: transparent;
			position: absolute;
				top: 0;
				left: 126px;
			}

	#SlideRamme {
	background: url(layout/SlideRammeBG.jpg) center top no-repeat;
	}

		#SlideFelt {
		height: 400px;

        width: 940px;
		}

	#MidtRamme {
	overflow: hidden;
	}

		.MidtFelt {
		position: relative;
		}
		
			.VenstreSmal #VenstreInnhold,
			.VenstreSmal #VenstreKontaktInnhold 			
			{
			margin: 0 80px 0 10px;
			width: 280px;
/* 			background: #eee; */
			float: left;
			}
			
			.VenstreSmal #HoyreInnhold,
			.VenstreSmal #HoyreKontaktInnhold
			{
			width: 580px;
/*  			background: #666; */
			float: right;
			}
			
			.HoyreSmal #HoyreInnhold {
			margin: 0px 10px 80px 0;
			width: 280px;
			float: right;
/* 			background: #999; */
			}
			
			.HoyreSmal #VenstreInnhold {
 			padding-top: 30px;
			width: 580px;
			margin-left: 10px;
			float: left;
			}
			
			.Portefolje {

			}
			

	#BunnRamme {
	background: url(layout/BunnRammeBG.jpg) center;
	height: 68px;
	}
	
		#BunnFelt {
		background: transparent;
		position: relative;
		}
		


/*****************************************************/
/****************** LOGO OG TAGLINE ******************/
/*****************************************************/

				
				#ToppFelt h1 {
				display: block;
				font-size: 1.5em;
				width: 385px;
				height: 161px;
				position: relative;
					left: -38px;
				}
				
				#ToppFelt h1 a span {
				background: url(layout/logo.jpg) top left no-repeat;
				width: 100%;
				height: 100%; 	 
				position: absolute;
					top: 0;
					left: 0;
					z-index: 100;
				cursor: pointer;
				}
				
 				
				#ToppFelt  p {
				display: block;
				height: 82px; 
				width: 169px;
				position: relative;
					left: 339px;
					top: -143px;
					z-index: 101;
				} 

				
				#ToppFelt  p  span {
 				background: url(layout/tagline.gif) no-repeat;
				height: 100%; 
				width: 100%;
				position: absolute;
					left: 0px;
					top: 0px;
					z-index: 101;
				}  
				
		
		
/*****************************************************/
/**************** FORMATERING AV MENY ****************/
/*****************************************************/

a:focus{
-moz-outline-style: none;
}
	
			#MenyFelt ul {
			list-style: none;
			width: 500px;
			margin: 0; padding: 0;
				position: absolute;
				z-index: 10;
			}

				#MenyFelt li  a {
				display: block;
				height: 141px;
				width: 106px;
				color: #333;
				text-decoration: none;
				text-indent: -9999px;
				}

				.page-item-2,
				.page-item-2 a:hover,
				.page-item-6,
				.page-item-6 a:hover,
				.page-item-8,
				.page-item-8 a:hover,
				.page-item-10
				{
				position: absolute;
				}

				#MenyFelt .page-item-2{
				background: url(layout/hjem-knapp.jpg) left -334px no-repeat;
				height: 158px; 
				width: 108px;
				left: 400px;
				}
				
					#MenyFelt .page-item-2 a:hover {
					background: url(layout/hjem-knapp.jpg) left -158px no-repeat;
					height: 171px;
					width: 141px;
					z-index: 100;
					}


				#MenyFelt .page-item-6 {
				background: url(layout/om-knapp.jpg) left -324px no-repeat;
				height: 153px;
				width: 106px;
				left: 508px;
				}

					#MenyFelt .page-item-6 a:hover {
					background: url(layout/om-knapp.jpg) left -153px no-repeat;
					height: 166px;
					width: 141px;
					z-index: 200;
					}


				#MenyFelt .page-item-8 {
				background: url(layout/portefolje-knapp.jpg) left -312px no-repeat;
				height: 147px;
				width: 106px;
				left: 614px;
				}

					#MenyFelt .page-item-8 a:hover {
					background: url(layout/portefolje-knapp.jpg) left -147px no-repeat;
					height: 160px;
					width: 136px;
					z-index: 300;
					}


				#MenyFelt .page-item-10 {
				background: url(layout/kontakt-knapp.jpg) left -299px no-repeat;
				height: 141px;
				width: 120px;
				left: 720px;
				}

					#MenyFelt .page-item-10 a:hover {
					background: url(layout/kontakt-knapp.jpg) left -141px no-repeat;
					height: 158px;
					width: 141px;
					}


				#MenyFelt .page-item-2.current_page_item  {
				background: url(layout/hjem-knapp.jpg) left 0px no-repeat;
				}

				#MenyFelt .page-item-6.current_page_item  {
				background: url(layout/om-knapp.jpg) left 0px no-repeat;
				}

				#MenyFelt .page-item-8.current_page_item  {
				background: url(layout/portefolje-knapp.jpg) left 0px no-repeat;
				}

				#MenyFelt .page-item-10.current_page_item  {
				background: url(layout/kontakt-knapp.jpg) left 0px no-repeat;
				}

				#MenyFelt .current_page_item a:hover {
				background: transparent;
				cursor: default;
				}

				#BunnRamme ul#BunnMeny {
				margin: 0 0 0 40px;
				padding: 20px 0 0 0;
				width: 340px;

/* 				background: #999; */
				list-style: none;
				}
				
				#BunnRamme ul#BunnMeny li {
				float: left;
				margin: 2px;
				position: static;
				color: #fff;
				}
				
				#BunnRamme ul#BunnMeny li a{
				color: #fff;
				text-decoration: none;
				margin-right: 2px;
				}
				
				#BunnRamme ul#BunnMeny li a:hover{
				border-bottom: 1px solid #fff;
				}
				
				#BunnFelt img {
				position: absolute;
					top: -34px;
					left: 311px;
				}
				
				p#TilToppen a {
				display: block;
				position: absolute;
					top: -35px;
					left: 310px;
				width: 69px;
				height: 66px;

				}
				
				p#TilToppen a span {
				background: url(layout/Opp.jpg)  0 -66px no-repeat;
				position: absolute;
					top: 0;
					left: 0;
				width: 100%;
				height: 100%;
				}
				
				p#TilToppen a:hover span {
				background: url(layout/Opp.jpg) 0 0 no-repeat;
				}

				 
/*****************************************************/
/******* FORMATERING AV TEKST OG OVERSKRIFTER ********/
/*****************************************************/	


/* .VenstreSmal h2 {
margin: 0 0 0 380px;
} */

.Portefolje h2 {

}

p {
margin: 0 0 20px 0;
}

.Fremside p,
.Underside p
{
margin: 20px 0 0 0;
line-height: 1.5em;
}



p#Tagline {
margin: 0;
}

li p {
font-size: 12px;
line-height: 1.5em;
margin: 0 0 15px 0;
}


.ProdBeskrivelse 
{
margin: 0 0 0 60px;
}


h2#Fremside,
h2#Om,
h2#FireNullFire,
h3#EgenReklame,
h3#Kompetanse,
h3.OppdragsgiverH3,
h3.TeknologiH3,
h3.IkortetrekkH3,
.BesokWebsiden,
.Prod1 h2,
.Prod2 h2,
.Prod3 h2,
.Prod4 h2,
.Prod5 h2,
.Prod6 h2
 {
margin: 0 0 0 60px;
display: block;
height: 24px;
font-size: 1em;
position: relative;
	left: 0px;
	top: 0px;
}

h2#Fremside span,
h2#Om span,
h2#FireNullFire span,
h3#EgenReklame span,
h3#Kompetanse span,
h3.OppdragsgiverH3 span,
h3.TeknologiH3 span,
h3.IkortetrekkH3 span,
.Prod1 h2 span,
.Prod2 h2 span,
.Prod3 h2 span,
.Prod4 h2 span,
.Prod5 h2 span,
.Prod6 h2 span
{
height: 100%;
width: 100%;
position: absolute;
	left: 0px;
	top: 0px;
}

.Prod1 h2 span {
background: url(layout/overskrifter/Prod1.gif) no-repeat;
}
.Prod2 h2 span {
background: url(layout/overskrifter/Prod2.gif) no-repeat;
}
.Prod3 h2 span {
background: url(layout/overskrifter/Prod3.gif) no-repeat;
}
.Prod4 h2 span {
background: url(layout/overskrifter/Prod4.gif) no-repeat;
}
.Prod5 h2 span {
background: url(layout/overskrifter/Prod5.gif) no-repeat;
}
.Prod6 h2 span {
background: url(layout/overskrifter/Prod6.gif) no-repeat;
}

h2#Fremside {
margin: 0 0 0 380px;
height: 86px;
left: 0px;
}

h2#Fremside span  {
background: url(layout/overskrifter/fremside.png) no-repeat;
}


h2#Om {
height: 30px;
left: -49px;
top: 30px;
}

h2#Om span {
background: url(layout/overskrifter/om.png) no-repeat;
}

h2#FireNullFire {
height: 38px;
left: -49px;
top: 30px;
}

h2#FireNullFire span {
background: url(layout/overskrifter/firenullfire.jpg) no-repeat;
}

h3#EgenReklame {
height: 24px;
left: -59px;
}

h3#EgenReklame span {
background: url(layout/overskrifter/egenreklame.png) no-repeat;
}

h3#Kompetanse {
height: 24px;
left: -59px;
}

h3#Kompetanse span {
background: url(layout/overskrifter/kompetanse.png) no-repeat;
}


#CopyrightTekst {
width: 400px;
text-align: center;
font-size: 14px;
line-height: 1.5em;
color: #fff;
position: absolute;
	top: 10px;
	left: 430px;
}


ul#EgenReklameListe,
#FireNullFireFelt
{
list-style: none;
width: 587px;
height: 263px;
background: url(layout/EgenReklameBG.png) no-repeat;
padding: 50px 0 50px 50px;
margin: 30px 0 30px -20px;
position: relative;
}

#FireNullFireFelt {
background: url(layout/EgenReklameBG.png) no-repeat;
height: 263px;
}

#FireNullFireFelt {
margin-top: 50px;
}

#EgenReklameListe h3 {
margin: 0 0 14px 60px;
}

#EgenReklameListe ul li {
list-style: none;
padding: 10px 70px 8px 70px;
background: url(layout/li-egenreklame.jpg) 0px 11px no-repeat;
font-style: italic;
font-size: 0.8em;
}

#FireNullFireFelt h3
{
text-transform: uppercase;
font-size: 0.9em;
}

#FireNullFireFelt ul li
{
list-style: none;
padding: 10px 70px 8px 70px;
background: url(layout/li-egenreklame.jpg) 0px 11px no-repeat;
font-style: italic;
font-size: 0.8em;
}

#FireNullFireFelt li ul li
{
background: none;
font-size: 1em;
padding: 0;
}



ul#KompetanseListe {
list-style: none;
padding: 20px 0 80px 40px;
}

#KompetanseListe li {
list-style: none;
padding: 6px 0 6px 50px;
font-size: 0.8em;
background: url(layout/li-kompetanse.gif) 0px 6px no-repeat;
}
				
				
/*****************************************************/
/************* FORMATERING AV SLIDESHOW **************/
/*****************************************************/

a img {
border: none;
}



/*****************************************************/
/************ FORMATERING AV PRODUKTFELT *************/
/*****************************************************/

ul#ProduktListe {
position: relative;
	top: -80px;
margin-bottom: -50px;
}

ul#ProduktListe,
.ProdBeskrivelse 
{
list-style: none;
}

.Prod1 {
background: url(layout/ikoner/standard_webside.gif) top left no-repeat;
}
.Prod2 {
background: url(layout/ikoner/design.jpg) top left no-repeat;
}
.Prod3 {
background: url(layout/ikoner/koding.gif) top left no-repeat;
}
.Prod4 {
background: url(layout/ikoner/webplakat.jpg) top left no-repeat;
}
.Prod5 {
background: url(layout/ikoner/blogg.gif) top left no-repeat;
}
.Prod6 {
background: url(layout/ikoner/annet.gif) top left no-repeat;
}



/*****************************************************/
/************ FORMATERING AV CTA-KNAPPER *************/
/*****************************************************/


				p#KontaktKnapp {
				display: block;
				font-size: 1.5em;
				width: 163px;
				height: 66px;
				position: relative;
					left: 15px;
					top: 75px;
				}
				
				p#KontaktKnapp a span  {
				background: url(layout/CTA-knapper/kontakt.gif) top left no-repeat;
				width: 100%;
				height: 100%; 	 
				position: absolute;
					top: 0;
					left: 0;
				cursor: pointer;
				}
				
				p#KontaktKnapp  a:hover span {
				background: url(layout/CTA-knapper/kontakt.gif) 0 -66px no-repeat;
				}
				
				
				
				p#LesMerKnapp {
				display: block;
				font-size: 1.5em;
				width: 203px;
				height: 77px;
				position: relative;
					left: 335px;
					top: -45px;
				}
				
				p#LesMerKnapp a span  {
				background: url(layout/CTA-knapper/LesMer.gif) top left no-repeat;
				width: 100%;
				height: 100%; 	 
				position: absolute;
					top: 0;
					left: 0;
				cursor: pointer;
				}
				
				p#LesMerKnapp  a:hover span {
				background: url(layout/CTA-knapper/LesMer.gif) 0 -77px no-repeat;
				}
				
				p.BesokWebsiden {
				display: block;
				width: 205px;
				height: 71px;
				position: relative;
					left: 100px;
					top: 40px;
				line-height: 71px;
				text-align: center;
				}
				
				p.BesokWebsiden a span {
				background: url(layout/CTA-knapper/BesokWebside.png) top left no-repeat;
				width: 100%;
				height: 100%;
				position: absolute;
					left: 0;
					top: 0;
				cursor: pointer;
				}
				
				p.BesokWebsiden a:hover span {
				background: url(layout/CTA-knapper/BesokWebside.png) 0 -71px no-repeat;
				}
				
				p.Zoom {
				display: block;
				width: 147px;
				height: 141px;
				position: relative;
					left: -20px;
					top: -115px;
				line-height: 71px;
				text-align: center;
				}
				
				p.Zoom a span {
				background: url(layout/CTA-knapper/zoom.png) top left no-repeat;
				width: 100%;
				height: 100%;
				position: absolute;
					left: 0;
					top: 0;
				cursor: pointer;
				}
				
				p.Zoom a:hover span {
				background: url(layout/CTA-knapper/zoom.png) 0 -144px no-repeat;
				height: 144px;
					left: -2px;
				}
				
				
				

				#Validate {
				position: absolute;
					left: 862px;
					top: 14px;
				height: 55px;
				}
				
				#Validate img  {
				margin-bottom: 5px;
				position: static;
				}
				
				
				
				
				
				
				
				
				
				#PersonaliaFelt {
				margin-top: 320px;
				}
				
				img#meg {
				position: absolute;
				top: 12px;
				left: 696px;
				}
				
				img.personalia {
				margin: 0 0 0 38px;
				}
				
				
				
				
				
				
				
				
	

/*****************************************************/
/************* FORMATERING AV PORTFØLJE **************/
/*****************************************************/	


h2#Portefolje {
position: relative;
top: 30px;
left: 10px;
display: block;
width: 570px;
height: 38px;
margin-bottom: 40px;
}

h2#Portefolje span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(layout/overskrifter/portefolje.png) no-repeat;
}

h3.OppdragsgiverH3 {
height: 24px;
width: 145px;
left: -59px;
text-indent: -200px;
}

h3.OppdragsgiverH3 span {
background: url(layout/overskrifter/oppdragsgiver.png) no-repeat;
}

h3.TeknologiH3 {
height: 24px;
width: 96px;
left: -5px;
text-indent: -370px;
}

h3.TeknologiH3 span {
background: url(layout/overskrifter/teknologi.png) no-repeat;
}

h3.IkortetrekkH3 {
height: 24px;
width: 113px;
left: -59px;
text-indent: -200px;
}

h3.IkortetrekkH3 span {
background: url(layout/overskrifter/ikortetrekk.png) no-repeat;
}



				#en,
				#to,
				#tre,
				#fire,
				#fem
				{
				background: url(layout/portfoljeBG.png) no-repeat;
				width: 976px;
				height: 342px;
				position: relative;
				left: -8px;
				margin: 0 0 40px 0;
				}
				
				.Portefolje img {
				margin: 20px 0 0 18px;
				}
				
				.PortefoljeBeskrivelse {
				width: 362px;
				height: 271px;
				padding: 15px 15px 0 15px;
				position: absolute;
				top: 27px;
				left: 557px;
				overflow: hidden;
				line-height: 1.1em;
				}
				
				.PortefoljeBeskrivelse  ul{
				list-style: none;
				}
				
				.PortefoljeBeskrivelse  li{
				font-weight: normal;
				font-size: 14px;
				}
				
				ul.hoyrestilt {
				text-align: right;
				}
				
				li.Oppdragsgiver {
				float: left;
				}
				
				li.Teknologi {
				margin: 0 0 0 210px;
				}
				
				
				
				
				
				
				
				
/*****************************************************/
/************ FORMATERING AV KONTAKTSIDE *************/
/*****************************************************/	

#KontaktSkjema {
margin-top: 40px;
}

.InputFelt {
margin-top: 23px;
}

/*****************************************************/	

h2#Kontakt,
p#DittNavn,
p#BedriftNavn,
p#Epost,
p#Telefon,
p#Webside,
p#DropDown,
p#Melding,
h3#KontaktInfoH3,
h3#TipsH3
{
position: relative;
top: 0;
left: 0;
display: block;
margin-bottom: 50px;
}

h2#Kontakt span,
p#DittNavn span,
p#BedriftNavn span,
p#Epost span,
p#Telefon span,
p#Webside span,
p#DropDown span,
p#Melding span,
h3#KontaktInfoH3 span,
h3#TipsH3 span
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*****************************************************/	

h2#Kontakt {
width: 769px;
height: 38px;
top: 30px;
left: 10px;
margin-bottom: 70px;
}

h2#Kontakt span {
background: url(layout/overskrifter/kontaktskjema/kontakt.jpg) no-repeat;
}

p#DittNavn {
width: 147px;
height: 21px;
}

#DittNavn span {
background: url(layout/overskrifter/kontaktskjema/navn.gif) no-repeat;
}

p#BedriftNavn {
width: 123px;
height: 19px;
}

#BedriftNavn span {
background: url(layout/overskrifter/kontaktskjema/navn_bedrift.gif) no-repeat;
}

p#Epost {
width: 119px;
height: 21px;
}

#Epost span {
background: url(layout/overskrifter/kontaktskjema/epost.gif) no-repeat;
}

p#Telefon {
width: 58px;
height: 16px;
}

#Telefon span {
background: url(layout/overskrifter/kontaktskjema/telefon.gif) no-repeat;
}

p#Webside {
width: 70px;
height: 16px;
}

#Webside span {
background: url(layout/overskrifter/kontaktskjema/webside.gif) no-repeat;
}

p#DropDown {
width: 462px;
height: 21px;
}

#DropDown span {
background: url(layout/overskrifter/kontaktskjema/fordi.gif) no-repeat;
}

p#Melding {
width: 400px;
height: 21px;
}

#Melding span {
background: url(layout/overskrifter/kontaktskjema/din_melding.jpg) no-repeat;
}

h3#KontaktInfoH3 {
width: 229px;
height: 23px;
margin-bottom: 30px;
margin: 30px 0 20px 0;
}

h3#KontaktInfoH3 span {
background: url(layout/overskrifter/kontaktskjema/annen_kontakt.gif) no-repeat;
}

h3#TipsH3 {
width: 334px;
height: 24px;
margin: 30px 0 20px 0;
}

h3#TipsH3 span {
background: url(layout/overskrifter/kontaktskjema/tips.gif) no-repeat;
}


/*****************************************************/	


input,
select,
textarea
{
padding: 5px;
border: 1px solid #999;
}

select {
width: 570px;
height: 30px;
padding-top: 5px;
}

option {
padding: 5px;
}

textarea {
width: 560px;
height: 180px;
}

#Send {
margin-top: 0px;
position: absolute;
top: 400px;
}

/*****************************************************/	

ul#KontaktInfo,
#KontaktInfo li {
margin: 10px 0 0 0;
list-style: none;
font-size: 14px;
}

#KontaktInfo ul li {
margin: 0 0 10px 0;
color: #666;
}

.obs {
color: #fb0000;
}


#HoyreKontaktInnhold
  {
line-height: 1.5em;
margin-bottom: 50px;
}



/* .wpcf7-not-valid-tip-no-ajax {
width: 200px !important;
background: none !important;
margin: -17px 0 0 73px;
text-align: right;
}

.wpcf7-validation-errors {
border: none !important:
} */