/* CSS Document */

body {
background-color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background:url(../img/weiss/top_bg.png) no-repeat center top ;

}

body, td{
font: 11px Verdana, Arial, Helvetica, sans-serifarial, georgia, sans-serif;
line-height:14px;
color:#666666;
}

#logo{
background:url(../img/weiss/hch-werbemittel_logo.png) no-repeat center center;
position:absolute;
width:363px;
height:189px;
margin-top:30px;
left:50%;
margin-left:-157px;
}

img{
border:0px;
margin:0px;
padding:0px;
}


/* LINKS */


img a{
border:0px;
}

a {
color:#237688;
text-decoration:none;
}

a:hover {
color:#237688;
text-decoration:underline;
}


a.info {
color:#000000;
text-decoration:none;
padding:4px 0px 4px 30px;
background:url(../img/info_button.png) no-repeat left center;
}

a.info:hover {
color:#237688;
text-decoration:underline;
}


a.preis {
color:#000000;
text-decoration:none;
}

a.preis:hover {
color:#237688;
text-decoration:underline;
}


#footer a {
color:#000000;
text-decoration:none;
}

#footer a:hover {
color:#237688;
text-decoration:underline;
}

input.go{
display:block;
width:15px;
height:15px;
overflow:hidden;
text-decoration:none;
border:0;
background:url(../img/weiss/go.jpg) no-repeat right center;
}

input.go:hover{
cursor:pointer;
background:url(../img/weiss/go.jpg) no-repeat left center;
}

a.go{
display:block;
width:15px;
height:15px;
overflow:hidden;
text-decoration:none;
border:0;
background:url(../img/weiss/go.jpg) no-repeat right center;
}

a.go:hover{
background:url(../img/weiss/go.jpg) no-repeat left center;
}

/* MAINMENU */

#main_menu{
height:40px;
width:900px;
margin-top:232px;
border-top:2px solid #F2F2F2;
position:absolute;
left:50%;
margin-left:-450px;
background:url(../img/menu/border-bottom.jpg) repeat-x left bottom;

}

#main_menu ul{
list-style:none;
white-space: nowrap;
margin:0 auto;
padding:0px;
padding-left:68px;
}

#main_menu li{
display:inline;
padding:0px;
text-align:center;
}

#main_menu a{
width:80px;
text-decoration:none;
color:#616161;
font-size:12px;
font-weight:normal;
line-height:40px;
display:block;
float:left;
background:none;
}

#main_menu a.B{
width:115px;}

#main_menu a.E{
width:130px;}

#main_menu a.Z{
width:90px;}

#main_menu a:hover, #main_menu li a.active {
font-weight:bold;
color:#278094;
background:url(../img/weiss/menu/mark_bg.jpg) repeat-x left top;
}


/* SHORTMENU */


#short_menu{
list-style:none;
white-space: nowrap;
margin:0 auto;
padding:0px;
margin-bottom:5px;
}

#short_menu li{
display:inline;
padding:0px;
}

#short_menu a{
text-decoration:none;
display:block;
float:right;
padding-left:8px;
margin-left:8px;
border-left:1px solid #000000;
color:#000000;
}

#short_menu a.first{
border:none;
}

#short_menu li a:hover, #short_menu li a.active {
color:#237688;
}

/* SUBMENU */


#sub_menu_1{
list-style:none;
margin:0 auto;
padding:0px;
width:190px;
overflow:hidden;
}

#sub_menu_1 li{
}

#sub_menu_1 a{
text-decoration:none;
color:#666666;
font-size:12px;
line-height:24px;
padding-left:15px;
display:block;
width:190px;
background:none;
}


#sub_menu_1 li a.active {
color:#000000;
background:url(../img/menu/sub_mark.png) no-repeat left top;
}
#sub_menu_1 li a:hover{
color:#000000;
background:url(../img/menu/sub_roll.jpg) no-repeat left top;
}



.sub_cell{
border-right:1px solid #CCCCCC;
display:table-cell;
vertical-align:top;
padding-top:30px;
width:190px;
}


.content_cell{
background:url(../img/weiss/kringel_re.png) no-repeat right top;
display:table-cell;
vertical-align:top;
padding-left:20px;
padding-top:30px;
height:300px;
}


#main{
height:auto;
background:url(../img/weiss/schein.png) no-repeat center bottom;
}

#main.balken{
background:url(../img/weiss/schein_balken.png) no-repeat center bottom;
}

#content{
width:900px;
margin:auto;
border-bottom:1px solid #CCCCCC;
padding-top:275px;
}


.fliess_1{
width:335px;
margin-left:50px;
}

.fliess_2{
margin-left:20px;
}

.head_1{
color:#237688;
font-size:18px;
line-height:20px;
}

.head_2{
color:#237688;
font-size:14px;
line-height:18px;
}

.head_3{
color:#000000;
font-size:14px;
line-height:18px;
}

.tipp_1{
background-color:#ECECEC;
width:300px;
margin-left:50px;
padding:15px;}

.tipp_2{
background-color:#ECECEC;
width:300px;
padding:15px;
margin-left:-15px;}

.bg_box{
background-color:#ECECEC;
padding:15px;
}

.art_bezeichnung{
background-color:#237688;
color:#000000;
padding:15px;
padding:5px 30px 5px 40px;
margin:0px 0px 20px -20px;}

.art_nr{
float:right;
text-align:right;
}

.art_pic{
float:right;
padding-top:30px;
width:340px;
text-align:center;
}

.art_veredelung{
width:130px;
height:18px;
}

.art_stueck{
width:90px;
color:#999999;
}

#scroll_ref{
margin-left:-20px;
margin-top:-31px;
height:140px;
width:709px;
}

#footer{
margin-top:15px;
width:900px;
text-align:center;
position:absolute;
left:50%;
margin-left:-450px;
text-align:left;
padding-bottom:20px;
}

#suche{
width:220px;
height:30px;
position:absolute;
left:50%;
top:183px;
margin-left:250px;
text-align:left;
}

.rot{
color:#990000}

.input_field{
font-size:10px;
height:11px;
float:left;
margin-right:5px;
}


/*--- form ---*/
.err_frm_fld_std{
border:1px solid red;
}


/*--- DAMIT SICH DIE DIVS UM FLOATENDE ELEMENTE AUFZIEHEN ---*/

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

    /* Holly Hack Targets IE Win only \*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
    /* End Holly Hack */
  
  

/* Inset 3D Curved */
.inset {background: transparent; width:320px; margin-left:50px}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ECECEC; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC;}
.inset .b3 {background:#ECECEC; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC;}
.inset .b4 {background:#ECECEC; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC;}
.inset .b4b {background:#ECECEC; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC;}
.inset .b3b {background:#ECECEC; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC;}
.inset .b2b {background:#ECECEC; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC;}


.inset .b1 {margin:0 5px; background:#ECECEC;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#ECECEC;}

.inset .boxcontent {display:block; background:#ECECEC; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; padding:10px;}