﻿body {
	background-image:url(/graphics/onskeborn_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
tbody {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	line-height:13px;
}
p {
	margin:0 0 5px 0;
}
ul {
	 
}
li {
	margin-bottom:4px;
	list-style-position: inside;
	list-style-type: square; }
a {
	color:#DA8AB5;
}
.main {

}
.logo img {
	padding-left: 20px;
	border: 0;
	margin: 0;
}
.leftColumn {
	width:190px;
	margin-right:20px;
	float:left;
}
.centerColumn {
	width:514px;
	float:left;
}
.rightColumn {
	width:246px;
	display:table; 
	float:left;
}
.bgWhite {
	background-color:#FFFFFF;
	display:table;
}
.pos_rel {
	position:relative; 
}
.font_def {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	line-height:13px;
}

.cornerLT {
	background:url(~/media/Images/System/cornerLT.ashx) no-repeat left top; 
	position:absolute;
	height:4px;
	width:50%; 
	left:0;
	top:0;
}
.cornerLB {
	background:url(images/borderLB.png) no-repeat left bottom; 
	position:absolute;
	height:4px;
	width:50%; 
	left:0;
	bottom:0; 
}
.cornerRT {
	background:url(/~/media/Images/System/cornerRT.ashx) no-repeat right top; 
	position:absolute;
	height:50%;
	width:50%; 
	right:0;
	top:0; 
}
.cornerRB {
	background:url(/~/media/Images/System/cornerRB.ashx) no-repeat right bottom; 
	position:absolute;
	height:50%;
	width:50%; 
	right:0;
	bottom:0; 
}
.corner2LT {
	background:url(/images/corner2LT.png) no-repeat left top; 
	position:absolute;
	height:4px;
	width:50%; 
	left:0;
	top:0;
}
.corner2LB {
	background:url(/images/corner2LB.png) no-repeat left bottom; 
	position:absolute;
	height:4px;
	width:50%; 
	left:0;
	bottom:0; 
}
.corner2RT {
	background:url(/images/corner2RT.png) no-repeat right top; 
	position:absolute;
	height:4px;
	width:50%; 
	right:0;
	top:0; 
}
.corner2RB {
	background:url(/images/corner2RB.png) no-repeat right bottom; 
	position:absolute;
	height:4px;
	width:50%; 
	right:0;
	bottom:0; 
}
.borderLR {
	border-left:1px solid #B5C3D1;
	border-right:1px solid #B5C3D1;
}
.borderLB {
	border-left:1px solid #B5C3D1;
	border-bottom:1px solid #B5C3D1;
}

.footer {
	font-family: Tahoma,Verdana,Arial;
	font-size: 11px;
	padding: 20px;
}
.footer a {
	color: #da8ab5;
	text-decoration: none;
}
.powered  {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #99a3ad;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
}
.powered a {
	color: #99a3ad;
	text-decoration: none;
}
.article_list {
	width: 500px;
}
.article {
	float:left;
	width: 240px;
}
.left {
	float: left;
	width: 190px;
}
.center {
	float: left;
	width: 516px;
}
.right {
	float: left;
	width: 246px;
}
h1 {
	font-size: 24px;
	margin:0 0 5px 0;
	color: #da8ab5;
	line-height: 105%;
	font-weight: normal;
}
h2 {
	font-size: 18px;
	color: #da8ab5;
	font-weight: normal;
	line-height: 105%;
	margin:0 0 5px 0;
}
h3 {
	font-size: 14px;
	color: #da8ab5;
	font-weight: normal;
	line-height: 105%;
	margin:0 0 5px 0;
}
h4 {
	font-size: 12px;
	color: #da8ab5;
	line-height: 105%;
	margin:0 0 5px 0;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}
.container_top_left {
	background-image:url(/graphics/container_top_left.png);
	background-repeat:no-repeat;
	background-position:top;
}
.container_top_center {
	background-image:url(/graphics/container_top_center.png);
	background-repeat:no-repeat;
	background-position:top;
}
.container_top_right {
	background-image:url(/graphics/container_top_right.png);
	background-repeat:no-repeat;
	background-position:top;
}
.container_middle_left {
	background-image:url(/graphics/container_middle_left.png);
	background-repeat:no-repeat;
	background-position:top;
}
.container_middle_center {

}
.container_middle_right {
	background-image:url(/graphics/container_middle_right.png);
	background-repeat:no-repeat;
	background-position:top;
}
.container_bottom_left {
	background-image:url(/graphics/container_bottom_left.png);
	background-repeat:no-repeat;
	background-position:top;
}
.container_bottom_center {
	background-image:url(/graphics/container_bottom_center.png);
	background-repeat:no-repeat;
	background-position:top;
}
.container_bottom_right {
	background-image:url(/graphics/container_bottom_right.png);
	background-repeat:no-repeat;
	background-position:top-right;
}

/*** SECTIONS ***/
.sectionImageTop{
	width:190px;
}
.sectionImageTop .wrapText {
	margin:0 11px 0 11px;
}
.sectionImageTop img {
	margin:0 0 11px 0;
}
.sectionImageTop .bgWhite {padding-bottom:38px;}

.sectionImageRight {
	width:246px;
	margin-right:11px;
	margin-bottom:11px;
	float:left;
}
.sectionImageRight .sectionImage {
	float:right;
	margin-left:10px;
}
.sectionImageRight .wrapText {
	margin:11px 11px 0 11px;
}
.sectionImageRight .bodyText {
	margin-bottom:10px;
}
.sectionImageRight .bgWhite {
	min-height:150px;
	width:246px;
}

.sectionImageRightBig  {
	width:501px;
	margin-bottom:11px;
	margin-right:11px;
	float:left;
}
.sectionImageRightBig .sectionImage {
	float:right;
	margin-left:10px;
	margin-bottom:15px;
}
.sectionImageRightBig .wrapText {
	margin:20px 11px 0 20px;
}
.sectionImageRightBig .bgWhite {
	min-height:150px;
	width:501px;
}
.sectionImageRightBig h1 {
	padding-top:15px;
}
.sectionImageRightBig h3 {
	color:#222222;
	margin-bottom:20px;
}
.sectionImageRightBig .linkButton {
	height:48px;
	margin-top:20px;
	margin-bottom:25px;
}
.sectionImageRightBig .linkButtonLeft {
	background:url(/~/media/Images/System/bg_button_big_left.ashx) no-repeat left top; 
	width:24px;
	height:48px;
	float:left;
}
.sectionImageRightBig .linkButtonRight {
	background:url(/~/media/Images/System/bg_button_big_right.ashx) no-repeat right top; 
	height:48px;
	float:left;
	padding:13px 50px 0 0;
}
.sectionImageRightBig .linkButtonRight a {
	color:#FFFFFF;
	font-size:15px;
	line-height:18px;
	text-decoration:none;
}


.sectionImageLeft  {
	width:246px;
	margin-bottom:11px;
	margin-right:11px;
	float:left;
}
.sectionImageLeft .sectionImage {
	float:left;
	margin-right:10px;
}
.sectionImageLeft .wrapText {
	margin:11px 11px 0 11px;
}
.sectionImageLeft .bodyText {
	margin-bottom:5px;
}
.sectionImageLeft .bgWhite {
	min-height:150px;
	height:150px;
width:245px;
}

.sectionImageOnly {
	margin-bottom:11px;
}

.sectionBig {
	padding-top:30px;
}

.article_list {
	clear:left;
}
.article_listWrap {
	padding:15px;
}
.article {
	float:left;
	width:222px;
	height:150px;
	margin-right:12px;
}
.articleImage {
	float:left;
	margin:0 8px 10px 0;
}
.article h3 {
	margin:5px 0 5px 0;
}

/*** FORMS ***/




/*** MENUS ***/

.wrapmenu {
  position:relative;
}
.leftmenu {
  background-color:#FFFFFF;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  padding:10px 18px 0 10px;
  clear:left;
  margin:0;
  padding-bottom:15px;
}
.leftmenu a {
  color:#28323C;
  text-decoration:none;
}
.leftmenu .level0 {
  clear:left;
  list-style-type: none;
  font-size:12px;
  line-height:28px;
  border-bottom:1px solid #E5E5E5;
}
.leftmenu .level1 {
  clear:left;
  list-style-type: none;
  font-size:12px;
  line-height:28px;
  border-bottom:1px solid #E5E5E5;
  width:165px;
}
.leftmenu .level1_selected {
  clear:left;
  list-style-type: none;
  font-size:12px;
  line-height:28px;
  border-bottom:1px solid #E5E5E5;
  width:160px;
  font-weight:bold;
  padding-left:5px;
}
.leftmenu .level1_selected a {
  color:#6095C1;
}
.leftmenu .level1 .wrap1 {
  line-height:28px;
  padding-left:5px;
}
.leftmenu .level1 .wrap1:hover {
  background:#EFF3FF;
  line-height:28px;
}
.leftmenu .level2 {
  clear:left;
  list-style-type: none;
  font-size:12px;
  line-height:24px;
  border-bottom:1px solid #E5E5E5;
  width:165px;
}
.leftmenu .level2 a {
  text-decoration:none;
  color:#6095C1;
  line-height:24px;
}
.leftmenu .level2 .wrap2:hover {
  background:#EFF3FF;
  line-height:24px;
}
.leftmenu .level2 .wrap2 {
  width:153px;
  padding-left:12px;
}
.leftmenu .level2_selected  {
  font-weight:bold;
  background:#DA8AB5;
  width:153px;
  line-height:24px;
  padding-left:12px;
}
.leftmenu .level2_selected a {
  color:#FFFFFF;
}
.leftmenu .level3 {
  clear:left;
  list-style-type: none;
  font-size:12px;
  line-height:24px;
  border-bottom:1px solid #E5E5E5;
  width:120px;
}
.leftmenu .level3 a {
  text-decoration:none;
  color:#6095C1;
  line-height:24px;
}
.leftmenu .level3 .wrap3:hover {
  background:#EFF3FF;
  line-height:24px;
}
.leftmenu .level3 .wrap3 {
  width:120px;
  padding-left:25px;
}
.leftmenu .level3_selected  {
  font-weight:bold;
  background:#DA8AB5;
  width:120px;
  line-height:24px;
  padding-left:25px;
}
.leftmenu .level3_selected a {
  color:#FFFFFF;
}


/*** BUTTONS ***/
	.buttonSmall {
	display:table;
}
.buttonSmallLeft {
	background:url(/~/media/Images/System/bg_button_small_left.ashx) no-repeat left top; 
	height:21px;
	width:4px;
	float:left;
}
.buttonSmallRight {
	background:url(/~/media/Images/System/bg_button_small_right.ashx) no-repeat right top; 
	height:21px;
	padding:0px 10px 0 6px;
	float:left;
	line-height:19px;
	vertical-align:top;
}
.buttonSmallRight a {
	color:#FFFFFF;
	text-decoration:none;
}

/*** DEPARTMENT ***/
.departmentlist {
	float:left;
	width:240px;
	margin:0 11px 11px 0;
}
.departmentlistTable {
	width:100%;
	height:70px;
}
.departmentlist .wrapText {
	margin:0 11px 0 11px;
	padding-top:11px;
	padding-bottom:11px;
	height:70px;
}
.department {
	float:left;
	width:100%;
	margin:0 11px 11px 0;
}
.department h3 {
	font-weight:bold;
	font-size:13px;
margin-top:15px;
}
.departmentTable {
	width:100%;
}
.departmentTable .bgWhite {
	width:513px;
}
.department .wrapText {
	margin:0 11px 0 11px;
	padding-top:11px;
	padding-bottom:30px;
}
.department .openingHours {
	margin-top:10px;
}
.department .openingHours .Day {
	float:left;
clear:left;
}
.department .openingHours .StartHour {
	float:left;
}
.department .openingHours .split {
	float:left;
}
.department .openingHours .EndHour {
	float:left;
}
.department .openingHours .Description {
	float:left;
}

/*** PRODUCTS ***/
.categoryinfo {
	margin-bottom:10px;
}
.wrapCategory {
	float:left;
	width:248px;
	height: 120px;
	margin: 0 9px 11px 0;
	position:relative
}
.wrapCategory image {
	margin-left:1px;
}
.wrapCategory .linkButton {
	height:48px;
	right:11px;
	bottom:15px;
	position:absolute;
	z-index:100;
}
.wrapCategory .linkButtonLeft {
	background:url(/~/media/Images/System/bg_button_big_left.ashx) no-repeat left top; 
	width:14px;
	height:48px;
	float:left;
}
.wrapCategory .linkButtonRight {
	background:url(/~/media/Images/System/bg_button_big_right.ashx) no-repeat right top; 
	height:48px;
	float:left;
	padding:13px 50px 0 0;
}
.wrapCategory .linkButtonRight a {
	color:#FFFFFF;
	font-size:15px;
	line-height:18px;
	text-decoration:none;
}

/*** CATEGORY DESCRIPTION ***/
.categoryinfotop {
	margin-bottom:20px;
}
.categoryinfotop .headline {
	margin-bottom:10px;
}
.categoryinfotop .subheadline h4 {
	color:#434343;
}


/*** PRODUCTLIST ***/

.productlistwrap {
	width:100%;
}
.productlistwrap {
	float:left;
	width:159px;
	height: 240px;
	margin: 0 9px 11px 0;
	position:relative
}
.productlist .image {
	text-align:center; width:157px; overflow:hidden;
}
.productlist .wrapText {
	padding:5px 0px 15px 6px;
}
.productlist .headline {
	font-weight:bold;
	position:absolute;
	top:125px;
}
.productlist .teaser{
	height:52px;
	overflow:hidden;
	position:absolute;
	top:145px;
	width:135px;
}
.productlist .buttonSmall {
	height:20px;
	left:11px;
	bottom:15px;
	position:absolute;
	z-index:100;
}
.productlist .buttonSmallLeft {
	background:url(/~/media/Images/System/bg_button_small_left.ashx) no-repeat left top; 
	width:4px;
	height:20px;
	float:left;
}
.productlist .buttonSmallRight {
	background:url(/~/media/Images/System/bg_button_small_right.ashx) no-repeat right top; 
	float:left;
	height:20px; 
	padding:0px 12px 0 5px;
}
.productlist .linkButtonRight a {
	color:#FFFFFF;
	font-size:11px;
	line-height:18px;
	text-decoration:none;
}
.productlist .specs {position:absolute; top:145px;}
.productlist .specs .spec1 {position:absolute; top:0px; width:158px;}
.productlist .specs .spec2 {position:absolute; top:15px; width:158px;}
.productlist .specs .spec3 {position:absolute; top:30px; width:158px;}


/*** PRODUCT ***/
.product {
	position:relative;
}
.product img {
	border:none;
}
.wrapProductPicture {
	float:right;
	margin:15px;
	
}
.product .wrapText {
	 padding-bottom:30px; margin:20px;
}
.product .wrapText .headline {
	
}
.product .wrapText .subheadline {
	
}
.product .wrapText .bodyText {
	
}
.product .wrapPrice {
	border-top:1px solid #CFDBEE;
	margin-top:15px;
	padding-top:10px;
}
.product .wrapPrice .label {
	float:left;
}
.product .specs {margin-top:20px;}
.product .specs .spec1 {}
.product .specs .spec2 {}
.product .specs .spec3 {margin-top:5px; font-weight:bold; font-size:14px;}

.productteaser {width:502px; display:table;}
.productteaser .sectionImage {text-align:center;}
.productteaser .headline {padding-top:20px; width:500px; text-align:center;}
.productteaser .headline h1 {margin:0}
.productteaser .teaser {margin:0 20px 10px 20px; font-weight:bold;}
.productteaser .body {margin:0 20px;}
.productteaser .body .text {float:left;}
.productteaser .body .bodyimage {float:right; max-width:225px; max-height:125px; margin-left:15px;}
.productteaser .pricelabel {margin:10px 5px 0 20px; color:#C00; padding-top:4px; float:left; font-size:18px; line-height:18px; }
.productteaser .price {margin:10px 20px 0 0; font-size:28px; line-height:28px; color:#C00; }
.productteaser .pricebefore {margin:2px 20px 0 20px; font-size:12px;}
.productteaser .spot {float:right; margin:10px 24px 24px 0; font-size:18px; line-height:18px; color:#C00; text-align:right; width:120px;}
.productteaser .bgWhite {padding-bottom:20px;}

/*** FORM ***/
.wrapForm {
	clear:left;
}
.formContent {
	position:relative;
	margin-right:11px;
}
.wrapFormElements {
	margin-right:15px;
	margin-left:15px;
	padding-top:15px;
	padding-bottom:40px;
}

/*** SEARCH ***/
.Globalsearch {
	height:24px;
}
.Globalsearch input {
	background:none;
	border:none;
	padding-left:10px;
	padding-top:3px;
	font-size:12px;
}

.searchhit {
  margin-bottom:8px;
  margin-right:15px;
  padding-bottom:8px;
  border-bottom:1px solid #CCCCCC;
}
.searchhit_header {
  font-weight:bold;
}

.submitform {margin-bottom:20px; margin-top:15px; padding-top:15px; border-top:1px solid #CCC;}
.submitform .formafmeldintro {margin-bottom:10px;}
.submitform .title {display:none;}
.submitform .label {width:125px; float:left; line-height:28px;}
.submitform .input {float:left;}
.submitform .input input {width:310px; float:left;}
.submitform .errorvalidator {margin-left:4px;}
.submitform .submit {float:right; margin:15px 10px 0 0;}
.submitform .submit input {float:right;}

.noLeftMenu {}
.noLeftMenu .centerColumn {width:724px; float:left; }
.noLeftMenu .rightColumn {width:246px; display:table; float:left;}

.subscribeform .title
{
	margin-top: 0px;
	margin-bottom: 0px;
	color: #DA8AB5;
	font-family: Arial,Tahoma,Helvetica,sans-serif;
	font-size: 15px;
	line-height: 17px;
	margin: 5px 0pt;
	text-decoration: none;
	font-weight:bold;
}
.subscribeform
{
    	height: 100%;
	width: 100%;
	text-align: left;	
	font-family:Arial,Tahoma,Helvetica,sans-serif;
	LINE-HEIGHT: 1.4em;	
}

.subscribeform .item
{
    	float:left;	
	text-align: left;
	display: block;
	margin: 5px 0px;
	width: 100%;
	vertical-align: top;
}

.subscribeform .item .singleLineLabel
{
	padding: 3px 0px;
	width: 30%;
	display: block;
	float: left;
}
.subscribeform .item .singleLineLabelLong
{
	padding: 3px 0px;
	width: 50%;
	display: block;
	float: left;
}
.subscribeform .item .SingleLineGeneralPanel
{
	padding: 3px 0px;
	width: 67%;
	display: block;
	float: left;
}
.subscribeform .item .singleLineTextbox
{
	width: 300px;
}
.subscribeform .item .errorvalidator
{
	
	text-align:left;
}

.subscribeform .submit
{
    text-align:right;
}
