/*

EVMA Design

*/

body {
    background-color:#F8F8F8;
	font-size:10px;
	line-height:1.3em;
	color:#646464;
	font-family:Helvetica,Arial,sans-serif;
}


#page-wrap {
	/*width:960px; padding-right:64px; padding-top:5px;*/
	width:1000px; padding-right:24px; padding-top:0px;
} /* not centered! */

#right { float:right;
	/*width: 360px;*/
	width: 400px;
}

h5#head-nav { display:none; }
ul.nav { float:left; display:inline; list-style-type: none; font-family:Times New Roman,Trebuchet MS,sans-serif;
	padding-left:30px; color:#494647; padding-top:10px;}
ul.nav li { display:inline; }
ul.nav li a { text-decoration:none; color:inherit; text-transform:uppercase; padding-left:12px; font-size:1.2em; }

ul#subnav { color:#565455; font-size:8px; font-family:Helvetica,Trebuchet MS,sans-serif; letter-spacing:0.5px; font-weight:bold; }

body#leverantorer li#nav-leverantorer a,
body#koncept li#nav-koncept a,
body#nyheter li#nav-nyheter a,
body#kontakt li#nav-kontakt a,
body#hem li#nav-hem a { background-color:transparent; background-image:url('../img/var.gif'); background-repeat:no-repeat;
	background-position:2px 2px; }

a#nav-nyheter { padding-left:0px; height:64px; width:72px; text-indent:-1000px;
	background-color:transparent; background-image:url('../img/news_up.jpg'); background-repeat:no-repeat;
	background-position:4px -2px;}
a:hover#nav-nyheter { background-image:url('../img/news_over.jpg'); }

/* ====================================
   For the text
   ==================================== */
#content {float:right; width:320px; margin-top:20px; margin-right:35px; position:relative; }

#content ul { list-style-type:none; }
#content ul li { display:block; }
#content ul li a { text-decoration:none; color:inherit; text-transform:uppercase; padding-left:10px; }
#content ul li a:hover,
#content ul li.selected a { background-color:transparent; background-image:url('../img/var.gif'); background-repeat:no-repeat;
	background-position:0 0; }

/* sortiment lists */
ul#sortiment { margin-top:30px; margin-bottom:-70px; }
ul#sortiment li { display:inline-block; text-transform:uppercase; text-align:left; width:100px; }

#content h1 { color:black; margin-top:100px; text-transform:uppercase; font-size:1.2em; margin-bottom:5px; font-weight:bold; }
#content p { font-size:1.1em; line-height:1.3em; margin-top:6px; }
#content p:first-letter { text-transform:uppercase; } 
#content p a { text-transform:uppercase; text-decoration:none; color:black; font-weight:bold; font-size:90%; }

/* ====================================
   For the pictures
   ==================================== */
#block { width:600px; height:400px; position:relative; }
#slideshow { width:600px; height:400px; }
#slideshow img {
    position:absolute; top:0; left:0;
    height:100%;
    clip:rect(0px,600px,400px,0px);
}

#block ul { list-style-type: none; position:absolute; bottom:-15px; right:0px; z-index:}
/* #block ul li { display:inline; margin-left:5px; cursor:pointer; border:1px solid red; } */
/* #block ul li img { width:10px; height:11px; } */

/* Relative url here: should be relative to this file, not where it is included */
#block ul li { display:inline-block; width:10px; height:11px; margin-left:5px; cursor:pointer; background-image:url('../img/control.jpg'); background-repeat:no-repeat; }
#block ul li#back       { background-position:0 0;     }
#block ul li#forward    { background-position:-10px 0; }
#block ul li#pause      { background-position:-20px 0; }
#block ul li#pause.play { background-position:-30px 0; }

#block #up a { text-decoration:none; color:inherit; }
#block #up { color:inherit; position:absolute; right:50px; }

/* ====================================
   For the footer
   ==================================== */
#footer { clear:both; text-align:right; padding-top:89px; padding-bottom:3px; }
#footer img { position:relative; bottom:48px; float:left; }
#footer a { font-weight:bold; color:inherit; text-transform:uppercase; text-decoration:none; }

/* ====================================
   For the admin tools
   ==================================== */
#content .hidden { display:none; }
#edit-control { position:absolute; right:0; top:75px;}
#edit-control span { word-spacing:-1px; margin:0 1px; }
#changes-results {
    position:absolute; right:-100px; top:30px; background:yellow; width:230px; padding:10px 5px; display:none; text-align:center;
    -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px; -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px; -khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px;
    border-radius: 5px;
}
form#edit-text  { width:340px; font-size:1em; text-indent:0; margin-top:100px; position:relative; left:-9px; top:-10px; }
textarea#area-content  { width:100%; }

/* ====================================
   For the news
   ==================================== */
body#nyheter .news { clear:both; border-top:1px dotted black; padding:30px 30px 30px 0; height:auto; overflow:auto; position:relative; }
body#nyheter .news:first-child { border-top:none; }
body#nyheter .news > img {
    float:left; width:600px; height:400px;
    clip:rect(0px,600px,400px,0px);
}
body#nyheter .news > h1 {margin:25px 0 5px 640px; color:black; text-transform:uppercase; font-size:1.2em; font-weight:bold; }
body#nyheter .news .news-content { margin-left:640px; }
body#nyheter .news .news-content ul { list-style-type:none; }
body#nyheter .news .news-content ul li { display:block; margin-bottom:10px; }
body#nyheter .news .news-content ul li a { text-decoration:none; color:inherit; text-transform:uppercase; font-size:1em; }
body#nyheter .news .news-content ul li a:hover { color:black; }
body#nyheter .news .news-content ul li.selected a { color:black; font-weight:bold; }
body#nyheter .news .news-content p { font-size:1.1em; line-height:1.3em; margin-top:10px; }
body#nyheter .news .news-content p:first-letter { text-transform:uppercase; } 
body#nyheter .news .news-content p a { text-transform:uppercase; text-decoration:none; color:black; font-weight:bold; font-size:90%; }

body#nyheter #news-main-control { float:right; padding:10px 0; }
body#nyheter #news-main-control a { text-decoration:none; font-weight:bold; font-size:90%; color:#666666; padding-left:10px; }
body#nyheter .news .news-control { position:absolute; top:30px; right:5px; }
body#nyheter .news .news-control a { text-decoration:none; font-weight:bold; font-size:90%; color:#666666; padding-left:10px; }