/*
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

      default.css | Basic StyleSheets
      Version:	1.0
      Autor:	Matthias Silling
      E-Mail:	techni@concept-id.de
      Website:	www.concept-id.de

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
body {
	font-family:arial, sans-serif;
	color:#000;
   	margin:auto;
   	text-align:center;
	line-height:1.5em;
	font-size:0.75em;
}

a, a:link {
	color:#5A5A5A;
   	text-decoration:none;
}

a:visited {
	color:#5A5A5A;
   text-decoration:none;
}

a:focus, a:hover, a:active {
	color:#000;
	cursor:pointer;
   text-decoration:none;
}

a.underlineLink, a.underlineLink:link {
	color:#5A5A5A;
   text-decoration:underline;
}

a.underlineLink:visited {
	color:#5A5A5A;
   text-decoration:underline;
}

a.underlineLink:focus, a.underlineLink:hover, a.underlineLink:active {
	color:#000;
	cursor:pointer;
   text-decoration:underline;
}

#clicker {
 	position:absolute;
   left:0px;
   top:112px;
   width:20px;
   height:20px;
   z-index:20;
}

#outaWrapper {
	width:100%;
	background:url(../_gfx/masterBody_bg.gif) repeat-x top left;
   text-align:center;
}

#wrapper {
 	margin:auto;
   width:988px;
   text-align:left;
   
   position:relative;
}

#impBT {
	float:right;
	font-size:1em;
	font-weight:bold;
	margin-right:20px;
}


#impBT a
{
	color:#99cfbb;
}

#impBT a:focus, #impBT a:hover, #impBT a:active {
	color:#000;
	cursor:pointer;
   text-decoration:none;
}


#topper {
	width:100%;
	height:170px;
}

#logo_stallRing_1 {
	width:575px;
	height:113px;
	background:url(../_gfx/topper_stallRing.gif) no-repeat left top;
	float:left;
	margin:14px 0px 13px 0px;
}

#logo_stallRing_1 span { display:none; }
#logo_stallRing_1 a { width:100%; height:100%; display:block; }

.claim {
	float:right;
	width:307px;
	height:62px;
	background:url(../_gfx/claim.gif) no-repeat right top;
	margin:76px -108px 0 0;   
}

.claim span { display:none; }

#linkStart_1 {
	display:block;
	width:110px;
	height:37px;
	margin:26px 0px 0px 60px;
	float:left;
}

#linkStart_2 {
	display:block;
	width:107px;
	height:37px;
	margin:26px 0px 0px 85px;
	float:right;
}

#claimLink1,
#claimLink2,
#claimLink3 {
	float:left;
	display:block;
	height:41px;
	width:30px;
}

#claimLink1 {
	width:203px;
	margin:0px 73px 0px 0px;
}

#claimLink2 {
	width:128px;
	margin:0px 73px 0px 0px;
}

#claimLink3 {
	width:148px;
}

.mainNav {
	float:left;
}

.mainNav li {
	float:left;
	margin:0px 30px 0px 0px;
}

.mainNav li a span { display:none; }

.mainNav li a {
	display:block;
	height:29px;
	background-position:left top;
}

.mainNav li a:hover {
	background-position:left bottom;
}

.mainNav li.aktiv a,
.mainNav li.aktiv a:hover {
	background-position:left bottom;
}

.startseiteBT {
	width:78px;
	background:url(../_gfx/nav_startseiteBT.gif) no-repeat;
}

.bodensystemBT {
	width:113px;
	background:url(../_gfx/nav_bodensystemeBT.gif) no-repeat;
}

.prodUebersichtBT {
	width:134px;
	background:url(../_gfx/nav_produebersichtBT.gif) no-repeat;
}

.wirUeberUnsBT {
	width:108px;
	background:url(../_gfx/nav_wirueberunsBT.gif) no-repeat;
}

.kontaktBT {
	width:68px;
	background:url(../_gfx/nav_kontaktBT.gif) no-repeat;
}

.archivBT {
	width:59px;
	background:url(../_gfx/nav_archivBT.gif) no-repeat;
}

.logo_sonderdruckLarge {
	width:90px;
	height:45px;
	border:1px solid #898989;
	float:left;
	margin:5px 10px 20px 0;
}

.logo_sonderdruck {
	width:90px;
	height:45px;
	border:1px solid #898989;
	float:left;
	margin:5px 10px 0 0;
}


#logo_stallRing_2 {
	position:absolute;
	left:50%;
	top:24px;
	margin:0px 0px 0px 340px;
	width:130px;
	height:130px;
	background:url(../_gfx/logo_stallRing_2.png) no-repeat left top;
	behavior:url(iepngfix.htc);
}

#logo_stallRing_2 span { display:none; }
#logo_stallRing_2 a {
	display:block;
	width:100%;
	height:100%;
}


.langChooser {
	float:right;
	margin:0;
}

.langChooser li {
	float:left;
	margin:0px 0px 0px 9px;
	height:29px;
}

.langChooser a { color:#fff; text-decoration:none; }
.langChooser a:hover { color:#000; text-decoration:underline; }

.langChooser .de a,
.langChooser .de a:hover {
	background:url(../_gfx/langchooser-deBT.gif) no-repeat left top;
	padding:0;
	width:71px;
	float:left;
	display:block;
	height:29px;
	text-indent:-9999px;
}

.langChooser .gb a,
.langChooser .gb a:hover {
	background:url(../_gfx/langchooser-gbBT.gif) no-repeat left top;
	padding:0;
	width:71px;
	float:left;
	display:block;
	height:29px;
	text-indent:-9999px;
}

.langChooser .de a:hover,
.langChooser .gb a:hover { background-position:left bottom; }
/*
	= Standards
*/
p { margin:5px 0px 5px 0px; }
.clr {
	clear:both;
	display:block;
	line-height:0.01em;
	font-size:0.01em;
	width:1px;
	height:1px;
}
.left_row,
.center_row,
.right_row {
	width:292px;
	margin:22px 42px 0px 0px;
	float:left;	
	
}

.right_rowNews {
	width:357px;
	float:left;
	margin:0 42px 0px 0px;
	float:right;
}

.right_row { margin-right:0px; }

.content {
	float:left;
	width:760px;
	margin:48px 0px 0px 0px;
}

.left_row_2col,
.right_row_2col {
	width:357px;
float:left;
	margin:22px 42px 0px 0px;
}

.right_row_2col {
	margin-right:0px;
	float:right;
}

.left_row_2col_archiv,
.right_row_2col_archiv {
	width:357px;
float:left;
}

.right_row_2col_archiv {
	margin-right:0px;
	float:right;
}


.teaser_col {
	float:right;
	width:180px;
	margin:48px 0px 0px 0px;
}

h4 {
	color:#008854;
	font-size:14px;

}

.hdl_newsArt {
	width:292px;
	color:#adadad;
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	
}

.hdl_newsArtleft {
	width:175px;
	color:#adadad;
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	float:left;
	
}

.hdl_newsArtright {
	width:100px;
	float:left;
	margin:-5px 0 0 0;
	position:relative;
	
}


.newsContentBox {
	position:relative;
	float:left;
	width:298px;
}



.verlegebei {
	background:url(../_gfx/hdl_verlegebei.gif) no-repeat left top;
	text-indent:-9999px;
}

.infoLine {
	background:url(../_gfx/hdl_infoLine.gif) no-repeat left top;
text-indent:-9999px;
}

.produktinfo {
	background:url(../_gfx/hdl_produktinfo.gif) no-repeat left top;
text-indent:-9999px;
}

.imgRight {
	margin:7px 5px 10px 0px;
}

.teaserImg_center { margin:auto; }
.verlegeThumbHeizung {
	margin:0px 0px 5px 0px;

}

.geradeAbferkelThumbImg {
	margin:0px 0px 0px 25px;
}

.broschuere {
	background:url(../_gfx/hdl_stall-ring_broschuere.gif) no-repeat left top;
text-indent:-9999px;
}

.teaserItem {
	width:100%;
	margin:0px 0px 13px 0px;
	background:#99cfbb;
}

.teaserHDL {
	background:#cce7dd;
   padding:4px;
}

.teaserContent {
	padding:5px;
}

.ico_pdf {
background:url(../_gfx/ico_pdf.gif) no-repeat left center;
padding:0px 0px 0px 25px;
}

.ico_pdf_twoLine {
	background:url(../_gfx/icoPDF.jpg) no-repeat left center;
	padding-left:45px;
	text-decoration:underline;
	margin: 0 0 15px 0;
	position:relative;
	height:34px;
}

.pdfLinkListe {
	margin-top:6px;
}

.pdfLinkListe li {
line-height:1.2em;
	margin:0px 0px 6px 0px;

}

/*
	= produktübersicht
*/
#produktDetail {
	width:499px;
	height:245px;
	float:right;
	margin:0px 5px 11px 0px;
   background:#dfede4;
   overflow:show;
}

.prodBox, .prodBox_last {
	width:115px;
	height:115px;
	float:left;
	background:#dfede4;
	margin:0px 13px 13px 0px;
}
.prodBox_last { margin:0px 0px 13px 0px; }

.prodBox a,
.prodBox_last a {
	border:1px solid #dfede4;
	float:left;
	line-height:0;
}

.prodBox a:hover,
.prodBox_last a:hover {
	border:1px solid #000;
}


.druckLastNavi {
	float:left;
	margin:0; padding:0; list-style-type:none;	
}

.druckLastNavi li {
	float:left; margin:0 11px 13px 0;	
}

.druckLastNavi li.last { margin-right:0; }

.druckLastNavi li a,
.druckLastNavi li.last a {
	border:1px solid #dfede4;
	float:left;
	line-height:0;
}

.druckLastNavi li a:hover,
.druckLastNavi li.last a:hover {
	border:1px solid #000;
}


.hdl_drucklast {
	float:left;
	width:100%;
	height:20px;
	background:url(../_gfx/hdl_drucklastcheck.gif) no-repeat left top;
	margin:40px 0 5px 0;
	text-indent:-9999px;
}




newsCol_neu {
	margin-top:55px;
	background-color:#036;
}




/*
	= Startseite
*/
#startseite_extra {
	position:absolute;
	right:0px;
	bottom:0px;
	width:398px;
	height:161px;
	background:url(../_gfx/startseite_extra.jpg) no-repeat left top;
}

h2.bodensysteme {
	margin:54px 0px 0px 0px;
	width:363px;
	height:83px;
	text-indent:-9999px;
	background:url(../_gfx/hdl_bodensysteme.gif) no-repeat left top;
}

h3.aktuelles {
	margin:0px;
	width:106px;
	height:21px;
	text-indent:-9999px;
	background:url(../_gfx/hdl_aktuelles.gif) no-repeat left top;
}

sup
{
vertical-align:top;
font-size:0.6em;
}
.startseite_claim_kgh {
	margin:10px 0px 0px 0px;
	width:626px;
	height:41px;
	background:url(../_gfx/startseite_claim_kgh.gif) no-repeat left top;
}

.startseite_claim_kgh span { display:none; }


/*

	Kontakt

*/
h2#kontakt {
 	width:135px;
   height:19px;
   background:url(../_gfx/hdl_stall-ring_gmbh.gif) no-repeat left top;
   text-indent:-9999px;
}
h2#impr {
 	width:266px;
   height:19px;
   background:url(../_gfx/hdl_imp.gif) no-repeat left top;
   text-indent:-9999px;
}

.tab {
 	width:47px;
   float:left;
   display:block;
}

.kontakt_left {
 	width:171px;
   float:left;
}

.kontakt_right {
 	float:left;
   margin:20px 0px 0px 95px;
}

.kontakt_right p { margin:0px 0px 10px 0px; }
.labelitem { float:left; display:block; padding:0px 0px 0px 6px; margin:0px 0px 2px 0px; font-size:1.0em; }

input, textarea {
 	padding:4px;
   border:1px solid #cad7cf;
   border-right-color:#dfede4;
   border-bottom-color:#dfede4;
	font-family:arial, sans-serif;
	font-size:1.2em;
   width:400px;
   background:#fcfcfc;
}

textarea {
 	height:140px;
}



.teleRow {
 	width:50%;
   float:left;
}

.emailRow {
 	width:50%;
   float:right;
}

.emailRow input {
 	width:190px;
   float:right;
}

.emailRow .labelitem { margin:0px 0px 2px 5px; }

.teleRow input, .emailRow input {
 	width:190px;
   margin-bottom:15px;
}

a.formBT  {
 	padding:6px 10px 6px 10px;
   background:url(../_gfx/btBackground.gif) repeat-x left top;
   text-decoration:none;
   margin:0px 0px 0px 10px;
   border:1px solid #dfede4;
   border-right-color:#cad7cf;
   border-bottom-color:#cad7cf;
}

a:hover.formBT {
 	background-position:left bottom;
   color:#008854;
}

#def {
 	width:100%;
   height:200px;
}

#systemeApp {
 	width:100%;
   	height:710px;
	background:#456;
}
#systemeApp_730 {
 	width:100%;
   	height:1050px;
	background:#456;
}

.hdlChoosBodensystem {
	background:url(../_gfx/hdl_chooseBodensystem.gif) no-repeat left top;
	text-indent:-9999px;
	width:329px;
	height:27px;
	margin:0px 0px 25px -155px;
	position:relative;
	left:380px;	
}

.bodenSystemChooser {
	width:760px;
}

.leftBChooser {
width:307px;
float:left;
}

.rightBChooser  {
width:307px;
float:right;
}

.bs_hdl_sauen {
	background:url(../_gfx/bs_sauen_hdl.gif) no-repeat left top;
	text-indent:-9999px;
	width:307px;
	height:111px;
}

.bs_hdl_ferkel {
	background:url(../_gfx/bs_ferkel_hdl.gif) no-repeat left top;
	text-indent:-9999px;
	width:307px;
	height:111px;
}

.bs_sauen_middle, .bs_ferkel_middle {
	background:url(../_gfx/bs_sauen_middle.gif) no-repeat center top;
text-indent:-9999px;
width:307px;
height:214px;
}

.bs_ferkel_middle {
	background-image:url(../_gfx/bs_ferkel_middle.gif);
}

.bs_geradeBuchtenBT {
	width:133px;
height:149px;
background:url(../_gfx/bs_geradeBuchtenBT.gif) no-repeat left top;
float:left;
margin:0px 0px 0px 00px;
}

.bs_diagonaleBuchtenBT {
	width:132px;
height:149px;
background:url(../_gfx/bs_diagonaleBuchtenBT.gif) no-repeat left top;
float:right;
margin:0px 00px 0px 0px;
}

.bs_kunststoffBT {
	width:133px;
height:149px;
background:url(../_gfx/bs_kunststoffrosteBT.gif) no-repeat left top;
float:left;
margin:0px 0px 0px 0px;
}

.bs_kombiBoedenBT {
	width:132px;
height:149px;
background:url(../_gfx/bs_kombiBoedenBT.gif) no-repeat left top;
float:right;
margin:0px 0px 0px 0px;
}

.bs_geradeBuchtenBT a span,
.bs_diagonaleBuchtenBT a span,
.bs_kunststoffBT a span,
.bs_kombiBoedenBT a span { display:none;  }

.bs_geradeBuchtenBT a,
.bs_diagonaleBuchtenBT a,
.bs_kunststoffBT a,
.bs_kombiBoedenBT a,
.bs_geradeBuchtenBT a:hover,
.bs_diagonaleBuchtenBT a:hover,
.bs_kunststoffBT a:hover,
.bs_kombiBoedenBT a:hover { display:block; width:100%; height:100%; }

.greenBold {
	font-size:1.2em;
color:#008854;
font-weight:bold;
}

.redBold {
	font-size:1.2em;
color:#e2001a;
font-weight:bold;
}

.blackBold {
	font-size:1.2em;
color:#000;
font-weight:bold;
}

.hdl_wir_ueber_uns {
	width:461px;
height:27px;
background:url(../_gfx/hdl_wir-ueber-uns.gif) no-repeat left top;
text-indent:-9999px;
}

.wuu_left_top {
	float:left;
	width:575px;
}

.wuu_left_top p {
	line-height:1.7em;
}

.wuu_imageBox {
	width:100%;
}

.wuu_imageBox .left_row,
.wuu_imageBox .center_row,
.wuu_imageBox .right_row {
	width:33%;
	margin:20px 0px 0px 0px;
	text-align:center;
}

.wuu_imageBox .left_row img,
.wuu_imageBox .center_row img,
.wuu_imageBox .right_row img {
	border:1px solid #000;
}

.ww_right_top {	float:left; width:18%;
	background:#6AF; }

.errorClose { display:none; }
.errorShow { display:inline; font-size:0.91em; }











