/*DEFAULT CONTENT*/
*{
margin:0;
padding:0;
}

body{
width:1000px;
background-color:#FFFFFF;
color: black; 
font-size: 11px; 
font-family: Arial, "Lucida Grande", Helvetica, Verdana;
/*margin:35px 20px 20px 20px;*/
}

a:link{color:#000000; text-decoration:none;}
a:hover{text-decoration:underline;}
a:visited{color:#000000; text-decoration:none;}
a:active{text-decoration:underline;}

.brand{
font-weight:bold;
}

.left{
float:left;
}

.right{
float:right;
}

#wrapper{
position:relative;
width:1000px;
margin:35px 20px 20px 20px;
}

/*UPPER MOST LOGOTYPE AND SLOGAN*/
#logotype{
position:relative;
}



.hittalogo{
font-size:45px;
font-family:calibri, Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
text-transform:lowercase;
}




.hittaslogan{
position:absolute;
right:5px;
bottom:0px;
font-size:14px;
font-family:calibri, Arial, Helvetica, sans-serif;
}

/*TOPMENU (MENU + TIME/NAMNSDAG) GOES HERE*/
#topmenu{
position:relative;
background: url(../../images/menu/inactivemenuitemback.gif) repeat-x;
font-weight:bold;
font-size: 11px;
width:1000px;
height:34px;
float:left;
margin-bottom:10px;
margin-top:0px;
/*border:1px solid red;*/
}

#topmenu_start{
margin-left:5px;
}

#topmenu #begin{
float:left;
margin-right:-5px;
}

#topmenu #end{
float:right;
margin-right:0px;
}

.menulist_left{
position:relative;
list-style-type:none;
float:left;
height:35px;
}

.menulist_left li{
display:inline;
float:left;
height:35px;
}

.menulist_left li a{
position:relative;
top:10px;
padding:5px;
}

#menulist_right{
position:absolute;
right:0px;
top:9px;
list-style-type:none;
height:35px;
width:380px;
}

#menulist_right li{
display:inline;
float:right;
margin-right:10px;
}

.menuon { 
background: url(../../images/menu/activemenuitemback.gif) repeat-x;
padding:0px 8px 0px 8px;
text-decoration:none;
}
.menuon a:link{color:white;text-decoration:none;}
.menuon a:hover{color:white;text-decoration:none;}
.menuon a:visited{color:white;text-decoration:none;}
.menuon a:active{color:white;text-decoration:none;}

.menuoff a:link{color:black;text-decoration:none;}
.menuoff a:hover{color:black;text-decoration:none;}
.menuoff a:visited{color:black;text-decoration:none;}
.menuoff a:active{color:black;text-decoration:none;}

.timeanddate{
color:black;
font-size:10px; 
padding:0px 8px 0px 8px;
text-decoration:none;
}

.timedate{
font-weight:bold;
color:black;
font-size:11px; 
text-decoration:none;
}

.namnsdag{
color:black;
font-size:11px; 
padding:0px 8px 0px 8px;
text-decoration:none;
font-weight:normal;
}

/*CONTENT HOLDS IT TOGHETER*/
#content{
width:1000px;
margin-top:0px;
}

/*LEFT CONTENT F.EX. LINKS ON THE LEFT SIDE GOES HERE*/
#leftcontent{
width:163px;
float:left;
background: url(../../images/background_163a.gif) repeat-y;
}

#leftcontent h2{
background: url(../../images/header_grey_163.gif);
font-size:12px;
color:white;
padding:4px 0px 4px 10px;
margin:0px;
}

#leftcontent li{
padding:2px 0px 0px 10px;
float:left;
clear:left;
width:153px;
list-style-type:none;
}

.leftlink{
display:block;
border-bottom:1px dotted #CCCCCC;
color:black;
font-size:12px;
margin:0px 10px 0px 4px;
padding:3px 0px 3px 0px;
}

.lastleftlink{
display:block;
color:black;
font-size:12px;
margin:0px 10px 0px 4px;
padding:3px 0px 3px 0px;
}

.leftbottom{
border:0px;
margin:0px;
padding-left:0px;
float:left;
}

/*MAINCONTENT GOES HERE*/
#maincontent{
position:relative;
margin:0px;
float:right;
width:837px;
}

/*Till index och adressidan*/
#maincontent1{
position:relative;
height:100px;
margin-bottom:15px;
}
#body_searchresults #maincontent1{
position:relative;
height:100px;
margin-bottom:15px;
margin-left:10px;
}
#maincontent2{
position:relative;
height:100px;
padding-top:10px;
}
/*--------------------*/

.boxitem{
float:left;
width:268px;
margin-left:11px;
margin-top:0px;
background:url(../../images/background_268_100.gif);
}

.boxitem h2{
margin-top:0px;
margin-bottom:0px;
font-size:12px;
color:white;
padding:4px 0px 4px 10px;
}






























/*CONTENT GOES HERE (FOR SPECIFIC HITTA PAGES F.EX. HITTABIL.NU*/
#center{
position:relative;
width:548px;
background: url(../../images/background_548_white.gif) repeat-y;
margin-left:11px;
float:left;
}

#center h2{
background: url(../../images/header_grey_548.gif) no-repeat;
font-size:12px;
color:white;
padding:4px 0px 4px 10px;
margin:0px;
width:548px;
}


/*Siddelar*/
.centertop{
position:relative;
float:left;
clear:both;
width:100%;
margin-bottom:7px;
/*border-bottom:1px dashed #CCCCCC;
background-color:#00CC33;*/
}

.centerContainer{
position:relative;
}

.centerleft{
position:relative;
float:left;
width:270px;
max-width:270px;
padding-right:3px;
/*background-color:#FFCC33;*/
/*border-right:1px dotted #CCCCCC;*/
}

.centerright{
position:relative;
float:right;
width:270px;
max-width:270px;
/*background-color:#CC3333;*/
}

.centerbottom{
position:relative;
float:left;
clear:both;
width:100%;
margin-top:7px;
/*background-color:#339999;
border-top:1px dashed #CCCCCC;*/
}

/*RIGHT CONTENT GOES HERE*/
#rightcontent{
width:268px;
float:right;
margin-top:0px;
background: url(../../images/background_268_100_t.gif) repeat-y;
}

#rightcontent h2{
background: url(../../images/header_grey_268.gif);
font-size:12px;
color:white;
padding:4px 0px 4px 10px;
margin:0px;
}

#rightcontent p{
margin:0px;
padding:10px 0px 0px 10px;
width:258px;
}

.rightitembottom{
margin:0px;
padding-left:0px;
float:left;
}

/*-------------------*/

.submainbottom{
margin:0px;
padding-left:0px;
float:left;
border:0px;
}

fieldset{
border:0px;
float:left;
clear:left;
}

.eniroForms{
float:left;
clear:left;
width:248px;
margin:4px 5px 0px 10px;
list-style-type:none;
}

#routeform label{
width:25px;
text-align:right;
margin-right:5px;
font-weight:bold;
float:left;
clear:left;
}

.eniroForms li{
line-height:23px;
}

.small1{ 
color:black; 
font-size:10px;
width:200px;
}

.small2{ 
color:black; 
font-size:10px;
width:200px;
}

.small3{ 
color:black; 
font-size:10px;
width:200px;
}

.eniroHeaderRed{
background:url(../../images/eniro/header_red_268.gif);
}

.eniroHeaderGreen{
background:url(../../images/eniro/header_green_268.gif);
}

.eniroHeaderYellow{
background:url(../../images/eniro/header_yellow_268.gif);
}

.eniroHeaderBlue{
background:url(../../images/eniro/header_blue_268.gif);
}

.eniroHeaderGrey{
background:url(../../images/eniro/header_grey_268.gif);
}

.eniroHeaderOrange{
background:url(../../images/eniro/header_orange_268.gif);
}

.eniroSubmit1{
float:right;
height:21px;
width:42px;
margin-bottom:3px;
border:0px;
}

.eniroSubmit2{
position:absolute;
top:73px;
right:20px;
height:21px;
width:42px;
border:0px;
}

.eniroSubmit3{
vertical-align:baseline;
height:21px;
width:42px;
border:0px;
}

#routeform{
position:relative;
}

#wpLayer{
position:absolute;
left:277px;
width:292px;
height:115px;
z-index:3;
}

#ypLayer{
position:absolute;
left:277px;
width:292px;
height:115px;
z-index:2;
}

#mapLayer{
position:absolute;
left:277px;
width:292px;
height:115px;
z-index:1;
}

#webLayer{
position:absolute;
left:554px;
width:292px;
height:115px;
z-index:4;
}

#newsLayer{
position:absolute;
left:554px;
width:292px;
height:115px;
z-index:3;
}

#kosLayer{
position:absolute;
left:554px;
width:292px;
height:115px;
z-index:2;
}

#jobLayer{
position:absolute;
left:554px;
width:292px;
height:115px;
z-index:1;
}

.eniroLinks{
text-align:center;
float:left;
width:248px;
padding:0px 5px 0px 10px;
list-style-type:none;
}

.eniroLinks li{
display:inline;
float:left;
height:20px;
margin:4px 2px 0px 0px;
}

.eniroActive{
text-decoration:none;
font-size:11px;
font-weight:bold;
}

.eniroInactive{
text-decoration:none;
}

.eniroLayer11{
background:url(../../images/eniro/green.gif) bottom no-repeat;
width:85px;
}

.eniroLayer12{
background:url(../../images/eniro/yellow.gif) bottom no-repeat;
width:70px;
}

.eniroLayer13{
background:url(../../images/eniro/red.gif) bottom no-repeat;
width:40px;
}

.eniroLayer21{
background:url(../../images/eniro/blue.gif) bottom no-repeat;
width:40px;
}

.eniroLayer22{
background:url(../../images/eniro/grey.gif) bottom no-repeat;
width:70px;
}

.eniroLayer23{
background:url(../../images/eniro/orange.gif) bottom no-repeat;
width:70px;
}

.eniroLayer24{
background:url(../../images/eniro/grey.gif) bottom no-repeat;
width:40px;
}

#body_hittaadress #nav_adress a,
#body_hittaannons #nav_annons a,
#body_hittabil #nav_bil a,
#body_hittabiljett #nav_biljett a,
#body_hittabostad #nav_bostad a,
#body_hittabrapris #nav_brapris a,
#body_hittaauktion #nav_auktion a,
#body_hittabutik #nav_butik a,
#body_hittaelektronik #nav_elektronik a,
#body_hittafilm #nav_film a,
#body_hittaflyg #nav_flyg a,
#body_hittahotell #nav_hotell a,
#body_hittahus #nav_hus a,
#body_hittajobb #nav_jobb a,
#body_hittakompis #nav_kompis a,
#body_hittamusik #nav_musik a,
#body_hittasport #nav_sport a,
#body_hittanyheter #nav_nyheter a,
#body_hittapartner #nav_partner a,
#body_hittapengar #nav_pengar a,
#body_hittapresent #nav_present a,
#body_hittapris #nav_pris a,
#body_hittarecept #nav_recept a,
#body_hittaresor #nav_resor a,
#body_hittarestaurang #nav_restaurang a,
#body_hittashop #nav_shop a,
#body_hittaspel #nav_spel a,
#body_hittautbildning #nav_utbildning a,
#body_hittadjur #nav_djur a,
#body_hittamode #nav_mode a,
#body_hittahantverkare #nav_hantverkare a
{
margin-left:25px;
font-weight:bold;
}






/*Valbara klasser i CMS*/
p.artikel{
float:left;
clear:left;
width:95%;
padding:0px 10px 4px 10px;
margin:-5px 10px 8px 2px;
}
p.text1{
float:left;
clear:left;
width:95%;
padding:0px 2px 4px 10px;
margin:-5px 2px 8px 2px;
}
p.text2{
float:left;
clear:left;
width:95%;
padding:0px 2px 4px 10px;
margin:-5px 2px 8px 2px;
}
p.text3{
float:left;
clear:left;
width:95%;
padding:0px 2px 4px 10px;
margin:-5px 2px 8px 2px;
}
p.text4{
float:left;
clear:left;
width:95%;
padding:0px 2px 4px 10px;
margin:-5px 2px 8px 2px;
}
p.artikel img{
float:left;
padding:4px;
margin:4px 2px 4px 0px;
border:1px solid #CCCCCC;
}
.text1 img{
float:left;
padding:4px;
margin:0px 2px 4px 0px;
border:1px solid #CCCCCC;
}
.text2 img{
display:block;
padding:4px;
margin:4px 2px 4px 0px;
border:1px solid #CCCCCC;
}
.text3 img{
float:right;
padding:4px;
margin:4px 2px 4px 10px;
border:1px solid #CCCCCC;
}
.text4 img{
display:block;
padding:4px;
margin:4px 2px 4px auto;
border:1px solid #CCCCCC;
}

.dinDel{
display:block;
padding:0px;
margin:4px auto 4px 10px;
}
.pic1 img,.pic1 object{
float:left;
padding:4px;
margin:4px 2px 4px 4px;
border:1px solid #CCCCCC;
}
.pic2 img,.pic2 object,.pic2 form{
display:block;
padding:4px;
margin:4px auto 4px 4px;
border:1px solid #CCCCCC;
}
.pic3 img,.pic3 object{
float:right;
padding:4px;
margin:4px 10px 4px 4px;
border:1px solid #CCCCCC;
}
.pic4{
float:left;
width:100%;
}
.pic4 img,.pic4 object{
display:block;
padding:4px;
margin:4px 10px 4px 4px;
border:1px solid #CCCCCC;
}

.hide{
position:absolute;
left:-10000px;
}
span.artClue{
font-size:10px;
font-variant:small-caps;
}

.hand{
cursor:pointer;
}
h3.none{
float:left;
width:98%;
padding:0px 10px 0px 10px;
margin:10px 0px;
font-size:13px;
}
h3.header1{
float:left;
clear:both;
width:90%;
font-size:14px;
font-weight:bolder;
padding:0px 10px 0px 10px;
margin:10px 0px;
border-bottom:2px solid #D5D9DC;
}
h3.header2{
float:left;
clear:both;
width:90%;
font-size:14px;
font-weight:bolder;
padding:0px 10px 0px 10px;
margin:10px 0px;
}


.listnumb{
list-style-position:inside;
margin-left:10px;
font-size:13px;
}
.listbull{
float:left;
clear:both;
width:100%;
list-style-position:inside;
margin-left:10px;
font-size:13px;
}
.listnone{
list-style-position:inside;
margin-left:10px;
list-style-type:none;
font-size:13px;
}


.gad{
float:left;
display:block;
padding:2px;
margin:2px;
}

/*GOOGLE*/
.menulist_left_google{
position:relative;
list-style-type:none;
float:left;
left:25px;
height:35px;
}

.cse-branding-right{
position:relative;
left:0px;
top:3px;
width:320px;
}

.cse-branding-form{
position:relative;
left:70px;
}

.cse-branding-logo{
position:absolute;
top:-1px;
left:0px;
width:50px;
}
.cse-branding-logo img{
background-color:#FFFFFF;
border:1px solid black;
}

.cse-branding-text{
position:absolute;
top:23px;
left:0px;
width:100px;
}

/*ENIRO*/
.enirosponslink {padding: 10px;}
.eslink {background: white; padding-bottom: 20px; width:98%;}
.estitle {font-family: sans-serif;}
.estitle a{color:#3399FF;}
.esdesc .esemp {font-weight: bold;}
.estitle .esemp {font-style: italic;}
.esurl {font-size: 80%;}