/*
	Name:    CSS Framework
	Author:  Slaver http://slaver.info
	Version: 18.11.2008
*/

/*
	Main styles
*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/** html #wrapper {
	height: 100%;
}*/

body {
	font: 12px/14px Arial, Tahoma, sans-serif;
	color: #000;
}

a img, fieldset {
	border: none;
}

legend {
	display: none;
}

p {
	margin: 10px 0 0 0;
}

ul, ol {
	margin: 0 0 0 20px;
}

pre {
	font: 14px/16px "Courier New", Courier, monospace;
	color: #333;
	margin: 10px 0;
}

a {
	color: #0000ff;
}

a:hover {
	text-decoration: none;
}

a:hover, a:active, a:focus {
	outline: none;
}

/*
	Layonts
*/

#wrapper {
	padding: 0;
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
	position: relative;
	min-height: 100%;
}

#header {
	float: left;
	width: 1000px;
	height: 217px;
	background: url("../_images/header.jpg") 0 0 no-repeat;
}

#container {
	width: 1000px;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 50px;
}

#left {
	float: left;
	width: 190px;
}

#content {
	float: left;
	width: 600px;
	margin-left: 5px;
}

html>body #content, html>body #right {
	margin-left: 10px;
}

#right {
	float: right;
	width: 190px;
	margin-left: 5px;
}

/*
	Logo
*/

#logo {
	float: left;
	width: 350px;
	height: 100px;
}

#logo h1 {
	position: relative;
	font: bold 32px/35px Arial, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
}

#logo h1 a {
	display: block;
	width: 350px;
	height: 100px;
	cursor: pointer;
}

#logo h1 span {
	display: none;
}

/*
	Search form
*/

#search {
	float: right;
	width: 394px;
	height: 38px;
	background: url("../_images/search.gif") 0 0 no-repeat;
}

	#searchform {
	}

	#searchform fieldset {
		margin: 5px 0 0 100px;
	}

		#searchform .field {
			background: url("../_images/fields/search.gif") 0 0 no-repeat;
			width: 189px;
			height: 18px;
			border: 0;
			font: 12px/14px Arial;
			vertical-align: middle;
			padding: 5px 0 0 5px;
		}

		#searchform .button {
			background: url("../_images/buttons/search.gif") 0 0 no-repeat;
			width: 80px;
			height: 27px;
			border: 0;
			vertical-align: middle;
			cursor: pointer;
		}

/*
	Menu
*/



/*#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }

#nav ul li { float: none; }
#nav ul ul { top: 0; }*/


#menu {
	display: block;
	float: left;
	width: 1000px;
	height: 43px;
	background: url("../_images/menu.gif") 0 0 repeat-x;
}

	#nav {
		display: block;
		float: right;
		margin: 0 10px;
		padding: 0;
		position: relative;
	}

	#nav li {
		display: block;
		float: left;
		margin: 0px 10px 0 0;
		font: bold 14px/43px Arial, Tahoma, sans-serif;
		color: #fff;
		list-style: none;
		margin: 0 5px;
		position: relative;
	}

		#nav ul {
			display: none;
			position: absolute;
			margin: 0;
			padding: 0;
			border: 1px solid #7d210a;
			border-top: 0px;
		    background: #a13727;
		    width: 180px;
		}
		
		* html #nav ul { line-height: 0; } /* IE6 "fix" */
		#nav ul a { zoom: 1; } /* IE6/7 fix */

			#nav ul li {
				float: none;
			    width: 180px;
			    height: 25px;
				font: bold 12px/25px Arial, Tahoma, sans-serif;
				margin: 0;
			}

				#nav ul li a {
					display: block;
					color: #fff;
					text-decoration: none;
					padding: 0;
			    	height: 25px;
			    	padding-left: 20px;
				}

					#menu ul li ul li a:hover {
						background: #841d0c;
			    		height: 25px;
					}

		/*#menu ul li ul {
		    display: none;
		    position: absolute;
		    top: 260px;
		    border: 1px solid #7d210a;
		    margin: 0;
		    background: #a13727;
		    width: 180px;
		}

			#menu ul li ul li {
			    border-top: 0px;
				float: left;
			    width: 180px;
			    height: 25px;
				font: bold 12px/25px Arial, Tahoma, sans-serif;
			}

				#menu ul li ul li a {
					display: block;
					color: #fff;
					text-decoration: none;
					padding: 0;
			    	height: 25px;
			    	padding-left: 20px;
				}

					#menu ul li ul li a:hover {
						background: none;
			    		height: 25px;
					}*/

	#nav li a {
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 0 10px;
	}

		#nav li a.active {
			font-weight: bold;
		}

		#nav li a:hover {
			background: url("../_images/menu_a.gif") 0 0 repeat-x;
		}

		#nav li a:hover.active {
		}


/*
	Content
*/

#content .post {
	/*margin: 10px;*/
}

#content .commentform {
	margin: 10px;
}

#content .post p {
	font: 14px/16px Arial, Tahoma, sans-serif;
}

#content .post h2 {
	font: bold 16px/20px Arial, Tahoma, sans-serif;
	margin: 10px 0 0;
}

#content .post h3 {
	font: bold 14px/16px Arial, Tahoma, sans-serif;
	margin: 10px 0 0;
}

#content .post ul {
	font: 14px/16px Arial, Tahoma, sans-serif;
	margin: 10px 0 0 20px;
}

#content .post ul li {
	margin: 0;
}

#content .post ul li ul {
	font: 14px/16px Arial, Tahoma, sans-serif;
	margin: 0 0 0 10px;
}


/*
	Sidebars
*/

#left .block {
	margin: 0 0 10px;
	width: 194px;
}

	#left .block .t {
		height: 43px;
		background: url("../_images/menu.gif") 0 0 repeat-x;
		font: bold 14px/43px Arial, Tahoma, sans-serif;
		color: #fff;
		text-align: center;
	}

		#left .block .t span {
			display: block;
			background: url("../_images/arrow.gif") bottom no-repeat;
			font: bold 14px/34px Arial, Tahoma, sans-serif;
		}

			#left .block .t a {
				display: block;
				color: #fff;
				text-decoration: none;
			}

	#left .block .c {
		font: 12px/14px Arial, Tahoma, sans-serif;
		color: #000;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding: 0 10px;
	}

	#left .block .b {
		height: 5px;
		line-height: 5px;
		background: url("../_images/block_bottom.gif") 0 0 no-repeat;
	}

	#left .block .m {
		height: 34px;
		background: url("../_images/cat.gif") 0 0 repeat-x;
		font: bold 12px/26px Arial, Tahoma, sans-serif;
		color: #ababab;
		text-align: center;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding-bottom: 10px;
	}

		#left .block .m ul {
			float: left;
			margin: 0;
			width: 100%;
			list-style: none;
		}

			#left .block .m ul li {
				float: left;
				width: 50%;
				margin: 0;
			}

				#left .block .m ul li a {
					height: 34px;
					display: block;
					color: #ababab;
					text-decoration: none;
				}

			#left .block .m ul li.active {
				background: url("../_images/cat_a.gif") 0 0 repeat-x;
				color: #fff;
			}

				#left .block .m ul li.active a {
					color: #fff;
					background: url("../_images/cat_r.gif") bottom center no-repeat;
				}

	#left .block .cats {
		font: 12px/14px Arial, Tahoma, sans-serif;
		color: #000;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	#left .block .cats ul {
		margin: 0;
		width: 100%;
		list-style: none;
	}

		#left .block .cats ul li {
			font: bold 12px/20px Arial, Tahoma, sans-serif;
			height: 20px;
		}

			#left .block .cats ul li a {
				display: block;
				color: #000;
				text-decoration: none;
				padding: 0 10px;
			}

				#left .block .cats ul li a:hover, #left .block .cats ul li a.active {
					background: #c22d16;
					color: #fff;
				}



/*
	Loginform
*/

#loginform {
}

	#loginform p {
		margin: 5px 0 0;
	}

		#loginform p label {
			font-weight: bold;
			cursor: pointer;
		}

	#loginform .field {
		border: 1px solid #ccc;
		width: 160px;
		font: 12px/14px Arial, Tahoma, sans-serif;
		padding: 2px;
	}

	#loginform .button {
		border: 0;
		width: 81px;
		height: 28px;
		cursor: pointer;
	}

		#loginform .button.r {
			background: url("../_images/buttons/register.gif") 0 0 no-repeat;
		}

		#loginform .button.l {
			background: url("../_images/buttons/login.gif") 0 0 no-repeat;
		}
		#loginform .button.o {
			background: url("../_images/buttons/logout.gif") 0 0 no-repeat;
		}

	#loginform p img {
		vertical-align: top;
	}

#left .block .lostpass, #catalog .product .block .full .c .fraktbetingeiser {
	padding: 5px 5px 10px 0;
	text-align: right;
}

	#left .block .lostpass a, #catalog .product .block .full .c .fraktbetingeiser a {
		color: #5c5c5c;
		font: italic 11px Arial;
	}

/*
*/

#content .title {
	width: 100%;
	height: 43px;
	background: url("../_images/menu.gif") 0 0 repeat-x;
	font: bold 14px/43px Arial, Tahoma, sans-serif;
	color: #fff;
	text-align: center;
}

#content .subtitle {
	width: 100%;
	/*height: 43px;
	background: url("../_images/menu.gif") 0 0 repeat-x;*/
	font: 35px/35px Georgia, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	color: #e0e0e0;
	margin: 10px 0 -5px 0;
}

/*
	Catalog
*/

#catalog {
	float: left;
	width: 100%;
	overflow: hidden;
}

	#catalog .h {
		font: 16px/20px Georgia;
		color: #c22d16;
		margin: 10px 0;
		padding-left: 10px;
		width: 600px;
		float: left;
	}

		#catalog .h .v {
			float: left;
			width: 160px;
		}

		#catalog .h .p {
			float: left;
			width: 230px;
		}

		#catalog .h .k {
			float: left;
			width: 50px;
		}

		#catalog .h .b {
			float: left;
			width: 140px;
		}


	#catalog .product {
		font: 13px/16px Arial;
		width: 600px;
		float: left;
		margin: 0 0 10px;
	}

		#catalog .product .block {
			background: #fff;
		}

		#catalog .product .click {
			cursor: pointer;
			display: block;
			width: 100%;
			/*text-decoration: underline;*/
		}

		#catalog .product .block .t {
			height: 5px;
			background: url("../_images/corner_c.gif") 0 0 repeat-x;
		}

			#catalog .product .block .t .l {
				background: url("../_images/corner_t_l.gif") top left no-repeat;
			}

			#catalog .product .block .t .r {
				height: 5px;
				background: url("../_images/corner_t_r.gif") top right no-repeat;
			}

		#catalog .product .block .c {
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			padding: 3px 0 0;
			overflow: hidden;
		}

			#catalog .product .block .form {
				font: bold 12px/14px Arial;
				color: #c22d16;
			}

			#catalog .product .block .form span {
				font: italic 11px/15px Arial;
				color: #000;
			}

			#catalog .product .block .form span.grey {
				font:  bold 12px/15px Arial;
				color: #3c3c3c;
			}

				#catalog .product .block .form .center {
					vertical-align: middle;
				}

			#catalog .product .block .c .field {
				width: 50px;
				padding: 2px;
				border: 1px solid #ccc;
			}

		#catalog .product .block .b {
			height: 5px;
			background: url("../_images/corner_c.gif") bottom repeat-x;
		}

			#catalog .product .block .b .l {
				background: url("../_images/corner_b_l.gif") top left no-repeat;
			}

			#catalog .product .block .b .r {
				height: 5px;
				background: url("../_images/corner_b_r.gif") top right no-repeat;
			}

			/* Hover block */
			#catalog .product .block:hover {
				background: #ececec;
			}

				#catalog .product .block:hover .t .l {
					background: url("../_images/corner_t_l_a.gif") top left no-repeat;
				}

				#catalog .product .block:hover .t .r {
					height: 5px;
					background: url("../_images/corner_t_r_a.gif") top right no-repeat;
				}

				#catalog .product .block:hover .b .l {
					background: url("../_images/corner_b_l_a.gif") top left no-repeat;
				}

				#catalog .product .block:hover .b .r {
					height: 5px;
					background: url("../_images/corner_b_r_a.gif") top right no-repeat;
				}



		#catalog .product .block .full {
			background: #ececec;
			cursor: default;
		}

		#catalog .product .block .full .t {
			height: 5px;
			background: url("../_images/corner_c.gif") 0 0 repeat-x;
		}

			#catalog .product .block .full .t .l {
				background: url("../_images/corner_t_l_a.gif") top left no-repeat;
			}

			#catalog .product .block .full .t .r {
				height: 5px;
				background: url("../_images/corner_t_r_a.gif") top right no-repeat;
			}

		#catalog .product .block .full .c {
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			padding: 3px 0 0;
			overflow: hidden;
		}

			#catalog .product .block .full .c .field, #registrer .field {
				width: 50px;
				padding: 2px;
				border: 1px solid #ccc;
			}

			#catalog .product .block .full .c .frakt textarea, #registrer textarea {
				font: 11px Arial;
				padding: 2px;
				border: 1px solid #ccc;
			}

		#catalog .product .block .full .b {
			height: 5px;
			background: url("../_images/corner_c.gif") bottom repeat-x;
		}

			#catalog .product .block .full .b .l {
				background: url("../_images/corner_b_l_a.gif") top left no-repeat;
			}

			#catalog .product .block .full .b .r {
				height: 5px;
				background: url("../_images/corner_b_r_a.gif") top right no-repeat;
			}


		#catalog .product .block .full .small {
			font: italic 10px Arial;
		}

			#catalog .product .block .full .small a {
				color: #8b8a8a;
			}

		#catalog .product .block .full .red {
			color: #dc1f01;
			font: 20px Georgia;
		}

		#catalog .product .block .full .c h2 {
			color: #000;
			font: bold 20px Georgia;
			margin: 10px 0 0 15px;
		}

		#catalog .product .block .full .c p {
			margin: 10px 15px;
		}

		#catalog .product .block .full .c img {
			margin: 10px 0 0;
		}




	#catalog .summ {
		float: right;
		width: 200px;
		margin: 0;
	}

		#catalog .summ .block {
			background: #ececec;
			cursor: default;
		}

		#catalog .summ .block .t {
			height: 5px;
			background: url("../_images/corner_c.gif") 0 0 repeat-x;
		}

			#catalog .summ .block .t .l {
				background: url("../_images/corner_t_l_a.gif") top left no-repeat;
			}

			#catalog .summ .block .t .r {
				height: 5px;
				background: url("../_images/corner_t_r_a.gif") top right no-repeat;
			}

		#catalog .summ .block .c {
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			padding: 3px 0 0;
			overflow: hidden;
		}

			#catalog .summ .block .c .field {
				width: 50px;
				padding: 2px;
				border: 1px solid #ccc;
			}

		#catalog .summ .block .b {
			height: 5px;
			background: url("../_images/corner_c.gif") bottom repeat-x;
		}

			#catalog .summ .block .b .l {
				background: url("../_images/corner_b_l_a.gif") top left no-repeat;
			}

			#catalog .summ .block .b .r {
				height: 5px;
				background: url("../_images/corner_b_r_a.gif") top right no-repeat;
			}

		#catalog .summ .block .c {
			padding: 0 0 0 10px;
		}

		#catalog .summ .block .c table {
			font: 13px/20px Arial;
		}

			#catalog .summ .block .c table .rabatt td {
				padding: 5px 0 0;
				border-top: 1px solid #999;
				color: #0165b1;
			}

			#catalog .summ .block .c table .total td {
				padding: 5px 0 0;
				border-top: 1px solid #999;
			}

			#catalog .summ .block .c table .total span {
				color: #bf2912;
				font: bold 18px "Times New Roman";
			}

	#catalog .buttons {
		float: right;
		margin-top: 10px;
		width: 100%;
	}

		#catalog .buttons .back {
			float: left;
		}

		#catalog .buttons .send, #catalog .buttons .oppdater, #catalog .buttons .pdf, #catalog .buttons .videre {
			float: right;
		}

	#registrer .buttons {
		float: right;
		margin-top: 10px;
	}

/*
	Right sidebar
*/

#right .title {
	width: 100%;
	height: 43px;
	background: url("../_images/menu.gif") 0 0 repeat-x;
	font: bold 14px/43px Arial, Tahoma, sans-serif;
	color: #fff;
	text-align: center;
}

	#right .box {
		float: left;
		width: 100%;
		margin: 10px 0;
	}

	#right .box .cart {
		font: 13px/16px Arial;
		width: 190px;
		float: left;
	}

		#right .box .cart .block {
			background: #fff;
			position: relative;
			zoom: 1;
			margin: 0 0 5px;
		}

		#right .box .cart .block .t {
			height: 5px;
			background: url("../_images/corner_c.gif") 0 0 repeat-x;
		}

			#right .box .cart .block .t .l {
				background: url("../_images/corner_t_l.gif") top left no-repeat;
			}

			#right .box .cart .block .t .r {
				text-align: right;
				height: 5px;
				background: url("../_images/corner_t_r.gif") top right no-repeat;
			}

		#right .box .cart .block .c {
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			overflow: hidden;
		}

			#right .box .cart .block .c .field {
				width: 50px;
				padding: 2px;
				border: 1px solid #ccc;
			}

		#right .box .cart .block .b {
			height: 5px;
			background: url("../_images/corner_c.gif") bottom repeat-x;
		}

			#right .box .cart .block .b .l {
				background: url("../_images/corner_b_l.gif") top left no-repeat;
			}

			#right .box .cart .block .b .r {
				height: 5px;
				background: url("../_images/corner_b_r.gif") top right no-repeat;
			}

		#right .box .cart .block .c .del {
			position: absolute;
			top: 0;
			width: 25px;
			left: -25px;
			margin-left: 100%;
		}

		#right .box .cart .block .c table {
			font: 13px Arial;
			margin: 0 5px;
		}

			#right .box .cart .block .c table span {
				font: italic 11px Arial;
			}

			#right .box .cart .block .c table .field {
				width: 30px;
				border: 1px solid #ccc;
				font: 11px Arial;
			}


	#right .summ {
		float: left;
		width: 100%;
		margin: 0;
	}

		#right .summ .block {
			background: #ececec;
			cursor: default;
		}

		#right .summ .block .t {
			height: 5px;
			background: url("../_images/corner_c.gif") 0 0 repeat-x;
		}

			#right .summ .block .t .l {
				background: url("../_images/corner_t_l_a.gif") top left no-repeat;
			}

			#right .summ .block .t .r {
				height: 5px;
				background: url("../_images/corner_t_r_a.gif") top right no-repeat;
			}

		#right .summ .block .c {
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			padding: 3px 0 0;
			overflow: hidden;
		}

			#right .summ .block .c .field {
				width: 50px;
				padding: 2px;
				border: 1px solid #ccc;
			}

		#right .summ .block .b {
			height: 5px;
			background: url("../_images/corner_c.gif") bottom repeat-x;
		}

			#right .summ .block .b .l {
				background: url("../_images/corner_b_l_a.gif") top left no-repeat;
			}

			#right .summ .block .b .r {
				height: 5px;
				background: url("../_images/corner_b_r_a.gif") top right no-repeat;
			}

		#right .summ .block .c {
			padding: 0 0 0 10px;
		}

		#right .summ .block .c table {
			font: 13px/20px Arial;
		}

			#right .summ .block .c table .total td {
				padding: 5px 0 0;
				border-top: 1px solid #999;
			}

			#right .summ .block .c table .total span {
				color: #bf2912;
				font: bold 18px "Times New Roman";
			}

		#right .buttons {
			margin-top: 10px;
			float: right;
		}

/*
	Footer
*/

#footer {
	float: left;
	width: 100%;
	height: 43px;
	background: url("../_images/menu.gif") 0 0 repeat-x;
	margin-top: 50px;
	position: relative;
	margin-top: -43px;
}

#footer p {
	font: 12px/43px Arial, Tahoma, sans-serif;
	color: #fff;
	text-align: center;
	margin: 0;
}


/*
	Other
*/

.frakt {
	margin: 5px 30px;
}

#registrer {
	margin: 5px 30px;
}

	#registrer td {
		font: bold 12px/14px Arial;
		color: #c22d16;
	}
.rabatt td {
	padding: 5px 0 0;
	border-top: 1px solid #999;
	color: #0165b1;
}