/* CSS Document von www.rene-dhemant.de */

/*
        +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ +-+-+-+-+ +-+-+-+-+-+-+-+
        |M|e|d|i|e|n|g|e|s|t|a|l|t|e|r| |R|e|n|e| |D|h|e|m|a|n|t|
        +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ +-+-+-+-+ +-+-+-+-+-+-+-+
*/

/* ########################################################################## */

/* ### ALLGEMEIN + KURZER RESET ############################################# */

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body{
	padding:0; 
  margin:0;
	background-color:#FFFFFF; 
  color:#212121;
	background-image:url(images/background_menu_header.png); background-repeat:repeat-x;
	z-index: 1;
}

div, p, ul, li, a, h1, h2, h3, h4, form, label, input fieldset{ 
	padding:0; margin:0;
}
	
.spacer{
	line-height:0; font-size:0; clear:both;
}

.textoutofview {
  text-indent: -9999px;
}

/* ### ALLGEMEIN + KURZER RESET ENDE ######################################## */	

/* ### HEADER + MENU ######################################################## */
	
#header{
	width:778px; 
  position:relative;
	margin:0 auto;
	height:240px;
	/* background-image:url(images/); background-repeat:no-repeat; */
	background-position:bottom;
	z-index: 1;
}

#menu {
  z-index: 3;
}

#header ul{
	position:absolute;
	left:106px; /*97*/ /* 117 */
  top:0px;	
	list-style:none;
}
	
#header ul li{
	float:left;
	font-family:Arial, Helvetica, sans-serif; 
  font-size:11px;
	color:#a2a2a2; 
	text-align:center;
	padding: 0 5px 0 5px;
}
	
#header ul li a{
	font-family:Arial, Helvetica, sans-serif; 
  font-size:11px; 
	color:#a2a2a2;
	width:64px; 
  height:23px; 
  padding-top:34px;
	text-decoration:none; 
  display:block;
}

#header ul li.active{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; 
	background:url(images/menu_active.png);
	background-repeat: no-repeat;
	background-color: transparent;	
	background-position: top center;
	color:#ffffff; 
	width:64px; 
  height:58px; /*24*/
  padding-top:34px;
	text-decoration:none;
  font-weight: normal; 
  display:block;
	text-align:center; 
  float:left;
}
	
#header ul li a:hover{
	background:url(images/menu_hover.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: bottom center;
  color:#ffffff;
	width:64px; 
  height:24px;
}
	
.logo{
	position:absolute; 
	top:80px; 
  left: -10px;
	border: none;
	z-index: 2;
	}
	
#header h1{
	background:url(images/slogan-5.png) no-repeat; /*-*/ /*2*/ /*3*/ /*4*/
	width:574px; /*550*/ /*566*/ /*576*/ /*574*/
  height:246px;
	position:absolute;
	top:4px; 
  left:248px;
	text-indent:-4000px;
	z-index: 2;
	}
	
#header h1#startseite{
	background:url(images/slogan_startseite_normal.png) no-repeat; /*-*/ /*2*/ /*3*/ /*4*/
	width:574px; /*550*/ /*566*/ /*576*/ /*574*/
  height:246px;
	position:absolute;
	top:4px; 
  left:248px;
	text-indent:-4000px;
	z-index: 2;
	}	
	
#header h1#startseite:hover{
	background:url(images/slogan_startseite_hover.png) no-repeat; /*-*/ /*2*/ /*3*/ /*4*/
	width:574px; /*550*/ /*566*/ /*576*/ /*574*/
  height:246px;
	position:absolute;
	top:4px; 
  left:248px;
	text-indent:-4000px;
	z-index: 2;
	}	
	
#header h1#bedarfsanalyse{
	background:url(images/slogan_bedarfsanalyse_normal.png) no-repeat; /*-*/ /*2*/ /*3*/ /*4*/
	width:574px; /*550*/ /*566*/ /*576*/ /*574*/
  height:246px;
	position:absolute;
	top:4px; 
  left:248px;
	text-indent:-4000px;
	z-index: 2;
	}	
	
#header h1#bedarfsanalyse:hover{
	background:url(images/slogan_bedarfsanalyse_hover.png) no-repeat; /*-*/ /*2*/ /*3*/ /*4*/
	width:574px; /*550*/ /*566*/ /*576*/ /*574*/
  height:246px;
	position:absolute;
	top:4px; 
  left:248px;
	text-indent:-4000px;
	z-index: 2;
	}	
  
#header h1#leistungen{
	background:url(images/slogan_leistungen_normal.png) no-repeat; /*-*/ /*2*/ /*3*/ /*4*/
	width:574px; /*550*/ /*566*/ /*576*/ /*574*/
  height:246px;
	position:absolute;
	top:4px; 
  left:248px;
	text-indent:-4000px;
	z-index: 2;
	}	

#header h1#referenzen{
	background:url(images/slogan_referenzen_normal.png) no-repeat; /*-*/ /*2*/ /*3*/ /*4*/
	width:574px; /*550*/ /*566*/ /*576*/ /*574*/
  height:246px;
	position:absolute;
	top:4px; 
  left:248px;
	text-indent:-4000px;
	z-index: 2;
	}	
	
#header h1#referenzen:hover{
	background:url(images/slogan_referenzen_hover.png) no-repeat; /*-*/ /*2*/ /*3*/ /*4*/
	width:574px; /*550*/ /*566*/ /*576*/ /*574*/
  height:246px;
	position:absolute;
	top:4px; 
  left:248px;
	text-indent:-4000px;
	z-index: 2;
	}

#header h1#header-angebot{
	background:url(images/slogan_angebot_normal.png) no-repeat; /*-*/ /*2*/ /*3*/ /*4*/
	width:574px; /*550*/ /*566*/ /*576*/ /*574*/
  height:246px;
	position:absolute;
	top:4px; 
  left:248px;
	text-indent:-4000px;
	z-index: 2;
	}
	
#header h1#header-angebot-danke{
	background:url(images/slogan_angebot_hover.png) no-repeat; /*-*/ /*2*/ /*3*/ /*4*/
	width:574px; /*550*/ /*566*/ /*576*/ /*574*/
  height:246px;
	position:absolute;
	top:4px; 
  left:248px;
	text-indent:-4000px;
	z-index: 2;
	}	
	
#header h1.danke{
	background:url(images/slogan-danke.png) no-repeat; /*-*/ /*2*/ /*3*/ /*4*/
	width:574px; /*550*/ /*566*/ /*576*/ /*574*/
  height:246px;
	position:absolute;
	top:4px; 
  left:248px;
	text-indent:-2000px;
	z-index: 2;
	}	

/* ### HEADER + MENU ENDE ################################################### */

/* ### LINKER KASTEN ######################################################## */	

#container{
	width: 804px; /* 815 *//* 778 */ 
  position:relative;
	margin:0 auto; 
  padding:0 0 24px 0;
	z-index: 1;
	}	
	
#box{
	height:210px;
	float:left;
	margin-top: 10px;
	}

/* ### BEDÜRFNIS | 3er Infobox ############################################## */
	
#beduerfnis{
 	border:#9ebed7 solid 5px;
	/* background:url(images/beduerfnis.png) no-repeat top left #FFFFFF; */
	width:216px; 
  height:195px;
	margin:5px 3px 7px 3px;
	float:left; 
  color:#000000;
	padding:9px 20px 0 16px;
 	}
 	
#beduerfnis:hover{
 	border:#3c7cae solid 5px;
	/* background:url(images/beduerfnis.png) no-repeat top left #FFFFFF; */
	width:216px; 
  height:195px;
	margin:5px 3px 7px 3px;
	float:left; 
  color:#000000;
	padding:9px 20px 0 16px;
 	} 	

#beduerfnis:hover span.number{
	width:40px;
	height:40px;
	background:url(images/box-bg-active-1.png) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}

#beduerfnis p{
	background-color:#9dbdd6; 
	clear:both;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px; 
  color:#FFFFFF; 
  font-weight:bold;
	text-align:right;
	}
	
#beduerfnis p a{
	text-align:left;
	display:block; 
	background-color:#567b9e; 
  background-image:url(images/box-bg-white-spacer.png);
	background-repeat:no-repeat; 
  background-position:0px;
	padding: 0 0 0 18px; 
  line-height:12px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
	}

#beduerfnis:hover p{
	background-color:#3c7cae; 
	clear:both;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px; 
  color:#FFFFFF; 
  font-weight:bold;
	text-align:right;
}

#beduerfnis:hover a{
	text-align:left;
	display:block; 
	background-color:#17487b; 
  background-image:url(images/box-bg-white-spacer.png);
	background-repeat:no-repeat; 
  background-position:0px;
	padding:0 0 0 18px; 
  line-height:12px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
}

	
#beduerfnis h2{
	height:40px;
	/* background:url(images/box-bg.gif) repeat-x 0 9px #fff; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px; 
  color:#626262; 
  line-height:40px;
}

#beduerfnis h2 span{
	width:82px; 
  display:block; 
  background:#fff; 
	float:left; 
  color:#626262; 
	padding:0 0 0 16px;
	}
	
#beduerfnis h2 span.number{
	width:40px;
	height:40px;
	background:url(images/box-bg-noactive-1.png) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}

/* aktiver Zustand auf /beduernis */

#beduerfnis-active{
 	border:#3c7cae solid 5px;
	/* background:url(images/beduerfnis.png) no-repeat top left #FFFFFF; */
	width:216px; 
  height:195px;
	margin:5px 3px 7px 3px;
	float:left; 
  color:#000000;
	padding:9px 20px 0 16px;
 	} 	

#beduerfnis-active h2 span.number{
	width:40px;
	height:40px;
	background:url(images/box-bg-active-1.png) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}

#beduerfnis-active p{
	background-color:#3c7cae; 
	clear:both;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px; 
  color:#FFFFFF; 
  font-weight:bold;
	text-align:right;
}

#beduerfnis-active a{
	text-align:left;
	display:block; 
	background-color:#17487b; 
  background-image:url(images/box-bg-white-spacer.png);
	background-repeat:no-repeat; 
  background-position:0px;
	padding:0 0 0 18px; 
  line-height:12px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
}
#beduerfnis-active h2{
	height:40px;
	/* background:url(images/box-bg.gif) repeat-x 0 9px #fff; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px; 
  color:#626262; 
  line-height:40px;
}

#beduerfnis-active h2 span{
	width:82px; 
  display:block; 
  background:#fff; 
	float:left; 
  color:#626262; 
	padding:0 0 0 16px;
	}

/* ### BEDÜRFNIS ENDE ####################################################### */

/* ### LEISTUNG | 3er Infobox ############################################### */

#leistung{
 	border:#9ebed7 solid 5px;
	/* background:url(images/beduerfnis.png) no-repeat top left #FFFFFF; */
	width:216px; 
  height:195px;
	margin:5px 3px 7px 3px;
	float:left; 
  color:#000000;
	padding:9px 20px 0 16px;
 	}

 	
#leistung:hover{
 	border:#3c7cae solid 5px;
	/* background:url(images/beduerfnis.png) no-repeat top left #FFFFFF; */
	width:216px; 
  height:195px;
	margin:5px 3px 7px 3px;
	float:left; 
  color:#000000;
	padding:9px 20px 0 16px;
 	} 	

#leistung:hover span.number{
	width:40px;
	height:40px;
	background:url(images/box-bg-active-2.png) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}

#leistung p{
	background-color:#9dbdd6; 
	clear:both;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px; 
  color:#FFFFFF; 
  font-weight:bold;
	text-align:right;
	}	

#leistung p a{
	text-align:left;
	display:block; 
	background-color:#567b9e; 
  background-image:url(images/box-bg-white-spacer.png);
	background-repeat:no-repeat; 
  background-position:0px;
	padding:0 0 0 18px; 
  line-height:12px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
	}

#leistung:hover p{
	background-color:#3c7cae; 
	clear:both;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px; 
  color:#FFFFFF; 
  font-weight:bold;
	text-align:right;
}

#leistung:hover a{
	text-align:left;
	display:block; 
	background-color:#17487b; 
  background-image:url(images/box-bg-white-spacer.png);
	background-repeat:no-repeat; 
  background-position:0px;
	padding:0 0 0 18px; 
  line-height:12px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
}
	
#leistung h2{
	height:40px;
	/* background:url(images/box-bg.gif) repeat-x 0 9px #fff; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px; 
  color:#626262; 
  line-height:40px;
	}
	
#leistung h2 span{
	width:82px; 
  display:block; 
  background:#fff; 
	float:left; 
  color:#626262; 
	padding:0 0 0 16px;
	}
	
#leistung h2 span.number{
	width:40px;
	height:40px;
	background:url(images/box-bg-noactive-2.png) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
	}

#leistung-active{
 	border:#3c7cae solid 5px;
	/* background:url(images/beduerfnis.png) no-repeat top left #FFFFFF; */
	width:216px; 
  height:195px;
	margin:5px 3px 7px 3px;
	float:left; 
  color:#000000;
	padding:9px 20px 0 16px;
 	} 	

#leistung-active h2 span.number{
	width:40px;
	height:40px;
	background:url(images/box-bg-active-2.png) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}

#leistung-active p{
	background-color:#3c7cae; 
	clear:both;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px; 
  color:#FFFFFF; 
  font-weight:bold;
	text-align:right;
}

#leistung-active a{
	text-align:left;
	display:block; 
	background-color:#17487b; 
  background-image:url(images/box-bg-white-spacer.png);
	background-repeat:no-repeat; 
  background-position:0px;
	padding:0 0 0 18px; 
  line-height:12px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
}

#leistung-active h2{
	height:40px;
	/* background:url(images/box-bg.gif) repeat-x 0 9px #fff; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px; 
  color:#626262; 
  line-height:40px;
	}
	
#leistung-active h2 span{
	width:82px; 
  display:block; 
  background:#fff; 
	float:left; 
  color:#626262; 
	padding:0 0 0 16px;
	}

/* ### LEISTUNG ENDE ######################################################## */

/* ### ANGEBOT | 3er Infobox ################################################ */
	
#angebot{
 	border:#9ebed7 solid 5px;
	/* background:url(images/beduerfnis.png) no-repeat top left #FFFFFF; */
	width:216px; 
  height:195px;
	margin:5px 3px 7px 3px;
	float:left; 
  color:#000000;
	padding:9px 20px 0 16px;
 	}
	
#angebot:hover{
 	border:#3c7cae solid 5px;
	/* background:url(images/beduerfnis.png) no-repeat top left #FFFFFF; */
	width:216px; 
  height:195px;
	margin:5px 3px 7px 3px;
	float:left; 
  color:#000000;
	padding:9px 20px 0 16px;
 	} 	

#angebot:hover span.number{
	width:40px;
	height:40px;
	background:url(images/box-bg-active-3.png) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}

#angebot p{
	background-color:#9dbdd6; 
	clear:both;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px; 
  color:#FFFFFF; 
  font-weight:bold;
	text-align:right;
	}	

#angebot p a{
	text-align:left;
	display:block; 
	background-color:#567b9e; 
  background-image:url(images/box-bg-white-spacer.png);
	background-repeat:no-repeat; 
  background-position:0px;
	padding:0 0 0 18px; 
  line-height:12px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
	}

#angebot:hover p{
	background-color:#3c7cae; 
	clear:both;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px; 
  color:#FFFFFF; 
  font-weight:bold;
	text-align:right;
}

#angebot:hover a{
	text-align:left;
	display:block; 
	background-color:#17487b; 
  background-image:url(images/box-bg-white-spacer.png);
	background-repeat:no-repeat; 
  background-position:0px;
	padding:0 0 0 18px; 
  line-height:12px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
}	
	
#angebot h2{
	height:40px;
	/* background:url(images/box-bg.gif) repeat-x 0 9px #fff; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px; 
  color:#626262; 
  line-height:40px;
	}
	
#angebot h2 span{
	width:82px; 
  display:block; 
  background:#fff; 
	float:left; 
  color:#626262; 
	padding:0 0 0 16px;
	}
	
#angebot h2 span.number{
	width:40px;
	height:40px;
	background:url(images/box-bg-noactive-3.png) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
	}

#angebot-active{
 	border:#3c7cae solid 5px;
	/* background:url(images/beduerfnis.png) no-repeat top left #FFFFFF; */
	width:216px; 
  height:195px;
	margin:5px 3px 7px 3px;
	float:left; 
  color:#000000;
	padding:9px 20px 0 16px;
 	}

#angebot-active h2 span.number{
	width:40px;
	height:40px;
	background:url(images/box-bg-active-3.png) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
	}

#angebot-active p{
	background-color:#3c7cae; 
	clear:both;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px; 
  color:#FFFFFF; 
  font-weight:bold;
	text-align:right;
}

#angebot-active a{
	text-align:left;
	display:block; 
	background-color:#17487b; 
  background-image:url(images/box-bg-white-spacer.png);
	background-repeat:no-repeat; 
  background-position:0px;
	padding:0 0 0 18px; 
  line-height:12px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
}	
	
#angebot-active h2{
	height:40px;
	/* background:url(images/box-bg.gif) repeat-x 0 9px #fff; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px; 
  color:#626262; 
  line-height:40px;
	}
	
#angebot-active h2 span{
	width:82px; 
  display:block; 
  background:#fff; 
	float:left; 
  color:#626262; 
	padding:0 0 0 16px;
	}	
	
/* ### ANGEBOT ENDE ######################################################### */
	
strong.regular-weight {
  font-weight: normal !important;
}

p.bold-weight {
  font-weight: bold !important;
}

ul.box{
	margin-bottom:15px; 
  padding-left: 52px;
  margin-top: 5px;
	list-style:none;
	}
	
ul.box li{
	line-height:20px; 
	font-family:Arial, Helvetica, sans-serif; 
  font-size:13px;
	color:#626262;
	padding-left:5px;
	}
	
ul.box li a{
	line-height:20px; 
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:13px;
	color:#1F3400; text-decoration:none;
	}
	
ul.box li a:hover{
	background-color:#EBF8D8; color:#1F3400;
	}
	
#left-right-wrapper {
  padding: 0 0 0 3px;
}	
	
#left{
	float:left;
	width:500px; /*478*/
	padding:0px 20px 0 0px; /* padding:35px 32px 0 20px; */
  margin-top: 25px;	
	border: 5px solid #FFFFFF; /* zu Testzwecken red */
	z-index: 1;
	}
	
.textabsatz {
  background: url(images/logo_50x50.png) top left no-repeat;  
  padding: 34px 0 0 23px;
  z-index: 2;
  margin-left: -7px;
}

.textabsatz:hover {
  background: url(images/logo_50x50_hover.png) top left no-repeat;  
}	

.textabsatz:hover p.angebot-einholen {
  background-color:#3c7cae;  
}	

.textabsatz:hover p.angebot-einholen a {
  background-color:#17487b;  
  line-height: 12px;
}	

.textabsatz h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px; 
  color:#626262; 
  background:url(images/h3-line.png) 0 100% repeat-x #FFFFFF; 
	margin-bottom:15px;
	padding-bottom: 3px;
	}

.textabsatz h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px; 
  color:#7a7a7a; 
  margin-bottom:15px;
}
	
.textabsatz p{
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  line-height: 22px;
	color:#626262; 
  background-color:#FFFFFF;
  text-align: justify;
  margin-bottom: 10px;
	}
	
.textabsatz p a.normaler-textlink {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  line-height: 22px;
	color:#626262; 
  background-color:#FFFFFF;
	}	
	
.textabsatz p a.normaler-textlink:hover {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  line-height: 22px;
	color:#474747; 
  background-color:#FFFFFF;
	}
  
.textabsatz p a.hidden-textlink {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  text-decoration: none;
  line-height: 22px;
	color:#626262; 
  background-color:#FFFFFF;
	}	
	
.textabsatz p a.hidden-textlink:hover {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  text-decoration: none;
  line-height: 22px;
	color:#626262;  
  background-color:#FFFFFF;
	}  	
  
.textabsatz p a.normaler-textlink-none {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  line-height: 22px;
	color:#626262; 
	text-decoration: none;
  background-color:#FFFFFF;
	}	
	
.textabsatz p a.normaler-textlink-none:hover {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  line-height: 22px;
	color:#626262;
  text-decoration: none; 
  background-color:#FFFFFF;
	}  	

.textabsatz p a.normaler-textlink-referenzen {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  line-height: 22px;
	color:#626262; 
  background-color:#F0F0F0;
	}	
	
.textabsatz p a.normaler-textlink-referenzen:hover {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  line-height: 22px;
	color:#474747; 
  background-color:#F0F0F0;
	} 
	
.textabsatz p.angebot-einholen{
	margin:24px 0 34px 0;
	background-color:#9dbdd6; 
	clear:both;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px; 
  color:#FFFFFF; 
  font-weight:bold;
	text-align:right;
	}
	
.textabsatz p.angebot-einholen a{
	text-align:left;
	display:block; 
	background-color:#567b9e; 
  background-image:url(images/box-bg-white-spacer.png);
	background-repeat:no-repeat; 
  background-position:0px;
	padding:0 0 0 18px; 
  line-height:12px;
	width:95px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
	}

.textabsatz img{ /* Hatte nur Auswirkungen auf die Referenzen !? */
	/*margin-bottom:24px;*/
	}

.textabsatz ul {
	margin-bottom: 30px;
}

.textabsatz ul li {
	text-transform: uppercase;
}

.textabsatz ul li.leistungsteaser {
	text-transform: none;
}

.textabsatz ul li.leistungsteaser ol {
	margin-top: 5px;
}

.textabsatz ul li, ol li {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  line-height: 22px;
	color:#626262; 
	list-style-type: none;
	padding-bottom: 5px;
}

.textabsatz ul li ol li {
  text-transform: none;
}
	
.textabsatz ul li ol li.first {
  padding-top: 5px;
  margin-left: -20px;
  font-style: italic;
}	

.textabsatz ul li ol li.listenpunkt {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 40%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol.partner-dienstleister {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
}

.textabsatz ul li ol.partner-dienstleister li.listenpunkt-nordmann-Fotografie-info {
  background-image: none;
  padding-bottom: /*-15px*/ 0;
}

.textabsatz ul li ol li.listenpunkt-nordmann-Fotografie-img {
  background-image: none;
  background-position: 0px 40%;
  margin-bottom: -15px;
  padding-left: 0px;
  padding-top: 5px;
}

.textabsatz ul li ol li ol li.listenunterpunkt {
  background-image:url(images/listenunterpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 40%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.listenpunkt-bedarfsanalyse {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 10%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.listenpunkt-pflege {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 20%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.listenpunkt-quellcode {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 20%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.listenpunkt-wcag {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 20%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.listenpunkt-bitv {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 20%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.listenpunkt-sem {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 5%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.listenpunkt-seo {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 5%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.nordmannFotografie {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 5%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.listenpunkt-cms {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 20%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.listenpunkt-redesign {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 10%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.listenpunkt-vergleich {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 20%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.listenpunkt-farblich {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 20%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul li ol li.listenpunkt-247356 {
  background-image:url(images/listenpunkt.png);
	background-repeat:no-repeat; 
  background-position: 0px 20%;
  padding-bottom: 5px;
  padding-left: 15px;
}

.textabsatz ul.referenz-projekte li {
  text-transform: none;
  font-size: 12px;
  line-height: 18px;
}

.textabsatz ul.referenz-projekte li.first {
  text-transform: none;
  font-size: 12px;
  margin-bottom: -3px;
}

.textabsatz ul.referenz-projekte li.last {
  text-transform: none;
  font-size: 12px;
  margin-top: -3px;
}

.textabsatz ul.referenz-projekte li a.referenz-auszeichnungen {
  background-image: none !important;
  font-size: 12px !important;
  line-height: 18px !important;
  text-transform: none !important;
  font-weight: normal !important;
  text-decoration: underline !important;
  padding: 0px !important;
}

.textabsatz ul.referenz-projekte li a.referenz-auszeichnungen:hover {
  background-image: none !important;
  font-size: 12px !important;
  line-height: 18px !important;
  text-transform: none !important;
  font-weight: normal !important;
  text-decoration: none !important;
  padding: 0px !important;
}

.no-img-border {
  border: none;
}

span.bluebg-whitetx {
  background-color: #626262;
  color: white;
  padding: 1px 1px 1px 1px;
}

ol.seo-leistung-links {
  margin-left: -25px;
}

ol.sem-leistung-links {
  margin-left: -25px;
}
	
#left ul{
	margin: 10px 0 0 0; 
  padding:0;
	}

#left ul li{
	list-style:none;
	}
	
#left ul li a{
	background:url(images/ul_normal.png) no-repeat #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#626262; 
  font-size:14px;
	line-height:18px; 
  text-decoration:none;
	font-weight:bold; 
  text-transform:uppercase;
	padding-left:20px; 
	padding-right:4px; 
	}
	
#left ul li a:hover{
  background:url(images/ul_hover.png) no-repeat #FFFFFF;
	color:#FFFFFF; 
  background-color:#3C7CAE;
	}

#foto-mg-rene-dhemant {
  float: left;
  padding: 15px 10px 0 0; 
}

#foto-frame {
	width: 124px;
	height: 140px;
	background: url(images/foto-frame.png) no-repeat;
  float: left;
  padding: 0;
  margin-right: 10px;
  margin-bottom: 10px;	
  margin-top: 5px;
}

#foto-frame {
	width: 92px;
	height: 110px;
	padding: 15px 16px 15px 16px;
}

.preistraeger-mp2010-presse {
  float: left;
  padding: 5px 10px 0 0;
}

.preistraeger-mp2010-content {
  float: left;
  padding: 5px 10px 0 0;
}

.underline {
  text-decoration: underline;
}

.margin-left-134-px {
  margin-left: 134px;
}

.margin-left-14-px {
  margin-left: 14px;
}

.referenz-img {
  border: 5px solid #cccccc;
}

.referenz-img:hover {
  border: 5px solid #999999;
}

.img-chart-medienanalyse {
  border: none; 
  background: none; 
  float: right; 
  margin-top: -1px;
}

p.trigger {

}
p.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
p.trigger a:hover {
	color: #ccc;
}
p.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border: 1px solid #d7d7d7;
	background-color: #f0f0f0;
	overflow: hidden;
	font-size: 22px;
	width: 482px;
	clear: both;
}

h3.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(images/h2_trigger_a.gif) no-repeat;
	height: 36px;
	line-height: 36px;
	width: 450px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	float: left;
}
h3.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h3.trigger a:hover {
	color: #ccc;
}
h3.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border: 1px solid #d7d7d7;
	background-color: #f0f0f0;
	overflow: hidden;
	font-size: 22px;
	width: 482px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	background-color: #f0f0f0;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
	background-color: #f0f0f0;
}
.toggle_container .block p.no-justify {
	text-align: left;
}
.toggle_container h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #626262;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container p.fakeh4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #626262;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img .frame {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

h4.toggler {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px; 
  color:#626262; 
  text-align: center;
  border: 1px solid #626262;
  padding: 5px;
  cursor: pointer;
}

h4.toggler:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px; 
  color:#FFFFFF; 
  background-color: #3C7CAE;
  text-align: center;
  border: 1px solid #626262;
  padding: 5px;
  cursor: pointer;
}

.links-getoggelt {
  float:left; 
  width: 45%;
}

.rechts-getoggelt {
  float:right; 
  width: 45%;
}

.element {
  margin-top: 10px;
}

.element ul {
	margin-bottom: 30px;
}

.element ul li, ol li {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  line-height: 22px;
	color:#626262; 
	list-style-type: none;
	padding-bottom: 5px;
}

.element ul li ol li.first {
  padding-top: 5px;
}

.element p a.normaler-textlink {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  line-height: 22px;
	color:#626262; 
  background-color:#FFFFFF;
}	
	
.element p a.normaler-textlink:hover {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  line-height: 22px;
	color:#474747; 
  background-color:#FFFFFF;
}

/*
ol.list-style-type-square li {
  list-style-type: square;
}
*/

p.text-center {
  text-align: center;
  color: #cccccc;
}

.spacer-50 {
  margin-bottom: 50px;
}

.button-leistungsanfrage {
  background-image: url(https://www.rene-dhemant.de/images/button_leistungsanfrage.png); 
  width: 64px; 
  height: 20px; 
  background-repeat: no-repeat; 
  border: none; 
  display: block; 
  float: right;
}

/* ### ANGEBOTSFORMULAR ##################################################### */

table, tr, td, label {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  line-height: 22px;
	color:#626262; 
  background-color:#FFFFFF;
}

table.tbmain {
  margin-left: -23px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* ### ANGEBOTSFORMULAR ENDE ################################################ */
	
/* ### LINKER KASTEN ENDE ################################################### */		

/* ### RECHTER KASTEN ####################################################### */	

#right {
	position:relative;
	float:left;
	width:216px;
	margin-top:64px;
	margin-left: 11px; /*6*/
  color:#000000;
  padding: 0 20px 0 16px;
}
	
#right h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px; 
  color:#626262; 
  background:url(images/h3-line.png) 0 100% repeat-x #FFFFFF; 
	margin-bottom:15px;
  padding-bottom: 3px;
}	

#fixdiv.fixed {
  position: fixed;
  top: 10px;
  width: 216px;
}

/* ### IHR ANSPRECHPARTNER ################################################## */

#ansprechpartner {
margin-bottom: 50px;
}
	
#ansprechpartner p {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
  /*text-align: justify;*/
}	

#ansprechpartner ul {
	margin: 10px 0 10px 0; 
  padding:0;
}

#ansprechpartner ul li {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 21px;
  list-style:none;
	color:#626262; 
}

#ansprechpartner ul li a {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 21px;
  list-style:none;
	color:#626262; 
	text-decoration: none;
}

#ansprechpartner ul li a:hover {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 21px;
  list-style:none;
	color:#626262; 
	text-decoration: underline;
}

#ansprechpartner ul li#ansprechpartner-img {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 21px;
  list-style:none;
	color:#626262; 
  background:url(images/ul_ansprechpartner.png) center left no-repeat #FFFFFF;
  padding-left: 15px;
}

#ansprechpartner ul li#telefon {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 21px;
  list-style:none;
	color:#626262; 
  background:url(images/ul_telefon.png) center left no-repeat #FFFFFF;
  padding-left: 15px;
}

#ansprechpartner ul li#telefon span {
	color:#cccccc; 
}

#ansprechpartner ul li#fax {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 21px;
  list-style:none;
	color:#626262; 
  background:url(images/ul_fax.png) center left no-repeat #FFFFFF;
  padding-left: 15px;
}

#ansprechpartner ul li#fax span {
	color:#cccccc; 
}

#ansprechpartner ul li#vcard {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 21px;
  list-style:none;
	color:#626262; 
  background:url(images/ul_vcard.png) center left no-repeat #FFFFFF;
  padding-left: 15px;
}

/* ### IHR ANSPRECHPARTNER ENDE ############################################# */

/* ### KONTAKTFORMULAR SIDEBAR ############################################## */

fieldset {
  border: 1px solid #FFFFFF;
}

legend {
  display: none;
}

#kontaktformular-sidebar {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
  margin-bottom: 50px;
}

#kontaktformular-sidebar p a.normaler-textlink {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
	}	
	
#kontaktformular-sidebar p a.normaler-textlink:hover {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#474747; 
  background-color:#FFFFFF;
	}
	
#kontaktformular-sidebar p {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
  /*text-align: justify;*/
}

#kontaktformular-sidebar #kontaktformular-inputfelder {
  overflow: hidden;
  margin-left: -10px;
}

#kontaktformular-sidebar div.inputfeld {
	margin-bottom: -10px;
}

#kontaktformular-sidebar div.inputfeld label {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	color: #626262;
	background: #FFFFFF;
}

#kontaktformular-sidebar .inputbox {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	color: #626262;
	background: #FFFFFF;
	border: 1px solid #cccccc; 
	width: 90%;
}

#kontaktformular-sidebar .inputbox:hover {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	color: #626262;
	background: #FFFFFF;
	border: 1px solid #626262; 
}

#kontaktformular-sidebar .inputbox:focus {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	color: #626262;
	background: #FFFFFF;
	border: 1px solid #626262; 
}

#kontaktformular-sidebar div.button-reset-submit {
	margin-top: 10px;
}

#error-ausgabe p.fehler {
  color: #ff0000;
}
	
.button-submit {
	font-family:Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #567b9e;
}

.button-submit:hover {
	font-family:Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #17487b;
	cursor: pointer;
}

.button-loeschen {
	font-family:Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #626262;
	background-color: #d7d7d7;
}

.button-loeschen:hover {
	font-family:Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #626262;
	cursor: pointer;
}

/* ### KONTAKTFORMULAR SIDEBAR ENDE ######################################### */

/* ### TIPP HOVER HEADER #################################################### */

#preistraeger-mp2010-teaser {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
  margin-bottom: 50px;
}

#preistraeger-mp2010-teaser p a.normaler-textlink {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
	}	
	
#preistraeger-mp2010-teaser p a.normaler-textlink:hover {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#474747; 
  background-color:#FFFFFF;
	}

#preistraeger-mp2010-teaser p {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
  padding-bottom:5px;
  /*text-align: justify;*/
}

#preistraeger-mp2010-teaser img {
  padding-bottom: 10px;
}

/* ### TIPP HOVER HEADER ENDE ############################################### */

/* ### TIPP HOVER HEADER #################################################### */

#zehnprozent {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
  margin-bottom: 50px;
}

#zehnprozent p a.normaler-textlink {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
	}	
	
#zehnprozent p a.normaler-textlink:hover {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#474747; 
  background-color:#FFFFFF;
	}

#zehnprozent p {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
  padding-bottom:5px;
  /*text-align: justify;*/
}

/* ### TIPP HOVER HEADER ENDE ############################################### */

/* ### TIPP HOVER HEADER #################################################### */

#tipp-hover-header {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
  margin-bottom: 50px;
}

#tipp-hover-header p a.normaler-textlink {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
	}	
	
#tipp-hover-header p a.normaler-textlink:hover {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#474747; 
  background-color:#FFFFFF;
	}

#tipp-hover-header p {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
  /*text-align: justify;*/
}

/* ### TIPP HOVER HEADER ENDE ############################################### */

/* ### NETZWERK HEADER #################################################### */

#netzwerk {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
}

#netzwerk p a.normaler-textlink {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
	}	
	
#netzwerk p a.normaler-textlink:hover {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#474747; 
  background-color:#FFFFFF;
	}

#netzwerk p {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
  text-align: justify;
}

#netzwerk a img {
  margin: 0px 0px 5px 0px;
  border: none;
}

/* ### NETZWERK HEADER ENDE ############################################### */

/* ### KP LINK GRAFIKER HEADER ############################################## */

#kp-grafiker {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
}

#kp-grafiker p a.normaler-textlink {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
	text-decoration: none;
  background-color:#FFFFFF;
	}	
	
#kp-grafiker p a.normaler-textlink:hover {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
	text-decoration: none;
  background-color:#FFFFFF;
	}

#kp-grafiker p {
	font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  line-height: 20px;
	color:#626262; 
  background-color:#FFFFFF;
  text-align: justify;
}

/* ### KP LINK GRAFIKER HEADER ENDE ######################################### */

/* ### RECHTER KASTEN  ENDE ################################################# */

/* ### FOOTER ############################################################### */

#footer{
	clear:both;
  position:relative;
	margin:0 auto 0;
	margin-top: 50px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#a2a2a2;
	padding: 0 0 0 0;
	width: 753px;
	text-align: center;
}

#footer-hr-trenner {
  width: 752px;
  height: 57px;
  background:url(images/hr.png) no-repeat #FFFFFF;
  margin-left: -1px; /* fixing Layout */
}

#footer p{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
  color:#a2a2a2;
	text-align:center;
	padding-bottom: 5px;
}  	

/* experimentell */

#footer-list {
	float: left;
	width: 752px;
	padding: 15px 0 30px 0;
	margin: 0;	
}

/*--- links-box ---*/

.links-box {

	float: left;
	
	width: 190px;

	display: inline;

	margin: 0;

}

.links-box p {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
  color:#a2a2a2;
	padding: 0;
	font-weight: bold;
	text-align: left !important;
}

.links-box ul {

	padding: 9px 14px 4px 0; /* links 14 */
	text-align: left;
	list-style-type: none;

}

.links-box ul li {

	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
  color:#a2a2a2;
	padding: 0 0 3px 0;

}

/*--- links-box Inhalt der Webseite ---*/

.links-box-inhalt-webseite {

	float: left;
	
	width: 174px;

	display: inline;

	margin: 0;

}

.links-box-inhalt-webseite p {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
  color:#a2a2a2;
	padding: 0;
	font-weight: bold;
	text-align: left !important;
}

.links-box-inhalt-webseite ul {

	padding: 9px 14px 4px 0; /* links 14 */
	text-align: left;
	list-style-type: none;

}

.links-box-inhalt-webseite ul li {

	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
  color:#a2a2a2;
	padding: 0 0 3px 0;

}

/*--- links-box Leistungen ---*/

.links-box-leistungen {

	float: left;
	
	width: 226px;

	display: inline;

	margin: 0;

}

.links-box-leistungen p {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
  color:#a2a2a2;
	padding: 0;
	font-weight: bold;
	text-align: left !important;
}

.links-box-leistungen ul {

	padding: 9px 14px 4px 0; /* links 14 */
	text-align: left;
	list-style-type: none;

}

.links-box-leistungen ul li {

	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
  color:#a2a2a2;
	padding: 0 0 3px 0;

}

/*--- links-box Besuchen Sie auch ---*/

.links-box-besuchen-sie-auch {

	float: left;
	
	width: 177px;

	display: inline;

	margin: 0;

}

.links-box-besuchen-sie-auch p {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
  color:#a2a2a2;
	padding: 0;
	font-weight: bold;
	text-align: left !important;
}

.links-box-besuchen-sie-auch ul {

	padding: 9px 14px 4px 0; /* links 14 */
	text-align: left;
	list-style-type: none;

}

.links-box-besuchen-sie-auch ul li {

	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
  color:#a2a2a2;
	padding: 0 0 3px 0;

}

/*--- Auszeichnungen ---*/

.links-box-auszeichnungen {

	float: left;
	
	width: 174px;

	display: inline;

	margin: 0;

}

.links-box-auszeichnungen p {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
  color:#a2a2a2;
	padding: 0;
	font-weight: bold;
	text-align: left !important;
}

.links-box-auszeichnungen ul {

	padding: 9px 14px 4px 0; /* links 14 */
	text-align: left;
	list-style-type: none;

}

.links-box-auszeichnungen ul li {

	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
  color:#a2a2a2;
	padding: 0 0 3px 0;

}

.links-box-auszeichnungen ul li a img {

	border: none;

}

* html .links-box ul li {height: 1%;}

*+ html .links-box ul li {height: 1%;}

* html .links-box-inhalt-webseite ul li {height: 1%;}

*+ html .links-box-inhalt-webseite ul li {height: 1%;}

* html .links-box-auszeichnungen ul li {height: 1%;}

*+ html .links-box-auszeichnungen ul li {height: 1%;}

* html .links-box-leistungen ul li {height: 1%;}

*+ html .links-box-leistungen ul li {height: 1%;}

* html .links-box-besuchen-sie-auch ul li {height: 1%;}

*+ html .links-box-besuchen-sie-auch ul li {height: 1%;}


.links-box ul li a {color: #a2a2a2; text-decoration: none;}

.links-box ul li a:hover {text-decoration: underline; color: #626262;}

.links-box-inhalt-webseite ul li a {color: #a2a2a2; text-decoration: none;}

.links-box-inhalt-webseite ul li a:hover {text-decoration: underline; color: #626262;}

.links-box-leistungen ul li a {color: #a2a2a2; text-decoration: none;}

.links-box-leistungen ul li a:hover {text-decoration: underline; color: #626262;}

.links-box-besuchen-sie-auch ul li a {color: #a2a2a2; text-decoration: none;}

.links-box-besuchen-sie-auch ul li a:hover {text-decoration: underline; color: #626262;}

		
/* ### FOOTER ENDE ########################################################## */	

/* ### LIGHTBOX DER REFEREZNEN ############################################## */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif); /*;base64,AAAA*/ /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(snippets/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(snippets/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* ### LIGHTBOX DER REFEREZNEN ENDE ######################################### */

/* ### REFSLIDER ############################################################ */

#refslider {
	position:relative;
	width:216px;
	height:150px;
	margin-bottom: 50px;
}

#frame {
	position:absolute;
	z-index:0;
	width:216px;
	height:125px;
}

#slides {
	position:absolute;
	top:9px;
	left:9px;
	z-index:100; 
}

.slides_container {
	width:198px;
	overflow:hidden;
	position:relative;
	display:none;
  margin-left: 535px;  
}

.slides_container a {
	width:198px;
	height:107px;
	display:block;
}

.slides_container a img {
	display:block;
}

img.refslide { 
  margin:0; 
  padding:0; 
  border:0; 
  outline:0; 
  font-weight:inherit; 
  font-style:inherit; 
  font-size:100%; 
  font-family:inherit;
  vertical-align:baseline; 
}

.pagination {
	margin:25px auto 0;
	width:85px;
  float:right;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(https://www.rene-dhemant.de/images/refslider/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/* ### REFSLIDER ENDE ####################################################### */

/* ### BUGFIXES FÜR ANDERE BROWSER ########################################## */

/* nur fuer Opera */                      /* beeinflusst auch Safari! – WTF!? */
/*
@media screen and (min-width: 0px){
#meinelement { meinattribut: meinwert; }  
}
*/

/* AUSKOMMENTIERT FÜR W3CSITES CHECK !!!!!! START 

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
#beduerfnis p { margin-top: 10px; }
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
#beduerfnis-active p{ margin-top: 10px; }
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
#leistung p { margin-top: 10px; }
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
#leistung-active p{ margin-top: 10px; }
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
#angebot p { margin-top: 10px; }
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
#angebot-active p{ margin-top: 10px; }
}

AUSKOMMENTIERT FÜR W3CSITES CHECK !!!!!! STOP */

/* nur fuer Chrome und Safari */  

/* AUSKOMMENTIERT FÜR W3CSITES CHECK !!!!!! START 
 
body:first-of-type ul.box {
margin-bottom:5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) #beduerfnis p { margin-top: -10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) #beduerfnis-active p { margin-top: -10px; }

@media screen and (-webkit-min-device-pixel-ratio:0) #leistung p { margin-top: -10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) #leistung-active p { margin-top: -10px; }

@media screen and (-webkit-min-device-pixel-ratio:0) #angebot p { margin-top: -10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) #angebot-active p { margin-top: -10px; }

AUSKOMMENTIERT FÜR W3CSITES CHECK !!!!!! STOP */

/* ### BUGFIXES FÜR ANDERE BROWSER  ENDE #################################### */