a { font:11px Verdana, Arial, Helvetica, sans-serif; color:#0099d8; text-decoration:none}
a:visited { color:#0054a6}
a:hover { color:#0099d8}
a:active { color:#0099d8}

/*  CMS länkar  */
a.cms { color:#fff}

/* puffar */
a.puff { color:#000}
a.puff:visited { color:#666}
a.puff:hover { text-decoration:underline}
a.puff:active { color:#666; text-decoration:underline}

/*  Meny länkar  */
a.meny { font-size:12px; font-weight:bold; font-style:italic; color:#fff; margin-right:13px;}
a.meny:active { color:#f1892f; margin-right:13px;}
a.meny:hover { color:#f1892f; margin-right:13px;}

/*  Meny länkar  */
a.meny2 { font:11px Verdana, Arial, Helvetica, sans-serif; color:#0099d8; text-decoration:none; margin-right:13px;}
a.meny2:visited { color:#0054a6; margin-right:13px;}
a.meny2:hover { color:#0099d8; margin-right:13px;}
a.meny2:active { color:#0099d8; margin-right:13px;}

body  {font-family:Verdana, Arial, sans-serif; font-size:11px;}

body.org { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-left:30px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding:0px; height:100%; background-color:#0099d8; background-image:url(grafik/bg.jpg); background-repeat:repeat-y}

body.undersida { margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding:0px; height:100%; background-color:#fff;}

i { font:10px Verdana, Arial, Helvetica, sans-serif}
h1{ font-family:Georgia, Times New Roman, Times, serif; font-size:24px; margin-bottom:0px; font-weight:normal;}
h2 { font:14px Verdana, Arial, sans-serif; color:#fff}
h3 { font-family:Georgia, Times New Roman, Times, serif; font-size:18px}
h4 {font:12px Verdana, Arial, sans-serif; color:#000; text-transform:uppercase; margin:0;}
p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:0px}

.rubrik { font-family:Georgia, Times New Roman, Times, serif; font-size:24px; margin-bottom:0px}
.rubrik2 { font-family:Georgia, Times New Roman, Times, serif; font-weight: bold; font-size:16px; margin-bottom:0px}
.rubrikblue { font-family:Georgia, Times New Roman, Times, serif; font-size:24px; margin-bottom:0px; color:#0099d8}


.brodtext { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:0px}
.bildtext { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:italic; margin-bottom:0px; text-align:center}
.datum { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; font-variant:small-caps}
hr { color:#bdbdbd; background:#bdbdbd; height:1px; width:88%;}

/* divar */

/* Sidan */
#head { background-image:url(grafik/top760x185.jpg); background-repeat:no-repeat; height:185px; width:760px}
#bildhead { position:absolute; margin-left:263px; margin-top:45px; background-image:url(grafik/fyrabilder.jpg); background-repeat:no-repeat; height:96px; width:480px; z-index:5}
#content{ position:absolute; left:30px; top:210px}
#meny{ float:left; padding-top:161px; padding-left:22px}
#meny2{ position:absolute; top:190px; left:56px}
#vr{ background-image:url(grafik/vr.jpg); background-repeat:repeat-y; position:absolute; left:391px; width:5px; z-index:2; height:100%}

/* Flagga */
#flagga { float:right; width:20px; padding-top:161px; padding-right:30px;}

/*   FÖRSTASIDAN   */
#leftShow{ position:absolute; top:5px; left:20px; width:380px; border-right:1px solid #666666; padding-bottom: 10px; padding-right:10px;}
#rightShow{ position:absolute; left:430px; top:5px; width:325px; }

.anmaldig {width:350px; text-align:center; padding:5px; border: 1px solid #000; background:#ccc; margin:25px 0 25px 0;}
.anmaldig a {color:#000;}
.anmaldig a:hover {color:#000; text-decoration:underline; font-weight:bold;}

/*   SAMARBETSPARTNERS & GALLERI   */
#ShowEn{ position:absolute; top:5px; left:20px; width:720px}

/*   SAMARBETSPARTNERS & GALLERI   */
#leftUndersida{ position:absolute; top:5px; left:20px; padding-bottom:15px; width:455px}
#rightUndersida{ position:absolute; left:490px; top:5px; width:250px}

/*  SPONSORER TILL HÖGER SOM ALLTID SYNS  */
#spons{ position:absolute; left:805px; top:5px; width:180px}

/* bilduppladdningen */
#BildLeftUpload { width:300px; position:absolute; left:10px; top:0px; padding-right:0px}
#BildRightShow { position:absolute; width:400px; left:315px; top:0px; padding-right:0px}
#epost { background:url(grafik/nyhetsbrev_bg.jpg) no-repeat; width:300px; height:64px; padding-left:10px}

/* CMS */
#CmsMeny { width:170px; position:absolute; left:805px; top:100px}
#CmsHead { width:800px; height:100px; top:0px}
#CmsNyheter{ width:350px; position:absolute; left:40px; top:0px; padding-right:0px}
#CmsArtiklar{ width:350px; position:absolute; left:400px; top:0px; padding-right:0px}
#CmsEdit{ position:absolute; left:35px; top:100px; width:720px}

#CmsMeny a { display:block}

#guestbookform {width:720px; margin: 0 0 25px 20px;}

/* Visa anmälda */
#visaAnmalda {width: 720px; left:20px;}
.Namn{width:300px; float:left; margin: 0 0 5px 0;}
.Ort {width:220px; float:left; margin: 0 0 5px 0;}


/* Formulär och knappar */
textarea.epost	{ border:1px solid #fff; font-size:8pt; font-family:verdana; background:#0099d8; color:#fff; padding:0; width:200px; margin-top:2px}
input	{ border:1px solid #999; font-size:9pt; background:#fafafa; color:#000; padding:1px; width:60%;}
input.rub	{ border:2px solid #000; font-size:9pt; background:#ccc; color:#fff; padding:0; width:60%}
fieldset { border:0px; left:20px; width:500px; font-family:Verdana, Arial, sans-serif; font-size:10px;}
fieldset.epost { border:0px; left:10px; width:300px}
select { font-size:9pt; border-style:solid; border-color:#707073}	
a.btn { font-size:10px; color:#000; font-weight:normal; border:1px solid #000; background:#ccc; cursor:hand; padding:2px 4px}
input.btn { font-size:10px; color:#000; font-weight:normal; border:1px solid #000; background:#ccc; cursor:hand; font-family:Verdana, Arial, Helvetica, sans-serif; width:30%;}
input.btnepost{ width:20%; font-size:10px; color:#fff; margin-top:2px; font-weight:normal; border:1px solid #fff; background:#0099d8; cursor:hand; border-top-color:#fff; border-right-color:#fff; border-bottom-color:#fff; border-left-color:#fff; font-family:Verdana}
input.radio { border:none}


/* anmälan */
div#anmalan { width:580px; margin-left:50px}
table#anmalan_form {}
table#anmalan_form td { padding:2px 4px}
table#anmalan_form em { color:#f00}
td.heading { width:35%; text-align:right; padding-right:2%}
td.inputs {}
td.heading {}
td.inputs input {}
td.inputs textarea { width:90%; height:130px}
p.error_message { width:80%; color:#f00; font-weight:bold}
table#anmalan_check { border:1px solid #ddd; background:#fafafa}
table#anmalan_check td.heading { width:45%; font-weight:bold}
table#anmalan_check td { padding:2px 4px}
table#anmalan_check em { color:#f00}
p.fontnormal { font-weight:normal}

/*     LIGHTBOX     */
#lightbox{ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0}
#lightbox a img{ border:none}
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto}
#imageContainer{ padding:10px}

#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#imageContainer>#hoverNav{ left:0}
#hoverNav a{ outline:none}

#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display:block}
#prevLink { left:0; float:left}
#nextLink { right:0; float:right}
#prevLink:hover, #prevLink:visited:hover { background:url(images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover { background:url(images/nextlabel.gif) right 15% no-repeat}


#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em}

#imageData{ padding:0 10px; color:#666}
#imageData #imageDetails{ width:70%; float:left; text-align:left}	
#imageData #caption{ font-weight:bold}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em}
#imageData #bottomNavClose{ width:66px; float:right; padding-bottom:0.7em}
		
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position:absolute; top:0px; left:0px; width:100%; min-width:790px}
* html .lbContent { /* IE6 */
	margin-left:-790px; position:relative}
* html .lbMinWidth { /* IE6 */
	padding-left:790px}
	
	
/* Clearfix */	
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */ 

table.anmalningar { margin-left:20px; margin-top:10px;}
table.anmalningar td { padding:2px 15px;}
table.anmalningar .heading { font-weight:bold; text-decoration:underline; padding-top:15px;}
table.anmalningar tfoot td { padding-top:20px;}
table.anmalningar tfoot td a { margin-left:20px;}

span.platser, span.anmal { margin-top:8px; margin-bottom:4px; float:left; width:48%; height:130px;}
span.platser { padding-top:50px; height:80px; background:url(images/bng_bluebox.gif); width:140px; padding-right:5px; text-align:center; font:44px Verdana, Arial, Helvetica, sans-serif; overflow:hidden}
span.platser a, span.anmal a, span.platser img, span.anmal img { border:none}

ul.form{list-style:none;padding:0;margin:0 auto;width:350px;border:0;}
ul.form li{border-bottom:1px dashed #464e5f;padding:6px 0;height:35px;}
.form_head{height:20px;width:400px;color:#aaa;text-align:center;border-bottom:0 !important;}
ul.form li label{display:block;float:left;width:160px;}
.required{display:block;font-size:10px;color:#5b6170;width:160px;float:left;clear:left;}
ul.form li input, ul.form li select, ul.form li textarea{width:180px;background-color:#ccc;border:2px solid #ccc;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li.submit{text-align:right;border:0;}
ul.form li.submit input{background:transparent url(images/send.png) no-repeat;
border:0 none;
cursor:pointer;
display:block;
height:34px;
width:110px;
overflow:hidden;
text-indent:-4000px;
float:right;}
#comment{width:400px;background-color:#ccc;border:2px solid #ccc;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li textarea{height:90px;width:340px;}
ul.form li.comment .required, ul.form li.comment label{width:120px;}
li.comments{height:130px !important;}
.valid{border:2px solid green !important;}
.invalid{border:2px solid #800 !important;}

.bigbutton { padding:3px 10px; font-weight:bold; cursor:pointer; cursor:hand}