*{

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#000;

font-size:10px;

}

html{height:100%;}

body{height:100%; margin:0px; padding:0px;}

.boddy{margin-left:110px;}

#matta{

	display:block;

	float:left;

	background:url(bilder/images/gray.gif);

	height:100%;

	width:700px;

	margin-top:0px;

	padding:0px;

}

 #overkant{height:20px; width:700px; background-image:url(bilder/images/overkant.gif); background-repeat:no-repeat; padding:0px; float:left; font-size:2px;}

 #underkant{height:40px; width:680px; background:url(bilder/images/gray.gif); padding:10px; display:block; clear:both;}

/* -----------------------RAMVERKET--------------------------------------*/

 #mitten{

	clear:both;

	display:block;

	float:left;

	width:680px;

	padding-left:10px;

	padding-right:10px;

	margin:0px;

	background-image:url(bilder/images/mitten_bg.gif);

	background-repeat:repeat-y;

}



#container{

	clear:both;

	display:block;

	float:left;

	width:680px;

	padding-top:100px; 

	padding-bottom:10px;

	background-image:url(bilder/images/test_background.jpg); 

	background-repeat:no-repeat;

}

/*-------------- MENY --------------------*/

#left_meny{

clear:both;

display:block;

float:left;

padding-left:9px;

margin-right:9px;

width:140px;

vertical-align:top;

}

#left_meny a{

text-decoration:none;

font-family:Arial, Helvetica, sans-serif;

color:#FFF;

font-weight:bold;

}

#left_meny .menyObj{

display:block;

background-image:url(bilder/images/menyknappNEW.gif);
background-color:#003333;

background-repeat:no-repeat;

margin-top:2px;

font-size:12px;

padding-top:2px;

padding-bottom:3px;

padding-left:20px;

}

#left_meny .menyObj:hover{ 

background:url(bilder/images/menyknappNEW_ON.gif);
background-repeat:no-repeat;
background-color:#00280a;
color:#FFCC66;

}

#left_meny .uSida{

display:block;

height:14px;

background:url(bilder/images/umeny_bg.gif);

background-repeat:no-repeat;

padding-left:9px;

border-bottom: solid 1px #333;

font-size:10px;

}

#left_meny .uSida:hover{

color:#FFCC66;

}

/* --------------- VISNINGSYTA ----------------------*/



#visningsdiv{

display:table;

float:left;

width:513px;

min-height:600px;

background-color: transparent;

background-image:url(bilder/images/white80.png);

}

#sininnehall{

display:table-cell;

float:left;

padding-top:13px;

padding-bottom:10px;

padding-left:10px;

padding-right:10px;

margin-bottom:0px;

width:493px;

min-height:587px;



}



#fotosida{

display:table-cell;

float:left;

padding-top:13px;

padding-bottom:10px;

padding-left:5px;

padding-right:4px;

margin-bottom:0px;

width:505px;

min-height:587px;

}

#visningsdiv_start{

display:block;

float:left;

width:513px;

}



#transperent80{

background-color: transparent;

background-image:url(bilder/images/white80.png);

display:block;

float:left;

padding-top:100px;

padding-bottom:10px;

padding-left:10px;

padding-right:10px;

margin-bottom:10px;

width:494px;

}

#nedLeft{

width:270px;

height:240px;

padding:5px;

display:block;

float:left;

background-color: transparent;

background-image:url(bilder/images/white80.png);}

#nedLeft .datum{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666; text-decoration:none; display:block; padding-left:4px;color:#009933; text-transform:capitalize;}

#nedLeft .rub{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none; display:block; text-transform:uppercase;padding-left:4px;}

#nedLeft .text{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333; text-decoration:none; display:block;padding-left:4px;}





#nedRight{

width:210px;

height:240px;

padding:5px;

display:block;

float:right;

background-color: transparent;

background-image:url(bilder/images/white80.png);}



.startGal{text-align:center;}

#nedRight img{padding-bottom:10px;}



/* --------------- NYHET UPPE ----------------------

#nyhet_bg {

	background-color: #000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6;

	position:absolute;

	width:273px;

	height:82px;

	z-index:2;

	left: 517px;

	top: 29px;

	border:1px solid #000000;

}*/

#nyhet_show {

	position:absolute;

	width:273px;

	height:82px;

	z-index:3;

	left: 517px;

	top: 29px;

	border:1px solid #000000;

	color:#fff;

	overflow:hidden;

	background-color: transparent;

	background-image:url(bilder/images/black60.png);

}



#nyhet_show .datum{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#999; text-decoration:none; display:block; padding-left:4px;}

#nyhet_show .rub{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; display:block; text-transform:uppercase;padding-left:4px; padding-bottom:2px;}

#nyhet_show .text{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#eee; text-decoration:none; display:block;padding-left:4px;}

#nyhet_show .text:hover{color:#FFCC33;}

/* --------------- GALERI ----------------------*/



.gallPix{margin-bottom:1px;}

.select_gal{

text-align:right;

}

.select_gal select{ background:#fff;}



#kal_gal{display:block; text-align:center; clear:both;}

#kal_gal .gallPix{margin-bottom:6px;}





/* --------------- TOP LOGO ----------------------*/

#topLogo {

	position:absolute;

	width:372px;

	height:115px;

	z-index:4;

	top: 6px;

	left: 113px;

}

/* --------------- FLERA ----------------------*/

.flera{}

/* --------------- LINKS ----------------------*/

.link_genre{display:block; text-decoration:none; border-top: solid 1px #CCCCCC; font-size:12px; text-transform:uppercase;}

.link_genre a{text-decoration:none; color:white;}

.link_genre a:hover{color:#FFCC66;}

.link_ul{margin-left:0px; margin-bottom:10px; margin-top:6px;padding:0px;}

.link_list{ list-style:none; display:block; padding-left:6px; margin-top:5px; }

.link_list_rub{ font-weight:bold;text-decoration:none;}

.link_list_rub:hover{color:#FFCC66;}



.liten_gra{font-family:Arial, Helvetica, sans-serif;font-size:10px;font-style:normal;font-weight:normal;text-decoration:none;color:#999999;}

/* --------------- EVENT/KALENDARIUM----------------------*/

.event_ingress{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333; text-decoration:none; display:block;padding-left:4px;}

.event_datum{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;   text-transform:capitalize;}

.event_lokal{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;  padding-left:4px; font-style:italic;}

.event_lokal:hover{color:#009933;}

/* --------------- TAGGAR ----------------------*/

img{border:0px;}

hr{height:1px; color:#CCCCCC; margin-top:20px;}