body {
	background-color:#ededed;
	margin:0px; 
	padding:0px;
}

.horizon        
	{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}


.page{
	position: absolute;
	left:50%;
	top: -302.5px;
	width:844px;
	height:605px;
	background-color:#ededed;
	margin-left: -422px;
	font-family:Arial, Helvetica, sans-serif; color:#7f7f7f;
	font-size:12px;
	line-height:18px;
}

.left{
	float:left;
	}
	
.right{
	float:right;
	}	
	
	
.arial_11p{
	font-family:Arial, Helvetica, sans-serif; 
	color:#7f7f7f;
	font-size:11px;
}

.button{
	display:inline;
	border:0px;
}

.link_gruen a{color:#98bf00;}
.link_gruen a:hover{color:#98bf00;}
.link_gruen a:active{color:#98bf00;}
.link_gruen a:active{color:#98bf00;}

.link_grau a{color:#7f7f7f; text-decoration:none;}
.link_grau a:hover{color:#7f7f7f; text-decoration:none;}
.link_grau a:active{color:#7f7f7f; text-decoration:none;}
.link_grau a:active{color:#7f7f7f; text-decoration:none;}

.quadrat{
float:left;
margin-right:5px;
margin-bottom:45px;
margin-top:4px;
}

.liste{
line-height:20px;
list-style-image:url(../images/quadrat_gruen_10px.gif);
margin-left:9px;
padding-left:9px;
}

ul li{	
	}


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


.headline1{
	color: #000000;
	font-size:18px;
	}

.headline2{
	color: #000000;
	font-size:16px;
	}
	
.headline3{
	color: #000000;
	font-size:14px;
	font-weight:bold;
	}

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


.header{
	
	margin-left:0px;
	padding-right:23px;
	height:60px;
	border:0px;
}

/*
.logo{
	float:left;
	text-align:left;

}
*/

.mainmenu{
	float:right;
	/*margin-right:23px;*/
	margin-top:13.5px;
	height:33px;
	width:479px;
	border:0px;
	background-color: #000000;
	text-align:left;
}


.content{
	margin-left:0px;
	height:505px;
	border:0px;
}

.submenu{
	margin-left:360px;
	height:23px;
	border:0px;
}



.contentarea{
	margin-left:0px;
	background-image: url(../images/page_bg.gif);
	height:505px;
	
}

.contenttext{
	float:left;
	text-align:left;
	padding-left:79px;
	padding-top:47px;
	width:433px;
	height:380px;
	overflow:hidden;

}

.kontakttext{
	float:left;
	text-align:left;
	padding-left:79px;
	padding-top:47px;
	width:433px;
}

.contentnavi{
	position:absolute;
	float:left;
	text-align:left;
	left:79px;
	top:530px;
	width:433px;
}

.kadavision_visual{
	float:right;
	margin-top:27px;
	padding-right:35px;
}

.kontakt_visual{
	float:right;
	padding-top:85px;
	padding-right:23px;
}

.kontakt_adresse{
	position:absolute;
	top:300px;
	left:79px;
	text-align:left;
}


/*------------------------------------------------------------------------------------*/
/*HOMEPAGE*/



.homevisual{
	text-align:left;
	padding-left:79px;
	padding-top:6px;
	padding-top:6px;
	height:244px;
}

.hometext{
	float:left;
	text-align:left;
	padding-left:79px;
	margin-top:37px;
	width:410px;

}
.hometeaser{
	float:left;
	text-align:left;
	padding-left:30px;
	padding-top:37px;
	width:290px;

}

.hometeaser_trennstrich{
	float:left;
	text-align:left;
	margin-left:0px;
}


.hometeaser_headline{
	float:left;
	text-align:left;
	margin-left:20px;
	border:0px;
	color: #000000;
	font-size:14px;

}

.hometeaser_text{
	text-align:left;
	margin-left:33px;
	border:0px;

}

.hometeaser_images{
	float:left;
	text-align:left;
	margin-left:16px;
	margin-top:20px;
	text-decoration: none;
}

.adresse{
	margin-left:16px;
}

/*------------------------------------------------------------------------------------*/
/*REFERENZEN*/



.referenzen{
	float:left;
	text-align:left;
}

.referenzenthumbs{
	float:right;
	position:absolute;
	left:566px;
	top:333px;
}

.detailbild{
	position:absolute;
	left:43px;
	top:132px;
	}


.layer1{

	position:absolute;
	left:570px;
	top:131px;
	text-align:left;
	width:211px;
	font-size:11px;
	line-height:15px;

}

.thumbnavi{
	position:absolute;
	left:570px;
	top:527px;
	width:237px;
}

.detailnavi{
	
	text-align:left;
	position:absolute;
	left:43px;
	top:527px;
	width:757px;
}


/*------------------------------------------------------------------------------------*/
.beispielteaser{
	float:left;
	text-align:left;
	margin-left:41px;
	margin-top:47px;
	width:290px;

}

.beispiel_images{
	float:left;
	text-align:left;
	margin-left:20px;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#7f7f7f;
	font-size:11px;
}

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

.footer{
	
	height:20px;
	border:0px;
	margin-top:-10px;
	margin-left:23px;
	margin-right:23px;
	

}

/*
.impressum{
	float:left;
	font-size:11px;

}

.copyright{
	float:right;
	font-size:11px;

}
*/


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

.mainbtn{float:left;display:inline;border:0px;}	

.mainbtn1{float:left;display:inline;border:0px;}
.mainbtn2{float:left;border:0px;}
.mainbtn3{float:left;border:0px;}
.mainbtn4{float:left;border:0px;}
.mainbtn5{float:left;border:0px;}


.mainbtn1 a {display:block;width: 74px;height: 33px;background: url(../images/navi/btn_home.gif) 0 0 no-repeat;}
.mainbtn1 a:hover {background-position: 0 -33px;}
.mainbtn1 a:active {background-position: 0 -33px;}

.mainbtn2 a {display:block;width: 91px;height: 33px;background: url(../images/navi/btn_kadavision.gif) 0 0 no-repeat;}
.mainbtn2 a:hover {background-position: 0 -33px;}
.mainbtn2 a:active {background-position: 0 -33px;}

.mainbtn3 a {display:block;width: 132px;height: 33px;background: url(../images/navi/btn_dienstleistungen.gif) 0 0 no-repeat;}
.mainbtn3 a:hover {background-position: 0 -33px;}
.mainbtn3 a:active {background-position: 0 -33px;}

.mainbtn4 a {display:block;width: 96px;height: 33px;background: url(../images/navi/btn_referenzen.gif) 0 0 no-repeat;}
.mainbtn4 a:hover {background-position: 0 -33px;}
.mainbtn4 a:active {background-position: 0 -33px;}

.mainbtn5 a {display:block;width: 86px;height: 33px;background: url(../images/navi/btn_kontakt.gif) 0 0 no-repeat;}
.mainbtn5 a:hover {background-position: 0 -33px;}
.mainbtn5 a:active {background-position: 0 -33px;}



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

.referenzen_subbtn{float:left;border:0px;}

.referenzen_subbtn1{float:left;border:0px;}
.referenzen_subbtn2{float:left;border:0px;}
.referenzen_subbtn3{float:left;border:0px;}
.referenzen_subbtn4{float:left;border:0px;}

.referenzen_subbtn1 a {display:block;width: 90px;height: 14px;background: url(../images/navi/subnavi_druckmedien.gif) 0 0 no-repeat;}
.referenzen_subbtn1 a:hover {background-position: 0 -14px;}
.referenzen_subbtn1 a:active{background-position: 0 -14px;}

.referenzen_subbtn2 a {display:block;width: 138px;height: 14px;background: url(../images/navi/subnavi_internet.gif) 0 0 no-repeat;}
.referenzen_subbtn2 a:hover {background-position: 0 -14px;}
.referenzen_subbtn2 a:active{background-position: 0 -14px;}

.referenzen_subbtn3 a {display:block;width: 123px;height: 14px;background: url(../images/navi/subnavi_werbemittel.gif) 0 0 no-repeat;}
.referenzen_subbtn3 a:hover {background-position: 0 -14px;}
.referenzen_subbtn3 a:active{background-position: 0 -14px;}

.referenzen_subbtn4 a {display:block;width: 50px;height: 14px;background: url(../images/navi/subnavi_logos.gif) 0 0 no-repeat;}
.referenzen_subbtn4 a:hover {background-position: 0 -14px;}
.referenzen_subbtn4 a:active{background-position: 0 -14px;}




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


.weiter a {display:block;width:15px; height:15px; background: url(../images/navi/btn_weiter.gif) 0 0 no-repeat;}
.weiter a:hover {background-position: 0 -15px;}
.weiter a:active {background-position: 0 -15px;}

.zurueck a {display:block;width:15px; height:15px; background: url(../images/navi/btn_zurueck.gif) 0 0 no-repeat;}
.zurueck a:hover {background-position: 0 -15px;}
.zurueck a:active {background-position: 0 -15px;}


/*------------------------------------------------------------------------------------*/
.detail_btn {margin-right:8px;}

.detail_btn a {display:block;width:15px; height:15px; background: url(../images/navi/btn_detail.gif) 0 0 no-repeat;}
.detail_btn a:hover {background-position: 0 -15px;}
.detail_btn a:active {background-position: 0 -15px;}
.detail_btn a:focus {background-position: 0 -15px;}

.schliessen_btn a {display:block;width:15px; height:15px; background: url(../images/navi/btn_schliessen.gif) 0 0 no-repeat;}
.schliessen_btn a:hover {background-position: 0 -15px;}
.schliessen_btn a:active {background-position: 0 -15px;}

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

a.info{
 /*   position:relative; /*this is the key*/
 /*   z-index:24; background-color:#ccc;*/
 /* 	color:#7f7f7f;*/
    text-decoration:none;
	border:0px;
	display:block;
}

a.info:hover{
/*	z-index:25;*/
	filter:Alpha(opacity=50);
/*	-moz-opacity:0.5;*/
/*	outline:solid #98bf00; */
}

a.info span{
/*	display: none;*/
}

a.info:hover span{ /*the span will display just on :hover state*/
 /*   display:block;
    position:absolute;
    top:119px; 
	left:570px; 
	width:211px;
    border:0px;
    text-align: left;
	background-color:#FFFFFF;*/
}

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

a.bildwechsel{
  	color:#7f7f7f;
	border:0px;
	display:block;
}


a.bildwechsel:active{
	z-index:25;
}

a.bildwechsel span{
	display: none;
}

a.bildwechsel:active span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:122px; 
	left:43px; 
    border:0px;
	}
	
	
/*------------------------------------------------------------------------------------*/


 
#gallery a span, #gallery a strong { /* loading-Block */
   display: none;
}
 
#gallery a span em {
   display: block;
   width: 512px;
   height: 378px;
   margin-left: 18px;
   margin-top: 46px;
 
}
 

 
#gallery a:focus span, #gallery a:active span  {
   position: absolute;
   display: block;
   left: 25px;
   top: 86px;
   width: 386px;
   z-index:1;
}
 
 
#gallery a:focus strong, #gallery a:active strong  { /* loading-Block */
   position: absolute;
   display: block;
   left: 27px;
   top: 87px;
   width: 386px;
   height: 256px;
   color: #1199FF;
   font-size: 0.8em;   
}