
* {

	font-family: Trebuchet MS;
	}
a
{
	color:	#D00000;
}
td, p, ul
{
	font-family: Trebuchet MS;
	font-size:13px;
	border: solid 0px pink;
	color: #666;
	line-height: 19px;
}
#shop_logo
{
    position: absolute;
    right:20px;
    top:-10px;
    height:140px;
    overflow: hidden;
}
#shop_logo>img
{
    height:140px;
    width:auto;
}
html, body {
	height:100%;
	}

body {
	font:100.01%/1.4 sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */

	background: #fff url(https://www.individuelle-keramik.de/kabimba_layouts/andrea/bg.jpg) no-repeat top center;
	}

#distance 
{ 
	width:1px;
	height:50px;
	/*margin-bottom:-300px;half of container's height */
	float:left;
	}

#container 
{
	margin:0 auto 0;
	/*  puts container in front of distance
	position:relative; 
	height:auto;
	clear: left;
	*/
	text-align:left;
	
	width:700px;
	
	border: 0px dotted #ccc;


	/*background: url('https://www.individuelle-keramik.de/kabimba_layouts/andrea/bg.jpg') repeat-y center;*/
	
	}

#pages_list
{

	list-style-type: none;	
	margin:auto;
	width:auto;
	overflow: hidden;
	float: left;
	border: solid 0px pink;
	padding:0px;
	display: block;
	margin-top:130px;
    margin-bottom:20px;
margin-left:20px;
	
}
#pages_list li a
{
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding:3px;
	padding-right: 5px;
	padding-left: 5px;
	color: #D00000;
	margin-right:1px;
	width: auto;
	border-right: solid 0px #D63F3F;
	
}
#pages_list li a:hover
{
	/*
	color: #fff;
	background-color: #D00000;
	*/
}
#pages_list .selected a
{
background-color: #62BA36;
color: #fff;

}
#pages_list li
{
	border-bottom: solid 0px #cccccc;
	margin-bottom:0px;
	height:auto;
	padding:0px;
	overflow: hidden;
	cursor: pointer;
	margin-left:5px;
	float: left;
}
#header 
{
	/*margin: 0 0 0 0px;*/
	border: 0px solid;
	padding: 0;
	width: 700px;
	height: 110px;
	position: relative;
	text-align:center;
	
	/*background: url('https://www.individuelle-keramik.de/kabimba_layouts/andrea/top.jpg') no-repeat top left;*/
}
#shop_logo
{
    position: absolute;
    right:20px;
    top:-10px;
    height:140px;
    overflow: hidden;
}
#shop_logo>img
{
    height:140px;
    width:auto;
}
#footer
{
	/*background: url('https://www.individuelle-keramik.de/kabimba_layouts/andrea/bottom.jpg') no-repeat center top;*/
	padding: 0px;
	margin: 0 auto;
	width: 100%;
	height:35px;
	display:block;
	margin-bottom:0px;
	border: solid 0px pink;
}

#page_content
{
	margin-top:22px;
	margin-bottom: 5px;
	margin-left:4px;
	border: solid 0px #ccc;
	display: block;
	width: 700px;
	height:auto;
	text-align:left;
	background-color: #fff;
}
#page_content ul
{
	margin-left: 20px;
}
#article_content
{
	height:auto;
	margin:20px;
	margin-left:30px;
	border: solid 0px #ccc;
	margin-bottom:1px;
}

.download_item_box
{
	margin: 15px;
	margin-left:0px;
	padding-left: 20px; 
	background: url('https://www.individuelle-keramik.de//kabimba/disk.png') no-repeat top left;
}
.download_item_box a
{
	text-decoration: none;
	font-family: Trebuchet MS;
	font-size:13px;
}
.download_item_box a:hover
{
	text-decoration: underline;
}

/* ##################################### grosses Bild */

#img_first
{
	overflow: hidden;
	float: left; 
	display: block; 
	margin-top:0px;
	margin-right: 15px;
	margin-bottom:10px;
}

/* ###################################### start gallery */

#gallery_box_container
{
	display:block;
	width:700px;
	height:auto;
	border:solid 0px green;
	text-align:left;
	padding:0px;
	margin-left: 0px;
}

#gallery_box
{
	border: dotted 0px #cccccc;
	width:  700px !important;

	margin:auto;
	padding:0px;
	display: block;
	overflow: hidden;
	text-align:left;
}
#gallery_box .gallery_linegroup
{
	border:solid 0px pink;
	width:  700px;
	display:block;
	padding:0px;
	margin:auto;
	margin-left:0px;
}
#gallery_box .lightbox_item_box		/* TN umfassendes Div*/
{
	height: 240px;
	width:	200px;
	border-top: solid 0px #D8D8D8;
	border-left: solid 0px #D8D8D8;
	border-right: solid 0px #D8D8D8;
	border-bottom: solid 0px #D8D8D8;
	display:block;
	float: left;
	margin-right:15px;
	overflow:visible;

}
#gallery_box .lightbox_item
{
	float:none;
	text-align:center;
	height:200px;
	width:200px;
	border: solid 0px yellow;
	display: block;
	display: table-cell;
    vertical-align: middle;
    
}
#gallery_box .lightbox_item img
{
	float:none;
	margin:auto;
	display: block;
    width: 170px;
height: auto;
}	
.img_title
{
	font-size: 11px;
	display:block;
	color: #333;
}
.nav
{
	
	width:  630px;
	text-align:center;
	border: solid 0px yellow;
	display:block;
}
.nav a
{
	color: #666;
	text-decoration: none;
}
.nav a:hover
{
	text-decoration: underline;
	
}
.gallery_linegroup .nav
{
	border: solid 0px pink;
	width: 600px;
	text-align:left;
	font-size:9px;
	height:10px;
	padding: 0px;
}
/* ######################################## end gallery */

.KabimbaThumbnails, .KabimbaThumbnails li
{
list-style-type: none;
}
.KabimbaThumbnails li
{
display: inline-block;
padding: 10px;
}
.KabimbaThumbnailTitle
{
display: block;
}
#article_content
{
    padding-top: 20px;
}


/*----------TinyMCE editor----------*/
body.mceContentBody
{
background: url(); 
color: #333;
text-align: left;
width: 600px;
}
