/* Sansibar Basis CSS mit grundlegenden Formaten, Farben und Seitenaufbau */

/* Grundlegende Definitionen für HTML Elemente */
html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#474747;
	font-size: 11px;
	text-align:center;
}
p {
	margin: 0;
	padding: 0 0 6px 0;
}

ul, ol, li {
	margin: 0;
	padding: 0;
	list-style-position: outside;
}
ol {
	margin: 0 0 6px 25px;
}
ul {
	margin: 0 0 6px 15px;
}
form, input, label, select, textarea {
	margin: 0;
	padding: 0;
}
img, a img {
	border: 0;
}
a:link, a:visited, a:active, a:hover { 
	color: #232323;
}
a:hover {
	background-image: url(/templates/pics_sansibar/linkline.png);
	background-position: bottom left;
	background-repeat: repeat-x;
 }
h1, h2, h3, h4, h5 {
	margin: 0 0 14px 0;
	padding: 0;
	font-size: 18px;
	color: #474747;
}
h2 {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 16px;
}
h3 {
	font-weight: bold;
	font-size: 14px;
}
h4 {
	font-weight: bold;
	font-size: 12px;
}
h5 {
	margin: 0;
	padding: 0;
	font-size: 10px;
}
.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}
.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.times {
	font-family: "Times New Roman", Times, serif;
}
.arial {
	font-family: Arial, Helvetica, sans-serif;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.fixfloat {
	clear: both;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
.flipflop1, .flipflopShop0 {
	background-image: url(../pics_sansibar/flipflop_hell.png);
	background-position: left top;
	background-repeat: repeat;
}
.flipflop0, .flipflopShop1 {
	background-image: url(../pics_sansibar/flipflop_dunkel.png);
	background-position: left top;
	background-repeat: repeat;
}
.tleft { text-align: left; }
.tright { text-align: right; }
.floatl { float: left; }
.floatr { float: right; }
.display-none { display: none; }

/* Rahmendefinitionen */
.boall { border: 1px solid #FFFFFF; }
.bono { border: 0; }
.bobr {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.bob { border-bottom: 1px solid #757575; }
.bor { border-right: 1px solid #464646; }
.bol { border-left: 1px solid #464646; }
.bot { border-top: 1px solid #373737; }
/* Standardbreiten */

.xxs 	{ width: 25px; }
.xs 	{ width: 50px; }
.s  	{ width: 100px; }
.s05  	{ width: 105px; }
.simg 	{ width: 107px; }
.mimg 	{ width: 202px; }
.sm 	{ width: 150px; }
.m 		{ width: 200px; }
.m3 	{ width: 373px; }
.m342 	{ width: 342px; }
.m262 	{ width: 262px; }
.m358 	{ width: 358px; }
.m336	{ width: 336px; }
.m366 	{ width: 366px; }
.l 		{ width: 400px; }
.lc 	{ width: 480px; }
.xl 	{ width: 600px; }
.xl5 	{ width: 500px; margin: 0 10px;}
.xxl 	{ width: 930px; padding: 0 0 0 0px;}

/* Mindesthöhen */
.minh-10 {	min-height: 10px; }

/* Standardabstände */
.p0-15 {padding: 0 15px;}
.p0-15-0-20 {padding: 0 15px 0 20px;}
.p20-0 { padding: 20px 0; }
.p3-5 { padding: 3px 5px; }
.p3-8 { padding: 3px 8px; }
.p5-8 { padding: 5px 8px; }
.p0-5 { padding: 0px 5px; }
.p0-10 { padding: 0 10px; }
.p0-10-10-10 { padding: 0 10px 10px 10px; }
.p5 { padding: 5px;}
.p10 { padding: 10px;}
.p2-0 { padding: 2px 0;}
.p5-0 { padding: 5px 0px; }
.p5-20 { padding: 5px 20px;}
.p5-10 { padding: 5px 10px;}
.pr-10 { padding-right: 10px; }
.pl-10 { padding-left: 10px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-30 { margin-right: 30px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }
.ml-20 { margin-left: 20px; }
.mr-5 {	margin-right: 5px; }
.ml-110 { margin-left: 110px;}
.m-0 { margin: 0; }
.m0-5 { margin: 0 5px; }
.m5-20 { margin: 5px 20px;}


/* Zeilenabstände */
.l32 { line-height: 32px;}
.l24 { line-height: 24px;}
.l13 { line-height: 13px;}
.l11 { line-height: 11px;}

/* Schriftfarben */
.f-white 	{ color: #FFFFFF; }
.f-black 	{ color: #000000; }
.f-grey		{ color: #232323; }
.f-slgrey 	{ color: #8c8a8a; }
.f-blue		{ color: #3399CC; }
.f-paper	{ color: #f4f1e1; }
.f-red		{ color: #9e0c0c; }
.f-red a	{ color: #9e0c0c; }
.f-error    { color: red; }
.body-color { color: #FFFFFF; }
.f-lgrey	{ color: #4a4946; }
.f-crossselling { color: #3E3E3A; }

/* Hintergrundfarben */
.bg-green 	{ background-color: #007D24; }
.bg-lgreen	{ background-color: #B5CDB8; }
.bg-mint 	{ background-color: #DAE6DB; }
.bg-blue 	{ background-color: #3399CC; }
.bg-grey 	{ background-color: #E5E5E5; }
.bg-lgrey 	{ background-color: #F2F2F2; }
.bg-orange 	{ background-color: #FF9933; }
.bg-white 	{ background-color: #FFFFFF; }
.bg-lwhite	{ background-color: #faf8f0; }
.bg-red 	{ background-color: #ab0d0d; }
.bg-rose	{ background-color: #b65651; }
.bg-boxrose	{ background-color: #c96464; }
.bg-olive,
.bg-olive-3-p,
.bg-olive-3-a,
.bg-olive-2-p,
.bg-olive-2-a,
.bg-olive-5-a,
.bg-olive-4-a	{ background-color: #867969; }
.bg-lolive,
.bg-olive-4,
.bg-olive-5,
.bg-olive-4-p	{ background-color: #a8a396; }
.bg-slolive,
.bg-olive-2,
.bg-olive-3	{ background-color: #b7b5a9; }
.bg-paper	{ background-color: #f4f1e1; }
.bg-reference { background-color: #D1CFC2; }

.bc-lgrey 	{ border: 1px solid #d6d4c7;}

/* Schriftgrößen */
.fs-7 { font-size: 7px; }
.fs-9 { font-size: 9px; }
.fs-10 { font-size: 10px; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }

/* Links */
.no-decoration a:link,
.no-decoration a:active,
.no-decoration a:visited,
.no-decoration a:hover {
	text-decoration: none;
}
.no-background a {
	background-image: none;
}
.overflow { overflow:hidden;}

blockquote {
	border-left: 1px dotted lightgrey;
	font-style: italic;
	padding-left: 5px;
}
.behind-font {
	background-image: url(../pics_sansibar/bg_grey_alpha.png);
	background-position: left top;
	background-repeat: repeat;
	padding: 0 10px;
}
.behind-font-white {
	background-image: url(../pics_sansibar/bg_white_alpha.png);
	background-position: left top;
	background-repeat: repeat;
	padding: 0 10px;
}
/* Abstände */
/*******************************************************
++++++Seitenstruktur - Grundgerüst der Webseite+++++
*******************************************************/
#site-head-container  {
	margin: 0 auto;
}
html>body #site-head-container {
	height: auto;
	min-height: 200px;
}
#text-left {
	text-align: left;
}
#home-container {
	height: 123px;
	border: 0;
	width: 1000px;
}
#head-nav-container {
}
#content-container {
	height: 500px;
	overflow: visible;
	background-image: url(../pics_sansibar/bg-grey-flashbook.gif);
	background-repeat: repeat-x;
	background-position: top center;
}
html>body #content-container {
	height: auto;
	min-height: 500px;
}
#head-container {
	color: #F6F6EE;
	background-image: url(/templates/pics_sansibar/bg-basket-body.gif);
	background-repeat: repeat-x;
	background-position: top center;
	height: 44px;
}
#main-container {
}
#left-container {
	text-align: left;
}
html>body #left-container, html>body #main-container, html>body #right-container {
	height: auto;
	min-height: 500px;
}
#content {
	padding: 10px 0;
}
#content-products {
	padding: 10px 0;
}
#content-products-detail {
	padding: 30px 0 10px 0;
}
.content-shadow-top {
	background-image: url(/templates/pics_sansibar/content-shadow-top.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.content-shadow-bottom {
	background-image: url(/templates/pics_sansibar/content-shadow-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.content-logo {
	background-image: url(/templates/pics_sansibar/content-logo.png);
	background-repeat: no-repeat;
	background-position: center 200px;
	min-height: 400px;
}
.content-logo-detail {
	background-position: center 100px;
}
.content-shadow {
	background-image: url(/templates/pics_sansibar/content-shadow.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 30px;
	overflow: hidden;
}
.productlist-shadow-bottom {
	background-image: url(/templates/pics_sansibar/artikel-end.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 17px;
	overflow: hidden;
	margin: 10px 0 0 0;
}
.marginauto {
	margin: auto;
}
.box-head, .box-head-L, .basket-head {
	height: 25px;
	line-height: 25px;
	background-image: url(../pics_sansibar/boxhead-shadow.png);
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #4b2525;
}
.box-head-L {
	background-image: url(../pics_sansibar/boxhead-shadow-L.png);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #4b2525;
}
.basket-head {
	background-image: url(../pics_sansibar/baskethead-shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.box-streams {
	background-image: url(../pics_sansibar/box-streams.png);
	background-position: top center;
	background-repeat: repeat-y;
}
.box-borders {
	border-top: 1px solid #bfbbb1;
	border-bottom: 1px solid #504f4a;	
}
.box-border-top {
	border-top: 1px solid #504f4a;
}
.box-border-bottom {
	border-bottom: 1px solid #bfbbb1;
}
.cs-box-borders {
	border-top: 1px solid #DAD8CE;
	border-bottom: 1px solid #8E8D89;	
}
.cs-box-border-top {
	border-top: 1px solid #8E8D89;
}
.cs-box-border-bottom {
	border-bottom: 1px solid #DAD8CE;
}
.box-shadow {
	background-image: url(/templates/pics_sansibar/box-shadow.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 11px;
	overflow: hidden;
	border-top: 1px solid #373737;
	margin: 0 1px;
	line-height: 0px;
}
.internal-shadow-next {
	background-image: url(/templates/pics_sansibar/internal-nextpart-shadow-do.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 15px;
	
}
.internal-shadow-down {
	background-image: url(/templates/pics_sansibar/internal-shadow-down.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 10px;
	
}
.internal-shadow-up {
	background-image: url(/templates/pics_sansibar/internal-shadow-up.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 10px;
	
} 
.box-logo-1 {
	background-image: url(/templates/pics_sansibar/boxhead-logopart-1.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.box-logo-2 {
	background-image: url(/templates/pics_sansibar/boxhead-logopart-2.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.box-logo-3 {
	background-image: url(/templates/pics_sansibar/boxhead-logopart-3.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.box-logo-4 {
	background-image: url(/templates/pics_sansibar/boxhead-logopart-3.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#disclaimer a {
	color: #f4f1e1;
	font-weight: bold;
}
.pager {
	background-image: url(/templates/pics_sansibar/pager-bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 12px;
	overflow: hidden;
}
.blog-box-border {
	background-image: url(/templates/pics_sansibar/blog_border_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
#boxes a {
	color: #FFFFFF;
}