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

body{
	margin:0px 0 0 0;
	background-color:#ffffff;
	background-image:url('../img/bg2.gif');
	background-position:top;
	background-repeat:repeat-x;
}
body, p, h1, h2, h3, li, textarea, .poben{
  font-family:Arial, Helvetica, sans-serif;
  text-align:justify;
}

table{
	
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}


h3{
	height:18px;
	line-height:18px;
	margin:0;
	padding:0;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	letter-spacing:10px;
}

h4{
	height:18px;
	line-height:18px;
	margin:0;
	padding:0;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	letter-spacing:10px;
}

#korp{
  position:relative;
  width:100%;
  text-align:center;
}
#setter{
  position:relative;
  width:980px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}
#header{
  position:relative;
  width:980px;
  height:200px;
  background-color:#cc0000;
  background-image:url('../img/head.jpg');
  background-repeat:no-repeat;
  background-position:right;
 
}

.headerani{
margin-left: 200px;
  position:relative;
  width:780px;
  height:200px;
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:right;
 
}

  
#header #clx{
  position:absolute;
  left:200px;
  width:780px;
  height:200px;
}
#header img{
  position:absolute;
  top:0;
  left:0;
  width:200px;
  height:200px;
  background-image:url(../img/logo.gif);
}

#header h1{
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  position:absolute;
  font-weight:normal;
  right:10px;
  bottom:4px;
  line-height:20px;
  color:#F0F0F0;
  letter-spacing:1px;
  margin:0;
  padding:0;
  font-size:14px;
  text-transform:uppercase;
  
}

#flash{
  position:absolute;
    top:174;
  left:370px;
  width:390px;
  height:308px;
}

#mainav{
  position:absolute;
  top:-25px;
  right:0;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
#mainav ul{
  list-style-type:none;
  padding:0;
  margin:0;
}
#mainav li{ 
  float:left;
  padding:0;
  margin:0;
  color:#3273D0;
  line-height:25px;
  font-size:11px;
  letter-spacing:1px;
  text-transform:uppercase;
}
#mainav li.spacer{
  margin:0 10px 0 10px;
}
#mainav a{
  display:block;
  text-decoration:none;
  float:left;
  padding:0 0 0 0;
}
#mainav a:link, #mainav a:active, #mainav a:visited{
  color:#FFB400;
}
#mainav a:hover, #mainav a:focus{
  color:#E0E0E0;
}

#shadel, #shader{
  position:absolute;
  width:80px;
  height:675px;
  background-repeat:no-repeat;
  top:0;
  margin:0;
  overflow:hidden;


}
#shadel{
	left:-78px;
	background-image:url('../img/links2.jpg');

}
#shader{
  right:-80px;
  background-image:url('../img/rechts2.jpg');
}

#subheader{
  position:relative;
  width:980px;
  height:45px;
  background-image:url(../img/bbg1a.gif);
  background-repeat:repeat-x;
  overflow:hidden;
}
#subheader ul{
  position:absolute;
  left:200px;
  height:45px;
  list-style-type:none;
  margin:0;
  padding:0;
}
#subheader li{
  position:relative;
  float:left;
  margin:0;
  height:45px;
  padding:0;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  
}
#subheader li span{
  position:absolute;
  left:0;
  top:0;
  background-color:#990000;
  width:100%;
}
#subheader a{
  height:45px;
  line-height:40px;
  float:left;
  display:block;
  text-decoration:none;
  padding:0 13px 0 13px;
  background-repeat:no-repeat;
  background-position:right;
  background-image:url('../img/bbs1a.gif');
  text-transform:uppercase;
}
#subheader a:link, #subheader a:active, #subheader a:visited{
  background-image:url('../img/bbs1a.gif');
  color:#e7b53f;
  
  
}
#subheader a:hover, #subheader a:focus{
	background-image:url('../img/bbs4a.gif');
	color:#ffffff;
}
#xnum{
	position:absolute;
	top:0;
	left:0;
	width:203px;
	height:45px;
	background-image:url('../img/bbg2x.gif');
	color:#D8D8D8;
	letter-spacing:2px;
	font-size:14px;
	font-weight:normal;
	line-height:40px;
	text-align:left;
}
.xtw{
  padding-left:37px;
}
#xnum img{
  position:absolute;
  top:12px;
  left:12px;
}
.bbg2{
  position:absolute;
  height:45px;
  width:200px;
  top:0;
  left:0;
}

.bi{
  background-image:url('../img/bbs1a.gif');
  background-repeat:no-repeat;
  width:1px;
  
}


#inhalt{
  position:absolute;
  width:980px;
  top:245px;
  background-image:url('../img/ibg2.gif');
  background-repeat:repeat-y;
  text-align:left;
  margin:0;
  
}

#marginal{
	position:absolute;
	width:199px;
	height:500px;
	/*float:left;*/
  left:2px;
	top:0;
	background-image:url(../img/mbg2.gif);
	background-repeat:repeat-x;
	background-position:top;
	border-style:solid;
	border-width:0px 1px 0px 0px;
	border-color:#996600;
	;
	background-color: #efd994;
}
#marginal h3{
	line-height:29px;
	font-size:12px;
	margin:0;
	padding:0 0 0 10px;
	color:#FF9933;
	text-transform:uppercase;
	text-align:left;
	letter-spacing:1px;
}
#marginal p{
	margin:0 0 0 10px;
	padding:5px 0 5px 0;
	color:#000000;
	font-size:11px;
}

#marginal a.mehr{
	margin:0 0 0 10px;
	color:#000000;
	left:10px;
	text-align:right;
	width:190px;
	display:block;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	line-height:20px;
}
#marginal a:link, #marginal .mcont a:active, #marginal .mcont a:visited{
  color:#000;
}
#marginal .mcont a:hover, #marginal .mcont a:focus{
  color:#000;
}


#haus{
	position:absolute;
	width:199px;
	height:510px;
	/*float:left;*/
    left:0;
	top:0;
	background-image:url('../img/m2.gif');
	background-repeat:repeat-x;
	background-position:top;
	border-style:solid;
	border-width:0px 1px 0px 0px;
	border-color:#996600;
	;
	background-color: #efd994;
}
#haus h3{
	line-height:29px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0 0 0 10px;
	color:#FF9933;
	text-transform:uppercase;
	text-align:left;
	letter-spacing:1px;
}
#haus p{
	margin:0 0 0 10px;
	padding:5px 0 5px 0;
	color:#000000;
	font-size:11px;
}

#haus a.mehr{
	margin:0 0 0 9px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	left:9px;
	text-align:left;
	width:189px;
	display:block;
    background: url(../img/shade_kl.gif);
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#990000;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	line-height:22px;
}
#haus a:link, .haus .mcont a:active, .haus .mcont a:visited{
  color:#000;
}
#haus .mcont a:hover, .haus .mcont a:focus{
  color:#000;
}



#content{
  position:relative;
  width:760px;
  padding:0 0 15px 0;
  background-image:url('../img/cbg2.gif');
  background-position:top;
  margin:4 0 0 183px;
}
.mhead1{
	color:#efd994;
	font-weight:bold;
	font-size: 12px;
	position:relative;
	background-color:#990000;
	margin:0 0 0 0;
	width:200px;
	height:30px;
	background-repeat:repeat-x;
	background-position:top;
}
.mcont1{
	background-color:#efd994;
	background-image:url('../img/mcont1.gif');
	background-repeat:repeat-x;
	background-position:top;
  
}

.wetter{
	margin-top:6px;
	margin-left:18px;
	background-color:#efd994;
	background-image:url('../img/mcont1.gif');
	background-repeat:repeat-x;
	background-position:top;
  
}

.mtr {
	background-color:#efd994;
	height:5px;
	margin:0 0 10px 0;
}
.mtr img{
  width:199px;
  height:5px;
}

.ireiheA{
  position:relative;
  width:345px;
  margin:30px 0 10px 30px;
  float:left;
}
.ireiheB{
	position:relative;
	width:748px;
	clear:left;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 30px;
	height: 460px;
}

/*HOME*/

#ireiheB1, #ireiheB2, #ireiheB2x, #ireiheB4, #ireiheBx1, #ireiheBx2, #ireiheBx3, #ireiheBx4, #ireiheBx5, #ireiheBx6, #ireiheC1, #ireiheC1x, #ireiheC2, #ireiheC2x, #ireiheC3, #ireiheC3x, #ireiheC4, #ireiheC4x, #ireiheC5, #ireiheC5x, #ireiheK1, #ireiheW1{

  background-position:bottom right;
  background-repeat:no-repeat;


}
#ireiheB1{  background-image:url('../img/motiv-home2.jpg');  height:320px;}
#ireiheB2{  background-image:url('../img/motiv-home-as2.jpg');}
#ireiheB2x{ background-image:url('../img/xy.jpg');
}
.imagecontent{  
	left:800px;
	width: 400px;
	background-position:bottom left;
	background-repeat:no-repeat;
}
#ireiheB4{  background-image:url('../img/motiv-home-ref1.jpg');}
#ireiheBx1{ background-image:url('../img/motiv-leistung-webdesign2.jpg');  height:310px;}
#ireiheBx2{ background-image:url('../img/motiv-leistung-redesign1.jpg');}
#ireiheBx3{ background-image:url('../img/motiv-leistung-cms2.jpg');}
#ireiheBx4{ background-image:url('../img/motiv-leistung-onlineshop3.jpg');}
#ireiheBx5{ background-image:url('../img/motiv-leistung-seo1.jpg');}
#ireiheBx6{ background-image:url('../img/motiv-leistung-extra1.jpg');}
#ireiheC1{ background-image:url('../img/motiv-angebot10a.jpg');  height:310px;}
#ireiheC1x{ background-image:url('../img/motiv-angebot11a.jpg');  height:310px;}
#ireiheC2{ background-image:url('../img/motiv-angebot20a.jpg');}
#ireiheC2x{ background-image:url('../img/motiv-angebot21a.jpg');  height:310px;}
#ireiheC3{ background-image:url('../img/motiv-angebot30a.jpg'); }
#ireiheC3x{ background-image:url('../img/motiv-angebot31a.jpg');  height:310px;}
#ireiheC4{ background-image:url('../img/motiv-angebot40a.jpg'); }
#ireiheC4x{ background-image:url('../img/motiv-angebot41a.jpg');  height:310px;}
#ireiheC5{ background-image:url('../img/motiv-angebot50a.jpg'); }
#ireiheC5x{ background-image:url('../img/motiv-angebot51a.jpg');  height:260px;}
#ireiheK1{ background-image:url('../img/motiv-kontakt2.jpg');  height:310px; }
#ireiheW1{ background-image:url('../img/motiv-wissen2.jpg');  height:280px; }

#inhalt h1{
  font-size:18px;
  color:#04409B;
  margin:0;
  padding:0 0 0 0;
  font-weight:normal;
}
#inhalt h1 a, #inhalt h1 a:link, #inhalt h1 a:visited{
  color:#000;
}
#inhalt h1 a:hover, #inhalt h1 a:focus{
  color:#fef2c3;
}
.hdred{
  color:#990000;
}
#inhalt h2{
  font-size:12px;
  color:#000;
  margin:0;
  padding:0;
  line-height:20px;
  font-weight:normal;
}
#inhalt a{
  text-decoration:none;
}
#inhalt a:link, #inhalt a:visited, #inhalt a:active{
	color:#000000;
	font-weight: bold;
}
#inhalt a:hover, #inhalt a:focus{
  color:#000;
}
.ireiheB p, .ireiheA p{
	font-size:12px;
	line-height:17px;
	color:#000000;
	margin:15px 0 0 0;
	padding:0 30px 0 0;
}
.ireiheB ul, .ireiheA ul{
  list-style-type:square;
  margin:10px 0 0 15px;
  padding:0;
}
.ireiheB li, .ireiheA li{
  font-size:12px;
  line-height:17px;
  color:#505050;
  margin:0;
  padding:0 0 2px 0;
}
.ireiheB a span{
  color:#505050;
}
.ulOkay{
  list-style-image:url('../img/ul-okay1.gif');
  list-style-position:outside;
  padding:0;
  margin:0;
  
}
.ulOkay2{
  list-style-image:url('../img/ul-okay3.gif');
  padding:0;
  margin:0;
}
.ulOkay li, .ulOkay2 li{
  padding:2px 0 2px 8px;
  line-height:18px;
  margin:0 0 0 5px;
}
.weiterA, .weiterR{
	font-size:11px;
	display:block;
	height:25px;
	line-height:25px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bolder;
	letter-spacing:1px;
	border-style:solid;
	border-width:1px 1px 0 1px;
	border-color:#CCCCCC;
	padding:0 4px 0 4px;
	background-color:#996600;

  
}

.anfrage{
	font-size:11px;
	display:block;
	height:20px;
	line-height:20px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bolder;
	letter-spacing:1px;
	border-style:solid;
	border-width:1px 1px 0 1px;
	border-color:#CCCCCC;
	padding:0 24px 0 24px;
	background-color:#996600;

  
}

.weiterA:link, .weiterA:visited, .weiterA:active, .weiterB:link, .weiterB:active, .weiterB:visited{
  color:#033F9A;
  background-color:#FFFFCC;  
  margin-bottom:-1px;	
 
}
.weiterA:hover, .weiterA:focus, .weiterB:hover, .weiterB:focus{
  color:#B58206;
  background-color:#FFFFCC;
  margin-bottom:-1px;
}
.weiterR{
  
  padding:15px 0 5px 0;
  margin:0 0 0 0;
  font-size:13px;
  display:block;
}
.weiterA{
	position:absolute;
	bottom:0px;
	display:block;
	left: 622px;
	top: 280px;
}
.anfrage{
	position:absolute;
	bottom:0px;
	display:block;
	left: 693px;
	top: 280px;
}

.preis{
	position:absolute;
	right:158px;
	bottom:261px;
	line-height:30px;
	color:#FFFFFF;
	font-size:20px;
	background-color:#FF9A31;
	text-align:right;
	height: 200px;
	background-image: url(../img/bg-haus-rechts.gif);
  
}
.hliste{
	top: 45px;
	position:absolute;
	right:579px;
	bottom:492px;
	line-height:30px;
	color:#FFFFFF;
	font-size:20px;
	background-color:#FFFFCC;
	text-align:right;
	width:166px;
	height:156px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000000;
 
}

.hliste2{
	top: 45px;
	position:absolute;
	right:386px;
	bottom:492px;
	line-height:30px;
	color:#FFFFFF;
	font-size:20px;
	background-color:#FFFFCC;
	text-align:right;
	width:166px;
	height:156px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000000;

}
.hliste3{
	top: 45px;
	position:absolute;
	right:196px;
	bottom:492px;
	line-height:30px;
	color:#FFFFFF;
	font-size:20px;
	background-color:#FFFFCC;
	text-align:right;
	width:166px;
	height:156px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000000;

}
.hliste4{
	top: 261px;
	position:absolute;
	right:579px;
	bottom:492px;
	line-height:30px;
	color:#FFFFFF;
	font-size:20px;
	background-color:#FFFFCC;
	text-align:right;
	width:166px;
	height:156px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000000;

}

.hliste5{
	top: 261px;
	position:absolute;
	right:386px;
	bottom:492px;
	line-height:30px;
	color:#FFFFFF;
	font-size:20px;
	background-color:#FFFFCC;
	text-align:right;
	width:166px;
	height:156px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000000;

}
.hliste6{
	top: 180px;
	position:absolute;
	right:379px;
	bottom:492px;
	line-height:30px;
	color:#FFFFFF;
	font-size:20px;
	background-color:#FFFFCC;
	text-align:right;
	width:166px;
	height:156px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000000;

}
.hliste6{
	top: 261px;
	position:absolute;
	right:194px;
	bottom:492px;
	line-height:30px;
	color:#FFFFFF;
	font-size:20px;
	background-color:#FFFFCC;
	text-align:right;
	width:166px;
	height:156px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000000;

}

.hliste7{
	top: 261px;
	position:absolute;
	right:6px;
	bottom:292px;
	line-height:30px;
	color:#FFFFFF;
	font-size:20px;
	background-color:#FFFFCC;
	text-align:right;
	width:166px;
	height:156px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000000;

}

.hliste8{
	top: 45px;
	position:absolute;
	right:6px;
	bottom:292px;
	line-height:30px;
	color:#FFFFFF;
	font-size:20px;
	background-color:#FFFFCC;
	text-align:right;
	width:166px;
	height:156px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000000;

}
.poben{
  background-image:url(../img/hlistetop.gif);
  font-size:12px;
  text-transform:uppercase;
  font-weight:bold;
  letter-spacing:0px;
  color:#FF9900;
  line-height:30px;
  height:30px;
  text-align:center;
  padding-left:10px;
}
.punten{
padding: 2px 2px 2px 2px;
  top: 420px;
  text-align:center;
}
.expo{
	padding: 6 8 6 10;
	line-height: 20px;
	color:#000;
	font-size:12px;
	background-color:#FFFFCC;
	text-align:left;
	font-weight: bold;
	width:650px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#990000;

}

.expocon{
margin-left: 40px;
text-align:right;
color:#990000;
}

.expodown{
margin-left: 300px;
text-align:right;
color:#990000;
}


.pdes{
  position:absolute;
  bottom:5px;
  font-size:11px;
  right:30px;
  color:#FFFFFF;
}
#footer1{
  position:relative;
  width:980px;
  clear:left;
  background-color:#660000;
  height:40px;
  line-height:40px;
}
#footer1 p{
  font-size:11px;
  color:#000;
  text-align:center;
  padding-right:30px;
}
#footer1 a:link, #footer1 a:visited, #footer1 a:active{
	text-transform:uppercase;
  color:#ff9900;
}
#ifooter1{
  position:absolute;
  left:200px;
  height:40px;
  top:0;
    font-size:12px;
  color:#000;
  line-height:40px;
}
#valis{
  position:absolute;
  left:0;
  top:-40px;
  width:200px;
  height:40px;
  text-align:center;
}
#footer2{
  background-color:#CDD1D6;
  padding:10px 0 10px 0;
  width:980px; 
  font-size:11px;
}
#footer2 a{
  font-weight:normal;
}
#footer2 a:link, #footer2 a:visited, #footer2 a:active{
  color:#555555;
  text-decoration:none;
}
#footer2 a:hover, #footer2 a:focus{
  color:#555555;
  text-decoration:underline;
}
#footer2 p{
  color:#777777;
  font-weight:bold;
  margin:0;
  padding:0;
}
.phone{
  background-image:url('../img/phone.gif');
  background-repeat:no-repeat;
  background-position:0 1px;
  padding-left:20px;
}
.mail{
  background-image:url('../img/mail.gif');
  background-repeat:no-repeat;
  background-position:0 1px;
  padding-left:22px;
  }
  
  
.rli{
  position:relative;
  display:block;
  width:380px;
  height:230px;
  float:left;
  border-style:dashed;
  border-color:#CCCCCC;
  border-width: 0 1px 0 0;
}
.rre{
  background-image:url('../img/refbg2.jpg');
  background-position:center top;
  background-repeat:no-repeat;
  position:relative;
  width:338px;
  text-align:center;
  float:left;
  color:#666666;
  font-size:11px;
  margin-left:-1px;
  border-style:dashed;
  border-color:#CCCCCC;
  border-width: 0 0 0 1px;
  display:block;
}
.clearer{
  position:relative;
  clear:left;
  display:block;
  height:1px;
  line-height:1px;
  font-size:1px;
}


.spx{
  float:left;
  width:100px;
  height:20px;
  line-height:20px;
  display:block;
  padding: 0 0 0 10;

}

.pers{
 width:400px;
 height:20px;
  margin-left: 0px;	
  float:center;
  display:block;


}
.inp1, .inp2{
 width:200px;
 height:20px;
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
 border-color:#990000;
 border-width:2;


}

.inp3, .inp4{
  width:40px;
  height:20px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  border-color:#990000;
  border-width:2;
  background-color:#ffca6f;
  color:#444444;

}

.inp1{
  background-color:#ffca6f;
  color:#444444;
  
}

.inp2{
  background-color:#ffca6f;
  color:#000;
}

.akth{
  color:#777777;
  letter-spacing:1px;
}
.aus{
  background-image:url(../img/aus.gif);
  background-repeat:no-repeat;
  background-position:center;
  padding:2px;
}
.aus2{
  background-image:url(../img/aus2.gif);
  background-repeat:no-repeat;
  background-position:center;
  padding:2px;
  
}

.table {
	
color:#000;
	
}
.footerlink{
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
	left:230px;
	color:#000;
	font-size:10px;
	text-align:center;

}

.counter{
	text-align:center;
	margin-top: 2px;
	margin-left: 44px;
	z-index:auto;
	width: 70px;
	
}


.flashwei {
	
	margin-top: 19px;
	margin-left: 0px;
	
}
img.float-left {
  margin: 9px 25px 9px 0px;
	padding: 14px 14px 14px;
	border:#ec6e00 solid 1px;

}
.img.float-right {
  margin: 9px 25px 9px 0px;
	padding: 34px 34px 34px;
	border:#ec6e00 solid 1px;

}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }