@charset "utf-8";

div {margin:0px; padding:0px;}

/***   RAMVERK    *******/

body {margin:13px 0px 0px 0px; background-color:#055723;  background-image:url(Images/bakgrund.gif); background-position:top center; background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3e3e3e;}



.wrap {width:827px;}

.headline {height:148px;}

.header {height:210px; padding:0px; margin:0px; background-color:#FFFFFF;}

.menuWrap {padding-top:0px; height:58px;}

.menuBackground {height:58px; background-image:url(Images/bakgrund_content.gif); background-repeat:repeat-y; background-position:top center;}

.menuContent {height:58px; background-image:url(Images/menu_botten.gif); background-position:bottom center; background-repeat:no-repeat; vertical-align:top; padding:0px 8px 0px 8px;}

.leftMenu {float:left; height:28px; overflow:hidden;}

.subMenu {padding: 5px 0px 0px 11px;}

.content {background-image:url(Images/bakgrund_content.gif); background-repeat:repeat-y; background-position:top center; vertical-align:top;}

.kalenderWrap {padding:2px 8px 0px 8px; background-image:url(Images/bakgrund_kalender.gif); background-position:top center; background-repeat:no-repeat; height:73px; overflow:hidden;}

.kalenderImage {float:left; padding:5px 0px 0px 11px; height:37px;}

.kalenderLeft {float:left; padding:10px 0px 2px 5px; height:37px;}

.kalenderRight {float:right; padding:10px 3px 0px 0px; height:37px;}

.contentPadding {padding-top:20px; padding-right:20px; padding-left:20px; padding-bottom:20px;}

.leftCol {width:485px; float:left; padding:0px 27px 0px 0px;} /* width:485px; */

.rightCol {float:left; background-image:url(Images/vertical_linje.gif); background-position:top left; background-repeat:repeat-y; padding:0px 0px 0px 10px; color:#FFFFFF; font-size:11px;}

.puffMedlemmar {background-image:url(Images/bakgrund_puff_medlemmar.gif); background-position:top center; background-repeat:no-repeat; width:265px;}

.puffKontakt {background-image:url(Images/bakgrund_puff_kontakt.gif); background-position:top center; background-repeat:no-repeat; width:265px;}

.puffBottom {background-image:url(Images/botten_puff_medlemmar.gif); background-position:top center; background-repeat:no-repeat; height:9px; width:265px; margin-bottom:6px;}

.puffPadding {padding:20px;}

.footerPuffar {background-image:url(Images/bakgrund_botten.gif); background-repeat:no-repeat; background-position:bottom center; height:76px; width:821px; margin:30px 0px 0px 0px;}

.footerGray {height:30px; background-color:#717171; width:821px; color:#FFFFFF; font-size:11px;}

.footerGrayPadding {padding-top:7px; color:#FFFFFF; font-size:11px;}

.footerWhite {height:30px; background-color:#FFFFFF; width:821px; color:#717171; font-size:9px;}

.footerWhitePadding {padding-top:9px;}

.endPage {background-image:url(Images/sidfot.gif); background-repeat:no-repeat; background-position:top center; height:19px;}

.imageLeft { float:left; margin-right:20px;}

.ImageRightFloat{ float:right; }



/***   TEXTFORMATERING    *******/

.textSmall {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#3e3e3e;}

.textContact {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e;}

.textHeader {color:#7a7a7a; font-size:26px; font-weight:bold; font-family:Garamond, Georgia, "Times New Roman", Times, serif;}

.textBread {font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#3e3e3e; position:relative; top:10px;}

.leftCol a {color:#076f2d; font-size:11px; font-weight:bold; text-decoration:none; margin: 10px 0px 0px 0px;}

.leftCol a:hover {color:#076f2d; font-size:11px; font-weight:bold; margin: 10px 0px 0px 0px;text-decoration:underline;}

.footerGray a {color:#FFFFFF; font-size:11px}

.puffHeader {color:#FFFFFF; font-size:20px; font-weight:bold; font-family:Garamond, Georgia, "Times New Roman", Times, serif;}

.rightCol a {color:#FFFFFF; font-size:11px; text-decoration:none;}

.rightCol a:hover {color:#FFFFFF; font-size:11px; text-decoration:underline;}

.subMenu a {color:#FFFFFF; font-size:11px; text-decoration:none;}

.subMenu a:hover {color:#FFFFFF; font-size:11px; text-decoration:underline;}


.textKalenderHeader {font-size:16px; font-weight:bold; color:#055723;}

.textKalender {font-size:12px;}

.kalenderRight a, .kalenderLeft a{color:#076f2d; font-size:12px; font-weight:bold; text-decoration:none;}
.kalenderRight a:hover, .kalenderLeft a:hover{color:#076f2d; font-size:12px; font-weight:bold; text-decoration:underline;}

.tableData td{font-size:12px; font-weight:normal;}

.tableData th{font-size:12px; font-weight:bold;}

.tableData a{color:#076f2d; font-size:12px; font-weight:bold; text-decoration:none;}
.tableData a:hover{color:#076f2d; font-size:12px; font-weight:bold; text-decoration:underline;}


.InputItemFixedWidth{width:230px; border:1px solid #055723;}
.InputMessageFixedWidth{width:472px; border:1px solid #055723;}

td.kalenderStartpage{padding-right:10px; height:18px;}

td.kalenderBorder{padding-right:10px; border-top:1px solid #c5c5c5; border-bottom:0px solid #c5c5c5; border-left:0px solid #c5c5c5; border-right:0px solid #c5c5c5;}
th.kalenderBorder{border-top:0px solid #c5c5c5; border-bottom:0px solid #c5c5c5; border-left:0px solid #c5c5c5; border-right:0px solid #c5c5c5;}
td.kalenderBorder_old{color:#aaaaaa; border-top:1px solid #c5c5c5; border-bottom:0px solid #c5c5c5; border-left:0px solid #c5c5c5; border-right:0px solid #c5c5c5;}

/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
.H1header{font-family:Garamond, Arial, Helvetica, sans-serif; FONT-SIZE:26px; FONT-WEIGHT:bold; MARGIN-BOTTOM:20px; MARGIN-TOP:0px; color:#717171;}
H1, .H1headerNews{font-family:Garamond, Arial, Helvetica, sans-serif; FONT-SIZE:26px; FONT-WEIGHT:bold; MARGIN-BOTTOM:0px; MARGIN-TOP:0px; color:#717171;}

H2, .H2header{font-family:Garamond, Arial, Helvetica, sans-serif; FONT-SIZE:17px; FONT-WEIGHT:bold; MARGIN-BOTTOM:0px; MARGIN-TOP:0px; color:#717171;}
H3, .H3header{font-family:Garamond, Arial, Helvetica, sans-serif; FONT-SIZE:14px; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; color:#717171;}



/***   ALLMNNA    *******/

p {margin:0px;}

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

.clear {clear:both;}

.puffVerticalLine {clear:both; margin:10px 0px 10px 0px;}
.puffHorizontalLine {clear:both; margin:20px 0px 20px 0px;}
.puffAnnonsLine {clear:both; margin:5px 0px 5px 0px;}
.puffAnnonsPic {clear:both; margin:0px 0px 12px 1px; border:0px;}




/***  MENU  ***********/
.WebTopMenu a{}
.WebTopMenuItem a{color:#ffffff;}
.WebTopMenuItemSelected a{color:#ffcb05; text-decoration:none;}
.WebTopMenuItemSelected a:hover{color:#ffcb05; text-decoration:none;}