/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Trebuchet MS", Arial, Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 100%;
	margin: 0px;
	height:100%;
	background: #BED1E2 url(../images/bg.jpg) repeat-y 50% 0px;
}

body#vit {background: #fff url(../images/vitruta.gif) repeat;}

h1 {
	font-size: 110%;
	font-weight: normal;
	letter-spacing: 1px;
	color: #eeeeee;
}


h1.informerar {
	background-image: url(../images/rubrik_idunninfo.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
	margin-bottom: 15px;
}

h1.pagang {
	background-image: url(../images/rubrik_pagang.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 80px;
}

h1.annonser {
	background-image: url(../images/rubrik_annonser.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 62px;
}

h1.sponsorer {
	background-image: url(../images/rubrik_sponsorer.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 78px;
}

h1.styrelsen {
	background-image: url(../images/rubrik_styrelsen.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
	margin-bottom: 15px;
}
h1.medlem {
	background-image: url(../images/rubrik_medlem.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
	margin-bottom: 15px;
}

h1.annonsering {
	background-image: url(../images/rubrik_annonsering.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
	margin-bottom: 15px;
}

h1.nyheter {
	background-image: url(../images/rubrik_nyhetsarkiv.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
}

h1.aktiviteter {
	background-image: url(../images/rubrik_aktiviteter.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
	margin-bottom: 15px;
}

h1.tioitopp {
	background-image: url(../images/rubrik_tioitopp.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
}

h1.formaner {
	background-image: url(../images/rubrik_formaner.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
}

h1.bildarkiv {
	background-image: url(../images/rubrik_bildarkiv.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
	margin-bottom: 15px;
}

h1.protokoll {
	background-image: url(../images/rubrik_protokoll.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
	margin-bottom: 15px;
}

h1.artiklar {
	background-image: url(../images/rubrik_artiklar.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
	margin-bottom: 15px;
}

h1.utmarkelser {
	background-image: url(../images/rubrik_utmarkelser.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
	margin-bottom: 15px;
}

h1.shop {
	background-image: url(../images/rubrik_shop.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-bottom: 1px dotted #3173AA;
	margin-bottom: 15px;
}

h1 span {
	display: none;
}

h2 {
	font-size: 95%;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 20px 0px 0px;
}

h2 span.obs {
	color:#ff0000;
}

h2.manadsbild {
	color: #3173AA;
	font-size: 100%;
}

h2 span.datum {
	font-size: 85%;
	font-weight: normal;
	color: #3173AA;
	margin: 0px;
}

.rensa {
	clear:both;
}

.text, .visafotoalbum, .visanyheter {
	font-size: 85%;
	padding: 0px;
	margin-bottom: 15px;
}

.textnyheter, .annonsmitten  {
	font-size: 85%;
	padding: 0px;
}
.text p, .visafotoalbum p, .tioitopp p {
	padding-top: 5px;
	padding-bottom: 5px;
}

.text p.border {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border:1px dashed #999;
	background-color:#e6e6e6;
	}


.textnyheter p {
	padding-bottom: 5px;
}

p.uppdat {
	font-size: 85%;
	color: #3173AA;
	text-align: right;
}

.text img {
	/*border: 1px solid #003471;*/
	margin-top: 10px;
	margin-bottom: 10px;
}

.text img.right {
	margin: 0px 0px 10px 10px;
	float:right;
}

.text p.bild img.left {
	margin: 0px 10px 0px 0px;
	float:left;	
}

.annonsmitten {
	border-top: 1px dotted #3173AA;
	border-bottom: 1px dotted #3173AA;
	padding:10px;
	margin:5px 0px 5px 0px;
	background-color:#ffffff;
}

.annonsmitten p.bild img.left {
	margin: 5px 10px 5px 0px;
	float:left;	
}

.text img.bildarkiv, .text img.icon  {
	border: 0px;
}

.visanyheter select.artal {
	margin-top: 10px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size:11px;
	font-style: normal;  
	width:150px;
	background-color: #ffffff; 
	border: solid 1px #333333;
}

.visanyheter p {
	margin: 10px 0px 10px 0px;
}
.tioitopp, .formaner, .avkommor {
	font-size: 85%;
	padding: 0px;
	margin-bottom: 15px;
	clear: both;
}

.formaner p {
	margin-right: 100px;
	padding:0px 0px 5px 0px;
}

.text img.lasmerbild, .tioitopp img.bild, .formaner img.bild, .avkommor img.bild {
	/*border: 1px solid #003471;*/
	margin-left: 10px;
	margin-bottom: 10px;
	float:right;
	clear: both;
}

#innehall table.utmarkelser {
	margin: 15px 0px 15px 0px;
}

#innehall table.utmarkelser td {
	padding: 5px 0px 5px 0px;
}

#innehall table.utmarkelser td.rubrik {
	font-weight: bold;
	border-bottom: 1px dotted #666666;
}

#innehall table.utmarkelser td.total {
	font-weight: bold;
	border-top: 1px dotted #666666;
}

#innehall table.poang {
	margin: 15px 0px 15px 0px;
	font-size:90%;
}

#innehall table.poang td {
	padding: 2px 0px 2px 0px;
}

#innehall table.poang td.rubrik {
	font-weight: bold;
	border-bottom: 1px dotted #666666;
}

#innehall table.poang td.total {
	font-weight: bold;
	border-top: 1px dotted #666666;
}


#innehall table#protokoll {
	margin-top: 15px;
}

#innehall table#protokoll a, #innehall table#protokoll a:link, #innehall table#protokoll a:active, #innehall table#protokoll a:visited  {
	border: 0px;
}

.mallbox {
	clear: both;
}

.mallbox img.mall {
	float:left;
	margin-right: 20px;
	border: 0px;
}

.text p span.bildtext {
	font-size: 80%;
	font-style:italic;
}

.lasmer {
	width: 520px;
	height: 16px;
	background-image: url(../images/lasmer_pil.gif);
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 20px;
	padding-top: 2px;
}



/* RAMAR HEMSIDA OCH ANNONSER */

#ram {
	position:absolute;
	left:50%;
	top: 0px;
	width: 960px;
	min- height: 100%;
	margin-left: -480px;
	
}

* html #ram {height:100%;}

#ramannonser {
	width: 210px;
	padding: 0px;
	height:  100%;
	float: right;
	overflow: visible;
}

#ramhemsida {
	width: 750px;
	margin: 0px;
	padding: 0px;
	height:  100%;
	float: left;
	overflow: visible;
}

/* VANSTER, MENY, PA GANG, SPONSORER */

#vanster {
	position: absolute;
	top: 0px;
	left: 8px;
	width: 156px;
	height: 100%;
	/*background-color:#FF0000;*/
}

#meny {
	top: 0px;
	width: 156px;
	float: left;
	background-image: url(../images/bg_pagang.jpg);
	background-repeat: repeat-y;
}

html>#meny { 
	top: 0px; 
	}

#meny ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#meny ul li {
	/*float: left;*/
	height: 35px;
	width: 157px;
}

#meny ul li#hem {
	/*float: left;*/
	height: 45px;
	width: 157px;
}

#meny li > ul {
	top: auto;
	left: auto;
	}
#meny ul li a {
	display: block;
	height: 27px;
	margin: 0px;
	padding: 8px 0px 0px 10px;
	font-weight: bold;
    text-decoration: none;
	color: #f0f0f0;
	font-size: 90%;
	letter-spacing: 2px;
	background-image: url(../images/meny_off.jpg);
	background-repeat: no-repeat;
	border: 0px;
}

#meny ul li#hem a {
	display: block;
	height: 37px;
	margin: 0px;
	padding: 8px 0px 0px 10px;
	font-weight: bold;
    text-decoration: none;
	color: #f0f0f0;
	font-size: 90%;
	letter-spacing: 2px;
	background-image: url(../images/meny_hem_off.jpg);
	background-repeat: no-repeat;
	border: 0px;
}

#meny ul li a:hover {
	color: #3173AA;
	background-image: url(../images/meny_on.jpg);
	background-repeat: no-repeat;
	border: 0px;
}

#meny ul li#hem a:hover {
	color: #3173AA;
	background-image: url(../images/meny_hem_on.jpg);
	background-repeat: no-repeat;
	border: 0px;
}

#pagang {
	
	clear:both;
	float:left;
	width: 157px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg_pagang.jpg);
	background-repeat: repeat-y;
}



#pagang ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#pagang ul li {
	/*float: left;*/
	width: 154px;
}

#pagang ul li#botten {
	/*float: left;*/
	width: 156px;
	height: 10px;
	background-image: url(../images/bg_pagang_botten.jpg);
	background-repeat: no-repeat;
}

#pagang li > ul {
	top: auto;
	left: auto;
	}
	
#pagang ul li a {
	display: block;
	margin: 0;
	padding: 0px 0px 8px 10px;
	font-weight: bold;
	text-decoration: none;
	color: #3173AA;
	font-size: 75%;
	text-transform: uppercase;
}

#pagang ul li a:hover {
	color: #6590BA;
}

#sponsorer {
	clear:both;
	float:left;
	width: 157px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg_sponsorer.jpg);
	background-repeat: repeat-y;
}

.sponsor {
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 10px;
}

.sponsor img {
	border: 0px;
	margin-bottom: 5px;
}

#sponsorbotten {
	clear:both;
	float:left;
	width: 157px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg_sponsorer_botten.jpg);
	background-repeat: no-repeat;
}

/* HOGER, INNEHALL */

#hoger {
	position: absolute;
	top: -1px;
	right: 211px;
	width: 580px;
	height: 100%;
}

#sidhuvud {
	width: 580px;
	height: 190px;
	background-image: url(../images/bg_topp_ny.jpg);
	background-repeat: no-repeat;
}

#sidhuvud p.logga {
	height: 168px;
	width: 350px;
	background-image: url(../images/idunn.gif);
	background-repeat: no-repeat;
}

#innehall {
	width: 540px;
	margin: 10px 20px 0px;
	padding: 0px;
	min-height:100%;
	/*background-image: url(../images/bg_innahall.jpg);
	background-repeat: no-repeat;*/
}

* html #innehall {height:100%;}

#innehall a, #innehall a:link, #innehall a:active, #innehall a:visited   {
	font-size: 85%;
	font-weight: bold;
    text-decoration: none;
	color: #3173AA;
    border-bottom: 1px dashed #3173AA;
}

#innehall a:hover   {
	font-weight: bold;
    text-decoration: none;
	color: #6590BA;
    border-bottom: 1px solid #6590BA;
}

.sidfot {
	clear: both;
	margin: 20px 0px 0px;
	font-size: 70%;
	font-weight: bold;
	color: #999999;
	text-align: right;
	border-top: 1px dotted #3173AA;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;	
}

.sidfot a,.sidfot a:link,.sidfot a:active,.sidfot a:visited {
	font-weight: bold;
	text-decoration: none;
	color:#eeeeee;
	border-bottom: 0px;
}

.sidfot a:hover   {
	font-weight: bold;
    text-decoration: none;
	color: #6C747F;
    border-bottom:1px solid #6C747F;
}

/* ANNONSER */

.annonsbox {
	margin: 10px 0px 5px 13px;
	width: 190px;
	height: 120px;
}
.annonsbox p {
	padding-top: 5px;
	padding-bottom: 5px;
}
.annonsbox img {
	border: 0px;
}

/* FORMULAR */

#medlemform {
	margin-top: 10px;
	padding: 10px;
	border: 1px dotted #3173AA;
	font-size: 80%;
}

#medlemform label {
	font-weight: bold;
}

#medlemform .falt {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	width:400px;
	background-color: #FAFAFA; 
	border: solid 1px #3173AA;
}

#medlemform .faltruta {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	width:400px;
	height:150px;
	background-color: #FAFAFA; 
	border: solid 1px #3173AA;
}

#medlemform .knapp {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #333333;  
	width: 180px;
	background-color: #BED1E2; 
	border: 1px solid 1px #3173AA;
	margin-top: 10px;
}

#medlemform	span.kommentar {
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}

/* BILDARKIV */

.visafotoalbum label {
	font-weight: bold;
}

.visafotoalbum select {
	margin-top: 10px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size:11px;
	font-style: normal;  
	width:300px;
	background-color: #ffffff; 
	border: solid 1px #333333
}

.visafotoalbum p.sidor, .visanyheter p.sidor{
	text-align: right;
}

.visafotoalbum p.sidor a, .visanyheter p.sidor a {
	border: 0px;
}

table.visathumbsram {
	padding: 5px;
}

table.visathumbs {
	width: 120px;
	padding-top: 5px;
	padding-bottom: 5px;
	float:left;
}

#fotoalbumbox img, #fotoalbumbox table.visathumbs img, .visafotoalbum img, .visafotoalbum table.visathumbs img {
	padding: 5px;
	border: 0px;
	margin-bottom: 5px;
}

#fotoalbumbox a, #fotoalbumbox table.visathumbs a, .visafotoalbum a, .visafotoalbum table.visathumbs a {
	border: 0px;
}

table.visathumbs td.bild {
	padding: 0px 1px 0px 1px;
}

table.visathumbs td.bildtext {
	
	padding: 5px 1px 0px 6px;
	font-size: 10px;
}

/* JUL */

#julflash {
	width: 510px;
	height: 237px;
	text-align:center;
	margin-bottom: 15px;
}

/* BILDSPEL */

#bildflash {
	width: 520px;
	height: auto;
	text-align:center;
	margin-bottom: 25px;
}


table#spamkontroll {
	margin:10px 0px 0px 0px;
}

/* KAMPANJ */

#visakampanj {
	display:block;
	padding:0px;
	position: absolute; 
	left: 50%; 
	top: 30%; 
	margin-left:-400px; 
	margin-top:280px; 
	z-index 5; 
	height: auto; 
	width: 720px; 
	
}

.sidhuvudkampanj {
	height: 22px;
	width:740px;
	background-color: #333333;
	border-bottom:10px solid #333333;
}

.visakampanjinnehall {
	background-color: #333333;
	width: 720px;
	border-left:10px solid #333333;
	border-right:10px solid #333333;
	border-bottom:5px solid #333333;
}

#visakampanj p.close {
	text-align: right;
	font-size:75%;
	padding: 4px 8px 0px 0px;
}

.visakampanjinnehall img {
	margin-bottom: 0px;
}

/* GALLUP */

#gallup {margin:20px;}

#gallupform {
	margin-top: 10px;
	padding: 10px;
	border: 1px dotted #3173AA;
	font-size: 100%;
}

#gallupform label {
	font-weight: bold;
}

#gallupform .falt {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	width:400px;
	background-color: #FAFAFA; 
	border: solid 1px #3173AA;
}

#gallupform .faltruta {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	width:400px;
	height:150px;
	background-color: #FAFAFA; 
	border: solid 1px #3173AA;
}

#gallupform .knapp {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #333333;  
	width: 180px;
	background-color: #BED1E2; 
	border: 1px solid 1px #3173AA;
	margin-top: 10px;
}

#gallupform	span.kommentar {
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}