form, div, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

td, th, p, div, span {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:1.3em;
}
td, th {vertical-align:top;}

.listEntry {
	margin-bottom: 10px;
}
ul {
	list-style-image:url(../../picture/site/list_icon.gif);
	padding-left:1em;
}
a, a:link, a:visited, a:active, a:focus {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: none;
	background-color:#666;
}


.articleText { 
	margin-bottom: 3px;
	text-align: justify;
}

.articleCode {
	margin-bottom: 3px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	margin-bottom:0.3em;
	margin-top:1em;
}
h1 {font-size:16px}
h2 {font-size:14px}
h3, h4, h5, h6 {font-size:12px}

input, textarea, select {
	border: 1px solid #999;
}
.contactForm input, .contactForm textarea {
	width:180px;
}
.error {
	font-weight:bold; 
	color:#c00; 
	background-color:#fdd;
}
.imglistcaption { font-size:11px; white-space:nowrap;}
.smallGrey {font-size:10px; color:#666;}

.oes {
display:none;
}

/** 
 * CSS for DIV pagelayout 
 */
html { 
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background:#222228;
	overflow: hidden; 
}

body { 
 	background: #222228;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	max-height:100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0;
}
#wrapper {
	width:860px;
	margin-left:auto;
	margin-right:auto;
}


#headerBlock {
	position:absolute;
	top:0; 
	text-align:left;
	height:132px;
	z-index:13;
	width:860px;
}
#header1 
{
	position:absolute;
	top:0; bottom:0;
	height:55px;
	width:100%;
	z-index:13;
	background: repeat-x top;
}
#header2
{
	clear:left;
	float:left;
	position:absolute;
	top:56px; 
	height:77px;
	width:563px;
	background:url(../../picture/site/menu1.jpg) no-repeat left top;
	z-index:14;
}
#header3
{
	position:absolute;
	top:56px; 
	height:77px;
	width:100%;
	background:url(../../picture/site/menu2.jpg) repeat-x left top;
	z-index:13;
}
#header4
{
	position:absolute;
	top:56px; right:0;
	height:77px;
	width:229px;
	background:url(../../picture/site/menu3.jpg) no-repeat right top;
	z-index:13;
}
#li_ID_1{
	background: transparent url(../../picture/site/buetiger_grey.gif) no-repeat;
	width:138px; height:34px;
}
#li_ID_1:hover{background: url(../../picture/site/buetiger_color.gif) no-repeat;}

#li_ID_2{
	background: transparent url(../../picture/site/comm_grey.gif) no-repeat;
	width:165px; height:34px;
}
#li_ID_2:hover{background: url(../../picture/site/comm_color.gif) no-repeat;}

#li_ID_3{
	background: transparent url(../../picture/site/design_grey.gif) no-repeat;
	width:103px; height:34px;
}
#li_ID_3:hover{background: url(../../picture/site/design_color.gif) no-repeat;}
#li_ID_4{
	background: transparent url(../../picture/site/print_grey.gif) no-repeat;
	width:93px; height:34px;
}
#li_ID_4:hover{background: url(../../picture/site/print_color.gif) no-repeat;}
#li_ID_1 a, #li_ID_2 a, #li_ID_3 a, #li_ID_4 a{
	height:34px;
	color:#e7e7e7;
	padding:0;
}
#li_ID_1 a:hover, #li_ID_2 a:hover, #li_ID_3 a:hover, #li_ID_4 a:hover{
	color:#e7e7e7;
	background: transparent;
}

#mainBlock {
	display:block;
	overflow:auto;
	position:absolute;
	top:132px;
	bottom: 20px;
	padding-left:25px;
	z-index:2;
	width:835px;
	background: #ddd url(../../picture/site/content.jpg) bottom right no-repeat fixed;
}
* html #mainBlock 
{
	top:0; bottom:0;
	border-top:132px solid #fff;
	border-bottom:20px solid #fff;
	height:100%;
	width:100%;
}


#rightBlock {
	float:right;
	width:190px;
	z-index:12;
	margin-left:20px;
	margin-right:10px;
	font-size:11px;
}
#rightBlock h4 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	width:180px;
	height:1em;
	border:solid 1px;
	padding:2px 5px;
	z-index:13;
	margin: 4em 0 0 0;
	border-color:#ddd #222 #222 #ddd;
}
#rightBlock > p, #rightBlock > #teaser
{
	width:180px;
	border:solid 1px;
	border-top:none;
	border-color: #666666;
	padding:5px;
	background-color:#CCCCCC;
	margin: 0 0 1em 0;
	z-index:13;
}
* html #rightBlock p
{
	width:180px;
	border:solid 1px;
	border-top:none;
	border-color: #666666;
	padding:5px;
	background-color:#CCCCCC;
	margin: 0 0 1em 0;
	z-index:13;
}
#rightBlock .rightbox
{
	width:180px;
	border:solid 1px;
	border-top:none;
	border-color: #666666;
	padding:5px;
	background-color:#CCCCCC;
	margin: 0 0 1em 0;
	z-index:13;
}

#footerBlock {
	position:absolute;
	bottom:0; 
	margin:0;
	height:20px;
	width:860px;
	text-align:center;
	z-index:13;
	background-color:#333;
}
#footerBox {
	padding-top:6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:9px;
	width:800px;
}
#footerBox a { color:#FFFFFF; text-decoration:none; }

.teaserEntry {
	width:180px;
	padding:5px;
}
.teaserEntry div {
	float:left;
	padding-right:5px;
}
.teaserEntry p {
	font-size:11px;
}

/* CSS FOR MENU */
.hcss_menu {
	font: normal normal 1px Verdana, Geneva, Arial, Helvetica, sans-serif;
	top:5px; left:25px;
	position:relative;
	white-space:nowrap;
	text-align:right;
	text-indent:-4000px;
	}

.hcss_menu em {
	font-style: normal;
	}
	
.hcss_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 0;
}
	
.hcss_menu ul li {
	float: left;
	position: relative;
	/*width: 130px; /* Width of Menu Items */
	height: 34px;
}
.hcss_menu ul li ul {
	width:600px;
}	
* html .hcss_menu ul li ul li a, * html .hcss_menu ul li ul li a:visited {
	width:2em;
}
.hcss_menu li ul {
	font-size:12px;
	text-align:left;
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: 34px;
	display: none;
	border: 0;
	text-indent:0;
	}
	
.hcss_menu li ul li ul {
	left: 130px;
	top: 0;
	}
	
/* Styles for Menu Items */

.hcss_menu ul li a, .hcss_menu ul li a:link, .hcss_menu ul li a:visited, .hcss_menu ul li a:active {
	display: block;
	text-decoration: none;
	color: #333;
	/*background: #708090; /* IE6 Bug */
	padding: 5px 20px 5px 0px;
	border: 0;
	text-align: center;
	}

.hcss_menu ul li a:hover {
	/*background: #475661;*/
	/*color: #fff;*/
}

/*.hcss_menu ul li:hover a {
	color: #fff !important;
}*/

.hcss_menu ul li ul li a {
	text-align: left;
	/*background: #8B99A7;*/
	padding: 5px 20px 5px 0px !important;
	color:#333 !important;
}
.hcss_menu ul li ul li a:hover {
	/*background: #708090;*/
	color:#fff !important;
}
.hcss_menu ul li:hover ul li a {
	text-align: left;
	/*background: #8B99A7;*/
	color: #333;
}
	
/* Holly Hack. IE Requirement \*/
* html .hcss_menu ul li { float: left; height: 1%; }
* html .hcss_menu ul li a { height: 1%; }
/* End */

/* category specific stuff (grey, yellow, blue, red) */
#footerBlock {
	background:url(../../picture/site/foot_grey.gif) repeat-x;
}
#rightBlock h4 {background:url(../../picture/site/box_grey.gif) center no-repeat;}
#header1 {background:url(../../picture/site/top_grey.jpg) left top;}
.cat_1 #li_ID_1, #levelid_0 #li_ID_1 {
	background:url(../../picture/site/buetiger_color.gif) no-repeat;
}

.cat_2 #footerBlock {
	background:url(../../picture/site/foot_yellow.gif) repeat-x;
}
.cat_2 #rightBlock h4 {background:url(../../picture/site/box_yellow.gif) center no-repeat;}
.cat_2 #li_ID_2{background:url(../../picture/site/comm_color.gif) no-repeat;}
.cat_2 #header1 {background:url(../../picture/site/top_yellow.jpg) left top !important;}

.cat_3 #footerBlock {
	background:url(../../picture/site/foot_blue.gif) repeat-x;
}
.cat_3 #rightBlock h4 {background:url(../../picture/site/box_blue.gif) center no-repeat;}
.cat_3 #li_ID_3{background:url(../../picture/site/design_color.gif) no-repeat;}
.cat_3 #header1 {background:url(../../picture/site/top_blue.jpg) left top !important;}

.cat_4 #footerBlock {
	background:url(../../picture/site/foot_red.gif) repeat-x;
}
.cat_4 #rightBlock h4 {background:url(../../picture/site/box_red.gif) center no-repeat;}
.cat_4 #li_ID_4{background:url(../../picture/site/print_color.gif) no-repeat;}
.cat_4 #header1 {background:url(../../picture/site/top_red.jpg) left top !important;}

/* SLIDER */
div.outer {
	position:relative;
}
div.slider {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	overflow: hidden;
	position: absolute;
	top:0;
}

.sliderArrowLft,
.sliderArrowRgt {
	width:10px;
	display:block;
	border:1px solid #fff;
	position: absolute;
	top:0;
}
.sliderArrowLft img,
.sliderArrowRgt img {
	border:none;
}
a.sliderArrowLft:hover,
a.sliderArrowRgt:hover {
	border:1px solid #c00;
}

div.slider div.inner {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 8000px;
	position: absolute;
	left: 0;
	top: 0;
}

div.slider p {
	padding: 0;
	float: left;
}

div.slider a {
	float:left;
	border: 1px solid #FFFFFF;
	padding: 0;
	background-color: #000000;
}
div.slider a:hover {
	border: 1px solid #CC3300;
}
div.slider br {
	clear:left
}
div.slider img {
	border: 1px solid #ccc;
}
div.slider a img {
	border: none;
}
/* eof SLIDER */

.imgDIVinTextLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
}
.imgDIVinTextRight {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0;
} 
.imgDIVtopLeft { 
	margin:8px 10px 5px 20px; 
	padding:0px; 
	border:0; 
} 
.imgDIVtopCenter { 
	margin:8px -50% 5px -50%; 
	padding:0px; 
	border:0; 
}

.imgDIVblockImgLeft { 
	margin-right: 10px;
}
.imgDIVblockImgRight {
	margin-left: 10px; 
} 
.imageEntry
{
	padding:2px;
}

.phpwcmsImgListRight {
	text-align: right;
	margin: 0;
	padding: 0;
}
.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}


.phpwcmsSearchResult {
	margin: 15px 0 15px 0;
}
.phpwcmsSearchResult h3 {
	margin: 10px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
}
.phpwcmsSearchResult p {
	margin: 0;
}
.phpwcmsSearchResult em.highlight, em.highlight {
	background-color: #FFFF00;
	font-style:inherit;
}


#VisualModeIndicator {
	position:absolute;
	left:5px;
	bottom:5px;
	padding:5px;
	z-index:10000;
	background-color:#FF3300;
	color:#FFFFFF;
	border:1px solid #000000;
}

.phpwcmsArticleListEntry {
	clear: left;
}
.phpwcmsArticleListImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
}
.phpwcmsArticleListImageCaption {
	padding-top: 5px;
}