/* CSS Document */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(img/bg.jpg);
	font-size:0.75em;
	color:#666666;
	line-height:1.5em;
	margin:0px;
}

ul{
	margin:0px;
}

li{
	margin:0px;
}

h1 {
	font-size:1.4em;
	font-weight:bold;
	color:#769bc0;
	margin-bottom:5px;
	margin-top:0px;
}

h2 {
	font-size:1.1em;
	font-weight:bold;
	color:#769bc0;
	margin-bottom:5px;
}

hr {color: #fff; background-color: #fff; border: 1px solid #cccccc; border-style: none none solid; margin:0.5em 0; }

table {
	font-size:1em;
}	

img {
	border:none;
	text-decoration:none;
}

a {
	color:#366492;
}

textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}

input {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}

.clearer {
	clear:both;
}





/*--- MAIN BLOCKS ---*/

#block-top {
	background-image:url(img/header_bg.gif);
	background-repeat:repeat-x;
	position:relative;
}

#block-content {
	position:relative;
	width:770px;
	margin:30px auto;
}

#block-bottom {
	position:relative;
	width:770px;
	margin:30px auto;
}



/*--- TOP PART ---*/

#top-menu {
	position:relative;
	width:910px;
	margin:auto;
}
	
#top-logo {
	position:absolute;
	top:7px;
}

#top-text {
	position:absolute;
	top:23px;
	left:90px;
}

#top-tabs {
	position:absolute;
	top:49px;
	right:0px;
}

#top-tabs a {
	display:block;
	float:left;
	margin-left:5px;
}	
	
a#top-home {
	background:url(img/tab_home.gif) no-repeat top;
}	
a#top-home:hover {
	background:url(img/tab_home_hover.gif) no-repeat top;
}	
	
a#top-products {
	background:url(img/tab_products.gif) no-repeat top;
}	
a#top-products:hover {
	background:url(img/tab_products_hover.gif) no-repeat top;
}	

a#top-about {
	background:url(img/tab_about.gif) no-repeat top;
}	
a#top-about:hover {
	background:url(img/tab_about_hover.gif) no-repeat top;
}	

a#top-price {
	background:url(img/tab_price.gif) no-repeat top;
}	
a#top-price:hover {
	background:url(img/tab_price_hover.gif) no-repeat top;
}	

a#top-contact {
	background:url(img/tab_contact.gif) no-repeat top;
}	
a#top-contact:hover {
	background:url(img/tab_contact_hover.gif) no-repeat top;
}	
	


/*--- HOMEPAGE ---*/

#hometable {
	width:100%;
	margin:30px 0;
}

#hometable td {
	width:33%;
	text-align:left;
	padding:5px 15px;
	vertical-align:top;
}

#hometable td.hometable-head {
	text-align:center;
}

#newscontent {
	position:absolute;
	top:20px;
	left:255px;
	width:470px;
}



/*--- NEWS PAGE ---*/

#news-menu {
	float:left;
	width:230px;
}

.content-right {
	margin-left:300px;
}

#news-menuinner ul {
	margin:0px;
	padding:0px;
}
#news-menuinner li {
	padding-top: 10px;
}

.content-left {
	float:left;
}




/*--- PRODUCTS PAGE ---*/

#products-menu {
	float:left;
	width:230px;
	margin-right:30px;
}

#products-menuinner ul {
	margin:0px;
	padding:0px;
}

#products-menuinner li {
	padding-top: 5px;
}

#products-menuinner li a {
	color: #666666;
	text-decoration:none;
}

#products-table {
}

#products-table td {
	text-align:center;
	width:130px;
	margin:20px;
	border-right:20px;
	border-left: 20px;
	border-top:0px;
	border-bottom:0px;
	border-color:#FFFFFF;
	border-style:solid;
}

#products-table td.clickable {
	cursor:pointer;
}

#products-table td img {
}

#products-table td.artnr {
	font-weight:bold;
	padding-top:30px;
}

#products-table td.imgcell {
}	

#popup {
	position:absolute;
	top:100px;
	left:100px;
	width:570px;
	height:330px;
	border:solid 5px #dedede;
	background-color:#FFFFFF;
	padding:20px;
	z-index:5;
	display:none;
}

#cover {
	position:absolute;
	background-color:#000000;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	filter:alpha(opacity=60); 
	opacity: 0.6; 
	-moz-opacity:0.6; 
	z-index:3;
	display:none;
}


/*--- PRODUCT POPUP ---*/

#popupimg {
	float:left;
	text-align:center;
	margin:20px 20px 0 0;
}

#popuptext {
	margin:30px 0 0 260px;
}

#popupart {
	font-weight:bold;
}



#closebutton {
	position:absolute;
	right:20px;
	top:20px;
}



/*--- PRISFÖRFRÅGAN ---*/

#priceTable {
	border-collapse:collapse;
	margin:10px 0;
}

#priceTable td {
	padding:5px 10px 5px 0;
	vertical-align:top;
	font-weight:bold;
}

#uttagTable td, #jfbrTable td {
	padding:2px 10px 2px 0;
	font-weight:normal;
}

.inputContact {
	width:200px;
}


/*--- BOTTOM PART ---*/

#bottom-line {
	background-color:#769bc0;
}

#bottom-text {
	text-align:center;
	margin-top:10px;
}






/* --- ADMIN STYLES --- */

#admin-menu {
	float:left;
}

.admin-menuitem {
	padding-bottom:5px;
}

#admin-right {
	margin-left:200px;
}

.admin-table td{
	vertical-align:top;
	border:none;
	padding-right:10px;
}

.admin-prevnews {
	position:relative;
	width:400px;
	margin:30px 0;
}

.admin-newbutton {
	position:absolute;
	right:20px;
	top:20px;
	font-weight:bold;
}