/* DOMUMENT */
* {
	border: 0;
	margin: 0px;
	padding: 0px;
}
a, a:active, a:hover, a:focus{outline: 0;}
body {
	background-image: url(/fileadmin/images/leder.jpg); /*url(/fileadmin/images/bg_global.jpg);*/
	margin: 0px;
	text-align: center;
	padding: 0px;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 75%
}

#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 852px;
	background-color: #393529;
}

#header {
	height: 126px;
	position:relative;
}

.logo {
	text-align: left;
	float: left;
}
.thickbox{position:relative;}

.overlayImg{position:absolute;left:0;top:0px;}

* html .overlayImg{filter: alpha(opacity=85);}

.meta {text-align: right;padding-right: 110px}


/*MetaNavi in englischer Sprache
**************************************************/

#metaNavi{
	padding: 15px 110px 0 0;
}

#metaNavi li{
	display: block;
	float: right;
	padding: 2px 10px;
	font-size: 92%;
}

#metaNavi li .de{
	background: url(/fileadmin/images/navi/de.png);
	padding-right: 25px;
	background-position: 90% 0px;
	background-repeat: no-repeat;
	padding-right: 25px;
}

#metaNavi li .de:hover{
	background-image: url(/fileadmin/images/navi/dehover.png);
	background-position: 90% 0px;
	background-repeat: no-repeat;
	padding-right: 25px;
}

#metaNavi li .en{
	background-image: url(/fileadmin/images/navi/en.png);
	background-position: 90% 0px;
	background-repeat: no-repeat;
	padding-right: 25px;
}

#metaNavi li .en:hover{
	background-image: url(/fileadmin/images/navi/enhover.png);
	background-position: 90% 0px;
	background-repeat: no-repeat;
	padding-right: 25px;
}


/*.navi {text-align: left;padding-left: 160px;}*/
.navi{padding-left: 15px;padding: 75px 0 0 175px;}
.navi li{float:left; background-image: none;font-size: 92%;margin-left: 5px}


#flash {
	height: 256px;
	overflow: hidden;
}

span.important{color:#FF432F;font-size:12px;font-weight:bold;}
span.detail{font-weight: 600; font-size: 120%; margin-top: 10px; display: block;}
span.color{font-size: 120%; display: block; color:#9d9d9d;}
.flash * {
	height: 256px;
	padding: 0 !important; margin: 0 !important;
	float: right !important;
}

.spacer {
	text-align: right;
	width: 852px;
}

.body {background-color: #393529;width: 852px;}

.content {
	width: 852px;
	min-height: 350px;
	background-color: #393529;
	float: left;
}

.contentleft {
width: 186px;
text-align: left;
float: left;
margin-top: 45px;
float: left;
}


.contentright {
width: 630px;
text-align: left;
font-family: arial;
font-size: 12px;
color: #827F6E; /*#8e8a74*/
padding-top: 45px;
padding-left: 3px;
float: left;
}

.bodytext {
padding: 0px;
margin: 0px;
text-align: left;
font-size: 12px;
}


.fliess {
font-family: arial;
color: #827F6E;
font-size: 12px;
}

.fliess a:link {
font-family: arial;
color: #827F6E;
font-size: 12px;
text-decoration: none;
}

.fliess a:visited {
font-family: arial;
color: #827F6E;
font-size: 12px;
text-decoration: none;
}

.fliess a:hover {
font-family: arial;
color: #666454;
font-size: 12px;
}

.fliess a:visited:hover {
font-family: arial;
color: #666454;
font-size: 12px;
}


.subnavi {
line-height: 1.5em;
}

.subnavielement {
font-family: arial;
color: #827F6E;
font-size: 12px;
padding-left: 10px;
}

.subnavielement a:link {
	font-family: arial;
	color: #827F6E;
	font-size: 12px;
	text-decoration: none;
	padding-left: 10px;
}

.subnavielement a:hover {
	font-family: arial;
	color: #827F6E;
	font-size: 12px;
	text-decoration: none;
	background-image: url(/fileadmin/images/navi_bullet.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}

.subnavielement a:visited:hover {
font-family: arial;
color: #827F6E;
font-size: 12px;
text-decoration: none;
background-image: url(/fileadmin/images/navi_bullet.gif);
background-repeat: no-repeat;
padding-left: 10px;
}

.subnavielement a:visited {
font-family: arial;
color: #827F6E;
font-size: 12px;
text-decoration: none;
background-repeat: no-repeat;
padding-left: 10px;
}

.subnavielement a:active {
font-family: arial;
color: #827F6E;
font-size: 12px;
text-decoration: none;
background-image: url(/fileadmin/images/navi_bullet.gif);
background-repeat: no-repeat;
padding-left: 10px;

}

#subnaviactive {
font-family: arial;
color: #827F6E;
font-size: 12px;
text-decoration: none;
background-image: url(/fileadmin/images/navi_bullet.gif);
background-repeat: no-repeat;
padding-left: 10px;
}


.footer {
font-family: arial;
color: #858069;
font-size: 9px;
background-image: url(/fileadmin/images/bg_footer.gif);
background-repeat: no-repeat;
background-color: #393529;
height: 30px;
float: left;
width: 852px;
}

.footerspacer {
width: 186px;
float: left;
}

.footertext {
text-align: left;
float: left;
padding-top: 6px;
font-family: arial;
color: #858069;
font-size: 9px;
text-decoration: none;
width: 620px;
}

.footertext a:link {



font-family: arial;
color: #858069;
font-size: 9px;
text-decoration: none;
}

.footertext a:visited {

font-family: arial;
color: #858069;
font-size: 9px;
text-decoration: none;
}

.footertext a:hover {

font-family: arial;
color: #666454;
font-size: 9px;
text-decoration: none;
}

.footertext a:visited:hover {

font-family: arial;
color: #666454;
font-size: 9px;
text-decoration: none;
}

.footermeta {
float: left;
width: 45px;
padding: 0px;
margin: 0px;
text-align: left;
}


p {
padding: 0px;
margin-top: 0px;
font-size: 11px;
font-family: arial;
line-height: 1.4;
padding: 0px;
margin: 0px;
color: #8e8a74; /*#858069;*/
}


p a:link{
padding: 0px;
margin-top: 0px;
font-size: 12px;
color: #64604f;
font-family: arial;
line-height: 1.3;
padding: 0px;
margin: 0px;
text-decoration: none;
}

p a:visited{
padding: 0px;
margin-top: 0px;
font-size: 12px;
color: #64604f;
font-family: arial;
line-height: 1.3;
padding: 0px;
margin: 0px;
text-decoration: none;
}

p a:hover{
padding: 0px;
margin-top: 0px;
font-size: 12px;
color: #858069;
font-family: arial;
line-height: 1.3;
padding: 0px;
margin: 0px;
text-decoration: underline;
}

p a:visited:hover{
padding: 0px;
margin-top: 0px;
font-size: 12px;
color: #3C3C3C;
font-family: arial;
line-height: 1.3;
padding: 0px;
margin: 0px;
text-decoration: underline;
}


.c2l1-left {
padding: 0px;
margin: 0px;
text-align: left;
font-family: arial;
color: #827F6E;
border: 0px;
width: 48%;
}

.c2l1-middle {
padding: 0px;
margin: 0px;
text-align: left;
font-family: arial;
color: #827F6E;
border: 0px;
vertical-align: text-top;
padding-left: 25px;
width: 50%;
}

/* GLOBALE ELEMENTE */


/* STYLESWITCHER */
.flashheader {
position: static;
z-index: 3;
}

.off {
display: none;
width: 754px;
height: 248px;
position: relative;
}
.on { display: table; }

#switch {
z-index: 5;
position: absolute;
left: 554px;
width: 200px;
background-color: #ffffff;
filter:alpha(opacity=80);
-moz-opacity:.7;
margin:0px;
border: 1px solid white;
}
.clear{
	clear: both;
}

li, ul{
 list-style-type:none;
 color: #827F6E;
 padding: 0px;
 margin: 0px;
 font-size: 12px;
 font-weight:  normal;
 width: auto;

 }


li{
 color: #827F6E;
 background-image: url(/fileadmin/images/navi_bullet.gif);
 background-repeat: no-repeat;
 padding: 0px 0px 0px 12px;
 margin-bottom: 5px;
}

li a:link{
 display: block;
 height:18px;
 color: #827F6E;
 text-decoration: none;
 text-align:left;
}

li a:link{
 color: #827F6E;
 text-decoration: none;
}

li a:visited{
 color: #827F6E;
 text-decoration:none;
}

li a:visited:hover {
 color: #666454;
 text-decoration:none;
}

li a:hover{
 color: #666454;
 text-decoration:none;
}
li a:active{
 color: #827F6E;
 text-decoration:none;
 text-align:left;


}
li a:focus{
 color: #3B3B3B;
 text-decoration:none;
}

 /* KONTAKT  */

.inputfield {
      border: 0px solid #b0b0b0;
      height: 18px;
      width: 250px;
      margin: 0px;
      font: 12px Arial;
      color: #b2a98e;
      background-color: #625b45;
      padding-left: 3px;
}
.inputfieldsmall {
      border: 0px solid #b0b0b0;
      height: 18px;
      width: 40px;
      margin: 0px;
      font: 12px Arial;
      color: #b2a98e;
      background-color: #625b45;
      padding-left: 3px;
}
.inputfieldmed {
      border: 0px solid #b0b0b0;
      height: 18px;
      width: 202px;
      margin: 0px;
      font: 12px Arial;
      background-color: #625b45;
      color: #b2a98e;
      padding-left: 3px;
}

.messagefield {
  border: 0px solid #b0b0b0;
  height: 100px;
  width: 250px;
  margin: 0px;
  font: 12px Arial;
  background-color: #625b45;
  overflow: auto;
  color: #b2a98e;
  padding-left: 3px;
}

#searchbutton {
background-image: url(/fileadmin/images/suche_ok.gif);
background-repeat: no-repeat;
border: none;
background-color: #393529;
width: 50px;
}

h3 {

font-size: 100%;
color: #546B88;
font-family: arial;
line-height: 1.4;
margin-bottom: 0px;
}

h5 {

font-size: 12px;
font-weight: bold;
color: #42c1ef;
line-height: 1.4;
font-family: arial;
margin: 0px;
padding: 0px;
}





h1 {
	font-size: 133%;
	color: #6F6C5A;
	font-family: arial;
	line-height: 1.4;
	margin: 0px 0 1em 0;
	padding: 0px;
	font-weight: normal;
}

h2 {
	text-transform: uppercase;
	font-weight: normal;
}


/* TT NEWS */

.headline_category {
font-size: 9px;
color: #3C3C3C;
text-decoration: none;
}

.headline_category a:link {
font-size: 9px;
color: #CF4701;
text-decoration: none;
}

.headline_category a:hover {
font-size: 9px;
color: #3C3C3C;



text-decoration: none;
}

.headline_category a:visited {
font-size: 9px;
color: #CF4701;
text-decoration: none;
}

.headline_category a:visited:hover {
font-size: 9px;
color: #3C3C3C;
text-decoration: none;
}

.headline_title {
font-size:13px;
color: #0092E4;
font-weight: bold;
}

.headline_title a:link          {text-decoration: none; font-size:13px; color: #0092E4; font-weight: bold; }
.headline_title a:hover         {text-decoration: none; font-size:13px; color: #3C3C3C; font-weight: bold; }
.headline_title a:visited       {text-decoration: none; font-size:13px; color: #0092E4; font-weight: bold; }
.headline_title a:visited:hover {text-decoration: none; font-size:13px; color: #3C3C3C; font-weight: bold; }



.headline_subtitle {
font-size:11px;
color: #3C3C3C;
}

strong {margin: 0px; padding: 0px; font-weight: bold;}

.h1class  {
color: red;
}

.reflinks {
float: left;
margin-right: 10px;
}

.reflinks p {
margin-bottom: 15px;
border-bottom: 5px solid #858069;
border-width: 95%;
padding-bottom: 5px;
font-size: 11px;

}

.refrechts {
float: left;
}

.refrechts p {
margin-bottom: 15px;
border-bottom: 5px solid #858069;
border-width: 95%;
padding-bottom: 5px;
font-size: 11px;

}

div.csc-textpic-imagewrap dl {
	margin: 0 !important;
}

/* Galerie
************************************************/

div.gallery {
	width: 475px;
	overflow: hidden;

}

ul.gallery {
	width: 490px;
}

ul.gallery li {
	float: left;
	width: 230px;
	height: 350px;
	margin: 0 15px 15px 0;
	padding: 0;
	background-color: #5b564a;
	background-image: none; 
	position: relative;	
}

div.gallery li a {
	display: block;
	text-align:center;
}

div.galleryImage {
	width: 230px;
	height: 155px;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
}

div.galleryImage a {
	display: block;
	width: 230px;
	height: 155px;
}

div.galleryImage img {
}

div.galleryTitle {
	padding: 10px 10px 0 10px;
	color: #f5f5f5;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

div.galleryDescr {
	padding: 10px;
	color: #f5f5f5;
	font-size: 85%;
	line-height: 130%;
}
div.galleryConta{
	position:absolute;
	bottom: -3px;
	width: 230px;
}
div.galleryConta a{
	display:block;
	padding: 1px 0px 1px;
	height:15px;
	background: #7F7A6F;
	color:#393529;
	font-weight:bold;
}
div.galleryConta a:hover,
div.galleryConta a:active,
div.galleryConta a:focus{
	color:#fff;
	background: #9F9C95;
}
div.anfrage {
	padding: 10px 20px;
	margin: 10px 10px 0 0;
	font-size: 12px;
	line-height: 16px;
	color:#BFBDB3;
	background: #4A463B;
}
div.anfrage a{
	color: #827F6E;
	
}
div.anfrage a:hover,
div.anfrage a:active,
div.anfrage a:focus{
	color:#fff;
}

/* presseGalerie
************************************************/

#presseGalerie{margin: 5px 0 15px 0;}
#presseGalerie li {float:left;width: 90px; background: #5B564A !important; padding:0; margin:0 10px 10px 0;}

#presseGalerie li .pressImage{width: 90px; overflow:hidden !important; position:relative; height: 100px;}
#presseGalerie li .pressConta{height: 25px; overflow:hidden;}
#presseGalerie li .pressConta a{text-align:center;display: block; padding: 5px; color:#393529;}
#presseGalerie li .pressConta a:hover{background: #9F9C95 none repeat scroll 0 0; color:#fff;}

/* Hersteller Liste
************************************************/
.tx-wtdirectory-pi1{margin-top: 10px;}

.wtdirectory_filter_abc{padding: 10px 0;font-size: 100%;clear:both;}
.wtdirectory_filter_abc a, .wtdirectory_filter_abc a:visited{color:#827F6E}
.wtdirectory_filter_abc a:hover, .wtdirectory_filter_abc a:active{color:#fff;}
.wtdirectory_abc_letter {margin-right: 4px;color:#705434}
.wtdirectory_abc_letter a{color:#827F6E}

.wtdirectory_list{margin-top: 10px;}
.wtdirectory_list li{background:none; padding: 0 5px; border-left: 5px solid #625b45; margin-bottom: 10px;font-weight:bold;}
.wtdirectory_list li a{font-weight:normal; margin-top: 2px;display:block; width: auto;height: auto;}

.wtdirectory_all_div h2{font-size: 100%;}
.wt_directory_icon_www{display:none;}

.wtdirectory_pagebrowser {padding-top: 5px; }
.wt_directory_pagebrowser li {float:left;list-style-type: none;background:none;padding-left: 0;margin-right: 10px;}

.wtdirectory_filter_search, .wtdirectory_filter_cat{float:left;width: 50%;}
.wtdirectory_filter_search h2, .wtdirectory_filter_cat h2{font-size: 100%;margin-bottom: 5px;}

.wtdirectory_filter_search input.button {width:40px;text-indent:-9999px;background: url(http://www.hansgbock.de/fileadmin/images/suche_ok.gif) right no-repeat;}
.wtdirectory_filter_search input{float:left;background:#625B45; padding: 2px;color:#B2A98E}
.wtdirectory_filter_search label{display:none;}

/* Störer
************************************************/
#stoerer a, #stoerer a:hover, #stoerer a:focus, #stoerer a:active{behavior: url("/fileadmin/css/iepngfix.htc"); }
#stoerer a{zoom:1;text-decoration:none;cursor:pointer;display:block;background: url(/fileadmin/images/angebotStoerer.png) no-repeat; height:165px; width:110px; overflow:hidden; position:absolute; z-index: 9999; top: 0; right: 0;}
#stoerer a:hover, #stoerer a:focus, #stoerer a:active{background-position: 0 -170px}


/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {	height: 1%; }

.clearfix { display: block; }
/* End hide from IE-mac */



/* Kontaktformular
************************************************/

form{
	padding-bottom: 25px;
}

label {
	display: block;
	color: #546B88;
	line-height: 120%;
}

.small {
	font-size: 92%; 
	color:#546B88;
	margin-bottom: .5em;
}

textarea.form {
	font-family: inherit;
	font-size: 110%;
	
}

p label {
	float: left;
	display: inline;
	width: 110px;
	padding-top: 5px;
	font-size: 100%;
	padding-right: 10px;
}

p label span {
	float: left;
	display: inline;
}

.form {
	margin: 2px;
	padding: 5px;
	width: 300px;
	border: 1px solid #546B88;
	color: #5B565C;
} 

p.labelWidth, legend.labelWidth { padding-left: 112px;}


form ol.error li {
	color: red;
}


/*Button
 ***********************************************/

form p.labelWidth input.redButton {
	border: 1px solid #546B88;
	background-color: #fff;
	color: #5B565C;
	padding: 5px;
	margin-left:10px;
}

form p.labelWidth input.redButton:hover {
	background: #546B88;
	color: #fff;
}

form p.labelWidth input.redButton:active {
	background: #546B88;
	color: #fff;
}

a.redButton:link, a.redButton:visited, a.redButton:hover, a.redButton:focus, a.redButton:active {
	background-color: #546B88;
	color: #fff;
}

/*Startseite
 ***********************************************/


.colums {
	width: 660px;
	margin-top: 40px;
	float: right;
}

.teaserHeadline{
	display: block;
	margin-top: -20px;
	margin-left: 10px;
	font-size: 100%;
	color: #8E8A74;
	font-family: arial;
	padding: 0px;
	font-weight: 100;
}

.box {
	width: 180px;
	margin-right: 40px;
	float: left;
}

.box a{
	color: #8E8A74;
	text-decoration: none; 
	display: block;
	
}

.box a:hover, a:active, a:focus {
	color: #8E8A74;
	text-decoration: none;
	background-color: #26241B;
	
}

.boxContent{
	display: block;
	line-height: 1.5em;
	padding: 10px;
}

/*ImageFilm
 ***********************************************/

div.imagefilm {
	width: 93px;
	padding: 5px 0 5px 28px;
	margin: 15px 0;
	font-size: 12px;
	line-height: 16px;
	color:#BFBDB3;
	background: #4A463B;
}
div.imagefilm a{
	color: #827F6E;
	
}
div.imagefilm a:hover,
div.imagefilm a:active,
div.imagefilm a:focus{
	color:#fff;
}

/*ContentBackground
 ***********************************************/
 
.content{
	background: #393529 url(/fileadmin/images/home/bgHGBstart.jpg) no-repeat right bottom;
}


/*Referenzbilder
 ***********************************************/
 
div.csc-textpic img{
	float: left;
}


/*RefFotos
	*********************************************/
	


ul.refFotos li {
	float: left;
	width: 202px;
	height: 115px;
	margin: 0 8px 8px 0;
	padding: 0;
	background: black; 
	position: relative;	
	overflow: hidden;
}

div.refFotos li img {
	width: 202px;
	height: auto;
}

.refFotosImage {
	height: 100%;
	vertical-align: middle;
	opacity: .8;
}

.refFotosImage:hover {
	height: 100%;
	vertical-align: middle;
	opacity: 1;
}


/* Gallerie CSS.... */

.chgallery ul {
	margin: 15px 0 0 0;
	padding: 0;
	display: block;
}

.chgallery ul li {
	list-style-type: none;
	float: left;
	margin: 0 15px 15px 0;
	padding: 0;
}

.chgallery ul li a {
	height: auto;
}

.chgallery img {
	border: 4px solid #827f6c;
}

.chgallery img:hover {
	border: 4px solid #fff;
}

.chgallery .toolbar a {
	color: #827F6E;
	font-size: 130%;
	text-decoration: none;
}

.chgallery .toolbar a:hover {
	text-decoration: underline;
}

.chgallery .prev {
	float: left;
}

.chgallery .next {
	float: right;
	margin: 0 35px 20px 0;
}




.csc-textpic-imagewrap .csc-textpic-image {
	padding-bottom: 5px;
}

h2 a {
	color: #827F6E;
	text-decoration: none;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	padding-right: 10px;
}