/* SHADOW STYLES */
DIV.boxblue {
  background-color:#869DC1;
   
  -moz-border-radius: 0px; /* Firefox */
  -webkit-border-radius: 0px; /* Safari and Chrome */
  border-radius: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 2px 2px 1px #333; /* Firefox */
  -webkit-box-shadow: 2px 2px 1px #333; /* Safari and Chrome */
  box-shadow: 2px 2px 1px #333; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(http://www.peruecken-lofty.de/out/oxbaseshop/html/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.boxwhite {
  border: 1px solid #869CC1;
  background-color: #FFFFFF;
   
  -moz-border-radius: 0px; /* Firefox */
  -webkit-border-radius: 0px; /* Safari and Chrome */
  border-radius: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 2px 2px 1px #333; /* Firefox */
  -webkit-box-shadow: 2px 2px 1px #333; /* Safari and Chrome */
  box-shadow: 2px 2px 1px #333; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  
  behavior: url(http://www.peruecken-lofty.de/out/oxbaseshop/html/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.boxred {
  background-color:#c83806;
   
  -moz-border-radius: 0px; /* Firefox */
  -webkit-border-radius: 0px; /* Safari and Chrome */
  border-radius: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 2px 2px 1px #333; /* Firefox */
  -webkit-box-shadow: 2px 2px 1px #333; /* Safari and Chrome */
  box-shadow: 2px 2px 1px #333; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(http://www.peruecken-lofty.de/out/oxbaseshop/html/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

/* STANDARD STYLES */

body {
	margin: 0px;
	text-align: center;
}

html, body, div, table {
	font-size:12px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
}

hr {
	border-top:solid #869DC1 1px;
	height:1px;
}

form {
	display:inline;
}

input, select, textarea {
	font-size:12px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5 {
	padding: 0px;
	margin: 0px;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}

h1 {
	color:#869DC1;
	font-size:22px;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

h2 {
	color:#869DC1;
	font-size:20px;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

h3 {
	color:black;
	font-size:16px;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

h4 {
	color:black;
	font-size:12px;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
}

a {
	color:#869DC1;
	text-decoration:none;
}

a:hover {
	color:#869DC1;
	text-decoration:underline;
}

/* DIV STYLES */
.div_header {
	margin: 0px auto 0px auto;
	width: 955px;
	z-index: 1;
}

	.div_header_navi_top {
		width: 955px;
		text-align: right;
	}
	
		.div_header_navi_top a {
			color: black;
			text-decoration: none;
		}
		.div_header_navi_top a:hover {
			text-decoration: underline;
		}

	.div_header_logo {
	
	}

	.div_header_navi_main {
		width: 955px;
		border-top: 1px solid #869CC1;
		border-bottom: 1px solid #869CC1;
		overflow: hidden;
	}
	
		.div_header_navi_main a {
			height: 26px;
			color: white;
			text-decoration:none;
			font-weight:bold;
			line-height: 26px;
			font-family: Arial Narrow, Arial, Helvetica, sans-serif;
			font-size: 13px;
		}
		
		.div_header_navi_main a:hover {
			color: white;
			text-decoration:underline;
		}
		
		.div_header_navi_link1 {
			float: left;
            background-image: url('0/images/design/navibackground.jpg');
            width: 160px;
        }
        .div_header_navi_link2 {
        	float: left;
            background-image: url('0/images/design/navibackground.jpg');
            width: 170px;
        }
        .div_header_navi_link3 {
			float: left;        
            background-image: url('0/images/design/navibackground.jpg');
            width: 160px;
        }
        .div_header_navi_link4 {
			float: left;        
            background-image: url('0/images/design/navibackground.jpg');
            width: 140px;
        }
        .div_header_navi_link5 {
			float: left;        
            background-image: url('0/images/design/navibackground.jpg');
            width: 70px;        
        }
        .div_header_navi_link6 {
			float: left;        
            background-image: url('0/images/design/navibackground.jpg');
            width: 185px;
        }
		
		.div_header_navi_main_sep1 {
			background-image: url('0/images/design/LoftyR4C2.jpg');
			height: 26px;
			width: 15px;
			float: left;
		}
		
		.div_header_navi_main_sep2 {
			background-image: url('0/images/design/LoftyR4C4.jpg');
			height: 26px;
			width: 15px;
			float: left;
		}
		
		.div_header_navi_main_sep3 {
			background-image: url('0/images/design/LoftyR4C6.jpg');
			height: 26px;
			width: 15px;
			float: left;
		}
		
		.div_header_navi_main_sep4 {
			background-image: url('0/images/design/LoftyR4C8.jpg');
			height: 26px;
			width: 15px;
			float: left;
		}
		
		.div_header_navi_main_sep5 {
			background-image: url('0/images/design/LoftyR4C10.jpg');
			height: 26px;
			width: 10px;
			float: left;
		}
		
.div_body {
	width: 955px;
	margin: 20px auto 0px auto;
	z-index: 1;
}	

	.div_start_window {
		border: 1px solid #A5B3CE;
		margin-top: 20px;
		height: 275px;
		background-image: url('0/images/design/peruecke-background.png');
		background-position: right bottom;
		background-repeat: no-repeat;
		position: relative;
	}
		
		.div_start_window_trendy {
			position: absolute;
			left: 5px;
			top: 5px;
		}
		
		.div_start_window_classic {
			position: absolute;
			left: 197px;
			top: 5px;
		}
		
		.div_start_window_exclusive {
			position: absolute;
			left: 407px;
			top: 5px;
		}
		
		a.div_start_window_header {
			font-size: 16px;
			font-weight: bold;
			color: #666666;
			font-family: Arial Narrow, Arial, Helvetica, sans-serif;
		}
		.div_start_window_header {
            width: 210px;
        }
		a.div_start_window_header:hover {
			text-decoration: none;
		}
		.div_start_window_header_start {
			font-size: 22px;
			text-decoration: none;
		}
		
		.div_start_window_image {
			position: relative;
			width: 161px;
		}
		
			.div_start_window_image img {
				border: 1px solid #D6D5E3;
			}
			
			.div_start_window_image_link {
				position: absolute;
				left: 0px;
				top: 5px;
			}
			
			.div_start_window_image_overlay {
				position: absolute;
				top: 160px;
				left: 0px;
				background-color: #FFFFFF;
				width: 159px;
				border-top: 1px solid #D6D5E3;
				border-bottom: 1px solid #D6D5E3;
				margin-left: 1px;
				
			}
			
				.div_start_window_image_overlay_text {
					padding-left: 5px;
					padding-top: 2px;
					padding-bottom: 2px;
					font-weight: bold;
					color: #666666;
					font-size: 16px;
					font-family: Arial Narrow, Arial, Helvetica, sans-serif;
				}
			
			.div_start_window_price {
				position: absolute;
				top: 190px;
				left: 0px;
				background-color: #869CC1;
				width: 100%;
				border: 1px solid #FFFFFF;
			}
			
				.div_start_window_price_text {
					text-align: right;
					color: #FFFFFF;
					font-weight: bold;
					font-size: 20px;
					font-style: italic;
					padding: 5px;
					font-family: Arial Narrow, Arial, Helvetica, sans-serif;
				}

		.div_start_window_2 {
			padding: 5px;
			padding-left: 10px;
			border: 1px solid rgb(205, 204, 0);
			margin-top: 10px;
			background-color: #FFFFFF;
		}
		
			.div_start_window_2_image {
				float: left;
				width: 210px;
			}
			
			.div_start_window_2_text {
				float: left;
				width: 388px;
			}
			
		.div_start_window_3 {
			padding: 10px;
			border: 1px solid #C83806;
			margin-top: 10px;
			background-color: #FFFFFF;
		}
		
			.div_start_window_3_image1 {
				float: left;
				width: 120px;
			}
			
			.div_start_window_3_image2 {
				float: left; 
				width: 130px
			}
			
			.div_start_window_3_text {
				float: left;
				width: 330px;
			}
			
			.div_start_window_3_text_price {
				color: #C83806;
				font-weight: bold;
				font-size: 16px;
			}
			
			.div_start_window_3_text_order {
				color: #C83806;
				font-weight: bold;
				font-size: 16px;
				text-align: right;
				position: relative;
			}
		
		.div_start_window_4 {
			margin-top: 10px;
		}
		
			.div_start_window_4_1 {
				border: 1px solid #CDCC00;
				float: left;
			}
			
			.div_start_window_4_2 {
				border: 1px solid #CDCC00;
				float: left;
				margin-left: 17px;
			}
			
			.div_start_window_4_3 {
				border: 1px solid #CDCC00;
				float: left;
				margin-left: 16px;
			}
			
	.div_body_left {
		width: 170px;
		float: left;
		text-align: left;
		background-position: bottom;
	}
	
		.div_body_left a {
			color: #333333;
			text-decoration: none;
		}
		.div_body_left a:hover {
			text-decoration: underline;
		}
		
		.div_boxleft_green {
			background-color: rgb(240, 240, 178);
			border-bottom: 5px solid rgb(205, 204, 0);
			width: 154px;
			text-align: left; 
			margin-bottom: 10px;
		}
			 
			.div_boxleft_green_head {
				background-color: rgb(205, 204, 0); 
				background-image: url('0/images/design/boxgreenleft_topright.jpg'); 
				background-repeat: no-repeat; 
				background-position: right top; 
				border-bottom: 1px solid rgb(244, 244, 146); 
				font-weight: bold; 
				color: rgb(51, 51, 51); 
				font-size: 12px; 
				padding-top: 3px;
				padding-left: 5px;
			}
			
			.div_boxleft_green_body {
				padding: 7px;
				background-color: rgb(205, 204, 0);
			}
			
		.div_boxleft_blue {
			background-color: rgb(231, 235, 244);
			border-bottom: 5px solid rgb(134, 156, 193);
			width: 154px;
			text-align: left;
			margin-bottom: 10px; 
		}
			
			.div_boxleft_blue_head {
				background-color: rgb(134, 156, 193); 
				background-image: url('0/images/design/boxblueleft_topright.jpg'); 
				background-repeat: no-repeat; 
				background-position: right top; 
				border-bottom: 1px solid rgb(225, 236, 254);
				font-weight: bold; 
				color: rgb(255, 255, 255); 
				font-size: 12px; 
				padding-top: 3px;
				padding-left: 5px;
			}
			
			.div_boxleft_blue_body {
				padding: 7px;
			}
			
				.div_boxleft_whitebg {
		 			background-color: rgb(255,255,255);
					padding: 0px 0px 0px 5px;
				}	
	
	.div_body_main {
		width: 607px;
		float: left;
		text-align: left;
	}
	
	.div_body_right {
		width: 170px;
		float: right;
		text-align: left;
		background-position: bottom;
	}

		.div_boxright {
			background-color: rgb(205, 204, 0); 
			width: 156px;
			float: right;
			margin-bottom:10px;
			border-bottom: 2px solid rgb(205, 204, 0);
		}
		
			.div_boxright a {
				color:#333333;
				text-decoration:none;
			}
			
			.div_boxright a:hover {
				color:#333333;
				text-decoration:underline;
			}
		
			.div_boxright ul {
				list-style-image: url("0/images/menu-list-style.jpg"); 
				margin: 1px 2px 0px 2px;
				padding: 2px 5px 2px 20px;
				text-align: left;
				background-color: rgb(255, 255, 255);
			}
		
			.div_boxright_head {
				background-color: rgb(205, 204, 0); 
				border: 2px solid rgb(205, 204, 0);
				padding: 3px; 
				font-weight: bold; 
				color: rgb(51, 51, 51); 
				font-size: 12px;
			}
			
			.div_boxright_body {
				padding: 4px;
			}
			
		.div_boxright_blue {
			width: 156px;
			float: right;
			margin-bottom: 10px;
			border-bottom: 2px solid rgb(134, 156, 193);
			margin-top: 15px;
		}	
			
			.div_boxright_head_img {
				position: absolute;
				top: 245px;
			}
			
			.div_boxright_head_txt {
				position: absolute;
				top: 251px;
				padding-left: 40px;
				color: rgb(255, 255, 255);
				font-size: 12px;
			}
			
			.div_boxright_head_blue {
				background-repeat: no-repeat;
				background-position: left top;
				background-color: rgb(134, 156, 193); 
				border: 2px solid rgb(134, 156, 193);
				padding: 3px; 
				padding-left: 50px;
				font-weight: bold; 
				color: rgb(255, 255, 255); 
				font-size: 12px;
			}
			
			.div_boxright_body_blue {
				background-color: rgb(231, 235, 244);
				padding: 4px;
				border-right: 2px solid rgb(134, 156, 193);
				border-left: 2px solid rgb(134, 156, 193);
			}
		
		.div_inforight {
			float: right;
			margin-bottom: 10px;
			text-align: right;
		}
		
		.div_infoleft {
			float: left;
			margin-bottom: 10px;
			text-align: left;
		}
		
		.div_infoleft img {
			border: 1px solid #869CC1;
		}

.div_footer {
	clear: both;
	width: 955px;
	margin: 0px auto 0px auto;
	z-index: 1;
}	

.div_bg_right {
	background-image: url('0/images/design/blumen_re.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 1600px;
	width: 515px;
	z-index: -100;
}

.div_bg_left {
	background-image: url('0/images/design/blumen_li.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 1300px;
	width: 481px;
	z-index: -100;
}

a.lofty_logo {
	display: block;
	height: 22px;
	width: 59px;
	background-image: url('0/images/design/peruecken-lofty-grey.png');
}
a.lofty_logo:hover {
	background-image: url('0/images/design/peruecken-lofty.png');
}

a.trendhair_logo {
	display: block;
	height: 22px;
	width: 86px;
	background-image: url('0/images/design/peruecken-trendhair-grey.png');
}
a.trendhair_logo:hover {
	background-image: url('0/images/design/peruecken-trendhair.png');
}

a.ellenwille_logo {
	display: block;
	height: 45px;
	width: 50px;
	background-image: url('0/images/design/peruecken-ellenwille-grey.png');
}
a.ellenwille_logo:hover {
	background-image: url('0/images/design/peruecken-ellenwille.png');
}

a.degenhardt_logo {
	display: block;
	height: 25px;
	width: 129px;
	background-image: url('0/images/design/peruecken-degenhardt-grey.png');
}
a.degenhardt_logo:hover {
	background-image: url('0/images/design/peruecken-degenhardt.png');
}

/* allgemeiner bereich */
.search_result_category {
	float: left;
	width: 200px;
}

.search_result_color {
	float: left;
	width: 200px;
	margin-right: 5px;
}

.search_result_text {
	float: left;
	width: 200px;
}

.topictext {
	color:#869DC1;
	font-size:20px;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

.errorbox {
	color:red;
	font-weight:bold;
}

.contact_text {
	vertical-align:top;
}

.contact_textbold {
	vertical-align:top;
	font-weight:bold;
}

.mt2 {
	margin-top: 2px;
}
.mt5 {
	margin-top: 5px;
}
.mb5 {
	margin-bottom: 5px;
}

.p2 {
	padding: 2px;
}
.pt5 {
	padding-top: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pr5 {
	padding-right: 5px;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

.productitem_main {
	position: relative; 
	float: left; 
	width: 285px; 
	height: 220px;
	text-align: left; 
	margin-right: 15px; 
	margin-bottom: 15px; 
	border: 1px solid #869DC1;
	background-color: #FFFFFF;
}

.productitem_main_lofty {
	position: relative; 
	float: left; 
	width: 285px; 
	height: 220px;
	text-align: left; 
	margin-right: 15px; 
	margin-bottom: 15px; 
	border: 1px solid #0C65C7;
	background-color: #FFFFFF;
}

.productitem_main_trendhair {
	position: relative; 
	float: left; 
	width: 285px; 
	height: 220px;
	text-align: left; 
	margin-right: 15px; 
	margin-bottom: 15px; 
	border: 1px solid #B4A834;
	background-color: #FFFFFF;
}

.productitem_title {
	position: absolute; 
	top: 0px; 
	left: 0px;
	width: 100%; 
	background-color: #869DC1;
	z-index: 10;
}

.productitem_title_lofty {
	position: absolute; 
	top: 0px; 
	left: 0px;
	width: 100%; 
	background-color: #0C65C7;
	z-index: 10;
}

.productitem_title_trendhair {
	position: absolute; 
	top: 0px; 
	left: 0px;
	width: 100%; 
	background-color: #457D9E;
	z-index: 10;
}

	.productitem_title_h2 {
		color: #FFFFFF; 
		font-size: 15px; 
		font-weight: bold; 
		padding: 3px;
		margin: 0px;
	}
	
.productitem_price {
	position: absolute; 
	top: 115px; 
	left: 0px; 
	width: 100%; 
	height: 42px; 
	background-color: #869DC1; 
	text-align: right; 
	z-index: 3;
}

.productitem_price_lofty {
	position: absolute; 
	top: 115px; 
	left: 0px; 
	width: 100%; 
	height: 42px; 
	background-color: #0C65C7; 
	text-align: right; 
	z-index: 3;
}

.productitem_price_trendhair {
	position: absolute; 
	top: 115px; 
	left: 0px; 
	width: 100%; 
	height: 42px; 
	background-color: #457D9E; 
	text-align: right; 
	z-index: 3;
}

	.productitem_price_currency {
		padding-right: 2px; 
		padding-top: 3px; 
		font-size: 14px; 
		color: #FFFFFF; 
		font-weight:bold;
	}
	
	.productitem_price_amount {
		padding-right: 2px; 
		font-size: 16px; 
		color: #FFFFFF; 
		font-weight: bold;	
	}

.productitem_image {
	position: absolute; 
	top: 25px; 
	left: 0px; 
	width: 110px; 
	height: 132px; 
	overflow: hidden;
	z-index: 5;
	background-color: #FFFFFF;
}

.productitem_logo {
	position: absolute; 
	top: 25px; 
	left: 110px; 
	height: 85px; 
}

	.productitem_logo_image {
		height: 30px;
		padding-left: 5px;
		padding-top: 3px;
		overflow: hidden;
	}
	
	.productitem_logo_text {
		padding: 5px; 
		line-height: 18px;
	}

.productitem_teaser {
	position: absolute; 
	top: 115px; 
	left: 90px; 
	z-index: 10;
}

.productitem_filter {
	position: absolute; 
	top: 160px; 
	left: 5px; 
	padding: 4px;
}

.productitem_moreinfo {
	position: absolute; 
	top: 160px; 
	right: 5px;
}

	.productitem_moreinfo_link {
		border:1px solid #869DC1; 
		display: block; 
		width: 90px; 
		height: 15px; 
		color: #869DC1; 
		text-align: center; 
		vertical-align: middle; 
		font-size: 12px; 
		text-decoration: none; 
		font-weight: bold; 
		padding:3px 7px 3px 7px; 
		margin-top: 5px;
	}

	.productitem_moreinfo_link_lofty {
		border:1px solid #0C65C7; 
		display: block; 
		width: 90px; 
		height: 15px; 
		color: #0C65C7; 
		text-align: center; 
		vertical-align: middle; 
		font-size: 12px; 
		text-decoration: none; 
		font-weight: bold; 
		padding:3px 7px 3px 7px; 
		margin-top: 5px;
	}
	
	.productitem_moreinfo_link_trendhair {
		border:1px solid #B4A834; 
		display: block; 
		width: 90px; 
		height: 15px; 
		color: #B4A834; 
		text-align: center; 
		vertical-align: middle; 
		font-size: 12px; 
		text-decoration: none; 
		font-weight: bold; 
		padding:3px 7px 3px 7px; 
		margin-top: 5px;
	}

.productitem_wishlist {
	position: absolute; 
	top: 190px; 
	left: 5px; 
	padding: 4px;
}