/* CSS Document */

/*body {background: url(../graphics/bg.jpg) repeat-x #FFFFFF;}*/
/*body {background: url(../graphics/bg2.jpg) repeat-x #cccccc;}*/
body {background: url(../graphics/snowball2.png) no-repeat 10% 0 #25476a;}

/*HORIZONTAL NAVIGATIONBAR*/

#header {
	overflow: hidden;
	position: relative;
	height: 200px;
}

/*#logo {position: absolute; width: 500px; height: 69px; top: 40px; left: 200px;}*/
#logo {position: absolute; width: 800px; height: 110px; top: 20px; left: 70px;}
#tlf {display: none; position: absolute; width: 229px; height: 79px; right: 0; top: 10px;}
#ansvar {position: absolute; width: 80px; height: 32px; right: 10px; top: 160px;}


#contentWrapper {width: 960px; float: left; background: #ffffff; position: relative;}
#subContentWrapper {width: 960px; float: left; background: #CCE5FF;}
#fpCinema {margin-top: 10px;}
/*#introTekst {position: absolute; top: 285px; left: 300px; width: 600px; border: 5px solid #ffffff; opacity: 0.8; background: #dddddd; color: #000000; padding: 10px;}*/
#introTekst {position: absolute; top: 285px; right: 0; width: 600px; border: 10px solid #ffffff; background: #dddddd; color: #000000; padding: 10px;}
#introTekst h1 {color: #25476a; margin-bottom: 0; text-transform: uppercase; font-weight: 800; font-size: 24px; text-align: right;}
#introTekst h2 {text-align: right; font-size: 16px; font-weight: 100; margin-bottom: 0;}
#introTekst p {margin: 0; display: none;}


#footer {
	height:100px;
	float: left;
	width:100%;
	color: #000000;
	background: url(http://www.din-gartner.no/graphics/logotre_50.jpg) center 20px no-repeat #eeeeee;
}

#footer p {margin-top: 75px; text-align: center; color: #333333; font-size: 11px;}

.container_fp {overflow: hidden; background: #ffffff; float: left; padding-top: 20px;}
.container_fp img {margin-bottom: 20px;}

/*----- MainSub -----*/
#aboutSection {float: left; width: 960px; position: relative; overflow: hidden; background: url(../graphics/snowball.png) no-repeat 110% 50% #cccccc; border-top: 1px solid #eeeeee; border-bottom: 1px solid #bbbbbb;}
#aboutSection h1 {font-weight: 100; padding-left: 40px; font-size: 36px; color: white; margin: 40px 0 0 0; color: #006633;}
#aboutSection .about_text p {margin-top: 40px; padding-right: 125px; color: #444444; text-decoration: none; font-size: 14px;}

#subMainContent {background: #FFFFFF; border-top: 1px solid #eeeeee; overflow: hidden; width: 960px; float: left; padding-top: 20px;}
#subMainContent h1 {font-size: 18px; text-transform:  uppercase; font-weight: 100; color: #25476a; margin-bottom: 5px; line-height: 1em; padding: 10px; background: #efefef;}
#subMainContent h2 {color: #25476a; margin-bottom: 0; text-transform: uppercase; font-weight: 800; font-size: 18px; padding: 5px 10px 1px; margin-bottom: 0; line-height: 1,2;}
#subMainContent p {padding-left: 10px; padding-right: 10px;}
#subMainContent p a {padding-left: 30px; background: url(http://www.din-gartner.no/graphics/goto.jpg) no-repeat left center; color: #25476a; text-decoration: none;}
#subMainContent p a:hover {text-decoration: underline;}
.container {overflow: hidden; float: left; width: 100%; border-bottom: 1px dotted #dddddd; margin-bottom: 10px;}



/*----- Kontakt -----*/
.contact_text {margin-top: 10px; overflow: hidden;}
.contact_text p {margin-bottom: 5px; background: #dddddd; padding: 2px; padding-left: 10px; border-left: 2px solid #006633;}
#kontaktskjema h1 {border-top: 2px solid #006633; color: #006633; text-transform: uppercase; font-weight: 100; font-size: 14px; margin: 0 0 5px 0; padding-left: 10px;}
.ansatt img {float: left; margin-right: 10px; margin-bottom: 20px; border: 1px solid dddddd;}
#subMainContent .ansatt h2 {font-size: 18px; text-transform:  uppercase; font-weight: 100; color: #25476a; margin-bottom: 5px; line-height: 1em; padding: 5px; background: #efefef;}

#subMainContent .ansatt h3 {font-size: 12px; margin-bottom: 1px; color: #25476a; text-transform: uppercase;}
#subMainContent .ansatt h4 {font-size: 12px; margin-bottom: 1px; color: #444444; font-weight: normal;}

/*----- Kontaktskjema -----*/
#kontaktskjema form {background: #dddddd; overflow: hidden; margin: 10px 0; padding: 0 0 5px;}
#kontaktskjema input.txt, #kontaktskjema textarea {font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
#kontaktskjema input.txt {float: left; clear: left; width: 200px; border: 1px solid #bbbbbb; color: #333333; margin: 0 3px 3px 20px; padding: 5px;}
#kontaktskjema textarea {float: left; clear: left; width: 200px; border: 1px solid #bbbbbb; color: #333333; margin: 0 3px 3px 20px; padding: 5px;}
#kontaktskjema label {float: left; clear: left; padding: 3px 0 0 25px; margin-bottom: 0; color: #006633; font-size: 11px; line-height: 1em; }
#kontaktskjema input.btn {float: right; background: #888888; color: #ffffff; padding: 5px; border: 1px solid #555555; cursor: pointer; margin-right: 10px;}

/*----- Galleri -----*/
#flashcontent {margin-top: 30px; float: left;}
/*----- Takk -----*/

#takk h1 {font-size: 72px; text-align: center; background: #FFFFFF; margin-top: 50px;}
#takk p {text-align: center;}
.clearboth {clear: both;}
.overview {margin-bottom: 20px; border-bottom: 1px dotted #cccccc;}


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

.vedsalg	{ background: #ddd; height: 128px; }
.vedsalg h2 	{ padding-left: 18px; padding-top: 18px; margin-bottom: 9px; }
.vedsalg p 	{ padding-left: 18px; }
img.vedbilde	{ margin-bottom: 0; padding-bottom: 0; }