@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'quicksand';
	src: url('quicksand_light-webfont.eot');
	src: local('☺'), url('quicksand_light-webfont.woff') format('woff'), url('quicksand_light-webfont.ttf') format('truetype'), url('quicksand_light-webfont.svg#webfontnwDhxOMh') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	margin:0;
	padding:0;
	font-family:"quicksand";
	font-size: 16px;
	color:#ffffff;
	background-image:url(../grafikk/hoved-BG.jpg);
	background-repeat:repeat-x;
	background-color:#068be2;
}

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

/*HOVEDELEMENTER*/

#toppbg{
	height:420px;
	width:100%;
	background-image:url(../grafikk/topp-BG.png);
	background-repeat:repeat-x;
}
#toppwrapper{
	height:420px;
	position:relative;
	margin:0 auto;
	width:800px;
}
	.badge{
	position:absolute;
	bottom:-35px;
	left: -40px;
	z-index:998;
	}
	#logo{
		position:absolute;
		top:5px;
		left:10px;
		z-index: 993;
	}
	#ikoner-topp{
		position:absolute;
		top:5px;
		right:0;
		z-index: 996;
	}
	#bilderamme{
	position:absolute;
	width:398px;
	height:311px;
	top:80px;
	background-image:url(../grafikk/ramme.png);
	}
	#bilderamme-fors{
		position:absolute;
		width:800px;
		height:311px;
		top:80px;
		background-image:url(../grafikk/bilderamme-forside.png);
		z-index: 992;
	}
#forside-bilde{
	position:absolute;
	float:left;
	top:6px;
	left:10px;
	z-index: 995;
}
#bildeholder{
position:absolute;
top:6px;
left:6px;
width:384px;
height:298px;
overflow:hidden;
}
#bildetekst{
position:absolute;
width:377px;
height:291px;
top:80px;
left:423px;
padding-top:20px;
}
#tekst-u-bilde{
position:absolute;
height:291px;
top:80px;
left:10px;
padding-top:20px;
}

#midtwrapper{
position:relative;
margin:0 auto;
width:800px;
}
#tekst{
float:left;
width:400px;
}
#tekstfors{
padding:10px;
}
#fyll-hoyre{
float:left;
width:340px;
margin-left:20px;
margin-top: 30px;
margin-bottom:20px;
}
.ikoner:hover{
-webkit-transform: rotate(12deg) scale(1.1);
-moz-transform: rotate(12deg) scale(1.1);
}
.ikoner{
margin:5px;
float:left;
-webkit-transition:all 400ms ease-in-out;
-moz-transition:all 400ms ease-in-out;
}

#bunn{
position:relative;
width:780px;
margin: 0 auto;
border-top:1px #ffffff solid;
margin-top:10px;
padding:10px;
text-align:center;
font-size:12px;
clear:both;
}
.tweet{
	position:absolute;
	right:15px;
	top:7px;
	z-index: 993;
}
.del-facebook{
	position:absolute;
	right:70px;
	top:7px;
	z-index: 993;
}

/*galleri*/
#bilde-film{
width:600px;
float:left;
}
#galleri{
width:600px;
float:left;
}
#galleriinfo{
float:left;
width:185px;
margin-left:15px;
margin-top:10px;
word-wrap: break-word;
}

/*profiler*/
.profil-ramme{
width:800px;
height:121px;
background-image:url(../grafikk/deler-profil/ramme-bg.png);
}

.profil-bilde{
margin-left:6px;
margin-top:6px;
float:left;
}

.profil-tittel{
margin-left:20px;
margin-top:30px;
float:left;
}

.profil-innhold{
width:600px;
padding:15px;
}

.nedtrekksknapp{
background-image:url(../grafikk/trans-bg.png);
background-repeat:repeat;
margin-top:20px;
float:left;
cursor:pointer;
}

/*prosessen*/
#bilderamme-prosessen{
position:absolute;
width:800px;
height:311px;
top:80px;
background-image:url(../grafikk/bilderamme-prosessen.png);
}

.prosessen-bilde1{
	position:absolute;
	float:left;
	top:6px;
	left:10px;
}

.prosessen-bilde2{
	position:absolute;
	float:left;
	top:6px;
	left:289px;
}

.prosessen-bilde3{
	position:absolute;
	float:left;
	top:6px;
	left:568px;
}

#prosessen-tekst{
	padding:10px;
	width:780px;
	margin-top: 5px;
}

.strek{
border-bottom:1px solid #ffffff;
padding-bottom:10px;
margin-bottom:10px;
}


/*ADMIN*/

#adminhovedwrapper{
padding-top:70px;
position:relative;
margin:0 auto;
padding-left:10px;
width:800px;
}

#admintoppbg{
height:61px;
width:100%;
background-image:url(../grafikk/topp-BG.png);
background-repeat:repeat-x;
}

#adminlinker{
position:absolute;
top:20px;
right:5px;
}


.adm-bilder{
background:#cecece;
border:solid 2px #ffffff;
float:left;
width:175px;
height:150px;
overflow:hidden;
margin:10px;
text-align:center;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}

/*slides preview*/

.slides-knapper{
width:96px;
padding:2px;
margin:2px;
float:left;
}
.slides-bilde{
border:2px #333333 solid;
width:300px;
height: 200px;
overflow:hidden;
padding:2px;
margin:2px;
float:left;
}
.slides-tekst{
width: 376px;
padding:2px;
margin:2px;
float:left;
}

/*TEKSTTYPER*/

.titler{
font-size:40px;
word-wrap: break-word;
}

h1{
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
font-weight:normal;
font-size:40px;
word-wrap: break-word;
}

h2{
margin:0;
padding:0;
font-weight:normal;
font-size:27px;
}

h3{
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
font-weight:normal;
font-size:27px;
word-wrap: break-word;
}

h4{
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
font-weight:normal;
font-size:20px;
}

.notification{
font-style:italic;
}

/*SKJEMAER*/

.knapper{
font-family:"quicksand";
font-size:20px;
color:#ffffff;
border:2px dotted #0099ff;
background:none;
cursor:pointer;
}

.bokser{
font-family:"quicksand";
font-size:14px;
color:#ffffff;
border:2px dotted #0099ff;
background:none;
background-image:url(../grafikk/trans-bg.png);
background-repeat:repeat;
}

.dropdownbokser{
font-family:"quicksand";
font-size:14px;
color:#000000;
border:2px dotted #0099ff;
background:none;
background-image:url(../grafikk/trans-bg.png);
background-repeat:repeat;
}

/*EKSTRA*/

.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
	background-color:#0099ff;
    padding:4px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.tooltip p{
    margin:0;
    padding:0;
    color:#ffffff;
    background-color:#333333;
    padding:2px 7px;
}


.float-left{
float:left;
}

.clear-float{
clear:both;
}

.justify{
text-align:justify;
}