@import url("reset.css");

body {
	background-color: #FFF;
	font-size: 13px;
	line-height: 20px;
	font-family: "Lucida grande", Arial, Helvetica, sans-serif;
	color: #676767;
	/*color: #b9b8b3;*/
}

/* typografi ------------------------------------------------*/
h1 { 							/* Tygnamn, formgivarnamn på formgivarsidan */
	font-size: 32px;
	line-height: 32px;
	text-transform: uppercase;
	font-family: "Lucida Grande","Futura LT Book", "Arial black", arial, Helvetica, sans-serif;
	padding-top: 12px;
	padding-bottom: 10px;
	letter-spacing: 1px;
	/*color: #b9b8b3;*/
	color: #212121;
	
}
h2 {							/*Formgivarnamn på tygsidan*/
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 8px;
	color: #212121;
}
h3 {							/*Ljus mellanrubrik */
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	/*color: #b9b8b3;*/
	color: #404040;
	padding: 20px 0 10px;
}
h4 {							/*tygnamn under miniatyrer*/
	font-weight: bold;
	font-size: 13px;
	padding: 5px 0 5px 0;
	color: #333;
	
}
h5 {
	font-weight: bold;
	display: inline;
}

a { color: #676767; }

/* containers -------------------------------------------- */
#visited {
	position: absolute;
	width: 80px;
	min-height: 80px;
	top: 164px;
	margin-right: 10px;
	padding: 10px;
	background-color: #EcEcEc;
	border-right: 1px dotted #000;
	text-align: right;
}

#main {
	position: relative;
	width: 810px;
	top: 0px;
/*	left: 120px;*/
	padding-bottom: 10px;
	margin: 0 auto;
}
#logo {
	padding: 30px 0 15px 0px;
	float: left;
}
#funcMenu {
	float: right;
	padding-top: 35px;
	text-align: right;
	/*text-transform: uppercase;*/
	color: #969691;
	font-size: 11px;
	line-height: 14px;
}
#menu {
	clear: both;
	/*background-color: #494947; */
	height: 50px;
	margin: 10px 0px;
/*	border-left: solid 1px #8d8d8d;*/
}
div.msg {
	padding: 20px;
	background-color: #fff5b0;
	border: 1px dashed #000;
	margin: 0 0 20px 0;
	font-size: 13px;
	color: #676767;
}
.adminOptions {
	display: block;
	clear: both;
	border: 1px dashed #000;
	margin: 5px auto 20px auto;
	background-color: #FFFF99;/* #b3c18c;*/
	color: #80804D;
	padding: 5px;
	width: 95%;
}
.content {
	padding: 25px 0px 30px 0px;
}
.halfColumnLeft {
	clear:both;
	width: 310px;
	float: left;
	margin: 0px 20px 0px 0px; 
}
.halfColumnRight {
	width: 460px;
	float: left;
	margin: 0px 0px 0px 20px;
}
#oneThirdColumn {
	width: 160px;
	float: left;
	padding: 0px 30px 0px 0px;
	
}
#twoThirdColumn {
	width: 600px;
	float: left;
	padding: 0px 0px 0px 20px;
}
#footer {
	clear: both;
	padding: 20px 0px;
	border-top: 1px dotted #8d8d8d;
}
#footer p {
	font-size: 11px;
	line-height: 15px;
	color: #494949;
	
}
div.navigator {
	position: relative;
	text-align: center;
	margin: 20px 0;
	clear: both;
}
div.navigator span.inactive {
	color: #999;
}
div.navigator div.wrapper.previous {
	position: absolute;
	top: 0;
	left: 0;
}
div.navigator div.wrapper.next {
	position: absolute;
	top: 0;
	right: 0;
}
div.navigator span.currentpage {
	border: 1px solid #999;
	padding: 3px;
}

/* general elements ------------------------ */
p {
	margin: 5px 0; 
}
a {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

input, textarea {
	padding: 2px 5px;
}
.raised {
	vertical-align: super;
	font-size: 0.6em;
}
.hidden {
	display: none;
}

#huvudbild_frame {
	position: relative;
	background-color: #212121; /*#272726;*/
	width: 306px;
	height: 306px;
	padding: 1px;
}
#huvudbild {
	/*border: #FFF 1px solid;*/
	width: 306px;
	height: 306px;
}

#varianter {
	border: 1px dotted #000;
	margin: 20px 0 0 0;
	width: 300px;
	padding: 4px;
}
span.flag {
	background-color: #333; /*#212121;*/
	font-weight: bold;
	color: #efefef;
	padding: 2px 8px 3px;
	float: left;
}
img.kil {
	display: block;
	clear: both;
	width: 8px;
	height: 8px;
}
div.flagpole {
	border-left: 1px dotted #333;
	padding-left: 10px;
	margin-top: 5px;
}

.quote {
	/*color: #141414;*/
	font-size: 12px;
	line-height: 18px;
}

.quoteImg {
	float: left;
}
.miniatyr {
	border: 1px solid #000;
	width: 80px;
	height: 80px;
}
.miniminiatyr {
	border: 1px solid #000;
	width: 60px;
	height: 60px;
	margin: 0 20px 0 0;
}
ul.tagcloud {
}

ul.tagcloud li {
	float: left;
	margin-right: 10px;
}

ul.selectedTags {
	list-style: inside circle;
	margin-bottom: 15px;
}
span.inactiveTag {
	color: #cdcdcd;
}
p.showAllTags {
	clear: both;
	padding-top: 15px;
}

.wrapper {
	position: relative;
}

.sortSelected {
	list-style-image:url(../page_img/arrow2.gif);
}
.sortNotSelected {
	list-style-image: none;
}
.col2a {
	float: left;
	width: 285px;
	margin-right: 20px;
}
.col2b {
	float: left;
	width: 285px;
}
.col3a {
	float: left;
	width: 180px;
	margin-right: 20px;
}
.col3b {
	float: left;
	width: 180px;
	margin-right: 20px;
}
.col3c {
	float: left;
	width: 180px;
}
div.msg img {
	float: left;
	margin-right: 10px;
}

/* ----------------------------------------- */
/* menu ------------------------------------ */
/* ----------------------------------------- */
#menu li {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0 44px 0 10px;
	margin: 7px 0;
	/*border-left: 1px solid #969691;*/
	line-height: 17px;
	background: url(../page_img/menu_leftline.gif) no-repeat 0px 6px;
}
#menu #last {
	padding-right: 0px;
}
#menu li a {
	color: #888;
	text-decoration: none;
}
#menu li #selected {
	color: #404040;/*#231f20;*/
}
#menu li.selected {
	background: url(../page_img/menu_leftline_sel.gif) no-repeat 0px 6px;
}
.menuItem {
	font-family: "Lucida grande",Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	top: -1px;
}
.menuExplanation {
	/*text-transform: uppercase;*/
	font-size: 11px;
}
#funcMenu li {
	display: inline;
	padding: 0 0 0 15px;
} 

/* ----------------------------------------- */
/* page: hem ------------------------------- */
/* ----------------------------------------- */
#hem div.postercontainer {
	float: left;
	/*width: 270px;*/
}
#hem.content {
	padding-top: 15px;
}

img#poster1, img#poster2, img#poster3 {
	width: 250px;
	height: 376px;
	border: 1px solid #000;
}
img#poster1, img#poster2 {
	margin-right: 26px;
}

#hem div#valkommen {
	margin-top: 20px;
	width: 570px;
	float: left;
}
#hem p {
	color: #212121;
}
#hem h1 {
	text-transform:none;
	font-weight: lighter;
	letter-spacing: normal;
	color: #333;
	padding-top: 0px;
}
#hem h3 {
	padding: 0;
}
#hem .col {
	width: 500px;
	float: left;
	/*margin: 0px 57px 0 10px; gamla framsidan */
}
#hem .col p {
	margin: 10px 0px;
}

#hem .quoteImg {
	width: 40px;
	margin: 10px 20px 10px 0;
}

img#signatur {
	position: relative;
	left: 280px;
}
img#rosemarie {
	float: left;
}
div#frontbox1 {
	float: left;
	width: 260px;
	margin-top: 60px;
}

div#frontbox1 .col1 {
	float: left;
	width: 100px;
	margin: 5px 0 15px 0;
}
div#frontbox1 .col2 {
	float: left;
	width: 125px;
	margin: 5px 0 15px 15px;
}
div#frontbox1 .col1 p {
	margin: 0;
}
div#frontbox1 .miniminiatyr {
	margin: 0px;
	float: right;
}

div#frontbox2 {
	float: left;
	width: 220px;
	margin: 60px 0 0 85px;
}

div#frontbox2 .col {
	float: left;
	width: 100px;
	margin: 5px 0 15px 0;
}
div#frontbox2 .col p {
	margin: 0;
}
div#frontbox2 .miniminiatyr {
	margin: 0px;
	float: right;
	clear: both;
}

div#frontbox3 {
	clear: both;
	float: left;
	width: 160px;
	margin: 30px 55px 0 0;
}
/*
till gamla framsidan
div#frontbox3 {
	float: left;
	width: 160px;
	margin: 60px 0 0 85px;
}*/
div#frontbox3 .flagpole {
/*	margin: 10px 0 0 0;*/
	font-size: 11px;
	line-height: 16px;
}

/* ----------------------------------------- */
/* page: tyger ----------------------------- */
/* ----------------------------------------- */

#tyger h4 {
	padding: 0 0 0 0;

}
#tyger .box {
	width: 180px;
	padding: 0 30px 50px 0;
	float: left;
}
#tyger .miniatyr {
	float: right;
}

#tyger .selectedTags li {
	list-style-type: disc;
}

/* ----------------------------------------- */
/* page: tyg ------------------------------- */
/* ----------------------------------------- */

#tyg .miniatyr {
	margin: 9px;
	float: left;
}

#tyg #formgivareBox {
	padding: 95px 0 0 0;
}
#tyg #formgivareImg {
	margin-right: 20px;
	border: black solid 1px;
	float: left;
	width: 125px;
	height: 125px;
}
#tyg #formgivareBox #col{
	float: left;
	width: 290px;
}

#tyg .quoteImg {
	float: left;
	padding: 4px 8px 1px 5px;
	width: 40px;
}
#tyg .quote {
	text-align: left;
}
#tyg table {
	clear: both;
	/*text-transform: uppercase;*/
	font-size: 11px;
	line-height: 16px;
	margin: 20px 0 10px 0;
	width: 100%;
}

#tyg div.material {
	width: 145px;
	float: left;
	font-size: 11px;
	line-height: 16px;
}
#tyg div.material h4 {
	color: #676767;
}

#tyg div.otherFabrics {
	clear: both;
}
#tyg div.otherFabrics h4 {
	color: #676767;
}

/* ----------------------------------------- */
/* page: formgivare ------------------------ */
/* ----------------------------------------- */
#formgivare .box {
	width: 220px;
	padding: 0 75px 30px 0;
	float: left;
}

#formgivare .box h3 {
	padding: 0 0 5px 0;
}

#formgivare .box .col {
	clear: both;
	padding: 10px 0 0 0; 
}

#formgivare .box .quoteImg {
	float: left;
	padding: 8px 10px 0 0;
	width: 30px;
}
#formgivare .box .miniatyr {
	float: right;
	margin: 0 0 15px 15px;
	border: 1px solid #000;
}

/* ----------------------------------------- */
/* page: formgivaren ----------------------- */
/* ----------------------------------------- */

#formgivaren .quoteImg {
	float: left;
	padding: 5px 15px 5px 0;
	width: 40px;
}

#formgivaren #quoteBox {
	margin: 20px 10px;
}

#formgivaren .quote {
	color: #282828;
}

#formgivaren #presentation {
	/*text-align: justify;
	width: 200px;*/
	padding: 20px 0 0 0;
}


/* ----------------------------------------- */
/* page: produkter ------------------------- */
/* ----------------------------------------- */
#produkter .miniatyr {
	width: 100px;
	height: 100px;
	float: right;
}

#produkter h4 {
	padding: 0;
}

#produkter .box {
	width: 220px;
	padding: 0px 75px 50px 0;
	float: left;
}

/* ----------------------------------------- */
/* page: aterforsaljare -------------------- */
/* ----------------------------------------- */
#aterforsaljare h3 {
	clear: both;
	padding-top: 0;
}
#aterforsaljare h4 {
	padding: 0;
}
#aterforsaljare .box {
	float: left;
	width: 50%;
	min-height: 80px;
	margin: 0px 0px 10px 0px;
}
#aterforsaljare .unpublished {
	padding: 5px 0px;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
}

#aterforsaljare .box .col {
	float: left;
	width: 50%;
}

/* ----------------------------------------- */
/* page: massor ---------------------------- */
/* ----------------------------------------- */
#massor .miniatyr {
	float: right;
	margin-right: 10px;
}

#massor h3 {
	padding: 0 0 0 0;
}

#massor h4 {
	padding: 0;
}
#massor .category {
	clear: both;
	padding: 5px 0 10px 0;
}

#massor .box {
	width: 230px;
	padding: 0px 130px 20px 0;
	float: left;
}

/* ----------------------------------------- */
/* page: massa ---------------------------- */
/* ----------------------------------------- */

#massa .miniatyr {
	float: left;
	margin: 9px;
}

#massa .box {
	padding-right: 20px;
	float: left;
}

/* ----------------------------------------- */
/* page: tryckeri -------------------------- */
/* ----------------------------------------- */
#tryckeri img {
	border: 1px solid #000;
}

#tryckeri div#p1 {
	width: 380px;
	margin-right: 50px;
	float: left;
}
#tryckeri div#p2 {
	width: 380px;
	float: left;
}
#tryckeri div#p3 {
	width: 380px;
	clear: both;
	float: left;
	margin-right: 50px;
	padding-top: 20px;
}
#tryckeri div#p4 {
	width: 380px;
	float: left;
	padding-top: 20px;
}

/* ----------------------------------------- */
/* page: press ----------------------------- */
/* ----------------------------------------- */
#press .miniatyr {
	float: right;
	margin: 5px 0 15px 15px;
	height: auto;
}
#press .box {
	width: 230px;
	padding: 0 130px 40px 0;
	float: left;
}
/* --------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix { display: inline-block;}

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }