@charset "windows-1252";

@font-face {
	font-family: 'SteinemRoman';
	src: url('STEINEM_.eot');
	src: local('Steinem Roman'), local('Steinem'), url('STEINEM_.ttf') format('truetype');
}

@font-face {
	font-family: 'SteinemRomanItalic';
	src: url('STEINEMI.eot');
	src: local('Steinem RomanItalic'), local('Steinem-Italic'), url('STEINEMI.ttf') format('truetype');
}

@font-face {
	font-family: 'SteinemBold';
	src: url('STEINEMB.eot');
	src: local('Steinem Bold'), local('Steinem-Bold'), url('STEINEMB.ttf') format('truetype');
}

@font-face {
	font-family: 'SteinemBoldItalic';
	src: url('STEINBI_.eot');
	src: local('Steinem BoldItalic'), local('Steinem-BoldItalic'), url('STEINBI_.ttf') format('truetype');
}


body {

	background-color:#000000;
	color:#fff;
	margin:0;
	padding:0;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;

}


#wrapper {
	
	width: 960px;
	margin: auto;
	height:600px;

}

#header {

	width:960px;
	margin:auto;
	height:120px;
	background-image:url(images/header_bg.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
	display:block;

}

#header #logotype {

	height:100px;
	width:280px;
	position:relative;
	top:10px;
	left:20px;
	float:left;
	
}

/* navigasjon */

#nav {

	width:645px;
	height:59px;
	overflow:hidden;
	float:right;

}

#nav ul {

	width:655px;
	margin:0px;
	padding:0px;
	height:59px;

}

#nav li {

	float:left;
	list-style-type:none;
	padding-right:10px;
	display:block;
	height:59px;
	text-indent:-100000px;
}

#nav a {

	display:block;
	height:59px;
	width:100%;
	

}

#nav #forside {

	background-image:url(images/nav_sprite.png);
	width:95px;
	display:block;
	height:59px;
	background-repeat:no-repeat;

}

#nav #barnegruppe {

	background-image:url(images/nav_sprite.png);
	background-position: -100px 0px;
	width:95px;
	height:59px;
	background-repeat:no-repeat;

}

#nav #ungdomsgruppe {

	background-image:url(images/nav_sprite.png);
	background-position: -202px 0px;
	width:106px;
	height:59px;
	background-repeat:no-repeat;

}

#nav #ovningsplan {

	background-image:url(images/nav_sprite.png);
	background-position: -320px 0px;
	width:90px;
	height:59px;
	background-repeat:no-repeat;

}


#nav #galleri {

	background-image:url(images/nav_sprite.png);
	background-position: -420px 0px;
	width:95px;
	height:59px;
	background-repeat:no-repeat;

}


#nav #obut_info {

	background-image:url(images/nav_sprite.png);
	background-position: -526px 0px;
	width:95px;
	height:59px;
	background-repeat:no-repeat;

}

/* navigasjon slutt */

#content_wrapper {

	width:940px;
	margin:auto;
}

#main_content {
	
	width:940px;
	min-height:400px;
	background-color:#000000;
	background-image:url(images/maincontent_bg.jpg);
	background-repeat:repeat-x;
	float:left;
	color:#fff;
	padding-bottom:20px;
	
}

#main_content h2 {

	font-size:24px;
	line-height:28px;
	text-align:center;
	color:#FFF;
	padding:10px 0 20px 0;
	margin:0;
	font: 36px/38px 'SteinemBold', Arial, sans-serif;letter-spacing: 2px;


}

#main_content .front_left {

	float:left;
	width:420px;
	padding-left:20px;
	padding-bottom:40px;
	
}

#main_content .front_right {

	float:right;
	width:420px;
	padding-right:20px;
	padding-bottom:40px;
}

/* tilbake til top knapp */


a.sebilder:link,
a.sebilder:visited {

	background-image:url(images/sebilder.jpg);
	background-repeat:no-repeat;
	display:block;
	background-position:top left;
	width:210px;
	height:30px;
	text-indent:-10000px;

}

a.sebilder:hover {

	background-image:url(images/sebilder.jpg);
	background-repeat:no-repeat;
	display:block;
	background-position:left bottom;
	height:249px;
	height:27px;
	text-indent:-10000px;

}


#top {

	display:none;
	float:right;
	clear:none;

}

#top a {

	color:#fff;

}

/* tilbake til top knapp slutt */

#tabs {

	width:840px;
	margin:auto;
	clear:none;
	float:left;

}


#infonav {

	width:600px;
	margin-top:1px;
	margin:auto;
	color:#FFFFFF;

}

#infonav ul {

	margin:0px auto 0px auto;
	padding:0px;
	list-style-type:none;
	min-width:600px;
	text-align: center;
	position:relative;

}

#infonav li {

	position:relative;
	font-size:12px;
	text-align: center;
	display:inline;

}

#infonav li a {

	color:#FFFFFF;
	width:18%;
	text-decoration:none;
	float:left;
	border-bottom:1px dotted white;
	padding:0 0 5px 5px;
	margin:0 0 5px 5px;

}


.single_col {

	padding:0 0 20px 20px;

}

.cols_left {

	padding-top:10px;
	width:465px;
	float:left;
	padding-right:5px;


}
.cols_right {

	padding-top:10px;
	width:465px;
	float:right;
	padding-left:5px;


}

.obut_tabell {

	width:920px;
	padding:0 20px 20px 0;
}

.obut_tabell a:link,
.obut_tabell a:visited {

	color:#fff;

}

.obut_tabell a:hover {

	color:#CCCCCC;

}


.obut_tabell td {

	line-height:20px;

}

.obut_tabell strong {

	font-size:12px;

}

.obut_tabell td {

	border-bottom:1px dotted #666;

}

.gruppebilde {

	border:1px dotted #999;
	padding:4px;
	margin:10px;
	float:left;
	width:120px;
	height:160px;
	text-align:center;
	font-size:11px;

}

.gruppebilde img {

	clear:both;
	padding-bottom:10px;

}


.warning {

	padding:10px;
	background-color:#CC0000;
	border:1px solid #FF3300;
	background-image:url(images/warning_bg.jpg);
	background-repeat:repeat-x;
	margin:2px;
	color:#fff;
	text-align:center;
	width:600px;
	margin:auto;

}

.imagegallery {

	margin:auto;
	width:840px;

}

.intro {

	padding:4px;
	text-align:center;

}

.imagegallery img {

	padding:8px;
	margin:4px;

}

.imagegallery .byline {

	color:#FFFFFF;
	font-size:10px;
	padding:4px;

}

.gallery_item {

	width:240px;
	float:left;
	text-align:center;

}

.gallery_item h3 {

	padding:0;

}

.gallery_item img {

	border:1px solid #333;
	padding:4px;

}

.gallery_item a {

	color:#FFFFFF;

}

.gjestebok {

	background-image:url(images/gjestebok_bg.jpg);
	background-repeat:repeat-y;
	background-position:left top;

}

.gjestebok a:link,
.gjestebok a:visited {

	color:#333333;
	text-decoration:none;
	border-bottom:1px dotted #333;

}

.gjestebok a:hover {

	color:#990000;
	border-bottom:1px dotted #990000;

}

.gjestebok_data {

	padding:8px 0px 5px 0;

}

.poster h3, .grassrot h3, .gjestebok h3  {

	color:#ab0918;
	padding:0px;
	margin:0px;
	font-weight:normal;
	font: 20px/22px 'SteinemBold', Arial, sans-serif;letter-spacing: 1px;}
	


.poster, .grassrot, .gjestebok, .skjema {

	width:425px;
	padding:20px;
	margin-bottom:10px;
	line-height:18px;
	display:block;
	background-color:#FFFFFF;
	color:#000000;

}

.poster {

	background-image:url(images/hvit_bakgrunn.jpg);
	background-position:left top;
	background-repeat:no-repeat;

}

.grassrot {

	background-image:url(images/hvit_bakgrunn.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;

}

.grassrot a:link,
.grassrot a:visited {

	color:#ab0918;
	font-weight:bold;

}

.skjema {

	background-image:url(images/hvit_bakgrunn.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:25px;
	

}



.skjema .btn {

	float:right;
	background-image:url(images/hentskjema.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:122px;
	height:39px;
	text-indent:-10000px;
	overflow:hidden;
	display:block;
	
}

.skjema .btn:hover {

	background-image:url(images/hentskjema.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;

}

.skjema #vilduvaeremed {

	background-image:url(images/vilduvaeremed.jpg);
	background-repeat:no-repeat;
	text-indent:-1000000px;
	width:282px;
	height:34px;
	float:left;
	
}

#sign_guestbook {

	

}

#sign_guestbook input, #sign_guestbook textarea {

	border:1px groove #663333;
	padding:4px;
	margin:2px;

}

#sign_guestbook input {

	width:180px;

}

#sign_guestbook label {

	float:left;
	width:80px;

}

.entry {

	
	padding-top:10px;

}

#gb_data hr {

	border:1px solid black;

}


#vaeremed .input {

	background-color:#FFFFFF;
	color:black;
	padding:4px;
	border:1px solid #333333;
	margin-left:10px;
	margin-right:10px;

}

#footer {

	width:940px;
	padding-top:40px;
	clear:both;
	bottom:0;
	color:#fff;
	text-align:right;
	height:25px;
}

#footer a {

	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted white;
	height:20px;

}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -470px;
    width: 940px;
	height:600px;
	overflow:scroll;
    
    background-color: black;
    color: white;
    border: 1px solid white;
    padding: 12px;
	
}




.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


a.jqmClose,
a.jqModal {
	color:white;
	text-decoration:none;
	border-bottom:1px dotted white;

}


	/*
		 * Required 
		*/
		.galleriwrap { width:542px; height: 361px;}
		.container { width:493px; height:322px; overflow:hidden; position:relative; cursor:pointer; }
		.galleriwrap { background-image:url(images/galleri_bg.jpg); background-repeat:no-repeat; padding:20px; }
		div.slides { position:absolute; top:0; left:0; }
		ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
		div.slides > div,ul.slides li { position:absolute; top:0; width:500px; display:none; padding:0; margin:0; }
		/*
		 * Optional
		*/
		#loopedSlider,#newsSlider { margin:0 auto; width:542px; position:relative; clear:both; }
		ul.pagination { list-style:none; padding:0; margin:0; }
		ul.pagination li  { float:left; }
		ul.pagination li a { padding:2px 4px; }
		ul.pagination li.active a { background:blue; color:white; }