/* CSS for Larv 2008, Luleå arbetsmarknadsvecka */

html, body {
        background-color: #5F6062;
        margin: 0px;
        padding: 20px 50px;
        text-align: left;
        font-family: Helvetica, Arial, Verdana, Trebuchet MS, san-serif;
        font-size: 12px;
/*        color: #000000;*/
        background-image : url(img/BGrep.gif);
}

div.container{
        float: left;
        width:1000px;
        height:800px;
        background : url(img/bakgrundsdekorationer.gif)  no-repeat left;
}

div.top {
        text-align:left;
        padding:0px; margin:0;
        width:900px;
        height:107px;
        border:0px solid #FFFF00;
}

/* inre av toppen */
div.toppen {
        padding:0px 0px 0px 0px;
        margin:0; width:100%;
        height:100%;
        text-align:left;
        float:left;
        border:0px solid #00FF00;}

div.content {
        padding: 0px 0px 40px 0px;
        margin:0px; width:920px;
        float:left;
        text-align:left;
        border:0px solid #FF4500;}

div.leftContent {
        padding:20px 0px 40px 0px;
        margin:0px;
        width:255px;
        float:left;
        text-align:left;
        border:0px solid #00FF00;
        clear : both;
        }

div.huvudsponsor {
        padding:0px 0px 0px 0px;
        margin:0;
        width:100%;
        float:left;
        text-align:left;
        border:0px solid #FFFFFF;}

        /* padding right gör att bredden på diven sticker ut så mkt utanför tillåtna gränser */
div.leftMenu {
        padding: 65px 0px 0px 17px;
        margin:0;
        width:100%;
/*        width:230;*/
        height : 300px;
        float:left;
        text-align:left;
        border:0px solid #FFFFFF;
        background : url(img/paddel_bas.gif) no-repeat left;
        }


div.rightContent {
        padding: 20px 5px 40px 0px;
        margin:0px;
        width:620px;
        float:right;
        text-align:left;
        border:0px solid #00FF00;
        }

div.rightContent a{
        color: #981B1E;
        }

div.rightMenu {
        padding: 0px 0px 0px 10px;
        margin:0px;
        width:100%;
        height : 36px;
        float:left;
        text-align:left;
        clear: both;
        border:0px solid #00FF00;
        background : url(img/menyrad_top.gif) no-repeat left;
        z-index: 200;
        }

div.rightText {
        padding: 0px 50px 0px 50px;
        margin:0px;
        width:520px;
/*        height: 400px;*/
        min-height:350px;
        height:auto !important;
        height:350px;

        float:left;
        text-align:left;
        clear: both;
        border:0px solid #00FF00;
        background : #F2F2F2;
        }

div.rightBottom {
        padding: 15px 15px 0px 10px;
        margin:0px;
        width:95.9%;
        height: 18px;
        float:left;
        text-align:left;
        clear: both;
        border:0px solid #00FFEE;
        background : url(img/menyrad_bottom.gif) no-repeat top;
        }

        div.rightSidfot {
        padding: 5px 0px 0px 0px;
        margin:0px;
        width:620px;
        height: 40px;
        float:left;
        text-align:left;
        clear: both;
        border:0px solid #00FF00;
        background : url(img/tkl_larv_inforuta_botten.gif) no-repeat top;
        }

        /* ang. bilder */

div.rightText img {
     background: white;
     padding: 1px;
     border: 1px solid #000;
     margin: 5px;
    
     }

     img.no-border {
     background: transparent;
     margin: 0;
     border: 0;
     padding: 0;
     }

     img.tum {
     margin-right: 4px;
     margin-bottom: 4px;
     }

#nav {
        position: relative;
        top: 10px;
        left: 20px;
        width: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin: 0;
        padding: 0;
       // padding-bottom:50px;
}
#nav a {
        text-decoration: none;
}

#nav li { /*float the main list items*/
        margin: 0;
        float: left;
        display: inline;
        padding: 0px;
        text-align: center;
}

#nav li ul {
  display: none;
}

#nav li.on ul{
        margin: 0;
        padding: 0;
        display: inline;
        position: relative;
        top: 6px;
        left: 0px;
        width: 100%;
        z-index: 0;
        font-size: 11px; /*undre*/
}
#nav li.on ul.edit{
        margin: 0;
        padding: 0;
        display: inline;
        position: relative;
        top: 6px;
        left: 0px;
        width: 100%;
        z-index: 0;
        font-size: 11px; /*undre*/
}
#nav li.on ul.edit li a {
        float: left; /*ie doesn't inherit the float*/
        width: auto;
        /* top right bottom left */
        margin: -2px 2px 2px -4px;
        padding: 3px;
        background: white;
        border: 1px solid white;
        text-decoration: underline;
}


#nav li.on ul a {
        float: left; /*ie doesn't inherit the float*/
        width: auto;
        /* top right bottom left */
        margin: -2px 2px 2px -4px;
        padding: 3px;
        background: #981B1E;
        border: 1px solid black;
        text-decoration: underline;
}



#nav li.tool ul a {
        float: left; /*ie doesn't inherit the float*/
        width: auto;
        /* top right bottom left */
        margin: -2px 2px 2px -4px;
        padding: 3px;
        background: #981B1E;
        border: 1px solid black;
        text-decoration: underline;
}

#nav li.on ul.edit li ,#nav2 li.on ul.edit li {
	 background: white;
	 margin:0px;
	 padding:0px;
	}
#nav li.on ul li {
        float: left; /*ie doesn't inherit the float*/
        width: auto;
        /* top right bottom left */
        margin: 0px 6px 0 0px;
        padding: 0 0 0 2px;
        background: grey;
}
#nav li.on ul li.tool a,#nav2 li.on ul li.tool a {
        float: left; /*ie doesn't inherit the float*/
        width: auto;
        /* top right bottom left */
      color:white;
  margin: -2px 2px 2px -4px;
        padding: 3px;
        background: #53da3f;
        border: 1px solid black;
        text-decoration: underline;
}
#nav li.on ul.edit li a,#nav2 li.on ul.edit li a {
	margin:0px;
	padding:0px;
	background: white;
	border:none;
}

#nav li.on ul.edit li a img,#nav2 li.on ul.edit li a img {
	border:none;
	margin-top:3px;
	margin-right:2px;
}
#nav li.on ul li a {
        background-image: none;
        color: #ddd; /*röd*/
        font-size: 11px; /*undre*/
}

#nav li.off a {
        background-image: none;
        color: #981B1E; /*Grå*/
        font-size: 11px; /*övre*/
}
#nav li.on ul li.on a {
        color: #ccc; /*röd valt alternativ*/
        font-size: 11px; /*undre*/
}
#nav li.on ul li.off a {
        color: #fff; /*Grå*/
        font-size: 11px; /*undre*/
}




#nav2 {
        position: relative;
        top: 4px;
        left: 0px;
        width: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin: 0;
        padding: 0;
        margin-bottom:50px;
}
#nav2 a {
        text-decoration: none;
}

#nav2 li { /*float the main list items*/
        margin: 0;
        float: left;
        display: inline;
        padding: 0px;
        text-align: center;
}

#nav2 li ul {
  display: none;
}

#nav2 li.on ul{
        margin: 0;
        padding: 0;
        display: inline;
        position: relative;
        top: 6px;
        left: 0px;
        width: 100%;
        z-index: 0;
        font-size: 11px; /*undre*/
}

#nav2 li.on ul a {
        float: left; /*ie doesn't inherit the float*/
        width: auto;
        /* top right bottom left */
        margin: -2px 2px 2px -4px;
        padding: 3px;
        background: #981B1E;
        border: 1px solid black;
        text-decoration: underline;
}


#nav2 li.tool ul a {
        float: left; /*ie doesn't inherit the float*/
        width: auto;
        /* top right bottom left */
        margin: -2px 2px 2px -4px;
        padding: 3px;
        background: #981B1E;
        border: 1px solid black;
        text-decoration: underline;
}
#nav2 li.on ul li {
        float: left; /*ie doesn't inherit the float*/
        width: auto;
        /* top right bottom left */
        margin: 0px 6px 0 0px;
        padding: 0 0 0 2px;
        background: grey;
}
#nav2 li.on ul li.tool a {
        float: left; /*ie doesn't inherit the float*/
        width: auto;
        /* top right bottom left */
      color:white;
  margin: -2px 2px 2px -4px;
        padding: 3px;
        background: #53da3f;
        border: 1px solid black;
        text-decoration: underline;
}

#nav2 li.on ul li a {
        background-image: none;
        color: #ddd; /*röd*/
        font-size: 11px; /*undre*/
}

#nav2 li.off a {
        background-image: none;
        color: #981B1E; /*Grå*/
        font-size: 11px; /*övre*/
}
#nav2 li.on ul li.on a {
        color: #ccc; /*röd valt alternativ*/
        font-size: 11px; /*undre*/
}
#nav2 li.on ul li.off a {
        color: #fff; /*Grå*/
        font-size: 11px; /*undre*/
}

/****************** foot info **********/
                        #foot        {
                                width: 77px;
                                margin-top: 0px;
                                height: 30px;
                                float: left;
                                padding : 0px 0px 0px 35px;
                                border:0px solid #00FF00;
                                }

                        .footcon1        {
                                margin-top: 0px;
                                margin-bottom: 0px;
                                width : 135px;
                                text-align: left;
                                float: left;
                                padding : 0px;
                                border:0px solid #00FF00;
                                }

                        .footcon2        {
                                margin-top: 0px;
                                margin-bottom: 0px;
                                width : 135px;
                                text-align: left;
                                float: left;
                                border:0px solid #00FFCC;
                                padding : 0px 0px 0px 9px;
                                }

                        .footcon3        {
                                margin-top: 0px;
                                margin-bottom: 0px;
                                width : 120px;
                                text-align: left;
                                float: left;
                                border:0px solid #FFFFFF;
                                }

                                .footcon4        {
                                margin-top: 0px;
                                margin-bottom: 0px;
                                width : 88px;
                                text-align: left;
                                float: left;
                                border:0px solid #00FF00;
                                padding : 5px 4px;
                                }

                        #footer p{
                                margin: 0 0 0 0;
                                color: #FFFFFF;
                                }

                        #footer a {
                                text-decoration: underline;
                                color: #A9A9A9;
                                }

                        #footer a:hover, a:active {
                                text-decoration: none;
                                color: #FFFFFF;
                                }
/*************  footer **************************/

/* Generell typografi*/

p {
        color: #000;
        margin: 0 0 5px 0;
        padding: 0;
        line-height: 15px;
        }

h1 {
        font-size: 18px;
        padding: 0;
        margin: 5px 0 5px 0;
        width: 100%;
        color: #981B1E;
        }

h2 {
        font-size: 16px;
        padding: 0;
        width: 100%;
        margin: 5px 0 5px 0;
        color: #981B1E;
        }

h3 {
        margin: 5px 0 5px 0;
        font-size: 14px;
        font-weight: bold;
        color: #981B1E;
        }

h4 {
        font-size: 12px;
        color: #555;
        margin: 5px 0 5px 0;
        }

a:hover, a:active {
text-decoration: none;
}






/* Admin stuff */
#nav .tools {
	margin-right:25px;
	float:left;
}

.menuType1-data {

}

#dropmenudiv{
position:absolute;
background-color: white;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
    color:black;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
     color:black;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #C7FF5E;
}

/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
list-style-type: square;
width: 135px;
background-color: #FFFFB9;
}


.formul {
padding:0px;
}


.topMenu {
padding-left:10px;
padding-bottom:5px;
color: #981B1E;
}


.topMenu a{
color: #ccc;
}



/* Error and alert messages */
.error, .confirm, .alert{
background-color:#FFE;
color:#F00;
padding: 12px;
margin: 0px 0px 10px 0px;
border: solid 1px #F00;
}

.error ul {
margin:0px;
padding-left:10px;
}

.error li {
color: #F00;
padding: 4px 0px 0px 0px;
}

H3.message {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #000;
    line-height: 15px;
    border: 1px solid #369;
    padding: 10px;
    font-weight: bold;
    background-color: #EAF2FF;
    margin-bottom: 20px;
}
.hide {
	display: none;
	
}