/*
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

      default.css | Basic StyleSheets
      Version:	1.0
      Autor:	Matthias Silling
      E-Mail:	mail@msilling.de
      Website:	www.msilling.de

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
body {
   background:#fff url('../_gfx/bodyBG.jpg') repeat-x left top;
	font-size:0.75em;
	font-family:arial, sans-serif;
	color:#1E347A;
   margin:auto;
   text-align:center  

}

a, a:link {
	color:#009462;
	text-decoration:underline;
}

a:visited {
	color:#009462;
	text-decoration:underline;
}

a:focus, a:hover, a:active {
	color:#009462;
	cursor:pointer;
   text-decoration:none;
}



#wrapper {
 	width:940px;
   margin:auto;
	position:relative;
   background:url('../gfx/wrapperBG.jpg') no-repeat center top;
}

#topper {
	width:100%;
   height:220px;
   margin:15px 0px 0px 0px;
   padding:0;
   color:#000;
   z-index:2;
}

#mainnav {
 	float:left;
	width:178px;
   text-align:left;
   /*
   min-height:300px;
  	height:auto !important;
  	height:300px;*/
}

.mainnav {
   border-top:3px solid #fff;
   margin:14px 0 14px 0;
   background:#3bad86;
   padding:0 0 5px 0;
}


#mainnav a,
#mainnav a:hover {
	color:#fff;
	text-decoration:none;
	display:block;
	height:100%;
	width:100%;
}

#mainnav ul {
	margin:5px 10px 10px 10px;
	width:158px;
}

#mainnav a:hover { font-weight:bold; }

#mainnav a.aktItem,
#mainnav a:hover.aktItem {
	font-weight:bold;
}


#mainnav li {
	border-bottom:1px solid #99d4c0;
	padding:5px 0 5px 5px;
}

#mainnav li.subnav { padding-bottom:0; }
#mainnav li.subnav ul {
	margin:5px 0 0 5px;
	width:auto;
}

#mainnav li.subnav li {
	border-top:1px solid #99d4c0;
	border-bottom:none;
}


#mainnav li.subnav li.prod_nav {
	padding-bottom:0;
}

#mainnav li.subnav li.prod_nav #prod_sub_nav {
	margin-left:0;
}

#mainnav li.subnav li.prod_nav #prod_sub_nav li {
	border-top-color:#6ac1a3;
	/*border-top:none;*/
}

#mainnav li.subnav li.prod_nav #prod_sub_nav li a,
#mainnav li.subnav li.prod_nav #prod_sub_nav li a:hover {
	background:url('../_gfx/ico_pdf_small.png') no-repeat left center;
	padding-left:20px

}





#content {
	position:absolute;
   z-index:4;
   left:50%;
   margin-left:-287px;
 	width:574px;
   background:url('../_gfx/content_shadow.png') no-repeat left top;
	behavior:url(./iepngfix.htc);
   color:#009462;
   /*margin:40px 0px 0px 15px;*/
   top:184px;
   margin-left:-287px; margin-right:0; margin-top:0; margin-bottom:40px
}

#innerContent {
 	width:554px;
   text-align:left;
   background:#fff url('../_gfx/content_bg.png') repeat-x left top;	
   behavior:url(./iepngfix.htc);
   position:relative;
   /*left:10px;
   top:10px;
   */
   display:inline;
   min-height:383px;
  	height:auto !important;
  	height:383px !important;
   float:left;
   line-height:1.5em; margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:0
}

#kopf_bg {
   background:url('../_gfx/3d-kopf_bg.png') no-repeat center 120px;
   min-height:510px;
  	height:auto !important;
  	height:510px !important;
	float:left;
	width:100%

}


#right {
	width:178px;
   float:right;
   margin-top:14px;
   text-align:left;
   /**/
   min-height:300px;
  	height:auto !important;
  	height:300px;
}

.teaserbox {
	width:100%;
	border-top:3px solid #fff;
	margin:0 0 14px 0;
	background:#3bad86;
	float:left;	
}

.single_image { line-height:0em; }

.innerImg {
	border:1px solid #99d4c0;
	line-height:0em;
}

.f_right {
	float:right;
}



/* choose your language
*/
#langchooser {
	margin:10px;
	font-size:1.08em;
	font-weight:bold;
	line-height:1.5em;
	float:left;
}

#langchooser li {
	font-size:0.92em;
	font-weight:normal;
}

#langchooser a,
#langchooser a:hover { color:#fff; text-decoration:none; }
#langchooser a:hover { font-weight:bold; }

.de a,
.de a:hover {
	background:url('../_gfx/deIco.gif') no-repeat left center;
	padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
}

.gb a,
.gb a:hover {
	background:url('../_gfx/gbIco.gif') no-repeat left center;
	padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
}

a.akt,
a:hover.akt {
	padding:0 0 0 20px;
	font-weight:bold;
}

span.deaktLangBT { color:#cccccc; font-size:0.81em;
	background:url('../_gfx/gbIco.gif') no-repeat left center;
	padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0 }

/* suche auf der website:
*/
#searchbox { float:left; padding:10px; }
#searchbox label { font-size:1.08em; font-weight:bold; }

#searchbox .inp_txt {
	border:1px solid #99d4c0;
	font-size:0.92em;
	background:#3bad86;
	padding:3px;
	color:#fff;
	float:left;
	width:95px;
	margin:4px 0 0 0;
}
#searchbox .bt {
	float:left;
	margin:4px 0 0 0;
	font-size:0.92em;
	border:none;
	background:#99d4c0;
	padding:3px;
	color:#079766;
	line-height:0.92em;
	font-weight:bold;
}

/*
= teaser für spruch des tages */
#sdd { background:none; }
#sdd blockquote { padding:5px 10px 10px 10px; font-style:italic; }
#sdd address { margin:0 10px 10px 10px; border-top:1px solid #99d4c0; padding:5px 0 0 0; }
.teaserbox h3 { font-size:1.08em; font-weight:bold; margin:10px 0 0 10px; }

/*
= teaser für die flash animation */
#teaserAni { border-top:3px solid #fff; line-height:0.01em; font-size:0.01em; }

/* 
= styles pageFlip teaser */
.katalogTeaser {
	padding:10px 10px 0 10px;
}

/* = produkt suche-teaser styles */
.prodSucheTeaser { width:100%; height:351px; background:url('../_images/Teaser_produktsuche.jpg') no-repeat left top; }
.prodSucheTeaser a,
.prodSucheTeaser a:hover {
	display:block;
	width:100%;
	height:100%;
}
.prodSucheTeaser span { display:none; }

.gExtra { line-height:0.01em;  font-size:0.01em;}
.gExtra h3 {
	line-height:1em;
	margin:10px;
	font-size:13px;
}

/*
= gewinnspiel mit frage teaser */
.visiHidden { display:none; }
#gewinnspielFrage {
	/*background:url(../_images/gewinnspiel.jpg) no-repeat left top #3bad86;
   min-height:276;
  	height:auto !important;
  	height:276px;*/
}


#gewinnspielFrage p { 
	margin:5px 0 10px 10px;
	color:#fff;	
	float:left;
}

.teaserbox p { color:#fff; margin:0 10px 0 10px; }


#gewinnspielFrage a.go,
#gewinnspielFrage a:hover.go {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background:url('../_gfx/ico_go.png') no-repeat left top;
	padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
}


/*
= Content Page Styles */
h1 {
	font-size:1.67em;
	font-weight:normal;   	
	border-bottom:3px solid #009462;
   	padding:17px 0px 17px 20px;
	line-height:1.2em;
	float:left;
	width:534px;
	margin:0 0 10px 0;
}

.h1_subTitel {
	display:block;
	float:left;
	font-size:0.55em;
	line-height:1.5em;
	width:500px;
}

p {
	margin:10px 20px 10px 20px;
	color:#000;	
}

#indexImg {
	position:relative;
	margin:10px 20px 10px 20px;
	float:left;
	height:378px;
	width:300px;
}

#indexImg img { position:absolute; left:0px; top:0px;
	height:378px; float:left;}
#indexImg div { position:absolute; left:20px; top:20px; color:#fff; font-weight:bold; font-size:14px;  z-index:30; 
	height:378px; float:left; }

.inlineProdNav { float:left;  font-size:0.68em; text-align:center; width:100%; margin:20px 0 20px 0; }

.bannerCon {
	width:100%;
	height:80px;
	text-align:center;
}

#banner {
	width:440px;
	height:60px;
	background:#908;
	margin:auto;
}

.stdList {
	color:#000;
	list-style-type:disc;
	margin:10px 20px 10px 20px;
}

.pg_liste {
	margin:0 20px 20px 20px;
	float:left;
}

.pg_liste li {
	width:100%;
	float:left;
	margin:5px 0 0 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #6ac1a3;
}

.pg_liste li.last { border-bottom:none; }

.textCol { 
	float:left;
	width:50%;
	margin:0 0 0 5px;
}

.pg_prodBild {
	float:right;
	width:40%;
	margin:0 20px 0 0;
	text-align:center;
}

.pg_prodBild img { behavior:url(./iepngfix.htc); }

.subTitel {
	color:#000;
	margin:30px 0 5px 0;
}

.titel {
	font-size:1.15em;
	font-weight:bold;	
	margin:0 0 5px 0;
}

.pg_liste li span.tab {
	display:block;
	float:left;
	width:130px;
}

.pg_liste li .download {
	width:261px;
	height:60px;
	margin:3px 0 0 -5px;
}
.pg_liste li .download span { display:none; }

.pg_liste li .download a,
.pg_liste li .download a:hover {
	background:url('../_gfx/button_downloadPDF-3.png') no-repeat left top;
	behavior:url(./iepngfix.htc);
	width:100%;
	height:100%;
	display:block
}

.pg_liste li .download a:hover { background-position:left bottom; }

.info { color:#000; }


.stdList li { margin:0 0 5px 20px; }

.kon_tab {
	float:left;
	display:block;
	width:100px;
}

dl {
	color:#000;
	margin:10px 0 10px 20px;
	width:534px;
}

dt {
	float:left;
	width:100px;
	margin:0 0 5px 0;
}

dd {
	float:left;
	width:434px;
	margin:0 0 5px 0;
}

dl.img_historie {
	float:left;
	width:186px;
	color:#000;
	margin:5px 10px 0px 20px;	
}

dl.img_historie img { border:1px solid #99d4c0; }

dl.img_historie dt { margin:0; }

dl.img_hist_dgtWied dd,
dl.img_historie dd {
	font-size:0.91em;
	color:#666666;
	margin:0;
	padding:0 0 0 5px;
}

dl.img_hist_dgtWied {
	float:right;
	width:300px;
	margin:5px 20px 0px 10px;
}

dl.img_hist_dgtWied img { border:1px solid #99d4c0; }

dl.img_hist_dgtWied dt { margin:0; }


#g_mapConty {
	width:514px;
	float:left;
	margin:10px 20px 10px 20px;
	border:1px solid #99d4c0;
}

#g_map { height:350px; }



/*
= styles für die seite umschlüsselungshilfe */
.umschl_bg {
	width:100%;
	float:left;
	background:url('../_images/umschluess_bg.png') no-repeat center 110px;
	behavior:url(./iepngfix.htc);
	min-height:526px;
  	height:auto !important;
  	height:526px !important
}

.pg_liste .foundAnz {
	margin:10px 0 0 0;
}

.pg_liste .foundAnz span { 
	padding:0 0 10px 5px;
}

.pg_liste .singleZeroPDF div { padding:0 0 5px 10px; width:504px; }
.pg_liste .noMatch div { padding:5px 0 5px 10px; width:504px; }
.pg_liste .noMatch {
	border-top:1px solid #6ac1a3;
}

#searchElements {
	margin:90px 0 150px 170px;
	width:160px;
}

#searchElements_results {
	margin:90px 0 30px 170px;
}


.searchGoBT {
	margin:5px 0 0 45px;
}

.searchGoBT a,
.searchGoBT a:hover {
	background:url('../_gfx/ico_go.png') no-repeat left center;
	behavior:url(./iepngfix.htc);
	padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
}

input.searchInput {
	border:1px solid #99d4c0;
	border-top:1px solid #7dad9d;
	border-left:1px solid #7dad9d;
	font-size:1.67em;
	font-weight:normal;
	color:#009462;
	width:180px;
	padding:5px;
}


/*
= styles produkt seite */
.prodUebersicht {
	margin:0 0 20px 0;
	float:left;
	position:relative;
}

.prodUebersicht li {
	width:247px;
	float:left;
	position:relative;
	border-bottom:1px solid #99d4c0;
	margin:0 0 0 20px;
}

.prodUebersicht li .img {
	float:right;
	width:40%;
	margin:20px 5px 0 0;
	text-align:center;
}

.prodUebersicht li .img img {  }

.prodUebersicht li .txt {
	float:left;
	font-size:1.3em;
	font-weight:normal;
	margin:55px 0 0 5px;
	line-height:1.5em;
	position:absolute;	
}

.prodUebersicht li .txt span { background:#fff; }



/*
= kontakt styles */
.box {
	margin:10px 0px 10px 0px;
	float:left;
	width:554px;
}

.imageBoxRight_formu {
	float:right;
	margin:0px 20px 0 0;
	width:200px;
}

.formBox .imageBoxRight_formu p { margin:0 0 17px 0; font-size:0.9em; color:#000; line-height:1.25em; }

.katalogFormu_img {
	width:80px;
	float:left;
}

.formuKatalogAuswahl {
	float:left;
	width:120px;
}

.formuKatalogAuswahl_box {
	height:125px;
	line-height:1.2em;
}


.kf_box { height:125px; }

.formuKatalogBild {
	flaot:right;
}

.formBox input, textarea {
	border:1px solid #99d4c0;
	border-top:1px solid #7dad9d;
	border-left:1px solid #7dad9d;
	padding:4px;
	font-size:0.9em;
}

.editorContent ul {
	margin-left:20px;
	color:#000;
	list-style-type:disc;
}

.editorContent ul li {
	margin-left:20px;
}




.editorContent ol {
	margin-left:20px;
	color:#000;
	list-style-type:decimal;
}

.editorContent ol li {
	margin-left:20px;
}


.formBox input.f_cb { border:none; }
.formBox p { margin-bottom:14px; }

.sendFormu {
	background:url('../_gfx/ico_sendMail.gif') no-repeat left center;
	padding-left:18px; padding-right:6px; padding-top:6px; padding-bottom:6px
}

.resetFormu {
	background:url('../_gfx/ico_resetFormu.gif') no-repeat left center;
	padding-left:18px; padding-right:6px; padding-top:6px; padding-bottom:6px 
}

textarea { font-family:arial, sans-serif; }


.small_2 { font-size:0.75em; line-height:1em; }



.hits_inna_list {
	display:block;
	float:left;
	width:20px;
	text-align:right;
}

.errorClose { display:none; }
.errorShow { display:inline; font-size:0.91em; color:#990000; font-style:italic; }




dl.img_hydraulik_rightTop {
	float:right;
	width:195px;
	margin:5px 20px 0px 10px;	
}
dl.img_hydraulik_rightTop img { border:1px solid #99d4c0; }

dl.img_hydraulik_rightTop dt { margin:0; }


.downloadPDF_katalog {
	width:261px;
	height:60px;
	margin:3px 0 0 16px;
}
.downloadPDF_katalog span { display:none; }

.downloadPDF_katalog a,
.downloadPDF_katalog a:hover {
	background:url('../_gfx/button_downloadPDF-3.png') no-repeat left top;
	behavior:url(./iepngfix.htc);
	width:100%;
	height:100%;
	display:block
}

.downloadPDF_katalog a:hover { background-position:left bottom; }


.innerImgBorder img { border:1px solid #99d4c0; }




/*
= download box für die agbs auf der impressum seite */
#agb_dl_box {
	border:1px solid #009462;
	background:#99d4c0;
	padding:0 0 0 20px;
}

#agb_dl_box a,
#agb_dl_box a:hover {
	background:url('../_gfx/ico_pdf.png') no-repeat left center;
	font-weight:bold;
	display:block; padding-left:24px; padding-right:20px; padding-top:20px; padding-bottom:20px
}


.clr {
	display:block;
	clear:both;
	font-size:.01em;
	line-height:.01em;
}


/*
= footer styles */
#footer {
	border-top:1px solid #fff;
	font-size:0.83em;
	float:left;
	width:554px;
	background:#fff;
	margin:0 10px 30px 10px; 
}

#footer ul {
	float:left;
	width:100%;
	
}

#footer ul li { float:left; margin:5px 5px 5px 5px; }
#footer ul li.rightBT { float:right; }
