html {
overflow-x:hidden !important;
overflow-y:scroll !important;
height:100%;
}

body 
{ 
height:100%;
margin: 0;
padding:0;
background-color: #fff; 
font-family: Verdana, Helvetica, Arial, san-serif; 
font-size: 12px; 
font-style: normal; 
color: #696969;  
text-align: left;
line-height:1.4em;
}

h1 {
color:#c3ad64;
font-size:24px;
}





a {
color: #000;
font-size: 12px; 
text-decoration: none
}

a.underline {
color: #000;
font-size: 12px; 
text-decoration: underline
}

a.black {
color: #ffffff;
font-size: 12px; 
text-decoration: none
}

a:hover {
color: #cdb05f;
}

.graytext { 
font-family: Verdana, Helvetica, Arial, san-serif; 
font-size: 12px; 
font-style: normal; 
color: #acacac;  
}

.copyright { 
font-family: Verdana, Helvetica, Arial, san-serif; 
font-size: 10px; 
font-style: normal; 
color: #acacac;  
text-align: center }


tr,td, table { 
margin:0;
padding:0;
background-color: #ffffff; 
}

td.top {
vertical-align:top;
}

td.black {
background-color: #ffffff; 
color: #696969;  
vertical-align: middle;
}

.headline { 
font-weight: bold;
}

.big { 
font-weight: bold;
font-size: 12px; 
}

.small { 
font-size: 10px; 
}



.menu a {
color: #000;
display: block;
margin: 0;
text-decoration: none;
text-align: bottom;
}


.menu a:hover {
color: #5572a9;
text-decoration: none;
text-align: bottom;
position: relative;
line-height:1.6em;
top:-30px;
_top:-25px;
padding-left:105px;
}


.showImageNotText {
display:block;
height:100%;
text-indent:-9000px;
width:100%;
}

#logo {
background:#fff url(../images/dinbild-logo.gif) ;
color:#696969;
height:95px;
margin:0;
padding:0;
width:204px;
}




#erbjudande {
background:#fff url(../images/menu/erbjudande.gif) no-repeat scroll center bottom;
color:#696969;
height:32px;
margin:0;
padding:0;
width:204px;
}

#erbjudande A:hover, #erbjudande.selected {
background:#fff url(../images/menu/erbjudande-aktiv.gif) no-repeat scroll center bottom;
}

#reklam {
background:#fff url(../images/menu/reklam.gif) no-repeat scroll center bottom;
color:#696969;
height:32px;
margin:0;
padding:0;
width:204px;
}

#reklam A:hover, #reklam.selected {
background:#fff url(../images/menu/reklam-aktiv.gif) no-repeat scroll center bottom;
}

#portratt {
background:#fff url(../images/menu/portratt.gif) no-repeat scroll center bottom;
color:#696969;
height:32px;
margin:0;
padding:0;
width:204px;
}

#portratt A:hover, #portratt.selected {
background:#fff url(../images/menu/portratt-aktiv.gif) no-repeat scroll center bottom;
}

#mode {
background:#fff url(../images/menu/mode.gif) no-repeat scroll center bottom;
color:#696969;
height:32px;
margin:0;
padding:0;
width:204px;
}

#mode A:hover, #mode.selected {
background:#fff url(../images/menu/mode-aktiv.gif) no-repeat scroll center bottom;
}

#brollop {
background:#fff url(../images/menu/brollop.gif) no-repeat scroll center bottom;
color:#696969;
height:32px;
margin:0;
padding:0;
width:204px;
}

#brollop A:hover, #brollop.selected {
background:#fff url(../images/menu/brollop-aktiv.gif) no-repeat scroll center bottom;
}

#redaktionellt {
background:#fff url(../images/menu/redaktionellt.gif) no-repeat scroll center bottom;
color:#696969;
height:32px;
margin:0;
padding:0;
width:204px;
}

#redaktionellt A:hover, #redaktionellt.selected {
background:#fff url(../images/menu/redaktionellt-aktiv.gif) no-repeat scroll center bottom;
}

#utstallning {
background:#fff url(../images/menu/utstallning.gif) no-repeat scroll center bottom;
color:#696969;
height:32px;
margin:0;
padding:0;
width:204px;
}

#utstallning A:hover, #utstallning.selected {
background:#fff url(../images/menu/utstallning-aktiv.gif) no-repeat scroll center bottom;
}


#referenser {
background:#fff url(../images/menu/referenser.gif) no-repeat scroll center bottom;
color:#696969;
height:32px;
margin:0;
padding:0;
width:204px;
}

#referenser A:hover, #referenser.selected {
background:#fff url(../images/menu/referenser-aktiv.gif) no-repeat scroll center bottom;
}

#kontakt {
background:#fff url(../images/menu/kontakt.gif) no-repeat scroll center bottom;
color:#696969;
height:33px;
margin:0;
padding:0;
width:204px;
}

#kontakt A:hover, #kontakt.selected {
background:#fff url(../images/menu/kontakt-aktiv.gif) no-repeat scroll center bottom;
}


#hemsidan {
margin-top:40px;
}

#framsidan {
background:#fff url(../images/framsidan.jpg) no-repeat scroll center bottom;
color:#696969;
height:450px;
margin:0px;
padding:0;
width:700px;
}

#menu{
margin-top:20px;
}

#leftside {
margin-right:50px;
margin-left:20px;
}

ul, li {
margin:0;
padding:0;
text-decoration:none;
list-style-type:none;
list-style-position:outside;
border:none;
}

#footer {
text-align: left;
position: relative;
line-height:1.6em;
top:-30px;
_top:-25px;
padding-left:105px;
}

#footer IMG {
vertical-align:middle;
_vertical-align:bottom;
}

#rightside-images {
background-color:#fff;
color:#696969;
height:450px;
margin:0px;
padding:0;
width:700px;
text-align: left;
}

#rightside-images img {
border: 2px solid white;
}



#rightside-text {
text-align: left;
background-color:#fff;
color:#696969;
height:340px;
margin-top:110px;
padding-top:0px;
width:700px;
}

#karta {
background:#fff url(../images/karta.gif) no-repeat scroll center bottom;
color:#696969;
height:264px;
margin:0;
padding:0;
width:641px;
}

#adress {
font-size:11px;
color:#000;
margin-top:0px;
padding-top:13px;
padding-left:228px;
line-height:13px;
width:260px;
}

#kart-ikon {
float:right;
display:inline;
margin:10px;
padding-right:30px;
}
