/*
Theme Name: www.keramik.de
Theme URI: www.keramik.de
Description: Wordpress 2.51 default_de-Theme customized for www.keramik.de
Version: 1.0
Author: Deguto Werbeagentur GmbH
Author URI: http://www.deguto.de

*/

body {
	margin: 0;
	padding: 0;
	background: #fff;
	background: url('/wp-content/themes/keramik/images/bg.jpg') repeat-x fixed;
	height: 100.01%;
}

/****************************************************************************************
1 - E S S E N T I A L */

/**************************************
1.1 - FACES, LINES & BASICHACKS  */

img { border: 0; }

div, a, span {
	border-color: #000;
	border-width: 0;
	border-style: solid;
}

.clr {
	clear: both;
}
/*
.cat-item-1, .cat-item-2, .cat-item-20 {
	border-color: #CC0000;
}

.cat-item-3 {
	border-color: #009900;
}

.cat-item-4 {
	border-color: #FFFF66;
}

.cat-item-5 {
	border-color: #6699FF;
}*/

/*.cat-item-6, .cat-item-7,*/
.cat-item-firmen, .firmen, .industrie, .technische-keramik, .produktdesign, .produkte, .dienstleistungen, .zulieferer-fur-die-industrie, .kategorie-a {
	border-color: #8ce6e0;
}

.cat-item-zulieferer-fur-die-industrie > a {
	color: #8ce6e0 !important;
}

/*.cat-item-8, .cat-item-9,*/
.cat-item-fachwelt, .fachwelt, .arbeitswelt, .links, .fachliteratur, .fachbucher, .fachmagazine, .kategorie-b {
	border-color: #347990;
}

/*.cat-item-10,*/
.cat-item-institutionen, .institutionen, .verbande, .aus-fortbildung, .forschung-entwicklung, .kammern .kategorie-c {
	border-color: #f59d18;
}

/*.cat-item-11,*/
.cat-item-vermischtes, .vermischtes, .termine, .historie, .innovationen, .lexikon, .marktplatz, .zentren-der-keramik,.kategorie-e,
.cat-item-keramik-wissen, .keramik-wissen, .kategorie-d {
	border-color: #74d7b0;
}


/*.cat-item-12,*/
.cat-item-kunst-kultur, .kunst-kultur, .moderne-keramik, .traditionelle-keramik, .kategorie-e {
	border-color: #c23d00;
}


/* TODO: css-category-klassen sollten dynamisch mit php geschrieben werden,
	um alle möglichkeiten und immer einzuschließen und immer auf dem aktuellen
	Stand der Kategorien zu sein.
	Beispiel siehe hier: (kombi von 2 cats in einem eintrag)
 */

.fachliteratur.kunst-kultur, .fachbucher.kunst-kultur, .fachmagazine.kunst-kultur {
	border-color: #347990;
}

.fachliteratur.kunst-kultur:first-child, .fachbucher.kunst-kultur > span:first-child, .fachmagazine.kunst-kultur:first-child {
		border-width: 5px 0 0 0;
		border-color: #c23d00;
		width: 100%;
}


/****************************************************************************************
1.2 - PAGE */

#page {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

div#base {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


/**************************************
1.3 - HEADER */

#header {
	width: 100%;
	margin: 0;
	text-align: left;
	/*background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;*/
}

#headbar {
	background: #fac;
	height: 200px;
	clear: both;
}

#headerarea	{
	margin: 0;
	padding: 15px 25px;
	border-width: 0;
	border-color: #ccc;
	/*height: 200px; siehe .toggler */
	overflow: hidden;
	position: relative;
}

#headerarea.toggler {
	height: auto; /* 215px; */
}

#headerarea.toggler_open {
	height: auto; /* 400px; */
}

#headerarea	a{
	display: block;
}

#header .extend_navi {
	position: absolute;
	top: 102px;
	left: 835px;
	border-top: 6px solid #C6C3B5;
	width: 162px;
	padding-top: 5px;
/*color: #a02;*/
	float: right;
	font-size: 16px;
	cursor: pointer;
}

.headline {
	float: left;
}

#headerarea .widgettitle {
	display: none;
}

#headerarea .widget_categories {
	padding: 10px 0 0 0;
}

#headerarea ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: visible;
}

#headerarea ul ul ul.children {
	margin-left: 4px;
	overflow: visible;
	/*content: "+";
	margin-left: -15px;
	margin-top: -15px;
	width: 177px;
	background: transparent url(/wp-content/themes/keramik/images/plus.png) no-repeat-x scroll 0px 0px;*/
}

#headerarea.toggler ul ul ul.children {
	display: none;
}

#headerarea.toggler ul ul li.current-cat-parent ul.children,
/*#headerarea.toggler ul li.current-cat ul ul.children,*/
#headerarea.toggler ul ul li.current-cat ul.children {
	display: block;
}

#headerarea ul ul ul.children li{
	background: transparent url('/wp-content/themes/keramik/images/children.gif') no-repeat 0 6px;
	padding-left: 6px;
	overflow: visible;
}

#headerarea ul ul li, #headerarea ul li {
	width: 162px;
	float: left;
	overflow: visible;
	display: block;
}

#headerarea ul ul li a, #headerarea ul li a, .extend_navi {
	color: #fff;
	font-size: 16px;
	font-family: monospace;
	font-weight: bold;
	padding: 5px 0 0 0;
	text-decoration: none;
	outline: 0;
}

#headerarea ul ul li a:hover, #headerarea ul li a:hover, a.extend_navi:hover {
	color: #000;
}

#headerarea ul ul ul li, #headerarea ul ul li {
	clear: both;
	width: auto;
	width: 162px;
}

#headerarea ul ul ul li a, #headerarea ul ul li a {
	font-size: 11px;
	font-family: verdana;
	font-weight: normal;
}

#headerarea ul ul ul li a:hover, #headerarea ul ul li a:hover {
	color: #000;
}

#headerarea #button_zulieferer {
	position: absolute;
	top: 193px;
	left: 836px;
}

/***********************
1.3.2 - HEADER MENU */

div#headermenu {
	background: url('/wp-content/themes/keramik/images/bg_header_menu.jpg') repeat-x;
	height: 25px;
	color: #fff;
	font-size: 11px;
	padding: 0 25px;
}

div#headermenu ul li.categories {
	display: inline;
	float: left;
	text-align: left !important;
	margin: 0;
	height: 25px;
	padding: 0;
	cursor: default;
	border-color: #AEAB9A;
	border-width: 0 1px 0 0;
	background: transparent;
	font-size: 11px;
	padding: 6px 20px 0 10px !important;
	background: url('/wp-content/themes/keramik/images/arrow_down_white.gif') no-repeat right;
}

li.categories li, .widget_categories li {
	border-width: 6px 0 0;
	border-style: solid;
}

li.categories li li, .widget_categories li li {
	border-width: 0 0;
}

#breadcrumbs {
	float: left;
	display: block;
	height: 25px;
	border-color: #AEAB9A;
	border-width: 0 0 0 1px;
}

div#headermenu a {
	color: #fff;
	text-decoration: none;
}

#headermenu .widgettitle {
	display: block;
}

#headermenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#headermenu li.cat-item {
	float: left;
	margin: 0 20px 0 0;
}

#headermenu li.cat-item ul.children li {
	clear: both;
	margin: 0;
}

div#headermenu input,
.input_search {
	border: 1px inset #B8B2A2;
	color: #000;
	background: #CDCABC;
	height: 15px;
	width: 156px;
	padding: 0 0 0 2px;
	font-size: 11px !important;
}

div#headermenu input.empty {
	background: #CDCABC url('/wp-content/themes/keramik/images/suche_bg.gif') no-repeat 0 0;
}

div#headermenu input.empty:focus {
	background: #FFFFFF;
}

div#headermenu button {
	border: 2px outset #B8B2A2;
	background: #B8B2A2;
	vertical-align: bottom;
}

form.searchbar {
	padding: 4px 10px 0 10px;
	margin: 0;
	width: 180px;
	float: left;
	display: block;
	height: 22px;
	position: absolute;
	left: 502px;
}

* html form.searchbar {
	width: 165px;
}

.input_search {
	float: left;
}

.button_submit {
	float: right;
	margin: 1px 0 0;
	width: 17px;
	height: 17px;
	background: url('/wp-content/themes/keramik/images/button_ok_1.png');
}

.button_submit:hover {
	background: url('/wp-content/themes/keramik/images/button_ok_2.png');
}

/**************************************
1.2.2 - CONTENT */

div#contentwrapper {
	margin: 0;
	padding: 0;
	background: #f9f9f9 url('/wp-content/themes/keramik/images/bg_contentwrapper_2.png') repeat-y scroll 511px 0;
/*	overflow: auto;*/
  overflow: hidden;
  position: relative;
  min-height: 400px;
  min-width: 999px;
/*  left: 50%;*/
}

div#contentwrapper_sidebar {
	background: #f9f9f9 url('/wp-content/themes/keramik/images/bg_contentwrapper_full.png') repeat-y scroll 0 0;
}

div#contentwrapper_sidebar #content {
	margin: 0;
	width: 0;
}

div#contentwrapper_sidebar #content_sidebar {
	margin: 0;
	width: 795px;
}

div#content {
	float: left;
	width: 461px;
	margin: 20px 25px;
  position:relative;
  overflow:hidden;
}

div#content_sidebar {
	float: left;
	width: 284px; /* 304px; */
	margin: 0 15px 0; /* 0 5px; */
	padding: 5px;
	height: auto;
	/*overflow: auto;*/
	display: block;
	color: #eee;
  position:relative;
  overflow:hidden;
}

div#content_sidebar > h2{
	color: #000000;
	margin: 15px 0 0 0;
	font-weight: bold;
}

div#content_right_sidebar {
	float: left;
	width: 162px;
	margin: 0 1px;
	padding: 0;
	height: auto;
	/*overflow: auto;*/
	display: block;
	color: #000;
  position:relative;
  overflow:hidden;
  text-align: center;
}

div#content_right_sidebar .detail_image {
	margin: 1px 0 0 0;
}

div#content_right_sidebar .detail_image a:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: Alpha(opacity=80);
}

.widget_text {
	text-align: center;
	margin: 20px 5px 5px;
}

.widget_text img {
	margin: 0 0 10px 0;
}


/****************************************************************************************
2 - T Y P O */

/**************************************
2.1 - BASICS, HEADLINE & COPY */

body, p {
	font-size: 11px;
	font-family: Verdana, helvetica, sans-serif;
	color: #000;
}

h1, h2, h3 {
	/*font-family: Times New Roman, Arial, Helvetica, Sans-Serif;*/
	font-family: monospace;
	font-weight: normal;
	margin: 0 0 0.7em 0;
	letter-spacing: -0.05em;
	line-height: 1em;
}

.entrylist_header h2 {
	letter-spacing: 0;
}

.entry h1, .entry h2, .entry h3, .entrylist_header h2 {
	margin: 0;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	/*border-bottom-style: solid;
	border-bottom-width: 5px;*/
}

h2, .entry h1 {
	font-size: 16px;
	font-weight: bold;
}

h3, .entry h2, .entrylist_header h2 {
	font-size: 14px;
}

ul {
	list-style-type: square;
	padding: 0 0 0 30px;
}

.flashtitle {

}

h2.capital {
	background-color: #A9A699;
	color: #ffffff !important;
	overflow: hidden;
	height: 24px;
	line-height: 24px;
	text-indent: 5px
}

h2.capital a, h2.capital a:hover, h2.capital a:visited, h2.capital a:focus {
	color: #ffffff !important;
}

/**************************************
2.2 - LINKS */

#contentwrapper a {
	color: #999;
}

#contentwrapper a:hover {
	color: #000;
}

#contentwrapper .content_sidebar a {
	color: #000;
}

#contentwrapper .content_sidebar a:hover {
	color: #999;
}

#content_sidebar a.post, .content_sidebar a.post {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	display: block;
	padding: 15px 0 !important;
}

#content_sidebar a.post img, .content_sidebar a.post img {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: Alpha(opacity=70);
}

#content_sidebar a.post:hover, .content_sidebar a.post:hover {
	color: #ddd;
}

#content_sidebar a.post:hover img, .content_sidebar a.post:hover img {
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: Alpha(opacity=60);
}

h1 a, h2 a, h3 a {
	text-decoration: none;
}

/**************************************
 2.3 - SPECIAL FORMATS */

small { }
b, strong { }
i, em { }
u { }

.morelink {
	background: #756e64;
	color: #fff;
	font-size: 9px;
	line-height: 9px;
	padding: 1px;
}

.firm,
.inst,
.fach,
.kuns,
.kera {
	border-width: 6px 0 0 0;
	border-style: solid;
}

.firm { border-color: #8ce6e0; }
.inst { border-color: #f59d18; }
.fach { border-color: #347990; }
.kuns { border-color: #c23d00; }
.kera { border-color: #74d7b0; }

/****************************************************************************************
 3 - L A Y O U T (BOXES, POSTS, WRAPPER, ELEMENTS) */

/**************************************
 3.1 - POST */

.post {
	border-width: 0 0 1px;
	border-color: #EBE9E7;
	margin: 0;
	padding:  20px 0;
	clear: both;
	overflow: hidden;
}

.written.post {
	border-style: dashed;
	border-color: #333;
	padding:  10px 0;
}

.written.post h1 {
	font-size: 18px;
}

/* 3.1.1 - entry */

.entry {
	/*width: 75%;
	float: left;*/
}

.entry p,
.entry h1,
.entry h2,
.entry h3 {
	clear: both;
}

.image_float {
	float: left;
	margin: 0 10px 10px 0;
}

/* 3.1.2 - postmetadata */

.postmetadata {
	/*width: 20%;
	float: right;
	margin: 0 0 0 2%;
	padding: 0 0 0 2%;
	border-width:  0 0 0 1px;
	border-color: #EBE9E7;*/
	font-size: 11px;
}

.postmetadata h2, .postmetadata h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}

.postmetadata h3 {
/*float: left;*/
	clear: left;
}

.postmetadata a {
	text-decoration: none;
	text-transform: none;
	line-height: 14px;
}

/* 3.1.2.1 - commentform */

.comment_respond {
	margin: 20px 0 0;
}

.comment_respond textarea {
	width: 98%;
}

.tags {
	font-size: 11px;
	line-height: 16px;
	border: 1px solid #CCCCCC;
	background: #f5f5f5;
	padding: 8px;
	margin: 10px 0 15px 0;
	display: block;
	clear: both;
}

.tags a {
	color: #000 !important;
	text-decoration: none;
}

.tags a:hover {
	color: #999 !important;
}

.tags hr {
	border-color: #CCCCCC;
	border-width: 0;
	background-color: #CCCCCC;
	height: 1px;
	color: #CCCCCC;
}

#content_sidebar .tags {
	font-size: 11px;
	line-height: 16px;
	border: 1px solid #FFFFFF;
	background: transparent;
	padding: 8px;
	margin: 20px 0 15px 0;
	display: block;
}

#content_sidebar .tags a {
	color: #FFF !important;
	text-decoration: none;
}

#content_sidebar .tags a:hover {
	color: #DDD !important;
}

/**********************************************
4 - MENUS */

/******************************
4.1 DROPDOWN-MENU - HEADER */

.dropdown #box_open {
	display: none;
}

.dropdown {
	display: inline;
	float: left;
	text-align: left !important;
	margin: 0;
	height: 25px;
	padding: 0;
	cursor: default;
	border-color: #AEAB9A;
	border-width: 0 1px 0 0;
	background: transparent;
	font-size: 11px;
}

.over {
	background: #f5f5f5 !important;
}

* html .dropdown {
	display: inline;
	position: relative;
}

.dropdown a {
	text-align: left !important;
}

.dropdown .subject_wrapper,
.dropdown .option_wrapper {
	width: auto;
}

* html .dropdown .subject_wrapper,
* html .dropdown .option_wrapper,
* html #headermenu a.link {
	display: inline;
}

#headermenu a.link,
.dropdown .subject_wrapper {
	margin: 0;
	padding: 6px 10px 0;
	height: 19px;
	display: block;
	outline: 0;
}

.dropdown .subject_wrapper {
	padding: 6px 20px 0 10px !important;
	background: url('/wp-content/themes/keramik/images/arrow_down_white.gif') no-repeat right
}

* html .dropdown .subject_wrapper {
	height: 25px;
}

#headermenu a.link:hover {
	background: #868072;
}
.subject_wrapper:hover {
	background: #868072 url('/wp-content/themes/keramik/images/arrow_down_white.gif') no-repeat right;
}

.dropdown .option_wrapper {
	border-width: 0 0 1px;
	z-index: 999;
	background: #fff;
	position: absolute;
	display: none;
}

* html .dropdown .option_wrapper {
	position: absolute;
	left: 0;
	top: 25px;
	display: none;
}

.dropdown .option_wrapper a {
	padding: 0 10px;
	display: block;
	cursor: pointer;
	color: #000 !important;
}

.dropdown .option_wrapper .children {
	padding: 0 0 0 10px;
	/*background: #e0e0e0;*/
}

.dropdown .option_wrapper a:hover,
.dropdown .option_wrapper a.active {
	background: #e0e0e0;
}


/********************************************************
 E N T R Y L I S T */


.entrylist_wrapper {
	z-index: 5;
	margin: 0 10px 15px 0;
	padding: 0;
	float: left;
	width: 460px;
	min-height: 100px;
	height: auto;
	text-decoration: none;
	font-size: 11px;
	border-width: 5px 0 0;
	background: #EEEDE8 /* #fff url('images/entrylist_wrapper.png')*/;
	position: relative;
}

a.entrylist_wrapper {
	cursor: pointer;
}

a.entrylist_wrapper:hover {
	background: #FEFEFE; /* url('images/entrylist_wrapper_hover.png');*/
	/*border-right-width: 1px;*/
}


.with_mainpost .entrylist_wrapper {
	width: 460px;
	/*height: 110px;*/
	font-size: 11px;
	min-height: 110px;
}


/*********************
 ENTRY LIST CONTENT */

.entrylist_wrapper .entry {
	width: 460px;
	float: left;
}

.entrylist_wrapper.with_mainpost .entry {
	width: 230px;
}

.entrylist_wrapper .mainpost {
	width: 230px;
	float: left;
}

.excerpt .logo{
	float: right;
}

.entrylist_header {
	width: 460px;
	margin: 0;
	padding: 0 0 5px 0;
	display: block;
}

.entrylist_header span.h2 {
	padding: 4px 0 0 0;
	margin: 0;
}

.entrylist_icon {
	display: none;
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
}

.entrylist_date {
	float: right;
	text-align: right;
	padding: 3px 0 0;
	margin: 0;
}

.entrylist_image {
	display: none;
	width: 70px;
	height: 40px;
	margin: 0 10px 0 0;
	float: left;
	background: center no-repeat;
	overflow: hidden;
}

#contentwrapper span.blocked, #contentwrapper a.blocked {
	padding: 0 3px;
	text-decoration: none;
	background-color: #A9A699;
	color: #ffffff;
	width: auto;
}

.entrylist_adress {
	display: block;
	width: 460px; /*175px*/
	margin: 0 0 5px 0;
}

.with_mainpost .entrylist_adress {
	width: 230px; /*175px*/
}

.entrylist_wrapper .morelink {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 26px;
}

.Standard .morelink {
	background-color: #756E64;
}

.Erweitert .morelink {
	background-color: #913C3C;
}

.Premium .morelink {
	background-color: #CC0000;
}

.Standard {
	background: #ffffff; /* url('/wp-content/themes/keramik/images/entrylist_red.png') 0 bottom repeat-x;*/
}

.Erweitert {
	background: #ffffff url('/wp-content/themes/keramik/images/entrylist_grey.png') 0 bottom repeat-x;
}

.Premium {
	background: #ffffff url('/wp-content/themes/keramik/images/entrylist_grey.png') 0 bottom repeat-x;
}

/*
.firmen.Standard {
	background: #ffffff url('/wp-content/themes/keramik/images/medal_bronce_2.png') 0 92px no-repeat;
}

.firmen.Erweitert {
	background: #ffffff url('/wp-content/themes/keramik/images/medal_silver_3.png') 0 92px no-repeat;
}

.firmen.Premium {
	background: #ffffff url('/wp-content/themes/keramik/images/medal_gold_1.png') 0 92px no-repeat;
}*/

a.edit {
	display: block;
	font-size: 11px;
	margin: 0 0 0 0;
	text-decoration: none;
	text-align: right;
	position: relative;
	height: 0px;
	z-index: 999;
	overflow: visible;
	right: 1px;
	top: 112px;
}

#content_sidebar a.edit, #content_sidebar a.post-edit-link {
	display: block;
	font-size: 11px;
	margin: 0 0 0 0;
	text-decoration: none;
	text-align: right;
	position: relative;
	height: 0px;
	z-index: 999;
	overflow: visible;
	right: -5px;
	top: 15px;
}

/* ENTRY LIST CONTENT
*********************/

/* E N T R Y L I S T
*********************************************************/

/********************************************************
 F O O T E R - M E N U */

div#footer {
	background: url('/wp-content/themes/keramik/images/bg_header.jpg') 0 -400px repeat-x;
	opacity: 0.98;
	bottom: 0;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 25px;
	text-align: left;
	clear: both;
	font-size: 11px;
	overflow: hidden;
	color: #fff;
	width: 967px;
}

div#footer > *, div#footer a {
	text-decoration: none;
	color: #fff;
}

div#footer a:hover {
	text-decoration: none;
	color: #333;
}

ul#footer_menu, #footer ul {
	list-style-type: none;
	margin: 0 0 0 -5px;
	padding: 0;
}

ul#footer_menu li, #footer ul li {
	float: left;
}

ul#footer_menu li a, #footer li a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}

ul#footer_menu li a:hover, #footer li a:hover {
	color: #333;
}

/* F O O T E R - M E N U
*********************************************************/


/*********************
 Addressmanager
*********************/

.addressmanager-list {
	padding: 0;
	margin: 10px 0 10px 0px;
	display: block;
	overflow: hidden;
}

.addressmanager-item {
/*	display: block;*/
	border-width: 5px 0pt 0pt;
	float: left;
	font-size: 11px;
	height: 100px;
	margin: 10px;
	padding: 0pt;
	text-decoration: none;
	width: 200px;
	z-index: 5;
}