@import url("/style/text.css");

/*Dies ist das basis.css von WWW.BEKO.DE mit den Grunddefinitionen fr Texte und fr Links und das Navigationssystem*/

body { margin:0px; padding:0px;   background: url(..//images/bg/bg_blu_col_long.gif); font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #000000;}
td, p {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #000000; }
.h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 20px; color: #003399; letter-spacing: 1px}
.h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;color: #003399; font-weight: bold}
.h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 16px;color: #29418C}
.pklein {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal}
.pgross {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal}
.pbold {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold}
.pboldblue {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color:#003399; font-weight: bold}
.bildtext {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color:#FFFFFF}
.ptief {  font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; vertical-align:sup;}
.submit  {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 9pt;
 font-weight : bold;
 color : #003399;
 background : #ffffff;
 border-top : solid #cccccc;
 border-bottom : solid #999999;
 border-left : solid #999999;
 border-right : solid #999999;
 border-width : 2px;
 padding : 2px;}

 a:link { text-decoration:underline; color:#333399 }
 a:visited { text-decoration:underline; color:#333399 }
 a:Hover { text-decoration:underline; color:red; }

/* externe links verweisen auf andere websites ;) */
a.extlink:link { text-decoration:underline; font-weight:normal; color:#333399; font-family: Arial, Helvetica, sans-serif; }
a.extlink:visited { text-decoration:underline; font-weight:normal; color:#333399; font-family: Arial, Helvetica, sans-serif; }
a.extlink:Hover { text-decoration:underline; font-weight:normal; color:#FF0033; font-family: Arial, Helvetica, sans-serif; }

/* interne links auf eigene websites ;) */
a.intlink:link { text-decoration:underline; font-weight:normal; color:#333399; font-family: Arial, Helvetica, sans-serif; }
a.intlink:visited { text-decoration:underline; font-weight:normal; color:#333399; font-family: Arial, Helvetica, sans-serif; }
a.intlink:Hover { text-decoration:underline; font-weight:normal; color:red; font-family: Arial, Helvetica, sans-serif; }


 a.bg:link    { text-decoration: none;  font-family: Helevetica,Arial,sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; color: #FFFFFF; background-color:#003399; }
 a.bg:Hover   { text-decoration: none;  font-family: Helevetica,Arial,sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; color:#003399; background-color: #FFFFFF; }
 a.bg:visited { text-decoration: none;  font-family: Helevetica,Arial,sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; color: #FFFFFF; background-color:#003399; }
/* style fr menues ! */
a.menu:visited { text-decoration:none; font-size: 12px; font-weight: bold; color:#003399; font-family: Arial, Helvetica, sans-serif; line-height: 24px}
a.m0:link { text-decoration:none; font-size: 14px; font-weight: bold; color:#003399; font-family: Arial, Helvetica, sans-serif; line-height: 24px}
a.m0:visited { text-decoration:none; font-size: 14px; font-weight: bold; color:#003399; font-family: Arial, Helvetica, sans-serif; line-height: 24px}
a.m0:Hover { text-decoration:none; font-size: 14px; font-weight: bold; line-height: 24px; color: red; font-family: Arial, Helvetica, sans-serif}
/* style menue stufe 1 */
a.m1:link { text-decoration:none; font-size: 14px; font-weight: bold; color:#003399; line-height: 18px; font-family: Arial, Helvetica, sans-serif}
a.m1:visited { text-decoration:none; font-size: 14px; font-weight: bold; color:#003399; line-height: 18px; font-family: Arial, Helvetica, sans-serif}
a.m1:Hover { text-decoration:none; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: red}
/* 2. Stufe */
a.m2:link { text-decoration:none; font-size: 14px; color:#003399; font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-weight: bold}
a.m2:visited { text-decoration:none; font-size: 14px; color:#003399; font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-weight: bold}
a.m2:Hover { text-decoration:none; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: red; font-weight: bold}
/* 3. Stufe */
a.m3:link { text-decoration:none; font-size: 12px; font-weight: bold; color:#003399; font-family: Arial, Helvetica, sans-serif; line-height: 18px}
a.m3:visited { text-decoration:none; font-size: 12px; font-weight: bold; color:#003399; font-family: Arial, Helvetica, sans-serif; line-height: 18px}
a.m3:Hover { text-decoration:none; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: red}
/* 3. Stufe */
a.m4:link { text-decoration:none; font-size: 12px; line-height: 18px; font-weight: normal; color:#000000}
a.m4:visited { text-decoration:none; font-size: 12px; line-height: 18px; font-weight: normal; color:#000000}
a.m4:Hover { text-decoration:none; font-size:12px; line-height: 18px; color: red; font-weight: normal;}

body {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; color: #000000}
.big1 {  font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 24px; color: #003399; font-weight: bold}
.MinibuttonDark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #003399;
	text-decoration: none;
}
.MinibuttonLight { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; font-style: normal; line-height: normal; font-weight: bolder; color: #00CCFF}
.green {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #66CC66}
.blue {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #6699CC}
.red {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #FF6633}
.pkleinblue { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal ; color: #003399}
.pblue {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #003399}
.pboldred { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold ; color: #CC0000}
.pboldblue { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold ; color: #003399}
.h0 {  font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #003399; line-height: normal}

div#dryachpinter2 a span {
   display: none;
	}

div#dryachpinter2 a:hover span {
   display: block;
   position: absolute;
	top: 400px;
	left: 0;
	width: 230px;
   padding: 5px;
   line-height: 20px;
   background: url(../images/bg/4_layer.gif);
   padding: 4px;
   border-top: 2px dotted #66ccff;
   border-bottom: 2px dotted #66ccff;
   border-left: 2px dotted #66ccff;
   border-right: 2px dotted #66ccff;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 90000;
}

 div#dryachpinter2 a:hover{
 	display: block;
	color: black;
	text-decoration: none;
 }
div#dryR a span {
   display: none;
	}

div#dryR a:hover span {
   display: block;
   position: absolute;
	top: 380px;
	left: 0px;
	width: 500px;
   height: 130px;
	background: white;
   line-height: 20px;
   padding: 4px;
   border-top: 2px dotted #66ccff;
   border-bottom: 2px dotted #66ccff;
   border-left: 2px dotted #66ccff;
   border-right: 2px dotted #66ccff;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 90000;
}

 div#dryR a:hover{
 	display: block;
	color: black;
	text-decoration: none;
 }


/*neue Styles Smarty */

#bg_allg {
	position: absolute;
	top:    0px;
	left: 0px;
    margin:0px;
    width: 760px;
    height: 90px;
    background: url('/images/bg/bg_top_allg.gif') no-repeat;
}

#bg_bekomat {
	position: absolute;
	top:    0px;
	left: 0px;
    margin:0px;
    width: 760px;
    height: 90px;
    background: url('/images/bg/bg_top_bekomat.gif') no-repeat;
}

#bg_oewamat {
	position: absolute;
	top:    0px;
	left: 0px;
    margin:0px;
    width: 760px;
    height: 90px;
    background: url('/images/bg/bg_top_oewamat.gif') no-repeat;
}

#bg_oekosorb {
	position: absolute;
	top:    0px;
	left: 0px;
    margin:0px;
    width: 760px;
    height: 90px;
    background: url('/images/bg/bg_top_oekosorb.gif') no-repeat;
}

#bg_bekosplit {
	position: absolute;
	top:    0px;
	left: 0px;
    margin:0px;
    width: 760px;
    height: 90px;
    background: url('/images/bg/bg_top_bekosplit.gif') no-repeat;
}

#bg_dry_m {
	position: absolute;
	top:    0px;
	left: 0px;
    margin:0px;
    width: 760px;
    height: 90px;
    background: url('/images/bg/bg_top_dry_m.gif') no-repeat;
}

#bg_dry_ac {
	position: absolute;
	top:    0px;
	left: 0px;
    margin:0px;
    width: 760px;
    height: 90px;
    background: url('/images/bg/bg_top_dry_ac.gif') no-repeat;
}

#bg_clearpoint {
	position: absolute;
	top:    0px;
	left: 0px;
    margin:0px;
    width: 760px;
    height: 90px;
    background: url('/images/bg/bg_top_clearpoint.gif') no-repeat;
}

#bg_bekoblizz {
	position: absolute;
	top:    0px;
	left: 0px;
    margin:0px;
    width: 760px;
    height: 90px;
    background: url('/images/bg/bg_top_bekoblizz.gif') no-repeat;
}

#bg_dry_ac_hp {
	position: absolute;
	top:    0px;
	left: 0px;
    margin:0px;
    width: 760px;
    height: 90px;
    background: url('/images/bg/bg_top_dry_ac_hp.gif') no-repeat;
}

#bg_dry_r {
	position: absolute;
	top:    0px;
	left: 0px;
    margin:0px;
    width: 760px;
    height: 90px;
    background: url('/images/bg/bg_top_dry_r.gif') no-repeat;
}

#slogan_allg {
	position: absolute;
	top:    4px;
	left: 430px;
    margin:0px;
    width: 250px;
    height: 90px;font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold ;
    color: #003399
}

#slogan {
	position: absolute;
	top:    40px;
	left: 430px;
    margin:0px;
    width: 250px;
    height: 90px;font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold ;
    color: #003399
}

#middle {
    width: 550px;
	padding: 20px;
	position: relative;
	top:21px;
	left:167px;
	z-index: 100;
	height: 100%;
}

#menuleft {
	position: absolute;
	top: 91px;
	left: -4px;
	margin: 10px;
	width: 160px;
	height: 181px;
	}

.menuposition1 {

   padding:2px;
   margin-bottom:0px;
}

.menuposition2 {

   margin-bottom:0px;
   margin-left:10px;
}

.menuposition3 {

   margin-bottom:0px;
   margin-left:18px;
}

.menuposition4 {

  margin-bottom:0px;
  margin-left:22px;


#newshead{
	border: none;
/*	border-top: 5px solid #66ccff;
	border-bottom: 5px solid #66ccff;
	*/
	color: #333399;
	font-size: 15px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	padding: 5px 10px 5px 10px;
}

#newscontent{
	background: white;
	color:black;
	font-size: 13px;
	font-weight: normal;
	padding: 0px 20px 5px 20px;
}

#newsdate{
	background: white;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}

#catname{
	position:relative;
	top: -20px;
	z-index: 100;
	font-size: 20px;
	font-weight: bold;
	background: #66ccff;
	color: #333399;
	height: 40px;
	vertical-align: middle;
	padding-left:100px;
}

#catlink{
	position: relative;
   right: 0px;
	top: -10px;
	font-size: 12px;
	font-weight: bold;
	background: #E6F7FF;
	text-align: right;
}

}

#search_list{
	font-size: 12px;
	background: #FFFFFF;
	text-align: left;
	padding: 5px;
	line-height: 15px;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}