/* ----------------------------------->

	CSS FÖR ATELJE LYKTAN
	
	Client: Atelje Lyktan
	Year: 2007
	Author: ShopSetup.com


/* RESET---------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Arial, Helvetica, sans-serif;
	/* vertical-align: baseline; */
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*END  OF RESET---------------------------*/

/* GENERAL STYLES */

body {backgound-color: #fff;}

h1 {font-size: 18px; color: #444; line-height: 21px; padding: bottom: 16px;}
h2 {font-size: 14px; color: #666; line-height: 17px; padding-bottom: 6px;}
p {font-size: 11px; color: #444; line-height: 14px; padding-bottom: 16px;}
label {font-size: 11px;}

/* STANDARD RUBRIK I BILDFORMAT */
.rub {margin: 40px 0 0 0;}


/* LINKS */
a {color: #444; text-decoration: none;}
a:visited {color: #444; text-decoration: none;}
a:hover {color: #444; text-decoration: underline;}


/* ELEMENTS */
#PDFwrap {width: 900px; height: auto; margin: 0 auto; padding: 5;}
#wrap {width: 900px; height: auto; margin: 0 auto; padding: 0;}
#top {height: auto; padding: 0;}
#top img,input {float:left; margin: 0; padding:0;}

/* Om oss / AAA logotyp implementation */ 
#footerWrapper {margin:22px 0 0 0; padding:0; width:900px; height:85px; position:relative; background:url(../img/footer_green.png) no-repeat #fff;}
#footerWrapper img.a {position:absolute; left:10px; top:16px; }
#footerWrapper img.v {position:absolute; left:130px; top:0px; }

/* SEARCH FIELD */
#top input {margin: 23px 0 0 0; border: 0px solid #fff; font-size: 11px; color: #999;}
.textinput, .textinputHovered {
	float:right;
	width:105px;
	height:20px;
	background-image:url(../img/input_search_bg.png); background-repeat: no-repeat; background-position: left top;
	border:none;
	padding:4px 0 0 8px;}


/* FOOTER */
.footer {clear:both; margin: 0 auto;}


/* TOP GREY */
#top_grey {clear:both; width: 900px; height: 23px; margin: 0px auto; padding: 0 0 0 0; background:url(../img/top_greybg.png); background-repeat: no-repeat;}
#top_grey p {color: #444; padding: 5px 0 0 10px;}


/* BLÄDDRING ARTLISTA */
#bladdring_artlista {clear:both; height: 30px; margin: 0 0 0 0; padding: 10px 12px 0 0;}
#bladdring_artlista p {float:right;}


/* BLÄDDRING FULLPOST */
#bladdring_fullpost {float:left; width: 240px; margin: 20px 0 0 4px; padding: 0 0 0 0;}


/* FLIKAR */
#top_grey ul {float:left; margin:0; padding:0; list-style:none; font-size: 11px; color: #444;}
#top_grey li {display: inline; float:left; margin:5px 5px 0 20px; padding: 0}
#top_grey li#kategori {font-size: 11px; font-weight:bold; color: #fff; background-color: #000; padding: 5px 15px 4px 15px; margin: 0;}
#top_grey li#active {font-weight: bold; text-decoration: underline; background-color: #fff; background-image:url(../img/flik_rightbg.png); background-repeat: no-repeat; background-position: right top; padding: 0 15px 4px 8px;}
#top_grey li#active.light {font-weight: bold; text-decoration: underline; background-color: #fff; background-image:url(../img/flik_rightbg_light.png); background-repeat: no-repeat; background-position: right top; padding: 0 15px 4px 8px;}


.gotoKat {float:right; margin: 0 10px 0 0; padding: 5px 0 0 0;}
.gotoKat img {border: none;}


/* KOLUMNER */
#leftCol {float: left; width: 480px; height: auto; background-color:#fff;}
#rightCol {float: right; width: 420px; height: auto; background-color:#fff;}
#rightCol_texttop {clear:both; width: 461px; height: 51px;}

img.rightcol_floatright {margin: 20px 0 0 0; float:right;}


/* STARTSIDAN - STARTBLOCK TILL VÄNSTER */
.startblock {float:left; width: 480px; height: auto; padding: 15px 0 0 0;}
.bottenstreck {clear:both; margin: 0; padding: 0;}
.startblockContainer {float:left; width: 200px; margin: 0 20px 0 0;}
.startblockContainer img#rubrik {clear:both;}

.startblock_text {float:left; width: 200px;}

.startblock_text a {color: #999; text-decoration:none;}
.startblock_text a:visited {color: #999; text-decoration:none;}
.startblock_text a:hover {color: #999; text-decoration:underline;}

.startblock_text img {float:right; margin: 0 0 0 0;}
.startblock_text img.logo { padding: 0 0 0 0; }
.startblock_text p {padding: 10px 0 5px 0;}
.startblock_text p.smaller {padding: 2px 0 5px 0;}

ul.myUl {margin:0; padding:0}
ul.myUl li { display: block; height:25px; margin:0px 0 0 0; padding:0; font-size: 11px;}
ul.myUl li a { line-height: 25px; }
ul.myUl li.secondChild {height:16px}
ul.myUl li.secondChild, ul.myUl li.secondChild a { line-height:normal; margin-top: 2px; }
ul.myUl li.lastChild, ul.myUl li.lastChild a {line-height:11px; height:11px; margin-top: 5px;}
ul.myUl li img.logo {float:left; margin-right: 10px;}



/* ARTIKELISTAN PRODUKTER */
.thumb_prods {margin: 0 auto; width: auto; height: auto;}
.prod_container {float:left; margin: 0 14px 10px 0; width:110px; height:120px; border: 1px solid #fff; text-align:center;}
.prod_container:hover {border: 1px solid #ccc;}
.prod_container p {color: #999;} 


/* FULLPOST */

.info_leftcol {padding-left: 15px;}
.info_leftcol p.fullpost {margin: 10px 0 0 4px; width: 360px;}

.laddaner_rub {margin: 20px 0 0 0;}
.info_leftcol ul#prodblad {margin:10px 0 0 0; padding:0; list-style:none; font-size: 12px; color: #444;}
.info_leftcol li.material {vertical-align: baseline; display: block; background-image:url(../img/icon_pdffile.png); background-repeat: no-repeat; padding: 5px 0 20px 35px;}

.altbilder {clear:both; margin-left: 4px;}
.altbilder img {width: 54px; height: 55px; float:left; margin: 5px 15px 0 0; border: 1px solid #fff;}
.altbilder img:hover {border: 1px solid #ccc;}

.pictogram {clear:both; width: 300px; margin-left: 4px;}
.pictogram img {float:left; margin: 10px 10px 0 0;}

.artlista {float: left; width: 800px; height: auto; padding: 30px 0 0 0; background-color:#fff;}
.artlista table {float:left; margin: 0; border: 1px solid #999; font-size: 11px; color: #444;}
.artlista table td {padding: 8px; vertical-align:top;}
.artlista table tr#borderbottom {border-bottom: 1px solid #444;}

.tablegrey {background-color: #e8e8e8; border-bottom: 1px solid #999;}
.tablegrey_nobottom {background-color: #e8e8e8; border-bottom: 1px solid #e8e8e8;}
#rub {font-weight: bold;}
.tabledarkgrey {background-color: #ccc; border-bottom: 1px solid #999;}

/* samexpo*/
img#samexporub {clear:both; margin: 40px 0 0 4px; border: none;}
.samexpo {padding: 0; margin: 0;}
.samexpoblock {float: left; padding: 0; width: 75px; margin: 10px 10px 0 4px; font-size: 11px; color: #444; text-align:center;}
.icon {clear:both; margin:0;}
.icontxt {clear:both; display: block; padding: 5px 0 0 0;}

/* NYHETSSIDORNA */
.nyheter_leftCol {width: 450px; padding: 0 15px 0 15px;}
#nyheter_rightCol {padding: 40px 0 0 60px; float: left; width: 300px; height: auto; background-color:#fff;}
#nyheter_rightCol p {padding-bottom: 2px;}
.newsimg {float:right; margin: 0 0 10px 10px;}


/* DESIGNERS */
.thumb_designers {margin: 20px 0 0 0; padding: 0 0 0 15px; float:left; width: 420px; height: auto;}
img.designer_small {float: left; margin: 0 10px 10px 0; border: 1px solid #fff;}
img.designer_small:hover {border: 1px solid #444; width:56px; height: 56px;}

#designer_rightCol {padding: 20px 0 0 20px; float: left; width: 380px; height: auto; background-color:#fff;}
#designer_rightCol p {width: 300px;}


/* KONTAKT */
.info_kontakt {float:left; padding: 0 35px 0 15px;}


/* TEKNIK */
table.pictogram {margin-top: 0px; font-size: 11px;}
table.pictogram td {vertical-align: top; padding: 10px 10px 10px 10px;}
table.pictogram img {margin: 0px;}

img.ljuskalla {clear:both; border: 1px solid #ccc; margin: 20px 0 0 0;}

.rightColScroll {float:left; margin: 20px 0 0 20px; width: 400px; height: 275px; overflow:auto;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-3dlight-color: #ccc;
scrollbar-arrow-color: #ccc;
scrollbar-track-color: #ccc;
scrollbar-darkshadow-color: #ccc;
}
.rightColScroll#distrikt {margin: 45px 0 0 20px;}  

/* PICTOGRAMSIDA */
.pict_prods {margin: 30px auto; width: 900px; height: 230px; overflow:auto;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-3dlight-color: #ccc;
scrollbar-arrow-color: #ccc;
scrollbar-track-color: #ccc;
scrollbar-darkshadow-color: #ccc;
}

.pict_container {float:left; margin: 0 14px 10px 0; width:70px; height:80px; text-align:center;}
.pict_container p {color: #999; margin: 5px 0 0 0;} 

/* OM OSS */

.leftColScroll {float:left; margin: 40px 0 0 20px; width: 400px; height: 275px; overflow:auto; padding: 0 20px 0 0;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-3dlight-color: #ccc;
scrollbar-arrow-color: #ccc;
scrollbar-track-color: #ccc;
scrollbar-darkshadow-color: #ccc;
}

/* KATALOG & BROSCHYRER */

.katalog_pages {margin: 40px auto; width: 875px; height: 230px; overflow:auto; padding: 0 0 0 25px;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-3dlight-color: #ccc;
scrollbar-arrow-color: #ccc;
scrollbar-track-color: #ccc;
scrollbar-darkshadow-color: #ccc;
}

.katalog_container {float:left; margin: 0 14px 10px 0; width:60px; height:90px; text-align:center;}
.katalog_container p {color: #999; margin: 5px 0 0 0;}
.katalog_container img {border: 1px solid #e8e8e8;} 


form.katalog input {font-size: 11px; float: none;}
form table {font-size: 11px;}
form td {padding: 5px 0 0 0;}
form td.border {border-bottom: 1px solid #e8e8e8;}


/* AF-LISTA */

.af_lista {font-size: 11px; font-family: Arial; color: #444; margin: 30px auto; width: 900px; height: 230px; overflow:auto;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-3dlight-color: #ccc;
scrollbar-arrow-color: #ccc;
scrollbar-track-color: #ccc;
scrollbar-darkshadow-color: #ccc;
}

.af_lista td {padding: 5px auto 5px auto; border-bottom: 1px solid #e8e8e8;}

.info {padding: 5px 0 0 5px;}

.beskriverruta {width: 300px;}

.PDFlista {float: left; width: 800px; height: auto; padding: 30px 0 0 0; background-color:#fff;}
.PDFlista table {float:left; margin: 0;  font-size: 11px;}
.PDFlista table td {padding: 8px; vertical-align:top;}
.PDFlista table tr#borderbottom {border-bottom: 1px solid #444;}

.PDFtabletop {border-bottom: 1px solid #000; border-top: 1px solid #000;}
.PDFtableline {border-top: 1px solid #000;}
.PDFtablelinelight {border-top: 1px solid #666666;}
#rub {font-weight: bold;}

/* SHOPSETUP */
.shopsetup {clear:both; margin: 0 auto;}
.shopsetup p {font-size: 10px; color: #999; float:left;}
.shopsetup p a {font-size: 10px; color: #999; text-decoration:none;}
.shopsetup p a:hover {font-size: 10px; color: #999; text-decoration:underline;}
.shopsetup p a:visited {font-size: 10px; color: #999; text-decoration:none;}