/* CSS Document */


/*fonts*/

p{
font-family:Arial, Helvetica, sans-serifM;
font-size:12px;
color:#333333;
line-height:14px;
padding: 0px;
}


h6{
font-weight:normal;
padding-top:10px;
font-family:Arial, Helvetica, sans-serifM;
font-size:12px;
margin:0;
}

.subHeader{
font-family:Arial, Helvetica, sans-serifM;
font-size:18px;
color:#333333;
line-height:18px;
padding: 0px 0px 0px 0px;
}

.mainHeader{
font-family:Arial, Helvetica, sans-serifM;
font-size:16px;
color:#333333;
line-height:16px;
padding: 0px 0px 0px 0px;
font-weight:bold;
}




/**/

body{
	text-align: center;
	min-width: 900px;
	background-color: #FFFFFF;
	margin: 0; padding: 0;
}

.holder{
	top: 10px;
	position: relative;
	z-index: 1;
	height: auto;
	margin-left:50%;
	margin:0 auto;
	width:1000px;
	padding:0;
	text-align:center;
	
}

.shadow_top{
	top:0px;
	position: relative;
	z-index: 1;
	height: auto;
	margin:0 auto;
	width:1000px;
	background-image:url(../images/backgrounds/shadow_top2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	text-align:center;
	}

.shadow_middle{
	top: 10px;
	position: relative;
	z-index: 3;
	height: auto;
	margin:0 auto;
	width:1000px;
	text-align: center;
	background-repeat:repeat-y;
	background-image:url(../images/backgrounds/shadow_middle2.jpg);	
	float:left;
	padding:0;
	
}
.shadow_bottom{
	position: relative;
	z-index: 2;
	height: auto;
	margin:0 auto;
	width:1000px;
	text-align:center;
	background-position:bottom;
	background-repeat:no-repeat;
	background-image:url(../images/backgrounds/shadow_bottom2.jpg);	
	float:left;
	padding: 0px 0px 20px 0px;	
}
.container{
	top: 0px;
	left:0px;
	background-color:#FFFFFF;
	position: relative;
	z-index: 2;
	height: auto;
	border: solid 1px;
	border-color:#999999;
	margin:0 auto;
	width:901px;
	padding: 0px 0px 220px 0px;	
	text-align: left;
	float:left;	

	left:49px;
	}

.header{
position:relative;
top:22px;
left:14px;
width:872px;
height:48px;
background-image:url(../images/backgrounds/grey_heading_bg.gif);
background-repeat:repeat-y;
padding: 10px 0px 0px 10px;
display:block;
}

.header img{
border:0;
}

.logo{
top:0;
left:0;
width:24px;
height: 48px;
border:0;
}

.oko_logo{
float:right;
padding: 0px 20px 0px 0px;
}

.svala_logo_right{
position:absolute;
float:right;
bottom:10px;
right: 10px;
height:auto;
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

.kontakt{
position:relative;
top:28px;
left:14px;
width:872px;
height:30px;
font-family:Arial, Helvetica, sans-serifM;
font-size:12px;
color:#666666;
line-height:normal;
padding: 0px 0px 0px 10px;
}

.kontakt a:link {color:#666666; text-decoration:none;}     /* unvisited link */
.kontakt a:visited {color:#666666; text-decoration:none;}    /* visited link */
.kontakt a:hover {color:#000000;text-decoration:underline;}    /* mouse over link */
.kontakt a:active {color:#666666;; text-decoration:none;}     /* selected link */

.top_left_pic{
position:absolute;
top:110px;
left:14px;
width:290px;
height:164px;
}


.flash{
position:absolute;
top:110px;
left:324px;
width:560px;
height:164px;
background-image:url(../images/flash_holder.jpg);
background-repeat:no-repeat;
}

/*.content_holder{
position:relative;
top:192px;
left:326px;
width:562px;
height:auto;
padding-bottom: 20px;
}*/

.content_holder{
position:relative;
top:206px;
float:left;
width:872px;
height:auto;
padding-left: 14px;
}

/*nav*/

/*.nav_holder{
position:absolute;
top:291px;
left:14px;
width:290px;
height:auto;
z-index:101;
}*/
.nav_holder{
position:relative;
top:0px;
float:left;
width:290px;
height:auto;
z-index:101;
}

.nav_holder2 img{
float:right;
border:0;
}

.nav_holder img{
float:right;
border:0;
}


.nav_block_green{
width:290px;
height:67px;
background-image:url(../images/backgrounds/green_menu_bg.gif);
background-repeat:repeat-y;
margin-bottom:3px;

}

.nav_block_brown{
width:290px;
height:67px;
background-image:url(../images/backgrounds/brown_menu_bg.gif);
background-repeat:repeat-y;
margin-bottom:3px;
display:block;
}

.nav_block_blue{
width:290px;
height:67px;
background-image:url(../images/backgrounds/blue_menu_bg.gif);
background-repeat:repeat-y;
margin-bottom:3px;
display:block;
}

.nav_block_purple{
width:290px;
height:67px;
background-image:url(../images/backgrounds/purple_menu_bg.gif);
background-repeat:repeat-y;
margin-bottom:3px;
display:block;
}

.nav_on{
padding: 0px 0 0 20px;
font-weight:normal;
margin:0;
line-height:16px;
color:#333333;
display:block;
width:270px;
height:57px;
z-index: 100;
}

.nav_on img{
border:0;
padding:0;
margin:0;
}

.nav_block_green a:link {text-decoration:none;}     /* unvisited link */
.nav_block_green a:visited {text-decoration:none;}  /* visited link */
.nav_block_green a:hover {text-decoration:underline;color:#333333;}   /* mouse over link */
.nav_block_green a:active {text-decoration:none;}   /* selected link */

.nav_block_blue a:link {text-decoration:none;}     /* unvisited link */
.nav_block_blue a:visited {text-decoration:none;}  /* visited link */
.nav_block_blue a:hover {text-decoration:underline;color:#333333;}   /* mouse over link */
.nav_block_blue a:active {text-decoration:none;}   /* selected link */

.nav_block_purple a:link {text-decoration:none;}     /* unvisited link */
.nav_block_purple a:visited {text-decoration:none;}  /* visited link */
.nav_block_purple a:hover {text-decoration:underline;color:#333333;}   /* mouse over link */
.nav_block_purple a:active {text-decoration:none;}   /* selected link */

.nav_block_brown a:link {text-decoration:none;}     /* unvisited link */
.nav_block_brown a:visited {text-decoration:none;}  /* visited link */
.nav_block_brown a:hover {text-decoration:underline;color:#333333;}   /* mouse over link */
.nav_block_brown a:active {text-decoration:none;}   /* selected link */


.nav_off{
color:#FFFFFF;
padding: 0px 0 0 20px;
font-weight:normal;
margin:0;
line-height:16px;
display:block;
width:270px;
height:57px;
z-index: 100;
}

.nav_off img{
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
border:0;
padding:0;
margin:0;
}



/*body*/

.spacer{
position:relative;
height:258px;
float:right;
visibility:hidden;
}

.body_text{
position:relative;
top: 0px;
float:right;
width:542px;
height:auto;
background-image:url(../images/backgrounds/body_text_bg_green.gif);
background-repeat:repeat-y;
padding: 10px;
}

.body_text_keramikk{
position:relative;
top: 0px;
float:right;
width:542px;
height:auto;
background-image:url(../images/backgrounds/body_text_bg_brown.gif);
background-repeat:repeat-y;
padding: 10px;
}

.body_text_keramikk img{
border:0;
}

.body_text_vilsau{
position:relative;
top: 0px;
float:right;
width:542px;
height:auto;
background-image:url(../images/backgrounds/body_text_bg.gif);
background-repeat:repeat-y;
padding: 10px;
}

.body_text_aktivitetar{
position:relative;
top: 0px;
float:right;
width:542px;
height:auto;
background-image:url(../images/backgrounds/body_text_bg_purple.gif);
background-repeat:repeat-y;
padding: 10px;
}

.body_text_aktivitetar2{
position:relative;
top: 0px;
float:right;
width:542px;
height:auto;
background-image:url(../images/backgrounds/body_text_bg_purple.gif);
background-repeat:repeat-y;
padding: 10px;
}

.body_text a:link {color: #333333; text-decoration:underline;}     /* unvisited link */
.body_text a:visited {color: #333333; text-decoration:underline;}    /* visited link */
.body_text a:hover {color:#ffffff;text-decoration:underline;}    /* mouse over link */
.body_text a:active {color: #333333; text-decoration:underline;}     /* selected link */

.body_text_keramikk a:link {color: #333333; text-decoration:underline;}     /* unvisited link */
.body_text_keramikk a:visited {color: #333333; text-decoration:underline;}    /* visited link */
.body_text_keramikk a:hover {color:#ffffff;text-decoration:underline;}    /* mouse over link */
.body_text_keramikk a:active {color: #333333; text-decoration:underline;}     /* selected link */

.body_text_vilsau a:link {color: #333333; text-decoration:underline;}     /* unvisited link */
.body_text_vilsau a:visited {color: #333333; text-decoration:underline;}    /* visited link */
.body_text_vilsau a:hover {color:#ffffff;text-decoration:underline;}    /* mouse over link */
.body_text_vilsau a:active {color: #333333; text-decoration:underline;}     /* selected link */

.body_text_aktivitetar a:link {color: #333333; text-decoration:underline;}     /* unvisited link */
.body_text_aktivitetar a:visited {color: #333333; text-decoration:underline;}    /* visited link */
.body_text_aktivitetar a:hover {color:#ffffff;text-decoration:underline;}    /* mouse over link */
.body_text_aktivitetar a:active {color: #333333; text-decoration:underline;}     /* selected link */


.body_text_keramikk_galleri{
position:relative;
top: 0px;
left:312px;
width:562px;
height:auto;
background-image:url(../images/backgrounds/body_text_bg_brown.gif);
background-repeat:repeat-y;
padding-bottom: 10px;
}

.keramikk_images{
display:block;
border:0;
padding: 0;
height: 150px;
text-align:center;
padding-top:20px;
}

.keramikk_images img{
border:0;
}

.galleri img{
padding: 7px 16px 7px 0px;
}


/*admin*/

.content_holder_admin{
position:relative;
top:35px;
left:14px;
width:872px;
height:auto;
padding-bottom: 200px;

}

.body_text_admin{
position:relative;
top: 0px;
left:312px;
width:562px;
height:auto;
background-image:url(../images/backgrounds/body_text_bg.gif);
background-repeat:repeat-y;
}

.nav_holder_admin{
position:absolute;
top:93px;
left:14px;
width:290px;
height:auto;
z-index:101;
}

.nav_holder_admin img{
float:right;
border:0;
}

.log_out{
position:relative;
top: -20px;
float:right;
padding: 0px 20px 0px 0px;
}

.log_out a:link {color: #333333; text-decoration:underline;}     /* unvisited link */
.log_out a:visited {color: #333333; text-decoration:underline;}    /* visited link */
.log_out a:hover {color:#ffffff;text-decoration:underline;}    /* mouse over link */
.log_out a:active {color: #333333; text-decoration:underline;}     /* selected link */


/*flags*/

.flags{
position:absolute;
top:5px;
left:821px;
width:80px;
}

/*kandesign*/

.kandesign{
position:absolute;
bottom: -30px;
left: 0px;
width: 200px;
height:auto;
font-size:11px;
text-align:left;
font-family:Verdana;
color:#CCCCCC;
padding:0px;
margin:0px;
font-weight:normal;
z-index:400;
}

.kandesign a:visited{
color:#CCCCCC;
}

.kandesign a:link{
color:#CCCCCC;
}

.kandesign a:active{
color:#CCCCCC;
}

.kandesign a:hover{
color:#000000;
}