@charset "utf-8";
/* CSS Document */
html , body {
	height: 100,01%;
}
body {
	background:url(background.gif) repeat;
	margin:0 auto;
	padding:0;
}
a:link {color:rgb(64,38,27)}      /* unvisited link */
a:visited {color:rgb(64,38,27)}  /* visited link */
a:hover {color:rgb(64,38,27)}  /* mouse over link */
a:active {color:rgb(64,38,27)}  /* selected link */
#zbody {
	width:100%;
	height:100%;
	margin:0;
	border:none;
	vertical-align:middle;
	text-align:center;
}	
#panel {
	vertical-align:top;
	text-align:inherit;
	position:absolute;
	top:50px;
	left:0px;
	width:100%;
	border:none;
}
#logo {
	position:relative;
	top:0px;
	left:0px;
	border:none;
}
#text1 {
	vertical-align:top;
	text-align:inherit;
	margin-top:40px;
	width:100%;
	position:relative;
	border:none;
}
#text2 {
	vertical-align:top;
	text-align:inherit;
	margin-top:20px;
	width:100%;
	position:relative;
	border:none;
}
#text3 {
	vertical-align:top;
	text-align:left;
	width:50%;
	background-color:rgb(222,211,176);
	top:0px;
	left:0px;
	margin-left:25%;
	margin-top:20px;
	position:relative;
	border:1px solid rgb(202,191,156);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#text1 p, #text2 p {
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color:rgb(222,211,176);
	line-height:1.2em;
	word-spacing:110%;
	letter-spacing:104%;
}
#content{
	padding:10px 40px 10px 40px;
}
#content h2 {
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:rgb(64,38,27);
	line-height:2em;
	word-spacing:110%;
	letter-spacing:104%;
}
#content p {
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:rgb(64,38,27);
	line-height:1.2em;
	word-spacing:110%;
	letter-spacing:104%;
}
#shop {
	vertical-align:top;
	text-align:center;
	margin-top:20px;
	width:100%;
	position:relative;
	border:none;
}
#coolmart, #amazon, #impressum {
	background-color:rgb(222,211,176);
	color:rgb(64,38,27);
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;	
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border: 1px solid rgb(202,191,156);
/*	box-shadow: rgba(64,38,27,0.4) 5px 5px; */
	-moz-box-shadow: 5px 5px 10px black;
	-webkit-box-shadow: 5px 5px 10px black;
    box-shadow: 5px 5px 10px black;
}
#home {
	background-color:rgb(222,211,176);
	color:rgb(64,38,27);
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;	
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border: 1px solid rgb(202,191,156);
/*	box-shadow: rgba(64,38,27,0.4) 5px 5px; */
	-moz-box-shadow: 5px 5px 10px black;
	-webkit-box-shadow: 5px 5px 10px black;
    box-shadow: 5px 5px 10px black;
}
#titel {
	visibility:hidden;
	display:none;
}
#turn_wrapper {
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#turn_hideme {
	width: 85%;
	height: 85%;
	overflow: hidden;
	display: block;
	position: absolute;
	float: left;
	top: 0;
	left: 0;
	z-index: 1;
}
#turn_object{
	position: relative;
}
#turn_wrapper.right #turn_hideme *,
#turn_wrapper.right #turn_object {
	float: right !important;
}
#turn_wrapper.right #turn_hideme {
	float: right !important;
	right: 0 !important;
	left: auto;
}
#turn_wrapper.right #turn_object {
	right: 0 !important;
	left: auto !important;
}
#turn_wrapper.right {
	position: absolute;
	top: 0;
	width: 100%;
	height: 0;
	right: 0 !important;
}
#turn_wrapper.right #turn_object * {
	position: absolute;
	right: 0 !important;
}
#turn_wrapper #turn_object img#turn_fold {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1000;
	right: 0;
	position: absolute;
}
/* the jQuery CSS Framework */
#turn_wrapper .ui-resizable { position: relative;}
#turn_wrapper .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; background-image: url(#none)}
#turn_wrapper .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 0; bottom: 0; }
#turn_wrapper .ui-resizable-sw { cursor: sw-resize; width: 12px; height: 12px; left: 0; bottom: 0; }