/* 
-------------------------------------
|Saint Sistas || Beach Couture CSS	|
|cretaed by http://www.fanetwork.net|
-------------------------------------
*/

/* Mainframe
---------------------------------------------------------------------------------*/
/* clearfix zum Aufheben der Floatumgebung */

* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}




#zoom-box{height:412px; width:390px; border:1px solid #ccc; background-color:#FFFFFF; margin-top:10px; overflow:hidden;visibility:hidden; position:absolute; top:-1px; left:0; z-index:50;}
/*xlarge image*/
#zoom-image{position:relative; visibility:hidden; top:200px;left:0; padding-top:0px; padding-left:0px;}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a:link, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #919191;
}

body {
	background-color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	color:#000000;
}

h2 {
	font-size:14px;

}

	#container {
		position: relative;
		background: url(images/body-bg.gif) no-repeat;
		width: 1024px;
		margin: 0 auto;
		min-height: 856px;
	}
	#mainframe {
		margin: 0 25px;
		padding-top: 10px;
	}
		#language-selection {
			font-size: 11px;
			color: #000000;
			position: relative;
			text-align: right;
		}
			#language-selection a:link, #language-selection a:visited {
				color: #FFFFFF;
				text-decoration: none;
			}
			#language-selection a:hover, .active_language {
				font-weight: normal;
				font-size: 11px;
				color: #b20000;
			}
			#language-selection ul {
				list-style: none;
				margin-left: 825px;
			}
			#language-selection li {
				display: block;
				float: left;
				padding: 0 0 0 5px;
			}
		#navibar {
			margin: 10px 0;
			padding: 5px 0 5px 0;			
			border-top: 1px solid #000000;
			border-bottom: 1px solid #000000;
		}
			#navibar ul {
				list-style: none;
			}											
				#navibar li {
					display: block;
					float: left;
					padding: 0 5px 0 15px;
					height: 28px;
				}
					.mainlevel-nav a:link, .mainlevel-nav a:visited {
						color: #000000;
						font-size: 11px;
						text-decoration: none;
					}
					.mainlevel-nav a:hover, .active_menu-nav a {
						color: #919191;
						font-weight: normal;
						text-decoration: none;
						font-size: 11px;
					}
				#navibar img {
					border: none;
					margin-bottom: -5px;
				}
				.img-basket {
					margin-bottom: -5px;
				}
		#content {
			color: #000000;
			margin: 125px 200px;
			font-size: 12px;
			text-align: justify;
		}
			.home-h1 {
				font-size: 24px;
				letter-spacing: 5px;
				text-align: right;
				font-weight: normal;
			}
			.home-h2 {
				font-size: 18px;
				text-align: right;
				font-weight: normal;
			}
			#content h2 {
				font-size: 18px;
				font-weight: normal;
				margin-bottom: 15px;
			}
		#shopcontent {
			color: #000000;
			margin: 50px 15px 50px 15px;
			font-size: 12px;
			width: 944px;
		}
			dl, dt, dd, ul, li {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			#shopmenu {
				float: left;
				width: 225px;
				color: #000000;
			}
				#shopmenu h2 {
					color: #000000;
					font-size: 14px;
					font-weight: bold;
				}
				#shopmenu dt {
					cursor: pointer;
					margin: 2px 0;
					height: 25px;
					line-height: 25px;
					text-align: left;
					font-weight: normal;
				}
				#shopmenu dd {
					margin-left: 25px;
				}
				#shopmenu li {
					text-align: left;
				}
				#shopmenu li a, #shopmenu dt a {
					color: #000000;
					text-decoration: none;
					display: block;
					height: 100%;
				}
				#shopmenu li a:hover, #shopmenu dt a:hover {
					color: #919191;
				}
			#shopcatalogue {
				float: left;
				width: 694px;
				margin-left: 25px;
				margin-top: 30px;
			}
				#shopcatalogue ul {
					clear: both;
					list-style: none;
				}
				#shopcatalogue li {
					display: inline-table;
					float: left;
					margin-bottom: 40px;
					margin-right: 25px;
					font-size: 11px;
					width: 185px;
				}		
					#shopcatalogue li a:link, #shopcatalogue li a:visited {
						color: #000000;
						text-decoration: none;
					}
			#detailpage {
				float: left;
				width: 694px;
				margin-left: 25px;
				margin-top: 20px;
				
			}	
				#small-pics {
					float: left;
					width: 80px;
				}
					#up-arrow {
						position: relative;
						padding-left: 20px;
						padding-bottom: 5px;
						width: 80px;
					}
					#gallery-box {
						position: relative; 
						overflow: hidden; 
						text-align: center; 
						width: 80px; 
						height:450px; 
						left: 0; 
					}
						#gallery {
							position: absolute;
							left: 0;
						}
							#gallery img{
						position:absolute;
						margin-bottom:6px;
						cursor:pointer;
						border:0;
					}
						
					#down-arrow {
						position: relative;
						padding-left: 20px;
						padding-top: 5px;
						width: 80px;
					}
				#large-image {
					float: left;
					position: relative;
					width: 260px;
					margin-top: 27px;
				}
				#zoom-box {
					position: absolute;
					left: 650px;
					top: 237px;
					float: left;
					width: 260px;
					height: 390px;
					z-index: 5;
				}
				
				#detailtext {
					position: relative;
					margin-left: 25px;
					margin-top: 27px;
					float: left;
					width: 230px;
					height: 360px;
					text-align: justify;
					z-index: 1;
				}
					#detailtext h2 {
						font-size: 18px;
						font-weight: bold;
						margin-bottom: 25px;
					}
					#detailtext table {
						margin: 20px 0;
					}
						#detailtext a:link, #detailtext a:visited {
							color: #000000;
							text-decoration: none;
						}
					#basket-content tr {
						border-collapse: collapse;
						border-spacing: 0px;
					}
					#basket-content td {
						padding: 10px 0;			
					}
						#basket-content a:link, #basket-content a:visited {
							color: #000000;
						}
					.border {
						border-bottom: 1px dotted #999999;
					}
					#tr-border td {
						border-top: 1px dotted #999999;
					}
					#choose-login td {
						padding: 10px 0;
						border-bottom: 1px dotted #999999;
					}
						#choose-login td table tr td{
							border: none;
							padding: 4px 0;
						}
/* Formfields */
	.form_error {
		background-color: #000000;
		border: 1px solid #CC0000;
		color: #FFFFFF;
	}
	.form_ok {
		background-color: #000000;
		border: 1px solid #00FF00;
		color: #FFFFFF;
	}
	.form_none {
		background-color: #000000;
		border: 1px solid #FFFFFF;
		color: #FFFFFF;
	}
	.msgError, .inputRequirement {
		color: #CC0000;
	}
	.title {
		font-weight: bold;
	}
	option {
		background-color: #000000;
	}
	.button {
		background: url(images/btn-bg.gif) repeat-x;
		border: 1px solid #a3a3a3;
		color: #FFFFFF;
		padding: 2px 0;
	}
 		#footerbar {
			margin-top: 25px;
			background-color: #FFFFFF;
			border-top: 1px solid #000000;
			padding-top: 15px;
			font-size: 10px;
			color: #000000;
		}
			#footerbar ul {
				list-style: none;
				width: 774px;
				padding: 0 25px;
				padding-left: 200px;
			}
			#footerbar li {
				display: inline-table;
				float: left;
				padding-bottom: 15px;
			}
				#footerbar a:link, #footerbar a:visited {
					color: #000000;
					text-decoration: none;
				}
				#footerbar a:hover {
					font-weight: normal;
					color: #919191;
				}
				
				
							#content a:link, #content a:visited {
			color: #919191;
			text-decoration: none;

		}
		#content a:hover {
			color: #919191;
			}

/* IFrame Kreditkartenzahlung */
#iframe {
	width: 527px;
	height: 427px;
	border: none;
	overflow: hidden;
}