@CHARSET "UTF-8";
* 
{ 
	margin:  0 0;
	padding: 0 0;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif ;
	
}
/* template */
body
{ 
	margin: 0 auto;
	background: #D5D6C4;
		
}

body.intro #logo { display: none;
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height: 80px;
	background: #fff
	            url(http://tap.local/~tap/www.berg.se/images/a.jpg); 
}

body.grafik #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height: 80px;
	background: #fff
	            url(http://tap.local/~tap/www.berg.se/images/a.jpg); 
}

body.webshop #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height: 80px;
	background: #fff
	            url(http://tap.local/~tap/www.berg.se/images/a.jpg); 
}

body.galleriet #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height: 80px;
	background: #fff
	            url(http://tap.local/~tap/www.berg.se/images/a.jpg); 
}

body.stengods #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height: 80px;
	background: #fff
	            url(http://tap.local/~tap/www.berg.se/images/a.jpg); 
}

body.copyright #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height: 80px;
	background: #fff
	            url(http://tap.local/~tap/www.berg.se/images/a.jpg); 
}

body.bocker #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height: 80px;
	background: #fff
	            url(http://tap.local/~tap/www.berg.se/images/a.jpg); 
}

body.kontakt #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height: 80px;
	background: #fff
	            url(http://tap.local/~tap/www.berg.se/images/a.jpg); 
}

body.cv #logo { display: none;
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height: 80px;
	background: #fff
	            url(http://tap.local/~tap/www.berg.se/images/a.jpg); 
}

/* Main Navigation
------------------------------------------------- */

#main-nav { display: none; height: 24px;
				margin-left: 14px;
				margin-right: 14px;
				border-top: 1px solid #999999;
				border-bottom: 1px solid #999999;}
			
#main-nav dl { margin: 0; padding: 0; }

/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 14px; } 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */

#main-nav dt { float: left; }

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:24px; /* IE 5/Win hack */ 
	padding: 24px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

body.intro dt#intro,
body.intro dt#intro a,
body.intro dt#intro a:hover,
body.grafik dt#grafik,
body.grafik dt#grafik a,
body.grafik dt#grafik a:hover,
body.webshop dt#webshop,
body.webshop dt#webshop a,
body.webshop dt#webshop a:hover,
body.stengods dt#stengods,
body.stengods dt#stengods a,
body.stengods dt#stengods a:hover,
body.nyheter dt#nyheter,
body.nyheter dt#nyheter a,
body.nyheter dt#nyheter a:hover,
body.cv dt#cv,
body.cv dt#cv a,
body.cv dt#cv a:hover,
body.galleriet dt#galleriet,
body.galleriet dt#galleriet a,
body.galleriet dt#galleriet a:hover
body.bocker dt#bocker,
body.bocker dt#bocker a,
body.bocker dt#bocker a:hover
body.copyright dt#copyright,
body.copyright dt#copyright a,
body.copyright dt#copyright a:hover
body.press dt#press,
body.press dt#press a,
body.press dt#press a:hover
body.kontakt dt#kontakt,
body.kontakt dt#kontakt a,
body.kontakt dt#lkontakt a:hover {
	background-position: 0 -48px;
}


#main-nav dt a:hover {
	background-position: 0 -24px;
}

#main-nav dt#intro,
#main-nav dt#intro a { width: 50px; background-image: url(../images/nav/intro.png); }

#main-nav dt#grafik,
#main-nav dt#grafik a { width: 60px; background-image: url(../images/nav/swe_grafik.png); }

#main-nav dt#webshop,
#main-nav dt#webshop a { width: 80px; background-image: url(../images/nav/webshop.png); }

#main-nav dt#stengods,
#main-nav dt#stengods a { width: 80px; background-image: url(../images/nav/swe_stengods.png); }

#main-nav dt#nyheter,
#main-nav dt#nyheter a { width: 70px; background-image: url(../images/nav/swe_nyheter.png); }

#main-nav dt#cv,
#main-nav dt#cv a { width: 35px; background-image: url(../images/nav/cv.png); }

#main-nav dt#galleriet,
#main-nav dt#galleriet a { width: 74px; background-image: url(../images/nav/swe_galleriet.png); }

#main-nav dt#bocker,
#main-nav dt#bocker a { width: 62px; background-image: url(../images/nav/swe_bocker.png); }


#main-nav dt#copyright,
#main-nav dt#copyright a { width: 30px; background-image: url(../images/nav/copy.png); }


#main-nav dt#press,
#main-nav dt#press a { width: 52px; background-image: url(../images/nav/press.png); }


#main-nav dt#kontakt,
#main-nav dt#kontakt a { width: 70px; background-image: url(../images/nav/swe_kontakt.png); }


#main-nav dt#sprak_eng,
#main-nav dt#sprak_eng a { height: 16px; width: 32px; background-image: url(../images/flagga_eng.gif); }


/** SLUT MAIN_NAV **/

.page-container
{
	width: 840px;
	padding: 9px;	
	background: #fff;
	border: 1px solid #EFEFEF;
	margin: 0 auto;
	text-align: center;
	/* font-size: 12px; Beställningen i varukorgen har raderats! */
}
.cookies
{
	width: 320px;
	padding: 9px;	
	background: #fff;
	/* border: 1px solid #EFEFEF; */
	margin: 0 auto;
	text-align: justify;
	font-size: 12px; /* Beställningen i varukorgen har raderats! */
}

.nav
{
	padding: 10px;
	margin: 5px;
	text-align: center;
	font-size: 11px;
}

	.nav a
	{
		color: #222;
		border: 1px solid #AAA; 
		padding: 4px;
		background: #EFEFEF;
		text-decoration: none;
	}
	.nav a:hover
	{
		background: #ff5800;
		color: #fff;
	}
/* store */
.products { display: none;
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
	}
	.product {
		border: 1px solid #ddd;
		padding: 55px;
		height: 150px;
		}
		.product img { 
			float: left;
		}
		.price {
			width: 100%;
			font-size: 10px;
			text-align: right;
			clear: both;
		}
		.addToCart {
			width: 100%;
			display: block;
			text-align: right;
		}
		.productmeny {
			background-color: #fff;
			border: 0px solid #ddd;
			padding: 10px;
			height: 150px;
	}
	
.notification
{
	width: 580px;
	padding: 20px;
	border: 1px solid #eee;
	background: #fff;
	margin: 9px auto;
	font-size: 14px;
	color: #333;
	text-align: center;
	font-family: verdana;
}
/* summary */
.shoppingCart
{
	width: 580px;
	border: 1px solid #CCC;
	border-collapse: collapse;
	margin: 0 auto;
	font-size: 12px;
}
	.shoppingCart tr th
	{
		background: #EAEAEA;
		border: 1px solid #CCC;
		padding: 5px;
	}
	.shoppingCart tr td
	{
		border: 1px solid #CCC;
		padding: 5px;
	font-size: 12px;
	}	
.viewcart{
	min-height: 300px;
	padding-bottom: 20px;
}

#content {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size    : 16px ;
	margin-left  : 5em  ;
	margin-right : 3em  ;
      
	/* padding-bottom: 20px;
	text-align: left;
	min-height: 300px; */
	/*margin-top: 10px;
	  margin-right: 280px; 
	line-height: 18px; */
	background: #fff;
	/* margin-left: 14px; */
		/* För ramen */
	/* border-top: 1px solid #999; 
	border-top: 1px solid #999999;*/
}
#content .padding {
	padding: 25px 0px 0px 25px; 
}
#content .paddingSmall {
		margin-top: 0px; 
		padding: 0px;
		text-align: center;
		font-size: 11px;
	}

#content .copyRight {
	text-align: right;
	font-size: 10px;
	color: #999;
	margin-right: 6px; 
}

#content .imageleft { display: none;
	/* border-style: solid;
	border-width: 20px; */
	margin-left: 0px;
	margin-bottom: 100px;
	margin-right: 20px;
	margin-top: 0px;
	float: left;
}
#content .imageleft_mini {
	/* border-style: solid;
	border-width: 20px; */
	margin-left: 0px;
	margin-bottom: 40px;
	margin-right: 20px;
	margin-top: 0px;
	float: left;
}
#content .imageright{
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-top: 20px;
	float: right;
}
#content .imagecenter {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: center;
}
#content .paddingJustify {
	
	text-align: justify;
	/* padding: 0px 80px 0px 40px; */
}

	
#sidebar-a { display: none;
	float: right;
	width: 280px;
	line-height: 18px;
	background: #fff;
	height: 100%;
	margin-right: 14px;
	/* background: #ffffff; 
	border-top: 1px solid #999999;*/
}

	#sidebar-a .padding { display: none;
		padding: 25px;height: 100%;
	}

	#sidebar-a .paddingSmall { display: none;
		margin-top: 10px; 
		padding: 10px;
		height: 100%;
		text-align: justify;
		font-size: 11px;
	}

	#sidebar-a .paddingKundvagn { display: none;
	/* background: #368; */
	                       
	border: 1px solid #753;
		margin-top: 0px; 
		padding: 10px;
		text-align: left;
		font-size: 11px;
	}

.tbarea	{
	width: 330px;
	height: 140px;
	font-family: verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
.tbinput {
	width: 180px;
	padding: 2px 0 0 0;
	font-family: verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}

/* ---------- */
div#wrap_head_l {
	background: url(../images/granssnitt/top_left.gif) 0 0 no-repeat;			/* vänster upp */ }

div#wrap_l {
	background: url(../images/granssnitt/side2_left.gif) 0 0 repeat-y; 			/* vänster */ }

div#wrap_head {
	background: url(../images/pixel.gif) 0 0 repeat-x; }

div#wrap_head_r {
	background: url(../images/granssnitt/top_right.gif) 100% 0 no-repeat;		/* höger upp */ }

div#wrap_r {
	background: url(../images/granssnitt/side2_right.gif) 100% 0 repeat-y;		/* höger */ }

div#wrap_foot_l {
	background: url(../images/granssnitt/b_l.png) 0 100% no-repeat;				/* vänster ner */ }

div#wrap_foot {
	background: url(../images/granssnitt/b.png) 0 100% repeat-x;				/* mitten ner */ }

div#wrap_foot_r {
	background: url(../images/granssnitt/b_r.png) 100% 100% no-repeat;			/* höger ner*/ }
/* ---------- */


#footer {
	clear: both;
	border-top: 1px solid #999999;
	margin-left: 14px;
	margin-right: 14px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #666;
	padding: 10px 25px;
	line-height: 15.5px;
}

#footerdate { display: none;
	margin-left: 14px;
	margin-right: 14px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #666;
	padding: 5px 0px 45px 0px;
	line-height: 0px;
}

article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

#page-wrap { width: 480px; margin: 20px auto; }

.image-gallery { margin: 20px 0 0 0; }

figure { 
  width: 117px; 
  float: left; 
  margin: 0 5px 10px 0; 
  background: white;
  border: 3px solid white; 
  -webkit-box-shadow: 0 3px 10px #ccc; 
  -moz-box-shadow: 0 3px 10px #ccc;
  -webkit-transform: rotate(0deg); 
  -moz-transform: rotate(0deg);
  -webkit-transition: all 0.7s ease; 
  -moz-transition: all 1s ease;
  position: relative;
}

figcaption {
  color: #999;
  font-weight: normal; 
  text-align: center; 
  display: block; 
  font-size: 9px; 
  font-style: normal; 
}

figcaption_info {
  color: #999;
  font-weight: normal; 
  text-align: center; 
  display: block; 
  font-size: 7px; 
  font-style: normal; 
}

figure img { 
  width: 100%; /* Scale down */
}

figure:hover {
    -webkit-transform: rotate(-1deg); -moz-transform: rotate(1deg);
    -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
}

figure:focus {
    outline: none;
    -webkit-transform: rotate(0deg) scale(2.5); -moz-transform: rotate(0deg) scale(2.5);
    -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
    z-index: 9999;
}

figure_big { 
  width: 160px; 
  float: left; 
  margin: 0 5px 10px 0; 
  background: white;
  border: 3px solid white; 
  -webkit-box-shadow: 0 3px 10px #ccc; 
  -moz-box-shadow: 0 3px 10px #ccc;
  -webkit-transform: rotate(0deg); 
  -moz-transform: rotate(0deg);
  -webkit-transition: all 0.7s ease; 
  -moz-transition: all 1s ease;
  position: relative;
}

figure_big img { 
  width: 100%; /* Scale down */
}

figure_big:hover {
    -webkit-transform: rotate(-1deg); -moz-transform: rotate(1deg);
    -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
}

figure_big:focus {
    outline: none;
    -webkit-transform: rotate(0deg) scale(2.5); -moz-transform: rotate(0deg) scale(2.5);
    -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
    z-index: 9999;
}