@charset "utf-8";
/* CSS Document */

  
/*************
 * BASIC
 *************/ 
 
#containerIn{ width: 1034px; }
#top{ height: 94px; }
#baustoffnet{ width: 201px; height: 203px; }
#hmenuInner{ width: 1014px; height: 54px; }
#headerShadow{ height: 22px; }
#mainLeft{ width: 260px; }
#mainRight{ width: 710px; }
#newsletter{ width: 377px; height: 43px; }
#downloadcenter{ width: 1034px; }
#downloadcenterIn{ width: 190px; height: 258px;  }
#bottomTop{ height: 43px; }
.bottomLayer a, #bottomLayerSub2, #bottomLayerSub1{ width: 312px; height: 43px; }
.bottomContent{ height: 130px; }
.partner1 a{ width: 147px; height: 26px; }
.partner2 a{ width: 45px; height: 46px; }
.partner3 a{ width: 100px; height: 46px; }
.partner4 a{ width: 132px; height: 46px; }
.partner5 a{ width: 183px; height: 46px; }
.partner6 a{ width: 274px; height: 46px; }

/******************** 
 * FORMAT: Standard
 ********************/

body, h3, h2, h1, p, form, input, textarea, select, div, table, a, ul{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 140%;
	color: #666666;
	}
input, textarea, select{ color: #666666; }
body, table, td, h3, h2, h1, div, span, form {
	margin: 0px;
	padding: 0px;
	}
body{
	position: absolute;
	left: 50%;
	margin-left: -487px;
	width: 975px;
}
p{ margin: 8px 0; }

/* tables */
table.contenttable, table.anfragetable{ margin: 6px 0px; }
#content td p, #content td ul { margin: 2px 0px; font-size: 11px; }
td{ vertical-align: top; }

/* links */
a img{ border: none medium; }
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img.iconImg,div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img.iconFile {
	border: none medium;
	padding:0;
}

/* liste */
ul{ padding-left: 30px;	}
#content ul li{ padding: 2px 0px; }	
	
/********************
 * FORMAT: Layout
 ********************/


#container{ text-align:center; }
#containerIn{ margin: 0 auto; text-align:left; }
#top{ padding: 0 14px 0 16px; }
#logo{ margin-top: 28px; float: left; }
#servicemenu{ float: left; padding-left: 30px; }
#suche{ float: right; overflow:hidden; }
#button1{ margin: 47px 0 5px 0;  }
#hmenu{ padding-left: 12px; position: absolute; z-index:11; }
#main{ position: relative; z-index:10; margin-top: 49px; padding: 0 11px 0 0;   }
#mainLeft{ float: left;  }
#mainLeft h3{ margin: 47px 0 5px 0; padding: 0 0 6px 13px; border-bottom: 1px solid #E74153; }
#mainRight{ float:right;  }
#infocenter, #submenu{ padding-left: 7px; }
#bottom{ margin-top: 60px; padding: 0 14px 0 17px; }
#newsletter{ float: right; }
#formNewsl{ padding:8px 0 0 122px; }
#footer{ border-top: 3px solid #E74153; }
#footer p, #footer a{ color: #999999; }
p.footerAdresse{ padding-left: 10px; }
p.facebook{ padding-left: 5px; }
p.footerAdresse, p.facebook{ margin: 9px 0; }
#partner{ padding-left: 10px; }
#partnerIn{ padding-bottom: 30px; padding-top: 10px; }
#downloadcenter{ position: absolute; bottom: 0; overflow:hidden; z-index:999; text-align:right; }
#downloadcenterIn{ margin-bottom:-222px; margin-left:auto; text-align: left; }
#downloadcenterIn p{ padding-left: 24px; }
p.infomenu{ margin-top: 0px; }
.break{ clear: both; }

span.icon_facebook a, span.icon_ilike a{ width: 23px; height: 21px; display: block; float:left; overflow: hidden; position: relative; text-indent: -999px; }
span.icon_ilike a{ width: 50px; }

.facebook, .footerAdresse{ float: left; }
.infomenu{ float: right; }
#bottomLayerSub2 a, #bottomLayerSub1 a{ display: block; overflow: hidden; position: relative; text-indent: -999px; }
#bottomLayerSub2 a:hover, #bottomLayerSub1 a:hover{ text-decoration: none; }
#bottomLayerSub2{ float: left; }
#bottomLayerSub1{ float: left; margin-right: 1px; }
.maus, .bottomLayerHome, #downloadcenterIn, #div_search, #login_submit{ cursor: hand; cursor: pointer; }

.bottomButton{ padding: 13px 19px 10px 19px; }
.bottomContent{ padding: 0 19px; }
.bottomContentMask{ overflow: hidden; }

#baustoffLogin{ padding: 50px 24px 0 24px; }

.partner a{ display: block; float: left; margin-right: 21px; overflow: hidden; position: relative; text-indent: -999px; }
.partner-end a{ margin-right: 0px;  }

/********************
 * FORMAT: Menus
 ********************/
 
.hmenu_ul, ul.hmenu_ul, ul.submenu_ul, .infocentermenu_ul, .servicemenu_ul{
	padding: 0px;
	margin: 0px;
	list-style: none; 
}

.servicemenu_ul .servicemenu_li{ display: block; float: left; padding: 12px 18px 10px 18px; }
.servicemenu_ul .servicemenu_li{ border-right: 1px solid #E71227; }
.servicemenu_ul .first_li{ padding-left: 0px; }
.servicemenu_ul .last_li{ border: none medium; }

.infomenu .infomenu_li{ display: block; float: left; padding: 10px 13px 4px; }
.infomenu .infomenu_li{ border-right: 1px solid #E71227; }
.infomenu .infomenu_li a:hover{ text-decoration: underline; }
.infomenu .first_li{ padding-left: 0px; }
.infomenu .last_li{ border: none medium; }

.hmenu_ul .hmenu_li, .hmenu_ul .hmenu_li_active{ display: inline !important; }
.hmenu_ul .hmenu_li a,
.hmenu_ul .hmenu_li_active a{
	height: 52px;
	display: block;
	float: left;
	text-align: center;
	margin-top: 0px;
	}
.submenu_ul .submenu_li a, .submenu_ul .submenu_li_active a{
	margin-bottom: 1px;
	display: block;
	padding: 0 0 0 35px;
	}
.infocentermenu_ul .infocentermenu_li a{
	margin-bottom: 1px;
	display: block;
	padding: 2px 0 2px 35px;
	}
.infocentermenu_ul .infocentermenu_li a:hover{ text-decoration: underline; }

/********************
 * FORMAT: Bilder
 ********************/ 
 
body{
	background-color: #EEEEEE;
    background-image: url(../images/background.jpg);
    background-position: left top;
    background-repeat: repeat-x;
	}
#containerIn{
    background-image: url(../images/contInHg.png);
    background-position: 4px top;
    background-repeat: repeat-y;
	}
#div_search{
    background-image: url(../images/suche_hg.png);
    background-position: left top;
    background-repeat: no-repeat;
	}
span.icon_facebook a, span.icon_ilike a{
    background-image: url(../images/buttons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}
span.icon_ilike a{ background-position: -28px 0; }
.hmenu_ul .hmenu_li_1 a, .hmenu_ul .hmenu_li_2 a, .hmenu_ul .hmenu_li_3 a, .hmenu_ul .hmenu_li_4 a, .hmenu_ul .hmenu_li_5 a, .hmenu_ul .hmenu_li_6 a{
    background-image: url(../images/hmenu_hg.png);
    background-position:  0;
    background-repeat: no-repeat;
	}
.hmenu_ul .hmenu_li_1 a{ background-position: 0 0px; width: 145px; }
.hmenu_ul .hmenu_li_2 a{ background-position: -143px 0px; width: 179px; }
.hmenu_ul .hmenu_li_3 a{ background-position: -322px 0px; width: 179px; }
.hmenu_ul .hmenu_li_4 a{ background-position: -501px 0px; width: 179px; }
.hmenu_ul .hmenu_li_5 a{ background-position: -680px 0px; width: 179px; }
.hmenu_ul .hmenu_li_6 a{ background-position: -859px 0px; width: 143px; width: 152px; }

.hmenu_ul .hmenu_li_1 a:hover{ background-position: 0 -56px; }
.hmenu_ul .hmenu_li_2 a:hover{ background-position: -143px -56px;}
.hmenu_ul .hmenu_li_3 a:hover{ background-position: -322px -56px;}
.hmenu_ul .hmenu_li_4 a:hover{ background-position: -501px -56px;}
.hmenu_ul .hmenu_li_5 a:hover{ background-position: -680px -56px;}
.hmenu_ul .hmenu_li_6 a:hover{ background-position: -859px -56px;}

.hmenu_ul .hmenu_li_active_1 a{ background-position: 0 -56px; }
.hmenu_ul .hmenu_li_active_2 a{ background-position: -143px -56px;}
.hmenu_ul .hmenu_li_active_3 a{ background-position: -322px -56px;}
.hmenu_ul .hmenu_li_active_4 a{ background-position: -501px -56px;}
.hmenu_ul .hmenu_li_active_5 a{ background-position: -680px -56px;}
.hmenu_ul .hmenu_li_active_6 a{ background-position: -859px -56px;}

.submenu_ul .submenu_li a{
	background-color: #F9F9F9;
	background-image: url(../images/arrows.gif);
    background-position:  21px -16px;
    background-repeat: no-repeat;
	}
.submenu_ul .submenu_li a:hover, .submenu_ul .submenu_li_active a{
	background-color: #E74153;
    background-position:  21px 8px;
	}
.infocentermenu_ul .infocentermenu_li a{
	background-image: url(../images/arrows.gif);
    background-position:  21px -19px;
    background-repeat: no-repeat;
	}
#headerShadow{
	background-image: url(../images/header_shadow.png);
    background-position:  0 0;
    background-repeat: no-repeat;
	}
	
#newsletter{
	background-image: url(../images/newsletter_hg.gif);
    background-position:  0 0;
    background-repeat: no-repeat;
    }

#bottomLayerSub1 a, #bottomLayerSub2 a{
	background-image: url(../images/button1s.png);
    background-position: -312px 0;
	/* Remove: Zeile 248*/
	/*background-image: url(../images/layer_hg.png); background-position:  0px -1px;*/
    background-repeat: no-repeat;
	}
#bottomLayerSub2 a{ background-position: 0 0; }
/* Remove: Zeile 282 */
#bottomLayerSub2 a{ background-image: url(../images/layer_hg.png); background-position:  0px -1px; }
#downloadcenterIn{
	background-image: url(../images/downloadlogin_hg.png);
    background-position:  0 0;
    background-repeat: no-repeat;
	}
	
#baustoffnet{
	background-image: url(../images/baustoffnet_hg.png);
    background-position:  0 0;
    background-repeat: no-repeat;
}

.partner1 a, .partner2 a, .partner3 a, .partner4 a, .partner5 a, .partner6 a{
	background-image: url(../images/partner.jpg);
    background-position:  0 0;
    background-repeat: no-repeat;
}
.partner1 a{ background-position: 0px 0; }
.partner2 a{ background-position: -182px 0; }
.partner3 a{ background-position: -256px 0; }
.partner4 a{ background-position: -398px 0; }
.partner5 a{ background-position: -545px 0; }
.partner6 a{ background-position: -740px 0; }

.partner1 a:hover{ background-position: 0px -53px; text-decoration: none; }
.partner2 a:hover{ background-position: -182px -53px; text-decoration: none; }
.partner3 a:hover{ background-position: -256px -53px; text-decoration: none; }
.partner4 a:hover{ background-position: -398px -53px; text-decoration: none; }
.partner5 a:hover{ background-position: -545px -53px; text-decoration: none; }