/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
 
body.print 
	{ 
	background-color:#fff; 
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Search Form
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
.searchresult {
margin-bottom:20px;
}
.searchresult span.title {
display:block;
font-weight:bold;
color:#2200D5;
}
.searchresult span.title a {
color:#2200D5;
}
.searchresult span.title a:visited {
color:#91198B;
}
.searchresult span.description {
display:block;
}
.searchresult span.linkpath {
display:block;
font-size:smaller;
line-height:1.3em;
} 
.searchresult span.linkpath a {
color:#008000;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSLinkContainer
	{
	background-color: #eee;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSFile / ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSFile, div.ZMSLinkElement 
	{ 
	background-color: #F8F8F8;
	margin: 4px;
	}

div.ZMSFile.none, div.ZMSLinkElement.none 
	{
	background-color: transparent;
	border: 2px dashed #eee;
	}

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft 
	{ 
	float:left;
	width:50%
	}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright 
	{ 
	float:right;
	width:50%
	}

div.ZMSFile div.title, div.ZMSLinkElement div.title 
	{
	font-size:x-small;
	white-space:nowrap;
	}

div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited 
	{
	font-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSFile div.text, div.ZMSLinkElement div.text 
	{
	font-size:xx-small;
	}

div.ZMSFile div.description, div.ZMSLinkElement div.description 
	{
	font-size:x-small;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

a.fancybox img {
	padding:1px 1px 21px 1px;
	background:#fff url(/misc_/zms/zoom.gif) bottom right no-repeat;
}

div.ZMSGraphic {
	background-color: #F8F8F8;
	margin: 4px;
}

div.ZMSGraphic.left {
	text-align:left;
}

div.ZMSGraphic.right {
	text-align:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.ZMSGraphic.floatleft {
	float:left;
	margin-right:10px;
}

div.ZMSGraphic.floatright {
	float:right;
	margin-left:10px;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.graphic.alignleft {
	float:left;
	text-align:right;
}

div.graphic.alignright {
	float:right;
	text-align:right;
}

div.ZMSGraphic div.text {
	padding: 4px;
}

/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic {
	width:100% !important; 
}
div.ZMSGraphic.right div.graphic img {
	display:inline !important;
}

a.zoom img.zoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
}

a.download img.download {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/download.gif);
}

a.superzoom img.superzoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/superzoom.gif);
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTables
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

table.ZMSTable th {
	background-color:#DDEFFC; 
}

table.ZMSTable td {
	background-color:#EEEEEE; 
}

body.print table.ZMSTable th, 
body.print table.ZMSTable td {
	background-color:transparent; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div#teaser
	{
	width:150px;
	font-size:x-small;
	}

div.ZMSTeaserContainer
	{
	padding:1px;
	margin-bottom:10px;
	}

div.ZMSTeaserElement
	{
	}

div.ZMSTeaserElement img.title
	{
	border: none;
	}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title
	{
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding: 2px;
	display: block;
	}

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited,
div.ZMSTeaserElement div.text
	{
	}

div.note {
	border-left: 1px solid #FCCD64;
	border-bottom: 1px solid #FCCD64;
	margin: 8px;
	padding: 4px;
	background: #FCFECC url(http://www.keramikfuehrer.de/common/content/metaobj_manager/ZMSNote.zmsnote_bg.gif) top right no-repeat;
}table.filelist td,
table.filelist td div {
padding:3px;
margin:0px;
vertical-align:top;
font-size:11px;
}

table.filelist td img {
margin-right:3px;
margin-bottom:-2px;
}
table.filelist td a {
text-decoration:none;
font-weight:bold;
}
table.filelist td a:hover span.filename {
text-decoration:underline;
}

table.filelist td div.small {
font-size:10px;
line-height:15px;
margin-bottom:.5em;
}

table.fileupload td div {
margin:0px;
}
table.filelist th,
table.fileupload th {
color:#666;
}

table.fileupload td {
padding-right:0px;
margin-right:0px;
}
table.fileupload td textarea {
height:3em;
width:96%
}

table.filelist {
border-collapse:collapse !important;
border:1px solid #fff;
}
table.filelist td {
border-spacing:0px solid white;
border:1px solid #fff;
}
div.uploadmsg {
color:red;
background-color:#FFFFD0;
border:1px solid #999;
margin:6px 0px;
padding:4px;
width:98%;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSObject.new, div.ZMSObject.modified {
  border: 2px dashed blue;
  background-color: #F0F0FF;
} 
div.ZMSObject.deleted {
  border: 2px dashed red;
  background-color: #FFF0F0;
  color: red;
  text-decoration: line-through;
} 

span.unicode { 
  font-family:"Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

span.highlight { 
  background-color: yellow;
  color: black;
  font-weight: bold;
}



/**************************************/
/* (c) 2005 SNTL publishing           */
/* Author: Dr. F. Hoffmann            */
/* last change: 2006/02/23            */
/**************************************/

/**************************************/
/* 1. CSS-Modul: COLORS               */
/**************************************/
.neutralColorTrans {background-color: transparent}

.neutralColorWhite {background-color: #fff}

.neutralColorLight {background-color: #e8e8e8}

.neutralColorMedium {background-color: #ccc}

.neutralColorStrong {background-color: #999}

.neutralColorBlack  {background-color: #000}

.teaserColor {background-color: #B8CB00;}

.secondColorStrong {background-color: #aaa;}

.secondColorMedium {background-color: #ddd;}

.secondColorLight {background-color: #eee;}

.primColorStrong {background-color: #C6BEA6;}

.primColorMedium {background-color: #DBD5C6;}

.primColorLight {background-color: #F2EEE3;}


/**************************************/
/* 2. CSS-Modul: LAYOUT (PAGEREGIONS) */
/**************************************/
/* wrapping model based on:           */
/* http://www.alistapart.com          */
/* /articles/negativemargins/         */
/**************************************/
body#web {
	margin: 0;
	padding: 0;
	border: 0;
	/* background: #fff url(http://www.keramikfuehrer.de/common/css/common/bg_body1.gif) top left repeat-y; */
	background:transparent;
	font: .75em "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
	color: #181821;
	position:relative;
	text-align:center;
	}

/*-- wrapper for whole page region --*/
#pageregion {
	background-color: #fff;
	margin: auto;
	padding: 0;
	border: 0;
	width:780px;
	}

/*-- wrapper for whole page region --*/
#pageregion {
	background-color: #fff;
	margin: auto;
	padding: 0;
	border: 0;
	width:960px;
	text-align:left;
	min-height:495px !important;
	text-align:left;
	}
	
/* for Internet Explorer */
/*\*/
* html #pageregion {
	height:568px;
	}
	


/*-- wrapper for providing a full scale left background --*/
#layoutWrapper1_BGleft { 
	background-color: #fff;
	}

/*-- wrapper for providing a full scale right background --*/
#layoutWrapper2_BGright {	
	background:transparent;
	}

/*-- wrapper for positioning the right column --*/
#layoutWrapper3_ContentAll  {
	width: 100%;
	float: left;
	margin-right: -200px;
	background:transparent;
	}

/*-- wrapper for left column and content column--*/
#layoutWrapper4_ContentLeft {
	background:transparent;
	margin-right: 205px;
	}

#Content {
	margin-left: 200px;
	padding:0px 20px 0px 0px;
	border:0;
	overflow:visible;
	}

#Sitemap {
	margin-top:60px;
	margin-bottom:50px;
	margin-left: 200px;
	padding:0px 20px 0px 0px;
	border:0;
	}

#pageregionTop {
	margin:0;
	padding:0;
	}

#pageregionLeft {
	padding-top:0px;
	margin:0px;
	float: left;
	width: 200px;
	}

/* BG-color compensates BG-bug of IE */
#pageregionRight {
	float: right;
	margin: 0;
	padding: 10px;
	padding-right:0px;
	padding-top:0px;
	}

#Logo {
	border:0;
	margin:0;
	padding:0;
	background-color:#dbd5c6;
	width:100%;
	}

#pageregionBottom {
	vertical-align:top;
	padding-top:5px;
	font-size:11px;
	}

/*-- FLOATING ---------------*/
.clearing {
	clear: both;
	height: 0;
	border:0;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:0;
	}

.floatRight {
	float:right;
	}

.floatLeft {
	float:left;
	}
img.imgNoborder {
	border:0px;
	}

/**************************************/
/* 3. CSS-Modul: NAVIGATION           */
/**************************************/

/*-- Channel Menu ---------------------------*/

div#Menu {
	float: left;
	margin:0px;
	padding:0px;
	padding-left:10px !important;
	padding-left:2px;
	background:transparent;
	white-space:nowrap;
	}

	div#Menu ul {
	margin:0px;
	padding:0px;
	font-size:small;
	}

/*----- font size hack -----*/
/*/*/a{}
body #Menu ul {
font-size : x-small;
	}

html>head:first-child+body #Menu ul {
font-size : small;
	}
/* */
/*----- /font size hack -----*/

div#Menu ul li {
	line-height: 130%;
	display: inline;
	padding:0px;
	margin:0px;

	
	}

div#Menu ul li a {
	float: left;
	font-size:14px;
	font-weight:bold;
	background: transparent;
	color: #827E75;
	text-decoration: none;
	letter-spacing:1px;
	padding: 0.30em 0.6em;
	border-top:solid 2px;
	border-color:#DBD5C6;;
	padding-top:13px;
	margin-top:-2px;
        position: relative;
	}

div#Menu ul li a.current {
	color:#AEABA1;
	border-top:solid 2px red;
	}

div#Menu ul li a.home {
	background-color: #fff;
	}

div#Menu ul li a:hover {
	color: #AEABA1;
	border-top:solid 2px red;
	}

/*-- MenuDropdown ---------------------------*/

.child, .subchild 
	{ 
	position: absolute;
	visibility: hidden;
/*-------box model hack-------*/
	margin-left: -1.1em !important;
	margin-left: 0px;
	margin-left/**/:/**/-1.1em;
/*-------box model hack-------*/	
	margin-top: 0.50em !important;
	margin-top: 0.0em;
	margin-top/**/:/**/0.55em;
	}

.menuDropdown 
	{
/*-----   filter: progid:DXImageTransform.Microsoft.Alpha( Opacity=80, FinishOpacity=0, Style=0, StartX=0,  FinishX=100, StartY=0, FinishY=100);*/
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background-color: #eee; 
	width: 11.5em;
	}

.navDropdown
	{
	display: block;
	text-align: left;
	border-bottom: 1px solid #666;
	line-height: 1.3em;
	white-space:nowrap;
	padding: 0.25em 0.25em 0.25em 1.0em;
	}

.navDropdown a:link,
.navDropdown a:visited,
.navDropdown a:hover {
	text-decoration: none;
	}

/* -- MICRONAVIGATION -----------------*/

#Micronavigation {
	padding:5px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AEABA1;
	margin-top:-10px !important;
	margin-top:-8px;
	}

#Micronavigation a:link,
#Micronavigation a:visited {
	color: #827E75;
	text-decoration:none;
	}

#Micronavigation a:hover {
	color: #AEABA1;
	text-decoration:none;
	}

/* -- MACRONAVIGATION -----------------*/

#Macronavigation {
	margin: 0;
	border: 0;
	padding: 0;
	width:181px;
	}	

#Macronavigation ul {
	padding: 0;
	margin: 0px 0px 0px 1px;
	list-style-type: none;
	}

#Macronavigation ul li.parent {
	margin: 0;
	border: 0;
	padding: 1px 3px 3px 6px;
	list-style-type: none;
	background-image: none;
	font-size:15px;
	color:#5D6C7F;
	}

#Macronavigation ul li {
	margin: 0;
	border: 0;
	padding: 1px 3px 9px 25px;
	background-repeat: no-repeat;
	background-position: 12px 10px;
	background-image: url(http://www.keramikfuehrer.de/common/css/common/icon_inactive_new.gif);
	list-style-type: none;
	font-size:14px;
	}

#Macronavigation ul li.active {
	background-image: url(http://www.keramikfuehrer.de/common/css/common/icon_active_new.gif);
	list-style-type: none;
	color:#5D6C7F;
	}

#Macronavigation ul li a:link, 
#Macronavigation ul li a:visited {
	color:#827E75;
	text-decoration:none;
	}

#Macronavigation ul li a:hover {
	color: #AEABA1;
	text-decoration:none;
	}

#Macronavigation ul li.active a:link,
#Macronavigation ul li.active a:visited {
	color:#AEABA1;
	text-decoration:none;
	font-weight:bold;
	}

#Macronavigation dl,
#Macronavigation dt, 
#Macronavigation dd 
	{
	margin: 0;
	padding: 0;
	border:0;
	}

/* -- SITEMAP ------------------------*/

td.sitemapTitle0 {
	background-color: #ddd;
	border-right: solid 1px #444;
}
td.sitemapTitle1 {
	background-color: #ddd;
	border-right: solid 1px #000;
}
a.sitemapTitle0:link, a.sitemapTitle0:visited ,
a.sitemapTitle0:hover, a.sitemapTitle0:active {
	font-weight: bold;
	color: #444;
	text-decoration: none;
}

a.sitemapTitle1:link, a.sitemapTitle1:visited,
a.sitemapTitle1:hover, a.sitemapTitle1:active {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.sitemapElement0:link, a.sitemapElement0:visited,
a.sitemapElement0:hover, a.sitemapElement0:active {
	color: #444;
	text-decoration: none;
	font-size:12px !important;font-size:small;
}

a.sitemapElement1:link, a.sitemapElement1:visited,
a.sitemapElement1:hover, a.sitemapElement1:active {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-size:12px !important;font-size:small;
}


/* -- Customized SITEMAP ------------------------*/

#Sitemap {
	margin-left: 220px;
	margin-right:0px;
	margin-top:10px;
	padding:0px 0px 0px 0px;
	border:0;
	}

#Sitemap ul  {
	margin: 8px 0 0 0;
	padding:0 ;
	list-style-type: none;
	}

#Sitemap  li {
	margin:0 0 0 2px;
	padding:0 0 5px 12px;
	line-height:1.5em;
	list-style:none;
	background:url(http://www.keramikfuehrer.de/common/css/common/listDot_brown.gif) no-repeat 0 .6em;
	}

a.sitemapCurrent:link, a.sitemapCurrent:visited{
	font-weight:bold;
	}

#Sitemap h1 {
	margin-top:-6px;
	}


/* -- SEARCH ------------------------*/

.searchLabel, .searchLabel, .searchElement, .searchText {
	font-size: 10px !important; font-size: xx-small;
	}

#Search {
	margin: 0px 0px 30px 0px;
	border: 0;
	padding: 0;
	}

#Search form {
	margin: 0;
	padding: 10px;
	}

#Search input#raw, #kfDataTableSearch input#rawDatatable, #kfDataTableDetail #kfDataTableDetailPassword{
	font-family:Courier;
	font-size:12px;
	padding:0;
	padding-top:2px;
	padding-left:12px;
	margin:0;
	margin-left:0px;
	margin-right:12px;
	height:18px;
	width:90px;
	vertical-align:middle;
	border:solid 1px #DBD5C6;
	background-color:#FBFBF7;
	color:#C6BEA6;
	}

#Search input#btnSearch {
	vertical-align:middle;
	}


table.kfDataTable {
	vertical-align:bottom;
	}

table.kfDataTable input#DataTableSubmit, table.kfDataTable input#kfDataTableDetailProcess{
	font-family:Courier;
	font-size:12px;
	padding:0;
	padding-top:2px;
	padding-left:2px;
	padding-bottom:12px;
	margin:0;
	margin-left:0px;
	margin-right:12px;
	height:22px;
	width:90px;
	vertical-align:middle;
	text-align:left;
	border:solid 1px #DBD5C6;
	background-color:#FBFBF7;
	color:#C6BEA6;
	}
	
form#kfDataTableSearch, form#kfDataTableDetail {
	margin:0;
	padding:0;
	}

#Search table {
	margin:10px 10px 0px 10px;
	color:#666;
	text-align:left;
	}

/* -- METANAVIGATION ------------------------*/

#Metanavigation {
	margin: 0px;
	text-align:center;
	margin:10px 0px;
}

#Metanavigation a {
	color: #666;
	text-decoration:none;
}


#Copyright p {
	margin-top:30px;
	color:#666;
} 
#Copyright p a {
	text-decoration:none;
	color:#666;
} 

#Login {
	padding: 0;
	margin-top: 20px;
	border: 0;
	/* border-top: 5px solid #ccc; */
	width:165px;
	/* background-color:#EDEDED; */
}

/**************************************/
/* 4. CSS-Modul: TEXT                 */
/**************************************/

#Headline h1 {
	margin-top: 0;
}

h1, h2,  h3, h4, H5, .heading1, .heading2, .heading3, .heading4, .heading5 {
	font: .75em/1.5em "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
	color: #181821;
	}

.form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
	font: .75em/1.5em "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
	color: #181821;
	font-size: 12px;
	}
h1.title {
	font-size: 18px;
	line-height: 24px;
	margin-top:0px; 
	}
h1,.heading1 {
	font-size: 18px;
	line-height: 20px;
	margin-top:16px; 
	}
h2,.heading2 {
	font-size: 15px;
	line-height: 18px
	}

h3,.heading3 {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 0px
	}
h4,.heading4 {
	font-size: 12px;
	line-height: 14px 
	}
h5,.heading5 {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px 
	}
p {
	}

ol {
	}

ul {
	list-style-type: square;
	}

p.caption {
	font-style: italic;
	padding-top:0px;
	margin-top:0px;
	color:#000;
	}

p.emphasis {
	background-color:#dbd5c6;
	margin-left: 20px;
	margin-right: 30px;
	}

p.description {
	line-height: 16px;
	font-weight:bold;
	color:#999;
	}

p.creator  {
	}

p.small {
	font-size: 10px;
	}

p.smalltext {
	font-size: 10px !important; font-size: xx-small;
	}

a:link, a:visited {
	color: #BB6600;
	text-decoration : underline;
	}

a:hover, a:active {
	text-decoration : underline;
	color: #ee1847;
	}

.designAreaFooterContent a:link, .designAreaFooterContent a:visited {
	color: #BB6600;
	}

code {
	}

/**************************************/
/* 5. CSS-Modul: TABLES               */
/**************************************/

div.ZMSTable {
	}

div.ZMSTable table tr th {
	}

div.ZMSTable tr.even td {
	}

div.ZMSTable tr.odd td {
	}

table tr td  {
	font-size: 10px !important; font-size: xx-small;
	}

/* --- ZMS-Datatable ------------------------*/
table tr td.form-small {
	font-size: 12px !important; font-size: xx-small;
	}

table.ZMSTable {
	width:95%
	}

table.ZMSTable tr th {
	vertical-align:top;
	vertical-align:top;
	padding:0px 2px 0px 5px;
	background-color:#F2EEE3;
	}

table.ZMSTable tr th p{
	margin:0px;
	}

table.ZMSTable tr.even td {
	vertical-align:top;
	padding:0px 2px 0px 2px;
	}

table.ZMSTable tr.odd td {
	vertical-align:top;
	vertical-align:top;
	padding:0px 2px 0px 2px;
	}

table.ZMSTable tr td p{
	vertical-align:top;
	vertical-align:top;
	margin:5px 2px 0px 3px;
	}

table tr.rw1 {
	background-color:#FBFBF7;
	}

table tr.rw1 th h3 {
	color:#666666;
	margin:5px;
	}


/**************************************/
/* 6. CSS-Modul: ZMS-DEFAULTS         */
/**************************************/

div.ZMSGraphic {
	background-color:transparent; 
	width:98%;
	margin:0;
	padding:0;
	}

div.ZMSGraphic div.graphic a img {
	border:0;
	}

a.zoom img.zoom
	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
	}

.ZMSGraphic .text {
	margin:0px;
	}

.ZMSGraphic .text p{
	margin:0px;
	margin-top:-4px;
	}

div.ZMSGraphic div.alignleft, ZMSGraphic floatleft {
 	margin-right: 1em;
	float:left;
	}


div.ZMSGraphic div.alignright, ZMSGraphic floatalignright {
 	margin-right: 11em;
	float:right;
	}

/*--------- ZMS TEASER --------------*/

div#teaser
	{
	width:180px;
	font-size: 12px !important; font-size: 12px;
	}

div.ZMSTeaserContainer {
	padding:1px;
	margin-bottom:10px;
	}

div.ZMSTeaserElement {
	width:178px;
	padding:0px;
	}

div.ZMSTeaserElement img.title {
	border: none;
	}

div.ZMSTeaserElement div.title {
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding: 4px 4px 2px 4px;
	display: block;
	}

div.ZMSTeaserElement div.text
	{
	padding: 0px 6px 6px 6px;
	line-height:1.3em
	}

/*--------- Kalenderteaser Ziffern-Spacing --------------*/
td.navMicro div {
	padding: 1px;
	}
#teaser tr td:first-child {
  padding-right: 3px;
  }
  
/*--------- ZMS LINK --------------*/

div#pageelement_Links 
	{
	width:180px;
	}

div.ZMSLinkElement
	{
	background-color: transparent;
	padding: 2px;
	}

div.ZMSLinkElement div.title
	{
	font-weight:bold;
	color:black;
	font-size: 12px !important; font-size: small;
	margin: 10px 0px 0px 0px
	}

div.ZMSLinkElement div.text
	{
	}

div.ZMSLinkElement div.text ul
	{
	margin-top: 5px;
	margin-left: -10px !important; margin-left: 20px ;
	}

.form {
	color: #000;
	border: 1px solid #666;
	padding: 1px;
	margin: 0;
	font-size: 10px !important; font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	}
	
html>.form {
	font-size: x-small;
	} 

.form-small a img {
	border:none;
	}

.form-button {
	color: #000;
	background-color: #fff;
	border: 1px solid #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
	margin: 0;
	font-size: 10px !important; font-size: xx-small;
	}

/*------- ContactForm------------------------------*/
.form-button {
	color: #000;
	background-color: #fff;
	border: 1px solid #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
	margin: 0;
	font-size: 10px !important; font-size: xx-small;
	}

div.keramikfuehrerForm {
	margin-top:0px;
	padding-top:0px;
	}

form.contactKeramikfuehrer{
	margin-left:14px;
	}

form.contactKeramikfuehrer fieldset{
	background-color:#FCFCFA;
	border-width:2px 2px 2px 10px;
	border-style:solid;
	border-color:#F5F2E8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:20px 0px 20px 0px;
	width:420px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	}

form.contactKeramikfuehrer fieldset p{
	margin:0px;
	margin-top:8px;
	}

form.contactKeramikfuehrer fieldset legend{
	background-color:#FCFCFA;
	border-width:1px 1px 1px 10px;
	border-color:#BB6600;
	border-style:solid;
	color:#BF7823;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	text-align:center;
	width:116px;
	padding:3px 5px;
	margin:0px 0px 10px -40px;
	position:relative;
	top: -14px;
	}

form.contactKeramikfuehrer fieldset legend img{
	padding:0px 5px 0px 5px;
	}

form.contactKeramikfuehrer label{
	color:#BF7823;
	font-size:90%;
	font-weight:bold;
	display:block;
	float:left;
	width:80px;
	text-align:left;
	margin:4px 5px 0px 0px;
	}

form.contactKeramikfuehrer input, form.contactKeramikfuehrer textarea{
	background-color:#FCFCFA;
	width:300px;
	margin:2px 0px 0px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#BF7823;
	color:#6A6A6A;
	font-family:"Courier New", Courier, mono;
	padding:1px 2px;
	}

form.contactKeramikfuehrer select.selectGender, form.contactKeramikfuehrer select.selectTitle{
	border: #F5F2E8 1px solid;
	padding: 1px; font-size: 11px;
	color:#BF7823;
	background-color: #FCFCFA;
	width:140px;
	}

form.contactKeramikfuehrer input#sendInfo{
	width:20px;
	}

form.contactKeramikfuehrer span.sendInfoText{
	color:#BF7823;
	}

form.contactKeramikfuehrer input.button{
	background-color:#FCFCFA;
	background-image:none;
	border-width:1px;
	border-style:solid;
	border-color:#BF7823;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:454px;
	padding:2px;
	margin:0px 0px 0px 0px;
	}

/**************************************/
/* 7. CSS-Modul: SPECIAL OBJECTS      */
/**************************************/

/*------- InfoBox ------------------------------*/

div.infobox  {
	margin-top: 10px;
	border-top:5px solid #ccc;
	background-color:#f6f6f6;
	padding:0px;
	width:auto;
	margin-bottom:20px;
}
p.infoboxtitle  {
	padding:3px;
	margin:0px;
	font-weight:bold;
}
div.infoboxContentEven,
div.infoboxContentOdd {
	padding:5px 0px 5px 10px;
}
div.infoboxContentEven p,
div.infoboxContentOdd p  {
	margin: 3px;
}
div.infobox div.infoboxContentOdd  {
	background-color:#eaeaea;
}
div.infobox  div.ZMSFile div.title img {
	margin-bottom:-5px;
}
div.infobox  div.ZMSFile div.title,
div.infobox  div.ZMSFile div.text,
div.infobox  div.ZMSFile div.title a {
	font-size:11px;
}
div.infobox  div.ZMSFile div.text {
	margin-left:20px;
}
div.infobox ul {
	margin:0px 0px 0px 28px;
	padding:0;
}
div.infobox ul li {
}
li.LinkElementExternal {
	list-style-image:url(common/external_link.gif);
}
li.LinkElementInternal, 
li.LinkElementInternalPortal {
	list-style-image:url(common/external_link.gif);
}
li.LinkElementInternalClient {
	list-style-image:url(common/external_link.gif);
}
li.LinkElementMailto {
	list-style-image:url(common/mail_link.gif);
}


/**************************************/
/* 8. CSS-Modul: TOC LISTS            */
/**************************************/

#pageregionLeft #Newsindex {
    padding: 0px 20px 0px 10px;
    margin:0;
}
#pageregionLeft #Newsindex h2 {
    padding:0;
    margin:0;
}
#pageregionLeft #Newsindex p {
    padding: 0px;
    margin: 0px 0px 10px 0px;
}


/**************************************/
/* 9. CSS-Modul: PRINT                */
/**************************************/

h1, h2, h3, h4, h5, h6 {
} 
h1.title {
}
p, li, blockquote {
}
ol, ul {
}
p.description {
}
p.caption {
}
p.creator  {
}
p.smalltext {
}
code {
}

/**************************************/
/* 10. ZMI Management Interface       */
/**************************************/

.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#f8f6ee;}
.zmiTableRowOdd {background-color:#dbd5c6;}
tr.neutralColorMedium{background-color:#dbd5c6;}
table.neutralColorStrong{background-color:#dbd5c6;margin-top:5px}
.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:15px;
	line-height:19px;

} 
body.zmi p, body.zmi li, body.zmi blockquote  {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:15px;
}




/* BO Datentabbelle-Detailview-Darstellung */

    
div.addressWrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  border: 1px solid #666666;   
}
      
div.addressWrapper div.logo {
  float: left;
  margin: 0;
  padding: 0;
  width: 170px;
  
}
   
div.addressWrapper div.logo img {
  /* padding: 5px bei border ohne border 0*/
	padding: 5px;
	width: 160px;
}
      
div.addressWrapper div.addressData {
  float: left;
  margin: 0 0 0 5px !important; /* Firefox */
  margin: 0 0 0 2px; /*IE */
  padding: 5px;
  /* width: 260px; */
  /* border: 1px dotted black; */
}

div.addressWrapper div.addressData p{
  margin: 0;
}
/*     
div.addressWrapper div.clear {
  clear: both;
}
*/
div.clear {
  clear: both;
}

div.description {
	float: left;
  margin: 0;
  padding: 5px;
  width: 100%;   
  border: 1px solid #666666;
}
      
div.images {
  float: left;
  margin: 0;
  padding: 10px;
  width: 100%;
  text-align: center;
  border: 1px solid #666666;
}

div.images img{
  width: 300px;
}  

.companyName {
  font-size: 16px;
  font-weight: bold;
  font-family: "Lucida Grande","Lucida Sans Unicode",helvetica, verdana, arial, sans-serif;
	color: #999999
}

.imgborder {
   border: 1px solid #666666;
}

.neutralColorMedium0  {
	background-color: #eee;
	}

.neutralColorStrong0 {
	background-color: #C6BEA6;
	}

.rw1 {
	background-color: #999999;
	}

tr.editviewTableRowEven  {
	background-color: #F2EEE3;
	}

tr.editviewTableRowOdd  {
	background-color: #DBD5C6;
	}

td.form-small {
	font-size:13px;
	line-height: 15px;
	padding:4px;
	border-bottom:1px solid #666
	}

td.form-normal {
	font-size:13px;
	line-height: 15px;
	padding:4px;
	font-weight:bold;
	}

td.form-small a:link, td.form-small a:visited{
	color:#FF8816;
	text-decoration:none
	}

td.form-small a:active, td.form-small a:hover{
	color:#FF6912;
	text-decoration:underline
	}

td.form-small a:active{
	background:#FF6912;
	color:#eee
	}

th.form-small {
	font-size:12px;
	line-height: 15px;
	padding:4px;
	text-align:left;
	border-bottom:1px solid #666;
	vertical-align:top;
	}


.forms {
	background:#dce2e7;
	font-size:x-small;
	height:15px;
	border:1px solid #666;
	}

tr.editviewTableRowOdd td {
	font-size:12px;
	line-height: 15px;
	padding:4px;
	vertical-align:top
	}

/* EO Datentabelle-Detailview-Darstellung */



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- kfCalendarEvents
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */


.kfCalEventHeader {
	background-color: #DBD5C6;
	}
	
.kfCalEventHeader p {
	color: #BB6600;
	padding:2px;
	padding-left:6px;
	}

.kfCalEventWrapper {
	width:488px;
	margin:0px;
	margin-bottom:10px;
	}

.date {
	color: #fff;
	background: #DD9966 url(http://www.keramikfuehrer.de/common/css/common/bgEvent.png) no-repeat;
	float: left;
	width: 30px;
	text-align: center;
	font-size: 15px;
	margin-top: 0px;
	}

.date span {
	font-size: 11px;
	color: #CA7539;
	background: #fff;
	display: block;
	border: 1px solid #DD9966;
	}


.kfCalEventWrapper .date {
	background: #DD9966 url(http://www.keramikfuehrer.de/common/css/common/bgEvent.png) no-repeat;
	margin:0;
	}

.kfCalEventWrapper .date span {
	color: #CA7539;
	border: 1px solid #DD9966;
	}

.kfCalEventWrapper .special {
	background: #AA4422 url(http://www.keramikfuehrer.de/common/css/common/bgEventBrown.png) no-repeat;
	}

.kfCalEventWrapper .special span {
	color: #AA4422;
	border: 1px solid #AA4422;
	}


.kfCalEventWrapper .text {
	color: #000;
	float: right;
	width: 448px;
	margin: 0;
	margin-top:-5px;
	}

p.eventHeading1 {
	font-size:110%;
	margin:0;
	padding:0;
	}

p.eventHeading2 {
	font-size:100%;
	margin:0;
	padding:0;
        font-weight:bold;
	}

p.eventText {
	margin:0;
	margin-top:4px;
	padding:0;
	}
.separator {
        font-size: 1px;
        line-height: 1px;
        height: 3px;
        border-bottom: 1px solid #AA4422;
        margin: 10px 0 10px 0;
        padding: 0;
        }
.clearEvent {
	clear:both;
	}



#designAreaFooter1 {
width:100%;
	height:80px;
	background:transparent url(http://www.keramikfuehrer.de/common/css/common/designElements/bg_designArea5_780.gif) top left fixed repeat-y;
	margin: 0;
	padding: 0;
	border: 0;
	position:relative;
	text-align:center;

}

#designAreaFooterContent {
	height:80px;
	background-color:#F2EEE3;
	color:#BB6600;
	text-align:right;
	padding:0px;
	padding-right:0px;
	border: 0px;
	margin: 0px auto 0;
	width:960px;
}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [jQuery lightBox]
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
/* jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#jquery-lightbox a img {
	border: none;
	}

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#lightbox-container-image {
	padding: 10px;
	}

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#lightbox-container-image-box > #lightbox-nav {
	left: 0;
	}

#lightbox-nav a {
	outline: none;
	border-bottom:0px;
	}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
	}

#lightbox-nav-btnPrev {
	left: 0;
	float: left;
	}

#lightbox-nav-btnNext {
	right: 0;
	float: right;
	}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	}

#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
	}

#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
	}

#lightbox-image-details-caption {
	font-weight: bold;
	}

#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	}

#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	border-bottom:0px;
	}