* 
{
    margin : 0;
    padding: 0;
}

html 
{
    min-height: 100.1%;
}

body#mainBody
{
    font: 13px/1.4 Georgia, serif;
    color: #47392E;
    background: #F9F7F1;
    text-align: center;
}

/* GENERELT */
a 
{
    color: #47392E; 
}

img 
{
    border: none;
}
 
h2 
{
    font-size: 15px;
    font-weight: bold;
    color: #6B0F58;
}

.hr 
{
    margin: 0 20px 0 18px;
    width: 334px;
    border-top: 1px solid #443933;
}

hr 
{
    display: none;
}

.hidden
{
    visibility: hidden;    
}

/* TOPPEN AV SIDENE */

img.logo 
{
    float: left;
    padding-left: 18px;
}

#banner 
{
    margin: 0 auto;
    padding-right: 63px;
    width: 962px;
    height: 77px;
    text-align: left;
}

ul#globalmenu 
{
    list-style-type: none;
    float: right;
    padding-right: 20px;
    padding-top: 45px;
}

#globalmenu li 
{
    float: left;
}

#globalmenu input
{
    margin-left: 16px;
}

#globalmenu input  
{
    width: 120px;
    padding: 1px;
    font: 13px/1.4 Georgia, serif;
    border: 1px solid #000;
    vertical-align: middle;
}

#globalmenu input.submit 
{
    width: 26px;
    padding: 0;
    border: none;
    margin-left: 0px;  
}

/* BOOK */

#wrap 
{
    clear: both;
    margin: 0 auto;
    width: 1025px;
    height: 642px;
    background: url(images/global/omslag.jpg) no-repeat top left;
    text-align: left;
    position: relative;
}

.hotomheader
{
    padding-top: 30px;
}

.holder 
{
    height: 601px !important; /* for posisjonering av faneark begge sider */
}

/* VENSTRE SIDE */
#veside 
{
    float: left;
    padding-top: 31px;
    padding-left: 72px;
    width: 378px;
    height: 570px;
}

#veark 
{
    background: url(images/global/vearkbg.gif) no-repeat bottom left;
    position: relative;
    margin-top: -11px;
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
    width: 338px;
    height: 476px;
}

#veark.uheader 
{
    padding-top: 76px;
}

#veside h2.overark 
{
    position: relative;
    padding: 0;
    padding-top: 8px;
    height: 28px;
    z-index: 30;
}



/* HØYRE SIDE */

#hoside 
{
    float: left;
    padding-top: 23px;
    padding-left: 53px;
    width: 458px;
    height: 578px;
}

#hoark, #rediger, .hoark
{
    position: relative;
    margin-top: -9px;
    padding-top: 38px;
    padding-right: 20px;
    padding-left: 10px;
    height: 496px;
    width: 352px;
    background: url(images/global/hoarkbg.gif) no-repeat top left;

}


#hoside h2.venn 
{
    margin-left: 12px;
    padding-left: 28px;
    background: url(images/global/ikon_hjerte.gif) no-repeat top left;
}

#hoside h2.foresporsel
{
    margin-left: 12px;
    padding-left: 28px;
    background: url(images/global/ikon_reqs.gif) no-repeat top left;
}

#hoside h2.besok
{
    margin-left: 12px;
    padding-left: 28px;
    background: url(images/global/ikon_visitors.gif) no-repeat top left;
}

#hoside h2.overark 
{
    position: relative;
    padding: 0;   
    padding-top: 8px;
    height: 28px;
    margin-top: 8px;
    z-index: 30;
}

#hoside p 
{
    /*padding-left: 13px;*/
}

#hoside #hoark p.info 
{

    margin-top: 8px;
    padding: 0 20px 0 0;
}


/* tab menu */

#tab
{
    position: absolute;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    top: 0px;
    left: 891px;
}

#tabmenu 
{
    padding: 52px 0 0 22px;
    list-style-type: none;
}

#tabmenu li 
{
    display: block;
    margin: 0px 0px;
    padding: 0px 0px;
    height: 67px;
    line-height: 1%;
    width: 72px;
}

#tabmenu li#valgtdyr 
{
    height: 78px;
    width: 72px;
    background: url(images/global/tabmenu/fane_valgtdyr.gif);
}

#valgtdyr 
{
    height: 73px;
    width: 69px;
}

a.valgtdyrLink
{       
    display: table-cell !important; display: block;
    height: 73px;
    line-height: 73px;
    vertical-align: middle;
    text-align: center;
    width: 65px;
}

#valgtdyr img 
{
    margin: auto;
}

#valgtdyr img.endredyr 
{
    padding: 0;
}


/* footer */

#frontfot, #fot 
{
    clear: both;
    margin: 0 auto;
    width: 1025px;
}

#fot 
{
    background: url(images/global/fot.jpg) no-repeat 23px 0px;    
}
#fot img, #frontfot img 
{
    padding: 0 20px;
    vertical-align: middle;
}

#fot a, #frontfot a 
{
    padding: 0 6px;
}



/* animal, animal gallery*/

ul#toppnavi 
{
    position: relative;
    margin-top: -4px;
    padding-right: 7px;
    list-style-type: none;
    float: right;
    width: 148px;
    height: 32px;
}

#toppnavi li 
{
    float: left;
    text-align: center;
}

#profilbilde, #gallerimain 
{  
    clear: both;
    margin: 0 auto 0 6px;
    padding-top: 6px;
    width: 358px;
    height: 250px;
    text-align: center;
}

#gallerimain
{
    margin-top: 18px;
}

#profilbilde img, #gallerimain img 
 {

 }

#profil h1, #galleri h1 
{
    position: relative;
    margin-top: -4px;
    float: left;
    width: 170px;
    font: bolder 26px/1.2 Georgia, serif;
    color: #47392E;
    letter-spacing: -1px;
}

#profil a, #galleri a 
{
    text-decoration: none;    
}

a.blivenn, a.gimat 
{
    display: block;
    float: left;
    padding-top: 12px;
    color: #fff;
    font-size: 11px;
    font-weight: bolder;
}

a.blivenn 
{
    padding-left: 40px;
    width: 100px;
    height: 30px;
    font-size: 11px;
    background: url(images/animal/btn_blivenn.gif) no-repeat top left;
}

a.gimat 
{
    padding-left: 44px;
    width: 114px;
    height: 39px;
    font-size: 15px;
    background: url(images/animal/btn_gimat.gif) no-repeat top left;
}

#info 
{
    font-size: 13px;
    line-height: 16px;
    padding-top: 20px;
    width: 378px;
    height: 227px;
    background: url(images/global/infobg.gif) no-repeat top left;
}


/* DIVERSE */

.tekst 
{
    clear: both;
    padding: 1px 13px;
}

.tekst img 
{
    vertical-align: middle;
}

p.info 
{
    padding-left: 22px;
    background: url(images/global/ikon_nb.gif) no-repeat top left;
}

p.type
{
    margin-bottom: 3px;    
}

p.rightalign 
{
    margin-right: 30px;
}

p.midtstilt 
{
    text-align: center;
}

.naviger 
{
    padding: 0;
    text-align: center;
}

a.her 
{
    text-decoration: none;
}

img.gimat 
{
    position: relative;
    float: right;
    margin-top: 6px;
    margin-right: 10px;
}


#utlisting {
padding-top: 20px;
height: 557px;
background: url(images/global/utlistingbg.gif) no-repeat top left;
}

.utlistingBildeskygge
{
    height:72px;
    width:65px;
    padding-right: 1px;
    vertical-align: middle;
    overflow:hidden;    
    background: url(images/global/listeskygge.gif) no-repeat top left;	
    text-align: center;
}

.utlistingNavn
{
    padding-left: 5px;
}

.utlistingTekst
{
	height:80px;	
	padding-top:30px;
}

.utlistingForm 
{
    display: block;
    margin: 0 0;
    padding: 4px 0;
    width: 337px;
    font-size: 15px;
    font-weight: bold;
    color: #6B0F58;
}

.utlistingLabel {
float: left;
line-height: 1;
padding-top:7px;
font: 16px/1.2 Verdana, sans-serif;
}
.utlistingTekstboks {
margin: 0 0 0 10px;
padding: 2px;
border: 1px solid #000;
font: 16px/1.2 Verdana, sans-serif;
background: #fff;
vertical-align: middle;
}
.utlistingSubmit {
margin: 4px 0 0;
padding: 0;
border: none;
background: none;
vertical-align: middle;
}
p.liste
{
	margin-left:6px;
}

#hendelser 
{
    padding-top: 16px;
    height: 183px;
    width: 393px;
    background: url(images/global/hendelserbg.gif) no-repeat bottom left;
}

#hendelser h2
{
    margin-left: 10px;    
}

table#siste 
{
    margin: 6px 0 12px 10px;
    width: 366px;
}

table#soektable, table#animalList 
{
    margin: 14px;
    padding: 0;
}

#animalList th 
{
    font-size: 13px;
    font-weight: bolder;
    text-align: left;
    color: #6C9426;
}

#animalList th span 
{
    color: #6C9426;
}

td.tall 
{
    text-align: right;
}

td.tall img 
{
    margin-left: 1px;
}


#siste td 
{
    padding: 3px 0;
}

#siste td.dato 
{
    text-align: right;
}

/* FANEARK VENSTRE SIDE */

#matbar 
{
    top: 28px;
    left: -29px;
    position: absolute;
    margin: 0;
    width: 77px;
}

.dyretmitt 
{
    margin: 0;
    padding: 21px 0 13px 11px;
    width: 67px;
    height: 66px;
    background: url(images/global/bg_mittdyr.gif);
}

.dyretmittLink
{
    display: table-cell !important; display: block;
    height: 74px;
    line-height: 74px;
    vertical-align: middle;
    text-align: center;
    width: 65px;
}

.poeng 
{
    display: block;
    margin: 0;
    padding: 30px 0 0 0px;
    width: 77px;
    height: 31px;
    text-align: center;
    background: url(images/global/bg_poeng.gif);

}
.poeng img, .meld img 
{
    margin-right: 0px;
}

.meld
{
    display: block;
    margin: 0;
    padding: 30px 0 0 0px;
    width: 77px;
    height: 31px;
    text-align: center;
    background: url(images/bg_meldinger.gif);
}

.matikoner 
{
    display: block;
    margin: 0;
    padding: 34px 0 0 6px;
    width: 71px;
    height: 314px;
    background: url(images/global/bg_matbar.gif);

}

.matikoner img 
{
    margin-right: -6px;
    margin-bottom: -3px;
}
.matgruppe 
{
   padding-bottom: 0;
}

.insekt img
{
    padding: 3px 5px 3px 5px;
}

.gulrot img
{
     padding: 4px 3px 4px 3px;
}

#galleriliste, #samlekortene 
{
    padding-top: 12px;
    width: 395px;
}

.noMoreFood
{
    background-image: url(images/global/nomorefood.png);
    background-repeat: no-repeat;
    height: 95px;
    width: 73px;
}

/* Animal Profile User Control*/

#profil 
{
    background: url(images/animal/mainbg.gif) no-repeat bottom left;
    height: 318px;
    width: 378px;     
}

.profilTop
{
    height: 32px;    
}

#groupLeftTop
{
    background: url(images/animal/mainbg.gif) no-repeat bottom left;
    height: 318px;
    width: 378px; 
    margin-top: -30px;

}

#groupLeftBottom 
{
    padding-top: 20px;
    width: 378px;
    height: 227px;
    background: url(images/global/infobg.gif) no-repeat top left;
}

#groupLeftTop h2
{
    font-size: 20px;
    margin-left: 30px;
}

#groupLeftTop p
{
    margin: 30px 30px;    
    width: 100%;
}

.joinGroup
{
    height: 40px;
    margin: 55px 0px;
    text-align: center;
    width: 100%;
}

#groupLeftBottom p
{
    margin: 55px 15px; 
    text-align: center;
}

input.felt {
    display: block;
    margin: 16px 0 0;
    padding: 4px;
    width: 300px;
    border: 1px solid #000;
    font: 16px/1.2 Verdana, sans-serif;
    background: #fff;
}


/* Paging */
/*
.pagingFirst
{
    display: inline-block;
    height: 26px;
    width: 31px;
}

.pagingPrev
{
    display: inline-block;
    height: 26px;
    width: 52px;
}

.pagingDivider
{
    
}

.pagingNext
{
    
}

.pagingLast
{
    
}
*/

ul#searchlist 
{
    list-style-type: none;
    margin: 0 30px 20px;
    font-size: 15px;
    line-height: 1.8;
}

.notextdecoration
{
    text-decoration: none;    
}

p.password
{
    position: relative;
    height: 50px;  
}

p.password input
{
    position: absolute;
}

.passwordField, passwordWatermark
{
    top: 0px;    
}

.samlekort 
{
   display: block;
   margin-top: 3px;
   margin-left:40px;
}

.eier, .eiergjest 
{
    margin-top: 3px;
    padding-top: 28px;
    padding-right: 16px;
    padding-left: 13px;
    width: 154px;
    height: 108px;
    font-size: 12px;
    line-height: 1.5;
}
.eier
{
    background: url(images/global/bg_eier.gif) no-repeat top left;
}
.eiergjest 
{
    background: url(images/global/bg_eiergjest.gif) no-repeat top left;
}


.tips 
{
    padding-top: 4px;
    font-size: 10px;
    line-height: 1.2;
    text-align: right;
}
.eier span, .eiergjest span, .tips span 
{
    color: #AD1B1B;
}

.liker
{
    width: 150px;
    height: 120px;    
}

img.rating 
{
    display: block;
    height: 22px;
}

.knapper 
{
    padding-bottom: 4px;
    padding-left: 10px;
    height: 38px;
}

.gimatramme
{
    height: 51px;    
}

.matinfo
{
    height: 80px;    
}

a.nofood
{
    font-size: 10px;    
}

.giveFood
{
    top: 150px;
    position: absolute;
    z-index: 2;
}

.giveFood0
{
    left: 53px;
}

.giveFood1
{
    left: 173px;
}

.giveFood2
{
    left: 293px;
}

p.venn
{
    background: url(images/global/ikon_hjerte.gif) no-repeat top left;
    padding: 2px 0 2px 26px;
    margin-left: 0px;
}

p.blivenn
{
    background: url(images/global/ikon_reqs.gif) no-repeat top left;
    padding: 0px 0 2px 26px;
    margin-left: 0px;
}

.yes
{    
    color: green; 
    font-size: 15px;
    font-weight: bold;
}

.no
{
    font-size: 15px;
    font-weight: bold;
}



/*  Units */

/* AnimalprofileBottom*/

.tekstve 
{
    float: left;
    padding: 8px 6px 0 8px;
    width: 150px;
}

.tekstho 
{
    float: right;
    padding: 3px 16px 0 0;
    width: 190px;
}

.tekstve p 
{

    margin: 0 0 3px 6px;
}

.tekstho p 
{
    margin: 0 0 6px;
}

.tekstho img 
{
    vertical-align: middle;
}

.symbolsContainer 
{
    text-align: center;
    margin: auto;
}

.leftSymbolContainer 
{
    margin-left: -18px;
}


/*  AnimalSpecies */

.animalSpeciesHeadline
{
    font-size: 24px;
}

.animalSpeciesLeft
{
    background: url(images/global/vearkbg485.gif) no-repeat top left;
    z-index: 1;
    padding-top: 40px;
    height: 445px;
    width: 379px;
}

.animalSpeciesRight
{
    background: url(images/global/hoarkbg485.gif) no-repeat top left;
    margin-top: 66px;
    padding-top: 40px;
    height: 445px;
    width: 379px;   
}   

.shadowItem
{
    background: url(images/mypage/mittdyrbg.gif) no-repeat top left;
    height: 135px;
    overflow: hidden;
    padding-right: 5px;
    position: relative;
    width: 114px;
    text-align: center;
    vertical-align: middle;
}

.shadowItemLink
{
    display: block;
    height: 135px;
    overflow: hidden;
    padding-top: 5px;
    position:  relative;
    text-decoration: none;    
    width: 114px;
}

.shadowItemFood
{
    position: absolute;
    top: 105px;
    left: 35px;    
    z-index: 2;
}

.noPadding
{
    padding: 0xp 0px 0px 0px;
}

.noPadding table
{
    margin: solid 1px red;    
}

.foodName
{
    color: White;
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    line-height: 30px;
    overflow: hidden;
    top: 100px;
    text-decoration: none;
    left: 0px;
    position: absolute;
    height: 30px;
    width: 135px;
}

.fruktoggronnsakerNameImage
{
    background: url(images/global/bgNameVeg.png) no-repeat top left;

}

.kjottNameImage
{
    background: url(images/global/bgNameMeat.png) no-repeat top left;
}

.planterNameImage
{
    background: url(images/global/bgNamePlants.png) no-repeat top left;
}

.fiskNameImage
{
    background: url(images/global/bgNameFish.png) no-repeat top left;
}

.insekterNameImage
{
    background: url(images/global/bgNameBugs.png) no-repeat top left;
}

.changeSpecies
{
    margin: 10px 5px 0px 0px;
    float: right;
    height: 20px;  
    text-align: right;  
    width: 160px;
}

#alert 
{
    top: 568px;
    position: absolute;
    z-index: 100;
    left: -30px;
}