body {
	font-family: Verdana;
	font-size: 10px;
	background-color: #90a6bd;
	background-image: url(../images/bg_loop_new.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}

/* Design styles */

a:link {
	color: black;
	text-decoration: none;
}

a:visited {
	color: black;
	text-decoration: none; 
}

a:hover {
	color: black;
	text-decoration: none;
}

.wrapper {
	display: block;
	top: 0px;
	position: absolute;
	width: 1181px;
	left: 50%;
	margin-left: -500px;
	
} 

.header {
	position: relative;
	float: left;
	clear: both;
	display: block;
	background-image: url(../images/header.jpg);
	height: 123px;
	width: 1000px;
	z-index: 5;
}

.content-wrapper {
	position: relative;
	float: left;
	clear: both;
	display: block;
	width: 1000px;
	z-index: 100;
	background-image: url(../images/shadow_loop.png);
	background-repeat: repeat-y;
}

.shadow-bottom {
	position: relative;
	float: left;
	clear: both;
	height: 45px;
	width: 1000px;
	background-image: url(../images/shadow_bottom.png);
	background-repeat: no-repeat;
}

.footer {
	position: relative;
	float: left;
	text-align: center;
	clear: both;
	height: 45px;
	width: 1000px;
	background-repeat: no-repeat;
}

.menu {
	float: left;
	display: block;
	padding: 10px;
	clear: left;
	width: 190px;
	margin-left: 50px;
	margin-top: -10px; 
}

* html body .menu {
	width: 210px;
	margin-top: 0px;
}

.content-div {
	position: relative;
	float: left;
	display: block;
	margin-left: 0px;
	margin-top: 10px;
	clear: none;
	width: 680px;
	z-index: 100;
}

.vitix-title {
	background-image: url(../images/content_head.jpg);
	background-repeat: no-repeat;
	width: 680px;
	height: 28px;
	font-weight: bold;
	color: white;
	text-align: center;
	line-height: 32px;
}

* html body .vitix-title {
	height: 20px;
}

.vitix-content {
	background-image: url(../images/content_loop.jpg);
	background-repeat: repeat-y;
	width: 650px;
	padding: 15px;
	padding-top: 8px;
}

* html body .vitix-content {
	width: 680px;
	margin-top: -5px;
}

.vitix-footer {
	background-image: url(../images/content_bottom.jpg);
	background-repeat: no-repeat;
	width: 680px;
	height: 28px;
}

table {
	border-collapse: collapse;
}

td {
	font-size: 11px;
}

.menuheader {
	text-align: center;
	font-size: 11px;
	width: 191px;
	height: 28px;
	line-height: 18px; 
	color: white;
	background-repeat: no-repeat;
	background-image: url(../images/block_head.jpg);
}

.menucontent {
	background-image: url(../images/block_loop.jpg);
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-top: 5px;
	
}

.menufooter {
	height: 16px;
	background-image: url(../images/block_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

* html body .menufooter {
	
}

.menucategory {
	background-color: #EFEFEF;
	background-image: url(../images/block_cat.gif);
	font-weight: bold;
}

.menulinks {
	line-height: 20px;
}

.menu_cat_block {
	width: 100%;
}

.menuheader {
	font-weight: bold;
	text-align: center;
	padding: 5px;
	background-color: #EBEBEB;
}

.menucontent a {
	background-image: url(../images/dot.jpg);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 0px 2px;
}

/* END Design styles */


/* TOOL TIP STYLES */

.viTips-container {
	position: absolute;
}

.viTips-floater {
	float: left;
	background-color: white;
	color: black;
	border: 1px solid black;
}

.viTips-content {
	padding: 5px;
} 

/* END TOOL TIP STYLES */

/* WEBSHOP STYLES */

.product-container {
	float: left;
	margin-right: 10px;
	border: 1px solid black;
	width: 200px;
	height: 200px;
	cursor: pointer;
}

.product-title {
	float: left;
	clear: both;
	font-weight: bold;
	margin: 5px;
	text-align: center;
	width: 190px;
}

.product-image {
	float: left;
	clear: both;
	width: 150px;
	text-align: center;
}

.product-price {
	float: left;
	clear: both;
	font-color: black;
	font-weight: bold;
	font-size: 16px;
	width: 100px;
	text-align: center;
	margin: 5px;
}

.basket-content {
	text-align: left;
	padding: 4px;
}

.webshop-table {
	border-collapse: collapse;
	border: 1px solid black;
}

.webshop-table th {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding: 4px;
	background-color: #EBEBEB;
}

.webshop-table .productrow1 td {
	padding: 4px;
}

.webshop-table .productrow2 td {
	padding: 4px;
	background-color: #EBEBEB;
}

.webshop-table .total td {
	padding: 4px;
	background-color: black;
	font-size: 12px;
	color: white;
	font-weight: bold;
}

.webshop-table input {
	border: 1px solid black;
	font-size: 11px;
}

.webshop-step {
	background-color: #ebebeb;
	padding: 5px;
	margin: 10px;
	border: 1px solid black;
	text-align: center;
}

.webshop-categories a {
	text-decoration: none;
}

.webshop-categories li {
	padding: 5px;
}

.webshop-categories ul {
	list-style: none;
	list-style-image: url(../images/block.gif);
	list-style-type: none;
	margin-left: 0px;
	padding-left: 25px;
}

.price {
	font-color: black;
	font-weight: bold;
	font-size: 24px;
}

.webshop-addtobasket {
	float: left;
	background-image: url(../images/inwinkelmand.gif);
	width: 138px;
	height: 25px;
	cursor: pointer;
}

.formOk {
	border: 1px solid black;
	margin: 2px;
}	

.formError { 
	border: 1px solid red;
}

.error-div {
	right: 0px;
	top: 0px;
	display: block;
	height: 10px;
	background-color: #ffc9c9;
	border: 1px solid red;
	padding: 5px;
}

