/* site css */

/*-----------------------------------------------*/
/*                   for all                     */
/*-----------------------------------------------*/
p, ul, li, ol, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
a {text-decoration:none; color:#0294d5;}
a:hover {text-decoration:underline;}
a img {border:0;}
.clearfloat {clear:both; height:1%;}
.ccm-spacer {height:0;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

BODY {background:#203a96; font-family:Arial, sans-serif; font-size:12px; color:#ffffff; margin:0; padding:0;}

#site {width:874px; margin:0 auto;}

/*-----------------------------------------------*/
/*                   header                      */
/*-----------------------------------------------*/
#header {}

#top_bar {position:relative; height:94px;}
#header h1 {position:absolute; left:0; top:40px; font-size:18px; color:#009cdc; text-transform:uppercase; font-weight:normal;}
#header h1 strong {font-weight:bold; color:#ffffff;}
#logo {position:absolute; left:292px; top:0; z-index:10;}

/* lang
------------------------------ */
#lang {position:absolute; right:0; top:43px; list-style-type:none;}
#lang li {float:left; padding:0 3px;}
#lang li a.active {color:#ffffff;}


/* /////////////////// menu ////////////////// */
#menu {padding:0; width:100%; font-size:14px; background:url(http://eng.heynepenke.eu/themes/hp/backgrounds/menu_tlo.jpg) no-repeat center top; height:96px;}
#menu ul {list-style-type:none;}
#menu ul li {float:left; display:inline; text-align:center;}
#menu ul li.first a {margin:0 1px;}
#menu ul li a {color:#ffffff; width:94px; border:1px solid #ffffff; background:url(http://eng.heynepenke.eu/themes/hp/backgrounds/menu_bg.png) no-repeat right top; margin:0 1px 0 0; display:block; height:54px; padding:40px 0 0 0; outline:none;}
#menu ul li a:hover {color:#0294d5; border:1px solid #374ea1; text-decoration:none; background:url(http://eng.heynepenke.eu/themes/hp/backgrounds/menu_active.png) no-repeat center;}
#menu ul li.nav-selected a {color:#0294d5; background:url(http://eng.heynepenke.eu/themes/hp/backgrounds/menu_active.png) no-repeat center; border:1px solid #374ea1;}
#menu ul li.nav-selected {}

#submenu {width:874px; font-size:12px;}
#submenu ul {list-style-type:none;}
#submenu ul li {float:left; display:inline; text-align:center;}
#submenu ul li.first {padding:0 0 0 1px;}
#submenu ul li a {color:#ffffff; width:97px; height:60px; display:table-cell; padding:0; vertical-align:middle; outline:none;}
#submenu ul li a:hover {color:#0294d5; text-decoration:none;}
#submenu ul li.nav-selected a {color:#0294d5;}
#submenu ul li.nav-selected {}

#mini_foto a {height:96px; overflow:hidden; display:block; float:left;}
#mini_foto a img {display:block;}
#mini_foto a:hover img {margin:-96px 0 0 0; zoom: 1;}
#mini_foto a.current img {margin:-96px 0 0 0; zoom:1;}


#mini_foto a {display:block; height:96px;}
#mini_foto a:hover {background-position:0 -96px;}

/*-----------------------------------------------*/
/*                   content                     */
/*-----------------------------------------------*/
#breadcrumb {padding:30px 0 20px 0;}

#content {padding:0 0 20px 0;}
#content p {line-height:1.6; padding:10px 0;}
#content h2 {color:#0294d5; font-size:20px; padding:0 0 10px 0;}

#content #left_col {float:left; display:inline; width:530px; padding:0 50px 0 0; text-align:justify;}
#left_col ul, #left_col ol, #papier ul, #folie ul {margin:0 0 0 15px; line-height:1.6; padding:0;}

#right_col {float:right;}
#right_col p {line-height:1.6;}
#kind {list-style-type:none; width:100px; margin:0 auto;}
#kind li {float:left; padding:15px 4px; text-align:center;}

p.flag_list {float:left; width:120px;}

#center_col {text-align:center; padding:30px 0; line-height:1.6;}


/* drukarnia
------------------------------ */
#content ul.sidenav {padding:0; margin:30px 0 150px 0; width:702px; list-style:none; border:solid #ffffff; border-width:1px 1px 1px 0; }
#content ul.sidenav li {position:relative; float:left; display:inline; margin:0; padding:0; border-left:1px solid #ffffff; height:66px;}
#content ul.sidenav li a {padding:0; display: block; color: #000000; text-decoration:none; width:77px; position: relative; /*--Add a relative positioning--*/ z-index: 2; /*--z-index allows the popup to tuck underneath the nav--*/}
#content ul.sidenav li a:hover {}

#content ul.sidenav li div {display:none; position: absolute; top:0px; left: 0; width: 225px; font-size: 10px; background: url(http://eng.heynepenke.eu/themes/hp/backgrounds/bubble_top.gif) no-repeat right top; z-index:3; padding:25px 0 0 0;}
#content ul.sidenav li div p {margin:0px; color:#000000; line-height: 1.2em; padding:0 10px 10px 20px; background: url(http://eng.heynepenke.eu/themes/hp/backgrounds/bubble_btm.gif) no-repeat right bottom; text-align:left;}


/* anspechpartner
------------------------------ */
#content .people_col {float:left; width:280px;}
#content .people_col p {padding:4px;}
#content .people_col p a img {padding:0 10px 0 0;}	

/* verpacken
------------------------------ */
#papier {float:left; width:400px;}
#folie {float:right; width:400px;}

/*-----------------------------------------------*/
/*                   footer                      */
/*-----------------------------------------------*/
#footer {border-top:1px solid #009cdc; padding:15px 0;}


/*-----------------------------------------------*/
/*                   concrete                    */
/*-----------------------------------------------*/

.ccm-block {width:100%;}
.ccm-add-block {z-index:100;}