/***** Global Settings *****/

* {margin:0; padding:0;}

html, body {
margin:0;
padding:0;

}

body {
font:100%/130% "Trebuchet MS", arial, helvetica, sans-serif;
background:#000 url(../gfx/body_bg.jpg) repeat-x 0 0;
color:#222;
text-align: center;
}


/***** LAYOUT *****/

#wrap {
width:950px;
margin: 0 auto;
background: transparent;
text-align: left;
font-size: 85%;
}

#header {
width:950px;
padding:0;
margin:0;
height:137px;
}	

#content {
background:#fff;
padding:20px 0 0;
width: 950px;

}

#left {
width:480px;
background: #fff;
float:left; 
display: inline;
margin:0 0 0 20px;
padding: 0;
}


#middle {
width:230px;
background: #151515 url(../gfx/middle.jpg) no-repeat 0 0;
color:#eee;
float:left; 
display: inline;
margin:0 20px;
padding: 20px;
font-size: 90%;
line-height: 150%;
}

#right {
width:120px;
background: transparent;
float:left; 
display: inline;
margin:0 19px 0 0;
padding: 0;
}

#footer {
width:910px; 
text-align:center; 
margin:0 auto; 
padding:10px 20px 0; 
color:#eee;
font-size: 80%;
background:transparent;

}

#container_bottom {
width:950px; 
padding: 0;
margin:0 auto;
height:30px;
background:transparent url(../gfx/corners_b.png) no-repeat top left;
}

#breadcrumb {
height:40px;
margin: 0;
padding:0 20px;
width: 950px; /* width:910px; */
background:transparent url(../gfx/corners_t.png) no-repeat 0 0;
}

#breadcrumb p {
background:transparent url(../gfx/breadcrumb.gif) no-repeat 0 50%;
padding:0 0 0 15px;
line-height: 40px;
font-size: 80%;
}

.box {
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom: 1px solid #444;
}

.last {
background: transparent url(../gfx/middle_b.jpg) no-repeat bottom left;
margin:-20px -20px -21px -20px;
}


/***** Index *****/

#splash {
width:490px;
height:310px;
background:transparent url(../gfx/splash.jpg) no-repeat 0 0;
margin:0 -10px 20px 0;	
text-indent: -9999px;
}


#news, #pages {
width:460px;
margin:0 0 20px;
background:#fff url(../gfx/news_bg.jpg) no-repeat 0 0;
border:none;
padding:10px;
}

#pages { background: none; }

#news_left, #pages_left {
	float:left;
	display: inline;
	width:210px;
	padding:0 10px 0 0;
	margin:0 9px 0 0;
	border-right: 1px solid #d8d8d8;
	}

#pages_left { border: none; }

#news_right, #pages_right {
	float:left;
	display: inline;
	width:220px;
	margin:0 0 0 0px;
	padding:0 0 0 10px;
	}

#rss {
	width: 480px;
	height: 100px;
 margin:20px 0;
 padding:0;
	}

#rss a {
		display: block;
		width: 480px;
		height: 100px;
		cursor: pointer;
		text-indent: -9999px;
		background:transparent url(../gfx/rss.jpg) no-repeat 0 0;
	}
	
#gastboklank {
	width: 480px;
	height: 100px;
 margin:20px 0;
 padding:0;
	}

#gastboklank a {
		display: block;
		width: 480px;
		height: 100px;
		cursor: pointer;
		text-indent: -9999px;
		background:transparent url(../gfx/gastbok.jpg) no-repeat 0 0;
	}
	

#ruta_anmalda_lag {
width:60px;
padding:20px 10px 10px;
float:right;
display:inline;
margin:0 0 0 10px;
font-size:80%;	
color:#fff;
background: #222 url(../gfx/ruta_anmalda_lag.gif) no-repeat 0 0;
border: 1px solid #333;
text-align: center;
}


#ruta_anmalda_lag .number {
font-size: 200%;
font-weight:bold;	
}


.sidelinks {font-size:90%; margin:10px 0 30px;}

.topnewswrap {
padding:0;
margin:0 0 20px 0;	
}

/***** festivalen *****/

.dlbox {
background:#222;
padding:0;
border:1px solid #333;
margin:10px 0;	
font-size:140%;
line-height: 140%;
font-weight: normal;
height:105px;
color:#fff;
}

.dlbox a {
	width:208px; 
 height:90px; 
	display:block; 
	cursor:pointer; 
	background:transparent; 
	color:#fff;
	padding:15px 10px 0;
	margin:0;
	}
.dlbox a:link {color:#eee;}
.dlbox a:hover {color:#fff;}

.dlbox a img {
	float: right;
	display: inline;
	margin:0;
	padding:0;
	}

/***** resultat pdf *****/


.resultat {
width:480px;
background:#fff url(../gfx/resultat_box.jpg) no-repeat bottom left;
padding:0 0 30px 0;
border:none;
margin:10px 0;	
font-size:140%;
line-height: 140%;
font-weight: normal;
height:90px;
}

.resultat a {
	width:480px; 
// height:80px; 
	display:block; 
	cursor:pointer; 
	background:transparent; 
	padding:0;
	margin:0;
	}

.resultat a img {
	float: right;
	display: inline;
	margin:0;
	}
	
.caption {
	font-size:60%;
}
	
	a .caption {color:#000;}
	
p.size {
text-align: right;
font-size: 60%;
padding: 0;
margin: 0 0 10px;
color:#999;
}

.resultat br.clear {height:1px;}
		
/****** Lists *******/

ul {
margin:0;
padding:0;
list-style:none;	
}

ol { 
padding:5px 20px;
margin:0 0 20px 0;
}

ol li { 
list-style-type: decimal;
padding:0 0 0 0;
margin:0 0 3px 0;
}

li {
margin:0;
padding:0;
list-style-type:none;
background: none;
}


#left ul {
background:transparent url(../gfx/ul_bg.jpg) repeat-y 0 0;	
padding:5px 30px;
margin:0 0 20px 0;
}

#left ul li {
background: transparent url(../gfx/listbullet.gif) no-repeat 0 10px;	
padding:5px 0 5px 20px;
}

#left .sitemapbox {
	padding: 10px 20px;
	border:1px solid #e6e6c3;
	background:#ffffef;
	}

#left .sitemapbox ul.sitemaplist {
	margin:10px 0; 
	background: none;
	list-style: none;
	padding: 0;
	border:none;
	} 
	
#left	.sitemapbox ul.sitemaplist li {
background: none;	
font-size: 110%;
font-weight: bold;
list-style-type: none;
padding: 3px 0;
border:none;
}

#left .sitemapbox ul.sitemaplist li ul.subsitemaplist {
	background: none;
	margin:0 0 0 20px;
	padding: 0;
	list-style:none;
border:none;
	}

#left .sitemapbox ul.sitemaplist li ul.subsitemaplist li {
	background:none;
	list-style-type: none;
	padding:3px 0 3px 5px;
font-size: 90%;
font-weight: normal;
border:none;
}

#sections li.active a {color:#fff;cursor:default;}
#sections li.active { background:transparent;}

/***** Gästbok ******/

#left ul.ordning {
margin:10px 0;
padding:0;
list-style:none;	
background:none;
	}
	
	#left ul.ordning li {
	display:inline;
	background:none;	
	margin:0;
	padding:0 2px 0 0;
	}
	
	#left ul.ordning li.active a.current,#left ul.ordning li.active a.current:hover{
	font-weight:bold;
	color:#333;
	cursor: default;
	
	}

.inlagg {
margin:15px 0;
padding:0 0 10px 0;
border-bottom:1px solid #ccc;	
}


/***** navigation *****/



#mainmenu {
margin: 0 0 0 0; 
width:450px; 
height:35px;
margin:102px 20px 0 0; 
float: right; 
display: inline;
padding:0;
list-style: none;
}

ul#mainmenu li {
display:inline;
height:35px;
padding:0;
margin:0;
list-style-type: none;
background:transparent;
}

a#nav01,a#nav02,a#nav03 {
display:block; 
float: left; 
text-indent:-9998px; 
height:35px; 
background: transparent url(../gfx/mainnav.gif); 
background-repeat: no-repeat; 
margin:0;
}

a#nav01:hover,a#nav02:hover,a#nav03:hover {
display:block; 
float: left; 
text-indent:-9999px; 
height:35px;
background: transparent url(../gfx/mainnav.gif); 
background-repeat: no-repeat; 
margin:0;
}

body#festivalen a#nav01, body#samarbete-och-profilering a#nav02, body#anmaelan a#nav03 {
background: transparent url(../gfx/mainnav.gif); 
background-repeat: no-repeat; 
margin:0;
}
	
a#nav01 { width:114px; background-position:0 0;}
a#nav01:hover { background-position:-450px 0; }
body#festivalen a#nav01 { width:114px; background-position:-900px 0;}

a#nav02 { width:237px; background-position:-114px 0;}
a#nav02:hover { background-position:-564px 0; }
body#samarbete-och-profilering a#nav02 { width:237px; background-position:-1014px 0;}

a#nav03 { width:99px; background-position:-351px 0;}
a#nav03:hover { background-position:-801px 0; }
body#anmaelan a#nav03 { width:99px; background-position:-1251px 0;}


ul.subnav {
width:230px;
padding: 0;
margin: 0 20px 20px;
background:#222;
list-style: none;
}

ul.subnav li {
padding:0;
margin:0;
list-style-type: none;
background: transparent;
border-bottom: 1px solid #333;
//height:30px;
line-height: 30px;
}

ul.subnav li:hover {background:#282828;}
ul.subnav li:hover a {color:#fff;}

ul.subnav li a {display:block; width:230px; /*height:30px;*/}

#topmenu ul {
	width:950px;
	text-align: right;
	margin:0 auto;
	list-style: none;
	font-size: 80%;
	padding:10px 20px 0 0;
	}

#topmenu ul li {
display:inline; 
margin:0 0 0 10px;
padding:0 11px 0 0;
background:transparent;
border-right: 1px solid #666;
}

#topmenu ul li.noborder {border:none;}

/***** Common Formatting *****/

h1, h2, h3 {
margin:0;
padding:0;
font-weight:bold;
color:#ee1b11;
}

	
h4, h5, h6 {
color:#000;
margin:0;
padding:0;
font-weight:bold;
}

#middle h1,#middle h2,#middle h3,#middle h4,#middle h5,#middle h6 {
color:#fff;
}

#middle h3 {margin:10px 0 0 0;}

h1,h2 {font-size:170%;}
h3 {font-size:125%;}
h4, h5, h6 {font-size:110%;}

h2 {margin:0 0 10px 0;}

h2#nyheter{
height:50px;	
width:480px;
display: block;
text-indent: -9999px;
margin:0;
padding: 0;
}



h2#taevling, h2#anmalda_lag, h2#nyhetsbrev, h2#visste-du-att, h2#las_mer {
height:50px;	
width:150px;
display: block;
text-indent: -9999px;
margin:-10px 0 0 0;
padding: 0;
}

h2#nyheter {background:transparent url(../gfx/nyheter.gif) no-repeat 0 0;}

h2#taevling {background:transparent url(../gfx/tavling.gif) no-repeat 0 0;}

h2#anmalda_lag{background:transparent url(../gfx/anmalda_lag.gif) no-repeat 0 0;}
 
h2#nyhetsbrev{background:transparent url(../gfx/nyhetsbrev.gif) no-repeat 0 0;}

h2#visste-du-att {background:transparent url(../gfx/visste_du_att.gif) no-repeat 0 0;}

h2#las_mer {background:transparent url(../gfx/las_mer.gif) no-repeat 0 0;}




h3#aldre_nyheter{
height:44px;	
width:108px;
display: block;
text-indent: -9999px;
margin:0 0 0 10px;
padding: 0;
background:transparent url(../gfx/aldre_nyheter.gif) no-repeat 0 0;
}


h1#logo {
float:left;
display:block;
width:250px;
height:137px;
margin: 0 0 0 9px;
}



img.bildbanner {padding:0 0 5px;}

p {
margin:0;
padding:0 0 10px 0;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

#left img {margin:10px 0 20px 0;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}




/***** Lists *****/



	

/***** Links *****/
a {
color:#28c5ff;
text-decoration:none;	
}

a:hover {color:#2e9ae5;}
a, a:visited {
text-decoration:none;
}

#middle a {color:#28c5ff;}
#middle a:hover {color:#fff;}


#topmenu a,#footer a {color:#28c5ff;}
#topmenu a:hover,#footer a:hover {color:#fff;}

a.more {
	background:transparent url(../gfx/more.gif) no-repeat 0 0;
	padding: 0;
	display: block;
	width: 74px;
	height:19px;
	text-indent: -9999px;
	margin:10px 0 0;
	}

#middle a.more {
	background:transparent url(../gfx/more_middle.gif) no-repeat 0 0;
	padding: 0;
	display: block;
	width: 74px;
	height:19px;
	text-indent: -9999px;
	margin:10px 0 0;
	}
	

h1#logo a {
background:transparent url(../gfx/draklogo.png) no-repeat 0 0;
width:250px;
height:137px;
display: block;
text-indent: -9999px;
cursor: pointer;
}


/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}
fieldset { border: 0; margin: 0; padding: 0; }
legend { display: none; margin: 0; padding: 0; }
input, select, textarea {
font:0.85em "Trebuchet MS", Arial, helvetica, sans-serif;
color:#666;
background:#fff;
}

.box .zemContactForm input[type="text"]{
	border:none;
	height:20px;
	padding:2px 5px 0 5px;
	margin:0;
	background:#151515 url(../gfx/nyhetsbrev_bg.gif) no-repeat 0 0;
	display: inline;
	float:right;
	width: 140px;
	color:#fff;
	line-height: "20px";
	} 
	
	.box input.zemSubmit {
		width:64px;
		height:20px;	
		float:right;
		display: inline;
		margin:0 0 0 10px;
		padding:0 5px;
		border:none;
		background:transparent url(../gfx/skicka.gif) no-repeat 0 0;
		color:#2a2a2a;
		text-align:center;
		}

.box button.zemSubmit {
		width:64px;
		height:20px;	
		float:right;
		display: inline;
		display:block;
		margin:0 0 0 10px;
		padding:0 5px;
		border:none;
		background:transparent url(../gfx/skicka.gif) no-repeat 0 0;
		color:#2a2a2a;
		text-align:center;
		text-indent: -9999px;
	border:none;
	cursor: pointer;
	}


textarea {
line-height:1.25;
}

label {
line-height: 30px;
text-align: right;
min-width:100px;
display: inline;
float:left;
margin:0 20px 0 0;
}

.box label {
line-height: 25px;
text-align: right;
min-width:60px;
display: inline;
float:left;
margin:0 10px 0 0;
}

.box .zemThanks { 
background: #000; 
padding:10px 10px 0 10px; 
color:#eee; 
border:1px solid #222;
}

#left ul.zemError {
background:#ffeded;
border:1px solid #ffb0b0;
padding:20px;	
}

#left ul.zemerror li {background:none; padding:0; }

.zemContactForm input[type="text"] {
border:none;
height:30px;
padding:7px 10px 3px;
background:#fff url(../gfx/textfalt.gif) no-repeat 0 0;
display: inline;
width: 310px;
color:#666;
line-height: "30px";
float: left;
}

/** GB**/ .comment_name_input,.comment_email_input{
border:none;
height:30px;
padding:7px 10px 3px;
background:#fff url(../gfx/textfalt.gif) no-repeat 0 0;
display: inline;
width: 310px;
color:#666;
line-height: "30px";
float: left;

}

/** GB***/ textarea.txpCommentInputMessage {
width:430px;
height:180px;
background: #fff url(../gfx/meddelande.gif) no-repeat 0 0;
overflow:auto;
padding:10px;	
border:none;
color:#666;
}

.zemContactForm textarea {
width:430px;
height:180px;
background: #fff url(../gfx/meddelande.gif) no-repeat 0 0;
overflow:auto;
padding:10px;	
border:none;
color:#666;
}

.zemContactForm button {
width:64px;
height:20px;	
float:left;
display: inline;
margin:10px 0 0 0;
padding:0 5px;
border:none;
background:transparent url(../gfx/skicka_bla.gif) no-repeat 0 0;
color:#2a2a2a;
text-align:center;
text-indent: -9999px;
border:none;
}

#txpCommentPreview,#txpCommentSubmit {
font-weight: bold;
padding:2px;
border: 1px solid #ccc;
}

select {
border:1px solid #ccc; 
height:18px;
float:left;	
display: inline;
margin:5px 0 0 0;
}
select option {
	padding:0 5px;
		background:#fff; 
 border-bottom: 1px dotted #ccc;
}
.important {
background:transparent url(../gfx/important.gif) no-repeat 0 0;
padding:10px;	
width: 430px;
margin:10px 0;
color:#84440c;
}

/***** Tables *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

table#senaste_nyheterna {
	width:478px;
	margin:0 0 10px;
	padding:0;
	border:1px solid #eee;
	font-size: 90%;
 line-height: 1.5em;

	}
table tr td {
padding:2px 5px;
}

table#senaste_nyheterna td {
height:1.5em;
}

	
tr.odd td.title,tr.odd td.posted {
	background:#d3edff;
	}

	
	tr.even td.title,tr.even td.posted  {
		background:#e9f6ff;
		}


/****** other typo *******/

p.ingress {
	font-size:140%;
	line-height: 130%;
	font-weight: normal;
	color:#999;
	font-family: "Helvetica Neue Light",helveticaneue-light, Helvetica, Arial, Sans-Serif;
	0 0 10px 0;
	}

div.ingress {
	font-size:140%;
	line-height: 130%;
	font-weight: normal;
	color:#999;
	font-family: "Helvetica Neue Light",helveticaneue-light, Helvetica, Arial, Sans-Serif;
	margin:0 0 20px 0;
	}


.ingress img {
	margin:10px 0;
	}
	
	
.title {
	font-weight: bold;
	}

.posted {
background:transparent url(../gfx/posted.gif) no-repeat 0 50%;
padding:0 0 0 15px;
margin:0;	
font-size: 80%;
}
table#senaste_nyheterna td.title {
	width:75%;
	padding:5px 0 5px 10px;
	}
table#senaste_nyheterna td.posted{
	width:25%;
	padding:5px 0 5px 15px;
	}
	
	p#credits {
float:right;
display: inline;
margin:0;
padding:0;
	}

#news p,#news ul,#news ol {
	font-size: 90%;
	} 
	
	
.smallgrey {color:#999; font-size:50%;}	

.newsroll {margin:0 0 20px 0;}

/***** Global Classes *****/

.clear 			{ clear:both; }
.float-left 	{ float:left;display:inline; margin:0 10px 10px 0;}
.float-right 	{ float:right; display:inline; margin:0 0 10px 10px;}

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.red 			{ color:#c30; }