/*
Theme Name: Holz-Connection Default
Theme URI: http://imania.de/
Description: The Holz-Connection Theme.
Version: 0.1
Author: Ingo Spreu Peter Brückner
Author URI: http://www.imania.de/


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* -------- Tag-Styles --------- */

* { margin: 0px; padding: 0px; }
html { font-family: Georgia, Century, serif; font-size: 15px; }
body { background-color: #FFF; text-align: left; color: #000; }
input {}
a { color: #9e0018; text-decoration: underline; outline-style:none; outline-width:0; }
a:HOVER { color: #000000;}
h1 { font-family: Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; margin: 0px 0px 10px; padding-top: 14px}
h2 { font-family: Helvetica, Arial, sans-serif; font-size: 23px; font-weight: bold; margin: 0px 0px 10px; padding-top: 5px}
h3 { font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; margin: 0px 0px 10px; padding-top: 5px}
h4 { font-family: Helvetica, Arial, sans-serif; font-size: 23px; font-weight: bold; margin: 0px 0px 10px; padding-top: 5px; padding-bottom: 6px; border-bottom: #000 1px solid; text-transform: uppercase;}
h5 { font-family: Helvetica, Arial, sans-serif; font-size: 23px; font-weight: bold; margin: 0px 0px 10px; padding-top: 6px; padding-bottom: 5px; border-top: #000 1px solid; text-transform: uppercase; }
h6 { font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; margin: 0px 0px 2px; text-transform: uppercase; }
h1 a { font-family: Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; color: #000; }
h2 a { font-family: Helvetica, Arial, sans-serif; font-size: 23px; font-weight: bold; color: #000; }
h3 a { font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #000; }
h4 a { font-family: Helvetica, Arial, sans-serif; font-size: 23px; font-weight: bold; border-bottom: #000 1px solid; text-transform: uppercase; }
h5 a { font-family: Helvetica, Arial, sans-serif; font-size: 23px; font-weight: bold; border-top: #000 1px solid; text-transform: uppercase; }
h6 a { font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; }
img { border: none;}
table { border-spacing: 2px; padding-top:10px;}
td { vertical-align: top; font-size: 14px; padding: 9px 9px 10px; line-height: 21px;}
th { vertical-align: bottom; font-weight: bold; line-height: 16px; padding: 9px; font-size: 14px; border-bottom: 1px solid #000; }
ul { padding-bottom: 10px; list-style-type: circle; }
ol { padding-bottom: 10px; list-style-type: upper-roman;}
li { margin-left: 0px; margin: 0px 0px 6px 34px; }
hr { margin: 14px 0px 9px 0; height: 3px; border: none; background-color: #d9ceba;}
hr.spacer {margin: 28px 0 23px 0;}
p { padding-bottom: 10px; line-height: 21px; }
td p { padding-bottom: 0px; }
/* ------ General-Styles ------- */

.clear { clear: both; font-size: 1px; line-height: 1px; height: 1px; }

/* ------ Content-Styles ------- */

#wrapper {text-align: center;}
#header { font-family: Helvetica, Arial, sans-serif; height: 275px; background: #e8e2d6 url("images/hoco_icon_band.png") repeat-x center 130px;}
#header a { font-family: Helvetica, Arial, sans-serif; }
#header #header_wrap { background: #e8e2d6 url("images/hoco_icon_band.png") no-repeat center 130px; height:210px; text-align:left; width: 840px; margin: auto; }
#header #logo { float: left; }
#header #logo h1 {margin: 0px; padding: 0px;}
#header #navigation_container { float: right; margin-right: 5px;}
#header #header_links {font-size: 11px; margin: 7px 2px 38px 0px; text-align: right;}
#header #header_links a { font-size: 11px; text-decoration: underline; color: #9e0018; letter-spacing: 1px;}
#header #header_links a.current { color: #000;}
#header #header_links a:HOVER { color: #000;}

#header #menu { list-style: none; background: url("images/menu_back.png") no-repeat; display: block; height: 43px;}

#header #menu .page_item { font-size: 14px; float: left; padding: 0px; margin: 0px; height: 42px;}
#header #menu .page_item .page_item_link {float: left; text-decoration: none; cursor: pointer; display: block; background: url("images/menu_sep.png") right top no-repeat;  height: 42px;}
#header #menu .page_item .page_item_link:HOVER { text-decoration: none;}
#header #menu .page_item .page_item_link:HOVER  .page_item_name {color: #9e0018;}

#header #menu .first_page_item { background: url("images/menu_begin.png") no-repeat; }
#header #menu .last_page_item .page_item_link {background: url("images/menu_end.png") right top no-repeat; }

#header #menu .page_item .page_item_name {line-height: 18px; display: block; float: left;  padding: 15px 12px 0 12px; height: 28px; font-weight: bold; text-transform: uppercase; color: #fff;}
#header #menu .current_page_item .page_item_name { font-weight: bold; color: #9e0018;  background: url("images/menu_act.png") no-repeat center top;  }

#header #menu .with_submenu .page_item_link {background: url("images/menu_sep_sub.png") no-repeat right top; }
#header #menu .with_submenu .page_item_name { padding-right: 32px;}
#header #menu .with_submenu_current .page_item_link {background: url("images/menu_sep_sub_act.png") no-repeat right top;}
#header #menu .with_submenu_current .page_item_name { padding-right: 32px;}

#header #menu .with_submenu:HOVER { background: url("images/menu_sub_sel_left.png") no-repeat; margin-left: -8px; padding-left: 16px;}
#header #menu .with_submenu:HOVER .page_item_link { background: url("images/menu_sub_sel_right.png") no-repeat top right;  margin-left: -8px; padding-right: 22px; margin-right: -8px; z-index: 2;}
#header #menu .with_submenu:HOVER .page_item_name { color: #000; background-image: none; padding-left: 12px; padding-right: 18px; }

#header #menu .with_submenu_current:HOVER { background: url("images/menu_sub_sel_left.png") no-repeat; margin-left: -8px; padding-left: 16px;}
#header #menu .with_submenu_current:HOVER .page_item_link { background: url("images/menu_sub_sel_right.png") no-repeat top right;  margin-left: -8px; padding-right: 22px; margin-right: -8px; z-index: 2;}
#header #menu .with_submenu_current:HOVER .page_item_name { color: #000; background-image: none; padding-left: 12px; padding-right: 18px; }

#header #menu .page_item .submenu {display:none; position:absolute; clear:left; list-style-type: none; margin: 0px; margin: 42px 0px 0px -17px;}
*:first-child+html #header #menu .page_item .submenu {margin-top:0px; }
* html #header #menu .page_item .submenu {margin-top:-1px; background-color: #fff;}
#header #menu .page_item:HOVER .submenu { display:block;}

#header #menu .submenu .page_subitem { display: block; margin: 0px; padding: 0px; background: url("images/submenu_back_left.png") no-repeat left top; }
#header #menu .submenu .page_subitem_link { display: block; background: url("images/submenu_back_right.png") no-repeat right top; padding: 0px 19px 0px 14px; text-decoration: none;}
#header #menu .submenu .page_subitem_back { display: block; background-color: #fff; border-bottom: #b4b1a0 solid 1px; }
#header #menu .submenu .page_subitem_left { display: block; }
#header #menu .submenu .page_subitem_name { display: block; color: #c4b59e; text-transform: uppercase; font-weight: bold; font-size: 14px; padding: 8px 5px 7px 8px;}

#header #menu .submenu .page_subitem:HOVER .page_subitem_back { border-bottom: none; padding-bottom: 2px;}
#header #menu .submenu .page_subitem_first:HOVER .page_subitem_back { margin-top: 0px; padding-bottom: 1px;}
#header #menu .submenu .page_subitem_last:HOVER .page_subitem_back { margin-top:-1px; padding-bottom: 18px;}
#header #menu .submenu .page_subitem_link:HOVER {background: url("images/submenu_back_right.png") no-repeat right 1px;}
#header #menu .submenu .page_subitem:HOVER { background: url("images/submenu_back_left.png") no-repeat left 1px; }
#header #menu .submenu .page_subitem:HOVER .page_subitem_left { background: url("images/submenu_sel_left.png") no-repeat left top; }

#header #menu .submenu .page_subitem_first:HOVER  { background: url("images/submenu_back_left.png") no-repeat left top; }
#header #menu .submenu .page_subitem_first:HOVER .page_subitem_link {background: url("images/submenu_top_right.png") no-repeat right top;}
#header #menu .submenu .page_subitem_last:HOVER  {background: url("images/submenu_bottom_left_hov.png") no-repeat left bottom; }
#header #menu .submenu .page_subitem_last:HOVER .page_subitem_link {background: url("images/submenu_bottom_right_hov.png") no-repeat right bottom;}
*:first-child+html #header #menu .submenu .page_subitem_last:HOVER  {background: url("images/submenu_bottom_left.png") no-repeat left bottom; }
*:first-child+html #header #menu .submenu .page_subitem_last:HOVER .page_subitem_link {background: url("images/submenu_bottom_right.png") no-repeat right bottom;}
#header #menu .submenu .page_subitem:HOVER .page_subitem_name { color: #fff;  margin-top:-1px; background: url("images/submenu_sel_right.png") no-repeat right top; padding: 9px 5px 6px 8px; }
#header #menu .submenu .page_subitem_first:HOVER .page_subitem_name { padding: 9px 5px 7px 8px; }
#header #menu .submenu .page_subitem_last:HOVER .page_subitem_name { padding: 9px 5px 7px 8px; }


#header #menu .submenu .page_subitem_first .page_subitem_link { background: url("images/submenu_top_right.png") no-repeat right top;}
#header #menu .submenu .page_subitem_first .page_subitem_back { padding-top: 8px;}
#header #menu .submenu .page_subitem_last { background: url("images/submenu_bottom_left.png") no-repeat left bottom;}
#header #menu .submenu .page_subitem_last .page_subitem_link { background: url("images/submenu_bottom_right.png") no-repeat right bottom;}
#header #menu .submenu .page_subitem_last .page_subitem_back { background: url("images/submenu_bottom_back.png") repeat-x center bottom; border-bottom: 0px;}
#header #menu .submenu .page_subitem_last .page_subitem_name { padding-bottom: 25px;}

#header #header_bottom { height: 65px; background: #42342b url("images/hoco_lineal_kachel.png") repeat-x center top;}
#header #header_bottom_wrap { margin: auto; text-align:left; height: 50px; padding: 15px 0px 0px 10px; width: 840px; background: #42342b url("images/hoco_lineal_kachel.png") repeat-x center top;}

#breadcrump {height: 0; overflow: visible; color: #B4B1A0; font-size: 11px; font-family: Helvetica, Arial, sans-serif; width: 840px; margin: auto; padding: 12px 0px 5px 0px; text-align: left;}
#breadcrump_wrap {padding: 0px 6px;}
#breadcrump a {color: #B4B1A0; font-size: 11px; text-decoration: none; font-family: Helvetica, Arial, sans-serif;}
#breadcrump .curren_crump { text-decoration: underline; }

#content { width: 840px; margin: auto; padding: 3px 0px 14px; text-align: left; min-height: 500px;}
.home #content {padding-bottom: 50px;}
#content_wrap { width: 830px; padding: 0px 5px;}

#content .schrank {background: url("images/schrank.gif") no-repeat bottom left;}
#content .tisch {background: url("images/tisch.gif") no-repeat bottom left;}
#content .regal {background: url("images/regal.gif") no-repeat bottom left;}
#content .bett {background: url("images/bett.gif") no-repeat bottom left;}
#content .kommode {background: url("images/kommode.gif") no-repeat bottom left;}
#content .shoji {background: url("images/shoji.gif") no-repeat bottom left;}
#content .multi {background: url("images/multi.gif") no-repeat bottom left;}

#content td {padding: 9px 0px 10px 22px; line-height: 23px;}
#content td h1 {line-height: 32px; padding-top: 5px;}
#content .table2col td h1 {padding-top: 0; margin-top: -5px;}
#content td.first {padding-left: 0px !important; }

#content .table2col {padding: 10px 0 0 0;}
#content .table3col {width: 100%;}
.page-template-gallery-php #content .table3col {padding-top: 10px;}
.home table  {padding-top: 0px;}

#content .table3col td {padding: 9px 0px 10px 22px; line-height: 20px; font-size: 12px;}

#content .table4col {width: 100%;}
#content .table4col td {padding: 9px 0px 10px 22px; line-height: 20px; font-size: 12px;}

#content .tipp {width: 330px;}
#content .tipp img {margin-top: -15px;}
#content .tipp p {background-color: #E7DFD4; margin: 0; padding: 0; font-size: 11px; line-height: 18px; display: block; text-transform: none;}

#content .tipptext {padding: 0 8px !important; border: none; font-weight:normal; font-family: Georgia, Century, serif; }
#content .tippauthor {font-weight: bolder; padding: 5px 8px 20px 8px !important; background: #e1d8c8 url("images/image_shaddow_tipp.gif") no-repeat center bottom; font-family: Georgia, Century, serif; }

#content #hours p {line-height: 18px;}
#content #hours h6 {line-height: 18px; margin: 0;}

#content .link_block {display: block; text-decoration: none; background-position: bottom right;  }
#content div.link_block {margin-bottom: 30px;}
*:first-child+html #content div.link_block {margin-bottom: 8px;}
/*.home*/ #content .link_block {bottom: 0 !important; color: #000;}

#content p.inspirations {margin: 19px 0 19px 0;}
#content h1.inspirations {margin-bottom: -5px;}

#content h2.imprint {padding: 0; margin: 18px 0 15px 0;}
#content h2.material {margin: 17px 0 5px 0; }

#content .link_block_cols span {float: left; margin-left: 25px; margin-top:10px;} 
#content .link_block_cols .first {margin-left: 0px;}
#content .link_block_text {clear: left; display: block; padding-right: 128px;}
#content .link_block_text p { padding-bottom: 0px; }
#content .link_block span {color: #000; }
#content .link_block_head { font-family: Helvetica, Arial, sans-serif; display: block; font-size: 22px; font-weight: bold; margin: 0px 0px 10px; padding-top: 5px; padding-bottom: 6px; border-bottom: #000 1px solid; text-transform: uppercase;}
#content .link_block_head2 { font-family: Helvetica, Arial, sans-serif; display: block; font-size: 23px; font-weight: bold; margin: 0px 0px 5px; padding-top: 6px; padding-bottom: 5px; border-top: #000 1px solid; text-transform: uppercase;}
#content .link_block_head3 { font-family: Helvetica, Arial, sans-serif;display: block; font-size: 23px; font-weight: bold; margin: 0px 0px 10px; padding-top: 15px; padding-bottom: 5px; text-transform: uppercase;}
#content .link_block .offer {display:block; height: 20px; width: 100%; padding: 38px 0px 0px; margin-bottom: 8px; font-family: Helvetica, Arial, sans-serif; color: #9e0018; text-align: right; font-size: 19px; font-weight: bold;}
#content .link_block .more {color: #9e0018; text-decoration: underline;}
#content .link_block:HOVER .more {color: #000000; }
#content .link_block:HOVER .link_block_head {color: #1a171b;} 
#content .link_block:HOVER .link_block_head2 {color: #1a171b;} 
#content .link_block:HOVER .image_border {background-color: #9e0018; }
#content .link_block:HOVER .image_border_small {background-color: #F7B234; }


#content .info_block {line-height:16px;}
#content .info_block span {line-height: 23px;}

#content .image_border {text-align: center; overflow: hidden; padding: 8px 8px 14px; background: #d9ceba url("images/image_shadow.gif") no-repeat center bottom; display: block; width: 244px}
#content .image_border_yellow {padding: 8px 8px 14px; background: #F7B234 url("images/image_shadow.gif") no-repeat center bottom; display: block; width: 244px}
img.image_border {padding-bottom: 20px !important;}
img.image_border_yellow {padding-bottom: 20px !important; }
* html #content .image_border {padding: 8px 8px 18px;}
* html #content .image_border_yellow {padding: 8px 8px 18px;}
*:first-child+html #content .image_border_small {padding: 8px 8px 18px;}
*:first-child+html #content .image_border_yellow_small {padding: 8px 8px 18px;}

#content .image_border_small {padding: 8px 8px 14px; margin-bottom: 12px; background: #d9ceba url("images/image_shadow_small.png") no-repeat center bottom; display: block; width: 104px; }
#content .image_border_yellow_small {padding: 8px 8px 14px; margin-bottom: 12px; background: #F7B234 url("images/image_shadow_small.png") no-repeat center bottom; display: block; width: 104px}
* html #content .image_border_small {padding: 8px 8px 18px;}
* html #content .image_border_yellow_small {padding: 8px 8px 18px;}
*:first-child+html #content .image_border_small {padding: 8px 8px 18px;}
*:first-child+html #content .image_border_yellow_small {padding: 8px 8px 18px;}

#content .image_overlay {background: url("images/zoom.png") no-repeat top right; display: block; position:absolute; width: 252px; height: 46px; margin-top: 8px;}

#content .tree {margin-top: 22px; padding-left: 139px; background: transparent url('images/baum_icon_fuss.gif') no-repeat scroll left 8px; height: 176px; }

#footer { font-family: Helvetica, Arial, sans-serif; text-align: left; background: #E8E2D6 url("images/lineal_kachel_footer.gif") repeat-x center top;}
#footer #footer_navigation { font-size: 12px; margin: auto; width: 840px; background: #E8E2D6 url("images/lineal_kachel_footer.gif") repeat-x center top; padding: 25px 0px 15px; }
#footer #footer_navigation table { width: 100%; }
#footer #footer_navigation td { padding: 0px 9px;}
#footer #footer_navigation .footer_menu_container { border-left: 1px solid #000; }
#footer #footer_navigation .footer_menu .footer_page_item { color: #000; margin:0 0 2px 9px; }
#footer #footer_navigation .footer_menu .footer_page_item a { color: #000; text-decoration: none; font-size: 12px; }
#footer #footer_navigation .footer_menu .footer_page_item a:HOVER {text-decoration: underline;}
#footer #footer_navigation .footer_menu .footer_page_item_current a { text-decoration: underline; }
#footer .footer_menu { list-style: none;}
#footer .footer_page_item {}

#footer_copy { font-family: Helvetica, Arial, sans-serif; background: #9e0018;}
#footer_copy_wrap { font-size: 12px; margin: auto; width: 840px; background: #9e0018; color: #fff; padding: 10px; text-align: left;}
#footer_copy_wrap a { font-size: 12px; color: #fff; text-decoration: none;}


/* ------ PlugIn: Easy-map ------- */

#map-wrapper {height: 400px; margin: 21px 40px 0 0; padding: 10px; float: left; background: url("images/map-background.png") no-repeat top left;}
#germany-map {float: left; margin: 11px 0 0 0 ; width: 312px; height: 400px; position: relative; background: url("images/map-germany.png") no-repeat top left;}
#germany-map a {text-decoration: none; display: block; width: 13px; height: 13px; overflow: hidden; background: url("images/map-city.png") no-repeat top left; font-size: 1px; }
#germany-map span {float: left; margin: 1px 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 10px; text-transform: uppercase; font-weight: bolder; }


/* ------ PlugIn: Tiny Contact Form ------- */

.contactform { width: 630px;}
.contactform label {font-family: Helvetica,Arial,sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; float: left; width: 191px; display: block;}
.contactform input,
.contactform select,
.contactform textarea {font-family: Helvetica,Arial,sans-serif; font-size: 12px; padding: 2px; border-top: solid 1px #000; border-left: solid 1px #000; border-bottom: solid 1px #B4B1A0; border-right: solid 1px #B4B1A0; width: 356px; margin: 0 0 19px 0; display: block; float: left;}
.contactform select {width: 360px !important;}

.contactform .checkbox {border: none;}

.contactform #contactsubmit {color: #fff; font-family: Helvetica,Arial,sans-serif; font-weight: bold; font-size: 12px; background: transparent url('images/button_contact.png') scroll no-repeat left center; border: none; height: 30px; width: 156px; text-transform: uppercase; cursor: pointer;margin: 0 0 30px 0;}
.contactform #contactsubmit:hover {color: #fff; background: transparent url('images/button_contact_hover.png') scroll no-repeat left center; }

.contactform #contactsubmitxlarge{color: #fff; font-family: Helvetica,Arial,sans-serif; font-weight: bold; font-size: 12px; background: transparent url('images/button_contact_xlarge.png') scroll no-repeat left center; border: none; height: 30px; width: 252px; text-transform: uppercase; cursor: pointer;margin: 0 0 30px 0;}
.contactform #contactsubmitxlarget:hover {color: #fff; background: transparent url('images/button_contact_xlarge_hover.png') scroll no-repeat left center; }

.contactform .contactform_error {font-family: Helvetica,Arial,sans-serif; color: #f7412e; font-size: 12px;}


.forwardform .contactsubmit {color: #fff; font-family: Helvetica,Arial,sans-serif; font-weight: bold; font-size: 12px; background: transparent url('images/button_contact.png') scroll no-repeat left center; border: none; height: 30px; width: 156px; text-transform: uppercase; cursor: pointer; margin: 10px 0 0 0;}
.forwardform .contactsubmit:hover {color: #fff; background: transparent url('images/button_contact_hover.png') scroll no-repeat left center; }
.forwardform .contactsubmit_large {color: #fff; font-family: Helvetica,Arial,sans-serif; font-weight: bold; font-size: 12px; background: transparent url('images/button_contact_large.png') scroll no-repeat left center; border: none; height: 30px; width: 224px; text-transform: uppercase; cursor: pointer; margin: 10px 0 0 0;}
.forwardform .contactsubmit_large:hover {color: #fff; background: transparent url('images/button_contact_large_hover.png') scroll no-repeat left center; }