/* 
Ergaenzendes CSS Dokument

YUI-Styles siehe ... 
		/build/base/base.css
		/build/grids/grids.css
		/build/fonts/fonts.css
		/build/reset/reset.css
--------------------------------- -------------------------------------------------------------------------------------------*/


#doc,#doc2,#doc3,#doc4,
.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin: auto;
	text-align: left;
	width: 900px;
}

/* ------------------------------ -------------------------------------------------------  Formatierung Wrapper ------------ */
#custom-doc {
	margin-top: 20px;
	color: #666666;
}
/* ------------------------------ -------------------------------------------------------  Formatierung Wrapper ------------ */
/* ------------------------------ -------------------------------------------------------  Formatierung Header ------------- */
a, li{
	outline: none;
}

a, a:link, a:active {
	color:#0085c6;
	font-weight:normal;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.grey {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}



#header_img {
	margin: 10px 0 26px 0;
	position: relative;
}
/* ------------------------------ Startseite Slider */
	#news {
		position: absolute;
		top: 0;
		left: 0;
		width: 900px;
		height: 337px;
		background: #FFFFFF;
	}
		#news ol {
			list-style-type: none;
			width: 10000px;
		}  
			#news li {
				list-style-type: none;
				float: left;
				margin: 0;
				position: relative;
			}
		#news .news_text {
			position: absolute;
			top: 110px;
			left: 65px;
			width: 370px;
		}
			#news .news_text h1 {
				margin: 0 0 7px 0;
				font-size: 22px;
				line-height: 22px;
				font-family: Arial, Helvetica, sans-serif;
				color: #ffffff;
			}
			#news .news_text h3 {
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				color: #999999;
				padding: 0 0 4px 0;
			}
			#news .news_text p {
				font-size: 12px;
				color: #ffffff;
				line-height: 14px;
				padding: 0 0 15px 0;
			}
			#news .news_text a.more {
				font-size: 11px;
				color: #FFFFFF;
				padding: 2px 15px 2px 8px;
				background: #0087cd url('/images/news/news_more_arrow.gif') no-repeat 35px 3px;
			}
		#news .yui-carousel-nav {
			position: absolute;
			z-index: 300;
			top: 320px;
			left: 0;
			width: 900px;
			height: 6px;
			padding: 0;
			border-top: #FFFFFF 1px solid;
			background: #0087cd;
			text-align: left;
		}
		#news .yui-carousel-nav ul {
			height: 6px;
		}
	
.yui-carousel-element li { width: 900px; height: 320px; border: none; }
.yui-skin-sam .yui-carousel { border: none; }
.yui-carousel .yui-carousel-item-selected { border: none; }
.yui-skin-sam .yui-carousel-nav { background: none; }
.yui-skin-sam .yui-carousel-nav ul li { 
	background: #333333;
	width: 63px;
	height: 6px;
	border-right: #FFFFFF 1px solid;
}
.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-selected { background: #0087cd no-repeat;}
.yui-skin-sam .yui-carousel-nav { text-align: center; }
.yui-skin-sam span.yui-carousel-first-button, .yui-skin-sam span.yui-carousel-next-button { display: none; }
.yui-skin-sam .yui-carousel-nav ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	float: none;
}

a.news_header {
	text-decoration: none;
	color: #666666;
	font-size: 14px;
}
a.news_header:hover {
	color: #3681b4;
}

/* ------------------------------ Startseite Slider */

#header_linie {
	clear: both;
	width: 900px;
	height: 4px;
}

#logo {
	text-align: right;
}

/* ------------------------------ Main- und Subnavi */
#mainnavi {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}
		#mainnavi li {
			float: left;
			list-style-type: none;
			margin: 0 15px 0px 0;
			padding: 0 0 3px 0;
			border-bottom: 2px solid #FFFFFF;
		}
				#mainnavi li a {
					color: #666666;
					text-decoration: none;
				}
				#mainnavi li a:hover {
					color: #0461a1;
					text-decoration: none;
				}

#mainnavi .active,
#subnavi .active {
	color: #0461a1;
}
#subnavi {
	height: 14px;
	margin-top: 0 !important;
	margin-top: -7px;
	padding: 0 0 6px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
		#subnavi li {
			float: left;
			list-style-type: none;
			margin: 0 10px 0 0;
		}
				#subnavi a {
					margin-right: 10px;
					color: #666666;
					text-decoration: none;
				}
				#subnavi a:hover {
					margin-right: 10px;
					color: #0461a1;
					text-decoration: none;
				}
.subnavi_agentur { margin-left: 54px; }
.subnavi_kontakt { margin-left: 442px; }
.subnavi_loesungen { margin-left: 186px; }
.subnavi_news { margin-left: 389px; }
.subnavi_referenzen { margin-left: 293px; }
.subnavi_start { margin-left: 29px; }
/* ------------------------------ Main- und Subnavi */
/* ------------------------------ -------------------------------------------------------  Formatierung Header ------------- */
/* ------------------------------ -------------------------------------------------------  Formatierung Body --------------- */
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
   	color: #666666;
}

#bd {
	position: relative;
	margin: 0 0 20px 0;
}

.clear {
	clear: both;
}

.yui-gc div.first {
	width: 570px;
	margin: 0 0 0 0;
	float: left;
	
}
.yui-gc .yui-u {
	width: 325px;
	margin: 0 0 0 5px;
}

/* ------------------------------ Headlines */
h1 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	margin: 0 0 20px 0;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0461a1;
}
/* ------------------------------ Headlines */
/* ------------------------------ Content-Boxes */
#content_left {
	width: 540px;
}
		#content_left li {
			list-style-image:url(../images/design/arrow_blue22.gif);
			margin: 5px 10px 0px 18px;
		}
		
		
		
		
		
		
	#content_left p {
			margin: 0 0 20px 0;
			
		}		

#content_left_kunden {
	width: 540px;
}
		#content_left_kunden h3 {
			color: #0461A1;
			font-family: Arial,Helvetica,sans-serif;
			font-size: 16px;
			margin: 0 0 10px;
			padding: 3px 0;
		}

#content_left_liste {
	width: 570px;
}

#content_right {
	width: 309px;
	margin: 0 0 0 16px;
	
}

.textbox50_left {
	float: left;
	width: 440px;
	margin: 0 0 20px 0;
}

#ref-link li {
			list-style-image:url(../images/design/arrow_blue22.gif);
			margin: 15px 0 0 0;
			float: right;
}

.textbox50_right {
	float: right;
	width: 440px;
	margin: 0 0 20px 0;
}
/* ------------------------------ Content-Boxes */
/* ------------------------------ Infobox rechts */
.box {
	height: 200px;
	width: 309px;
	margin: 0;
	padding: 10px 0 10px 0;
	color: #666666;
	background-color: #FFFFFF;
	border-bottom: 2px solid #666666;
}
		.box h3 {
			margin: 0px 0 10px 0;
			padding: 3px 0 3px 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			color: #0461a1;
		}
		.box hr {
			width: 100%;
			height: 1px;
			padding: 0px;
			margin: 10px 0 10px 0;
			background-color: #cdd8dc;
			border: 0px;
		}
		.box p {
			margin: 0 0 0 0px;
			font-size: 12px;
		}
				.box p a {
					color: #666666;
					text-decoration: none;
				}				
				.box p a:hover {
					color: #666666;
					text-decoration: underline;
				}
		.kathi {
			float: right;
		}
		
.kontaktbox {
	height: 220px;
}
.firmenbox {
	height: 90px;
}
.imagebro {
	height: 160px;
}


.firmenbox a img{
	border: 0px;
	padding: 0 13px 0 0;	
}
/* ------------------------------ Infobox rechts */
/* ------------------------------ -------------------------------------------------------  Formatierung Body --------------- */
/* ------------------------------ -------------------------------------------------------  Formatierung Footer ------------- */
#ft {
	margin: 22px 0 0 0;
	padding: 0 0 10px 0;
	background-image: url(../images/design/footer_linie.jpg);
	background-repeat: repeat-x;
	
}

#footer_left {
	padding: 5px 0 20px 0;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}
		#footer_left a {
			color: #666666;
			text-decoration: none;
		}
		#footer_left a:hover {
			color: #3681b4;
			text-decoration: underline;
		}
		
#footer_right {
	text-align: right;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0 20px 0;
}
		#footer_right a {
			color: #666666;
			text-decoration: none;
		}
		#footer_right a:hover {
			color: #3681b4;
			text-decoration: underline;
		}
/* ------------------------------ -------------------------------------------------------  Formatierung Footer ------------- */
/* ------------------------------ -------------------------------------------------------  Inhalte Contentbereich ---------- */
/* ------------------------------ Text und Links */
strong {
	font-weight: bold;
}

hr { width: 540px;
	height: 1px;
	padding: 0px;
	margin: 10px 0 10px 0;
	background-color: #cdd8dc;
	border: 0px;
}

a.textlink, a.textlink:link, a.textlink:active {
	color:#0085c6;
	font-family:arial,sans-serif;
	font-weight:normal;
	text-decoration:none;
}
a.textlink:hover {
	text-decoration:underline;
}

a.fakten, a.fakten:link, a.fakten:active {
	color: #0085c6;
	font-family: arial,sans-serif;
	font-weight: normal;
	text-decoration: none;
}
a.fakten:hover {
	text-decoration:underline;
}

p.download {
	background: url(/images/download-arrow.gif) no-repeat;
	padding-left: 12px;
}

.headlines {
	height: 50px;
	margin: 0px 0 10px 0;
	padding: 0px 0 0 0;
	border-bottom: 1px solid #b2b2b2;
}
		.headlines h1 {
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
		}
		.headlines h2 {
			margin: 4px 0 5px 0;
			font-size: 22px;
			font-family: Arial, Helvetica, sans-serif;
			color: #0461a1;
		}
		.headlines h3 {
			margin: 0;
			padding: 17px 0;
			font-size: 20px;
			font-family: Arial, Helvetica, sans-serif;
			color: #0461a1;
		}
				.headlines h3 a {
					color: #0461a1;
					text-decoration: none;
				}
		.headlines h4 {
			margin: 0;
			padding: 17px 0;
			font-size: 20px;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			color: #0461a1;
		}
		
.headlines_ext {
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #b2b2b2;
}

span.blue {
	color:#0085bf;
}
span.bigger{
	font-size: 15px;
}
/* ------------------------------ Text und Links */
/* ------------------------------ News */
.news_mehr {	
	margin: 0 0 38px 0px;
	font-weight: bold;
}
		.news_mehr a, .news_mehr_last a {
			color: #3681b4;
			text-decoration: none;
		}
		.news_mehr a:hover, .news_mehr_last a:hover {
			color: #3681b4;
			text-decoration: underline;
		}

.news_mehr_last {
	margin: 0 0 0px 0px;
	font-weight: bold;
}
/* ------------------------------ News */
/* ------------------------------ Kontaktformulare */
#cf {
	margin: 15px 0 0 0;
	width: 540px;
}
		#cf input.sendbutton {
			background-color: #0085bf;
			border: 0 none;
			color: #FFFFFF;
			cursor: pointer;
			padding:4px;
			margin: 10px 0;
			width: 110px;
			float: right;
		}
		#cf input.sendbutton:hover {
			background-color:#b6b6b6;
			border:0 none;
			color:#FFFFFF;
			cursor:pointer;
			padding:4px;
			width:110px;
		}
		
		.cf_center {
			clear: both;
			text-align: left;
		}
		.cf_left, .cf_left2 {
			position: relative;
			width: 316px;
			float:left;
		}
		.cf_left2 {
			width: 330px;
		}
		.cf_right, .cf_right2 {
			position: relative;
			width: 224px;
			float:right;
			text-align: left;
		}
		.cf_right2 {
			width: 210px;
		}
		
		.sendbutton_le input.sendbutton {
			background-color:#0085bf;
			border:0 none;
			color:#FFFFFF;
			cursor:pointer;
			padding:4px;
			margin: 10px 0;
			width:110px;
		}
		.sendbutton_le input.sendbutton:hover {
			background-color:#b6b6b6;
			border:0 none;
			color:#FFFFFF;
			cursor:pointer;
			padding:4px;
			width:110px;
		}
		
		#cf .name {
			background-image: url(../images/design/cf_name.jpg);
			background-repeat: no-repeat;
			background-position: left center;
		}	
		#cf .name:hover, #cf .name:focus {background-image: url(../images/design/cf_name2.jpg);}
	
		#cf .mail {	
			background-image: url(../images/design/cf_mail.jpg);
			background-repeat: no-repeat;
			background-position: left center;
		}
		#cf .mail:hover, #cf .mail:focus {background-image: url(../images/design/cf_mail2.jpg);}
	
		#cf .phone {		
			background-image: url(../images/design/cf_phone.jpg);
			background-repeat: no-repeat;
			background-position: left center;
		}	
		#cf .phone:hover, #cf .phone:focus {background-image: url(../images/design/cf_phone2.jpg);}
		
		#cf .firma {
			background-image: url(../images/design/cf_firma.jpg);
			background-repeat: no-repeat;
			background-position: left center;
		}
		#cf .firma:hover, #cf .firma:focus {background-image: url(../images/design/cf_firma2.jpg);}
		
		/* ------------------------------ Kontaktformular - Captcha */
		#cf .capta{
			background-image: url(../images/design/cf_capta.jpg);
			background-repeat: no-repeat;
			background-position: left center;
			width:80px;		
			margin-top: 12px;
			padding:2px 2px 2px 20px;
		}
		#cf .capta:hover, #cf .capta:focus {background-image: url(../images/design/cf_capta2.jpg);}
		
		.captcha_label {
			float: left;
		}
		
		#captcha {
			color: #363636;
			line-height: 1px;
			font-size: 1px;
			padding: 3px;
			margin: 13px 10px 0 10px;
			float: left;
		}
		
		#captcha .pixel {
			padding: 0px;
			margin: 0px;
			float: left;
			margin-left: 0px;
			font-size: 1px;
		}
		/* diese Klasse bestimmt die Eigentschaften f¸r das einen Buchstaben umgebende
		 * DIV, um die Buchstaben eines Captcha nebeneinander zu plazieren muss man sie floaten.
		 * das margin-left bestimmt den Abstand zwischen den Buchstaben.
		 */ 
		#captcha .char {
			float: left;
			margin-left: 2px;
		}
		/* ------------------------------ Kontaktformular - Captcha */

		#cf .error_1 { 
			background-image: url(../images/design/cf_error.png);
			background-repeat: no-repeat;
			width: 300px;
			height: 32px;
			padding: 2px 0 0 7px;
			color: #ffffff;
			position:absolute;
			z-index: 5;
			left: 0px;
			top: 10px;
		}

		#cf .error_2 { 
			background-image: url(../images/design/cf_error.png);
			background-repeat: no-repeat;
			width: 300px;
			height: 32px;
			padding: 2px 0 0 7px;
			color: #ffffff;
			position:absolute;
			z-index: 6;
			left: 0px;
			top: 69px;
		}

		#cf .error_3 { 
			background-image: url(../images/design/cf_error.png);
			background-repeat: no-repeat;
			width: 300px;
			height: 32px;
			padding: 2px 0 0 7px;
			color: #ffffff;
			position:absolute;
			z-index: 6;
			left: 0px;
			top: 128px;
		}

		#cf .error_4 { 
			background-image: url(../images/design/cf_error.png);
			background-repeat: no-repeat;
			width: 300px;
			height: 32px;
			padding: 2px 0 0 7px;
			color: #ffffff;
			position:absolute;
			z-index: 6;
			left: 0px;
			top: 187px;
		}

		#cf .error_5 { 
			background-image: url(../images/design/cf_error_chaptcha.png);
			background-repeat: no-repeat;
			width: 104px;
			height: 32px;
			padding: 2px 0 0 7px;
			color: #ffffff;
			position:absolute;
			z-index: 6;
			left: 203px;
			top: 451px;
		}

		#cf input {
			font-size:12px;
			color: #696969;
			padding:2px 2px 2px 24px;
			border:solid 1px #a6a6a6;
			width:196px;
		}
		#cf input:hover, #cf input:focus {
			border:solid 1px #0085bf;
		}	
		#cf select {
			padding: 2px;
			font-size:12px;
			color: #696969;
			border:solid 1px #a6a6a6;
			width:224px;
		}
		#cf textarea {
			font-size:12px;
			color: #696969;
			padding:2px;
			border:solid 1px #a6a6a6;
			width:536px;
			height: 100px;
		}	
		#cf textarea:hover {
			border:solid 1px #0085bf;
		}
		#cf label {
			padding: 15px 0 5px 0;
			display:block;
			text-align:left;
			color: #999999;
			border:0 none;
		}	
		#cf .cf_newsletter { 
			margin-top: 10px; 
		} 
				#cf .cf_newsletter input { 
					width: auto;
					padding: 2px;
					margin-right: 2px; 
					border: 0px;
				}
				
		.nl_error {
			margin: 0 0 20px 0px;
			color: #CC0000;
		}
		
		.checkbox_list {
			margin: 10px 0 20px 0;
		}
				.checkbox_list li {
					list-style-type: none;
				}
				
/* ------------------------------ Kontaktformulare */

/* ------------------------------ -------------------------------------------------------  Formatierung Virtuelle Tour ------------ */

#virtualtour {
	position: absolute;
	top: 140px;
}

/* ------------------------------ Faktenseite */
#fakten td { 
	border:0px;
}

.fakten_press_logo_left { 
	float:left;
	padding: 12px 0 5px 0;
}
.fakten_press_logo_right { 
	float:right;
	padding: 0 0 5px 0;
}

.fakten_press_left { 
	float:left;
	width: 150px;
	text-align: center;
	padding: 12px 0 5px 0;
}
.fakten_press_right { 
	float:right;
	text-align: center;
	width: 150px;
	padding: 12px 0 5px 0;
}
.fakten_press_left p{ 
	padding: 0 0 5px 0;
}
.fakten_press_right p{ 
	padding: 0 0 5px 0;
}


.logos_small {
	clear: both;
	width: 100%;
}
		.logos_small a {
			width: 100px;
			height: 38px;
			margin: 0px;
			border: 0px;
			float:left;
		}
		
.logo_inxmail { background: url(../images/content/logos/mini_inxmail.jpg) no-repeat; }
.logo_kernpunkt { background: url(../images/content/logos/mini_kernpunkt.jpg) no-repeat; }
.logo_nedstat { background: url(../images/content/logos/mini_nedstat.jpg) no-repeat; }
.logo_sumo { background: url(../images/content/logos/mini_sumo.jpg) no-repeat; }
.logo_sup { background: url(../images/content/logos/mini_supercomm.jpg) no-repeat; }
.logo_mobi { background: url(../images/content/logos/mini_mobi.jpg) no-repeat; }
/* ------------------------------ Faktenseite */
/* ------------------------------ Geschaeftsfuehrung */
.fuehrung_left {
	float: left;
	width:440px;
}

.fuehrung_left p {
margin:0 0 20px;
}


.fuehrung_right {
	float: right;
	width:440px;
}
.fuehrung_right p{
margin:0 0 20px;
}


/* ------------------------------ Geschaeftsfuehrung */
/* ------------------------------ Projektseiten */
.projekt_screen_left {
	float: left;
	width:440px;
	background-color: #666666;
	border: 1px solid #666666;
}

.projekt_screen_right {
	float: right;
	width:440px;
	background-color: #666666;
	border: 1px solid #666666;
}
.projekt_screen {
	border: none;
	border-bottom: 1px solid #333333;
	}

#carousel_slideshow {
	margin: 0 16px 0 16px
}

#carousel_slideshow img {
	float: left;
	margin: 0 0 0 47px;
	}
#carousel_slideshow p {
	float: left;
	width: 320px;
	margin: 50px 10px 0 25px;
	font-size: 18px;
	line-height: 27px;
}

.projekt_screen #arrow_left{
	float: left;
	width: 16px;
	margin: 120px 0 0 0;
	}
	
.projekt_screen #arrow_left{
	background: url(/images/design/arrow2_ref.gif) no-repeat;
	width: 16px;
	height: 25px;
	text-indent: -9000px;
	cursor: pointer;
	}
.yui-carousel-first-button-disabled, .yui-carousel-button-disabled {
	display: none;
}
	
.projekt_screen #arrow_right{
	float: left;
	width: 16px;
	margin: 120px 0 0 0;
	}
	
.projekt_screen #arrow_right{
	background: url(/images/design/arrow_ref.gif) no-repeat;
	width: 16px;
	height: 25px;
	text-indent: -9000px;
	cursor: pointer;
	}
	
.projekt_screen p strong{
	text-transform: uppercase;
}
.projekt_screen_bu {
	margin: 5px;
	font-size: 11px;
	color: #ffffff;
}

.projekt_screen_trenner {
	margin: 10px 0 20px 0;
}
.projekt_screen_trenner_left {
	float: left;
	text-align:left;
}
.projekt_screen_trenner_right {
	float: right;
	text-align:right;
}
		.projekt_screen_trenner_right a {
			color: #0085c6;
			text-decoration: none;
		}
		.projekt_screen_trenner_right a:hover {
			text-decoration: underline;
		}
/* ------------------------------ Projektseiten */
/* ------------------------------ Kundenliste */
.box_kundenliste{
	width: 173px;
	height: 90px;
	margin: 0 15px 15px 0;
	padding: 20px 0 0 0;
	border: 1px solid #c2c2c2;
	float:left;
	text-align: center;
}

.box_kundennews{
	width: 173px;
	height: 88px;
	margin: 0 15px 25px 0;
	padding: 12px 0 0 0;
	border: 1px solid #c2c2c2;
	float: left;
	text-align: center;
}

.box_fallstudien{
	width: 173px;
	height: 88px;
	margin: 0 15px 125px 0;
	padding: 2px 0 0 0;
	border: 0;
	float: left;
	text-align: center;
}

.box_kundenliste_rechts{
	width: 173px;
	height: 90px;
	margin: 0 0 15px 0;
	padding: 20px 0 0 0;
	border: 1px solid #c2c2c2;
	float: left;
	text-align: center;
}
/* ------------------------------ Kundenliste */
/* ------------------------------ Fallstudien */

img.fallstudien_teaser {
	border-bottom: 1px solid #B2B2B2;
	padding: 0 20px;
	margin-top: 15px;
}


.fallstudie_sub {
	color:#0461a1;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	margin:0 0 10px;
	display: block;
}

.fallstudie_head {
	font-family:Arial,Helvetica,sans-serif;
	display: block;
	margin: 0px;
	padding: 20px 0 5px 0;
	font-size: 10px;
}
/* ------------------------------ Fallstudien */
/* ------------------------------ Referenzseite */

p.right_ref, ul.right_ref{
	float: right;
	width: 440px;
	margin: 0px;
}

p.left_ref, ul.left_ref {
	float:left;
	width: 440px;
	margin: 0px;
}
.referenzbox_small {
	clear: both;
	width: 100%;
}
		/* ------------------------------ Tooltip */
		.tool_a {
			position: relative;
			width: 90px;
			height: 60px;
			margin: 4px 8px 4px 0;
			border: 1px solid #666666;
			float:left;
		}
				.tool_a .tip {
					display: none;
				}
						.tip_img {
							float:left;
							padding: 0 0 0 0 !important;
							padding: 0 -10px 0 0; /*IE6*/
                            width: 90px;
                            height: 60px;
                            background: transparent;
						}
						.tip_img_on {
							float:left;
							padding: 0 10px 0 0;
						}
		
				.tool_a .tooltip, .tool_a .tooltip_left, .tool_a .tooltip_right  {
					display:none;
					opacity: 0;
					position:absolute;
					top:-128px;
					left:-128px;
					width:348px;
					height:128px;
					color: #a1a1a1;
					line-height: 12px;
					font-size:11px;
					background-image: url(/images/design/tooltip.png);
					background-repeat: no-repeat;
					z-index: 100;
				}
						.tooltip h2, .tooltip_left h2, .tooltip_right h2 {
							font-size: 13px;
							color: #ffffff;
							padding: 0;
							margin: 0 ;
							font-family: Arial, Helvetica, sans-serif;
							line-height:14px;
						}
		
				.tool_a .tooltip_left {
					left:-28px;
				}
				.tool_a .tooltip_right {
					left:-228px;
				}
				
				.tool_a .tooltip_pointer, .tool_a .tooltip_pointer_left, .tool_a .tooltip_pointer_right {
					width: 338px;
					height: 118px;
					padding:5px;
					background-image: url(/images/design/tooltip_pointer.gif);
					background-repeat: no-repeat;
					background-position: bottom;
				}
				
				.tool_a .tooltip_pointer_left {
					background-position: 53px bottom;
				}
				.tool_a .tooltip_pointer_right {
					background-position: 245px bottom;
				}
				
				.tooltip_fallstudie {
					position: absolute;
					top:0;
					left: 0;
					z-index: 90;
					background-image: url(/images/design/fallstudie.png);
					color: #FFFFFF;
					width: 80px;
					height: 18px;
					margin: 42px 0px 0 0px;
					padding: 0px 5px 0 5px;
				}
		/* ------------------------------ Tooltip */
/* ------------------------------ Referenzseite */
/* ------------------------------ Icons und Symbole */
.icon {
	background-position:left center;
	background-repeat:no-repeat;
	float:left;
	margin:0;
	padding-left: 2em;
}	
.mail {
	background-image:url(../images/design/icon_mail.jpg);
	margin-left:0;
	padding-right:2.5em;
}
.tel {
	background-image:url(../images/design/icon_tele.jpg);
	margin-left:0;
	padding-right:2.5em;
}
.page {
	background-image:url(../images/design/icon_page.jpg);
	margin-left:0;
	padding-right:2.5em;
}
.fax {
	background-image:url(../images/design/icon_fax.jpg);
	margin-left:0;
	padding-right:2.5em;
}

.pfeil_rechts {
	background-image:url(../images/design/arrow_blue22.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding: 2px 0 0 12px;
	text-decoration: none;
	color: #3681b4;
}
a.pfeil_rechts:hover {
	text-decoration: underline;
}

.pfeil_rechts_fl {	
	background-image:url(../images/design/arrow_blue22.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding: 2px  0 0 12px;
	text-decoration: none;
	color: #3681b4;
	margin: 0 0 0 20px;
}
a.pfeil_rechts_fl:hover {
	text-decoration: underline;
}
.pfeil_rechts_2{	
	background-image:url(../images/design/arrow_blue22.gif);
	background-repeat:no-repeat;
	background-position:right 4px;
	padding: 2px 12px 0 0;
	text-decoration: none;
	color: #3681b4;
}
a.pfeil_rechts_2:hover{
	text-decoration: underline;
}

.back_arrow {
	background-image:url(../images/design/arrow_blue23.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding: 2px 0 0 15px;
	text-decoration: none;
	color: #3681b4;
}
a.back_arrow:hover{
			text-decoration: underline;
}	

#renault_challenge {
	width: 780px;
	border: 1px solid #B2B2B2;
	padding: 30px 59px 30px 59px;
}
/* ------------------------------ Icons und Symbole */
/* ------------------------------ Kundenstimmen */
.kundenstimmen{
	float: right;
	margin: 20px 15px 0 0;
	
}

.ks_cite{
	font-size: 16px;
	color: #0461A1;
	background-image: url(../images/design/ks_cite_start.jpg);
	background-repeat: no-repeat;
	height: 31px;
	margin-top: 50px;
	padding: 7px 0 0 36px;
}
	.ks_cite span{
		background: url(../images/design/ks_cite_end.jpg) no-repeat right;
		padding: 7px 36px 7px 0;
	}
.ks_speechbubble_right{
	background-image: url(../images/design/ks_hr.gif);
	background-repeat: repeat-x;
	text-align:right;
	height: 28px;
	margin-bottom: 20px;
	padding: 10px 0 0 0; 
}
	.ks_speechbubble_right strong{
		color: #0461A1;
	}
	.ks_speechbubble_right span{
		background: url(../images/design/ks_speechbubble_right.jpg) no-repeat;
		padding: 12px 0 0 25px;
	}	
.ks_speechbubble_left{
	background-image: url(../images/design/ks_hr.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 28px;
	margin-bottom: 20px;
	padding: 10px 0 0 0; 
}
	.ks_speechbubble_left strong{
		color: #0461A1;
	}
	.ks_speechbubble_left span{
		background: url(../images/design/ks_speechbubble_left.jpg) no-repeat right;
		padding: 12px 25px 0 0;
	}
/* ------------------------------ Kundenstimmen */
/* ------------------------------ Sitemap */
.sitemap li a {
	color: #3681B4;
	text-decoration: none;
}
.sitemap li a:hover {
	text-decoration: underline;
}
/* ------------------------------ Sitemap */
/* ------------------------------ Anfahrt - Google Maps API */
#map {
	width: 100%;
	height: 550px;
}
/* ------------------------------ Anfahrt - Google Maps API */
/* stlyes for selected news archive year */
span.news_archive_year {
	font-weight: bold;
}


ul.left_ref li, ul.right_ref li {
			list-style-image:url(../images/design/arrow_blue22.gif);
			margin: 5px 10px 0px 18px;
		}