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

* { margin: 0; padding: 0; }

body { background: #F3F3F3 url(images/header_bg_red.gif) repeat-x; }

#container {
 margin: auto;
 width: 850px;
}

/* ----- Txt ----------------------------------------- */

p {
 color: #7f7f7f;
 padding: 0;
 margin: 30px 0 30px 0;
 font: 12px/18px Arial, Helvetica, sans-serif;
}
h2 {
	font-family: Georgia, Times, serif;
	font-size: 20pt;
	color: #b42121;
	font-weight: normal;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666;
	font-weight: normal;
	 margin: 3px 0px 33px 0px;
}
strong {
	color: #666;
	}
.red_txt {
	color: #b42121;
}
 .small_quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	color: #666;
}


	
.submenu_headline {
	padding: 25px 0 13px 27px;
	font-size: 14pt;
	color: #767676;
 }

.bullets {
font: 12px/18px Arial, Helvetica, sans-serif;
color: #7f7f7f;
margin: 0px 0 30px 15px;

}

a { outline: none; text-decoration: none;
	color: #366C9A;}
	
.clientsSubHead {
	margin: 3px 0 40px 0;
}

/* ----- Quotes ----------------------------------------- */
 .big_quote {
	float:left;
	font: 22px/24px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #b42121;
	margin: 0 0 10px 0;
}

 .index_quote {
	float:left;
	width: 850px;
	margin: 150px 0px 50px 0px;
	font: 24px/32px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #666;
	margin-bottom: 0px;
}

.author {
	 margin: 5px 0px 25px 0px;

}

/* ----- Header red ----------------------------------------- */

#header {
 height: 232px;
 width: 850px;
 float: left;
 background: url(images/header_red7.gif) no-repeat;
}
#logo { margin-top: 32px; }
#logo h1 {
 display: block;
 float: left;
 width: 188px;
 height: 96px;
 text-indent: -9999px;
}
#logo h1 a {
 display: block;
 width: 100%;
 height: 100%;
 outline: none;

}




/* ----- Menu ----------------------------------------- */

#navigation {
	height: 38px;
 	width: 850px;
	margin-top: 34px;
 	float: left;
	}


ul#menu {
	width: 551px; float: left; margin: 0px auto;
	list-style: none;
}

ul#menu li { display: inline; }
	
ul#menu li a {
	display: block; float: left; height: 34px;
	background-image: url(images/menu_red.gif); text-indent: -9999px;
}

	ul#menu li a.about {
		width: 98px; background-position: 0 0;	
	}
	
	ul#menu li a.services {
		width: 118px; background-position: -98px 0;	
	}
	
	ul#menu li a.clients {
		width: 109px; background-position: -216px 0;	
	}
	
	ul#menu li a.careers {
		width: 110px; background-position: -325px 0;	
	}
	
	ul#menu li a.contact {
		width: 116px; background-position: -435px 0;	
	}
	
	
	ul#menu li a.about:hover {
		background-position: 0 -34px;	
	}
	
	ul#menu li a.services:hover {
		background-position: -98px -34px;	
	}
	
	ul#menu li a.clients:hover {
		background-position: -216px -34px;	
	}
	
	ul#menu li a.careers:hover {
		background-position: -325px -34px;	
	}
	
	ul#menu li a.contact:hover {
		background-position: -435px -34px;	
	}
	
	ul#menu li a.about:focus {
		background-position: 0 -68px;	
	}
	
	ul#menu li a.services:focus {
		background-position: -98px -68px;	
	}
	
	ul#menu li a.clients:focus {
		background-position: -216px -68px;	
	}
	
	ul#menu li a.careers:focus {
		background-position: -325px -68px;	
	}
	
	ul#menu li a.contact:focus {
		background-position: -435px -68px;	
	}
	
	
	ul#menu li a.about_on {
		width: 98px; background-position: 0 -68px;	
	}
	
	ul#menu li a.services_on {
		width: 118px; background-position: -98px -68px;	
	}
	
	ul#menu li a.clients_on {
		width: 109px; background-position: -216px -68px;	
	}
	
	ul#menu li a.careers_on {
		width: 110px; background-position: -325px -68px;	
	}
	
	ul#menu li a.contact_on {
		width: 116px; background-position: -435px -68px;	
	}


/* ----- Submenu ----------------------------------------- */

#submenu {
	height: 160px;
 	width: 265px;
	margin-top: 0px;
 	float: left;
	}


/* ----- Submenu About----------------------------------------- */

ul#submenu_about {
	width: 265px; float: left; margin: 00px 0px 0px 0px;
	list-style: none;
}

ul#submenu_about li { display: inline; }
	
ul#submenu_about li a {
	display: block; float: left; height: 30px;
	background-image: url(images/submenu_about.gif); text-indent: -9999px;
}

	ul#submenu_about li a.company {
		width: 265px; background-position: 0 270px;	
	}
	
	ul#submenu_about li a.metho {
		width: 265px; background-position: 0 240px;	
	}
	
	ul#submenu_about li a.partners {
		width: 265px; background-position: 0 210px;	
	}
	
	
	ul#submenu_about li a.company:hover {
		background-position: 0 180px;	
	}
	
	ul#submenu_about li a.metho:hover {
		background-position: 0 150px;	
	}
	
	ul#submenu_about li a.partners:hover {
		background-position: 0 120px;	
	}


	ul#submenu_about li a.company:focus {
		background-position: 0 180px;	
	}
	
	ul#submenu_about li a.metho:focus {
		background-position: 0 1500px;	
	}
	
	ul#submenu_about li a.partners:focus {
		background-position: 0 1200px;	
	}
	
	
	ul#submenu_about li a.company_on {
		width: 265px; background-position: 0 90px;	
	}
	
	ul#submenu_about li a.metho_on {
		width: 265px; background-position: 0px 60px;	
	}
	
	ul#submenu_about li a.partners_on {
		width: 265px; background-position: 0px 30px;	
	}
	
	
/* ----- Submenu services ----------------------------------------- */
	
	ul#submenu_services {
	width: 265px; float: left; margin: 00px 0px 0px 0px;
	list-style: none;
}

ul#submenu_services li { display: inline; }
	
ul#submenu_services li a {
	display: block; float: left; height: 30px;
	background-image: url(images/submenu_services.gif); text-indent: -9999px;
}

	ul#submenu_services li a.info {
		width: 265px; background-position: 0 270px;	
	}
	
	ul#submenu_services li a.com {
		width: 265px; background-position: 0 240px;	
	}
	
	ul#submenu_services li a.media {
		width: 265px; background-position: 0 210px;	
	}
	
	
	ul#submenu_services li a.info:hover {
		background-position: 0 180px;	
	}
	
	ul#submenu_services li a.com:hover {
		background-position: 0 150px;	
	}
	
	ul#submenu_services li a.media:hover {
		background-position: 0 120px;	
	}


	ul#submenu_services li a.info:focus {
		background-position: 0 180px;	
	}
	
	ul#submenu_services li a.com:focus {
		background-position: 0 1500px;	
	}
	
	ul#submenu_services li a.media:focus {
		background-position: 0 1200px;	
	}
	
	
	ul#submenu_services li a.info_on {
		width: 265px; background-position: 0 90px;	
	}
	
	ul#submenu_services li a.com_on {
		width: 265px; background-position: 0px 60px;	
	}
	
	ul#submenu_services li a.media_on {
		width: 265px; background-position: 0px 30px;	
	}
	
/* ----- Submenu clients ----------------------------------------- */
	
	ul#submenu_clients {
	width: 265px; float: left; margin: 00px 0px 0px 0px;
	list-style: none;
}

ul#submenu_clients li { display: inline; }
	
ul#submenu_clients li a {
	display: block; float: left; height: 30px;
	background-image: url(images/submenu_clients_5.gif); text-indent: -9999px;
}

	ul#submenu_clients li a.list {
		width: 265px; background-position: 0 176px;	
	}
	
	ul#submenu_clients li a.ref {
		width: 265px; background-position: 0 146px;	
	}

	
	
	ul#submenu_clients li a.list:hover {
		background-position: 0 118px;	
	}
	
	ul#submenu_clients li a.ref:hover {
		background-position: 0 88px;	
	}
	
	

	ul#submenu_clients li a.list:focus {
		background-position: 0 60px;	
	}
	
	ul#submenu_clients li a.ref:focus {
		background-position: 0 30px;	
	}

	
	
	ul#submenu_clients li a.list_on {
		width: 265px; background-position: 0 60px;	
	}
	
	ul#submenu_clients li a.ref_on {
		width: 265px; background-position: 0px 30px;	
	}	
	
/* ----- Section Selector ----------------------------------------- */
	
ul#menu_button {
	 float: right;
	 width: 259px;
	 margin: 0px auto;
	list-style: none;
	 }
	
ul#menu_button li { display: inline; }
	
ul#menu_button li a {
	display: block; float: right; height: 24px;
	text-indent: -9999px; margin-left: 6px;
}
	 
	 ul#menu_button li a.small-green {
	outline: none;
	height: 24px;
	width: 24px;
	background: url(images/section_button_small_green.gif) no-repeat;
	 }
	 
	  ul#menu_button li a.small-blue {
	 outline: none;
	 height: 24px;
	 width: 24px;
	 background: url(images/section_button_small_blue.gif) no-repeat;
	 }
	 
	  ul#menu_button li a.small-red {
	 outline: none;
	 height: 24px;
	 width: 24px;
	 background: url(images/section_button_small_red.gif) no-repeat;
	 }
	 
	  ul#menu_button li a.txt-green {
	 outline: none;
	 height: 24px;
	 width: 117px;
	 background: url(images/section_button_txt_green.gif) no-repeat;
	 }
	 
	 ul#menu_button li a.txt-blue {
	 outline: none;
	 height: 24px;
	 width: 124px;
	 background: url(images/section_button_txt_blue.gif) no-repeat;
	 }
	 
	 ul#menu_button li a.txt-red {
	 outline: none;
	 height: 24px;
	 width: 192px;
	 background: url(images/section_button_txt_red.gif) no-repeat;
	 }
	 

a {
	outline: none;
	text-decoration: none;
	color: #b42121;
}


/* ----- Left Content ----------------------------------------- */

#left-content {
 float: left;
 width: 553px;
 margin-top: 20px;
}
.content-top {
 float: left;
 height: 5px;
 width: 553px;
 background: url(images/content_box_top.png) no-repeat;
}
.content-middle {
 float: left;
 width: 491px;
 padding: 20px 30px 30px 30px;
 border-right: 1px solid #bbbbbb;
 border-left: 1px solid #bbbbbb;
 background: #fff;
}
.content-bottom {
 float: left;
 height: 5px;
 width: 553px;
 margin-bottom: 15px;
 background: url(images/content_box_bottom.png) no-repeat;
}
.content-middle p { text-align: justify; }
.highlight {
 color: #7b9122;
 font-style: italic;
}

/* ----- Right Content ----------------------------------------- */

#content-right {
 float: right;
 width: 267px;
 margin-top: 20px;
}
.sidebar-top {
 float: left;
 height: 5px;
 width: 267px;
 background: url(images/sidebar_top.png) no-repeat;

}
.sidebar-middle {
 float: left;
 width: 205px;
 padding: 20px 30px 0 30px;
 border-right: 1px solid #bbbbbb;
 border-left: 1px solid #bbbbbb;
 background: #fff;
}

.sidebar-images {
	float: left;
 width: 265px;
  padding: 0px 0px 10px 0px;
 border-right: 1px solid #bbbbbb;
 border-left: 1px solid #bbbbbb;
 background: #fff;
}
img.center {
margin: 0 auto;
display: block; 
}
img.double_border {
border: 1px solid #bbbbbb;
padding: 6px; /*Inner border size*/
background: #FFF; /*Inner border color*/
}
p.imgtxt{
	margin: 0px 10px 0 10px;
	font: 11px/13px Arial, Helvetica, sans-serif;
	font-style: italic;

}
.sidebar-submenu {
 float: left;
 width: 265px;
 padding: 0px 0px 0 0px;
 border-right: 1px solid #bbbbbb;
 border-left: 1px solid #bbbbbb;
 background: #fff;
}
.sidebar-middle p {
	text-align: left;
}
.sidebar-bottom {
 float: left;
 height: 16px;
 width: 267px;
 margin-bottom: 0px;
 background: url(images/sidebar_bottom.png) no-repeat;
}



/* ----- sections ----------------------------------------- */



#sec_but_text {
	float:left;
	


}
.sec_but_text_red {
float:left;
width: 231px;
margin:0;
font: 11px/14px verdana, Arial, Helvetica, sans-serif;
color: #444;	
position:relative;
top:-85px;
left:42px;
}
.sec_but_text_green {
float:left;
width: 235px;
margin:0;
font: 11px/14px verdana, Arial, Helvetica, sans-serif;
color: #444;	
position:relative;
top:-85px;
left:83px;
}
.sec_but_text_blue {
float:left;
width: 231px;
margin:0;
font: 11px/14px verdana, Arial, Helvetica, sans-serif;
color: #444;	
position:relative;
top:-85px;
left:120px;
}

ul#sec_button {
	 float:left;
	 background: url(images/intro_button_big_bg.gif) no-repeat;
	 margin: 50px 0px 25px 0px;
	 height: 189px;
	 width: 854px;
	 }
	
ul#sec_button li { display: inline; }
	
ul#sec_button li a {
	display: block;  
	text-indent: -9999px;
	position:relative;
	
}
	 
	 ul#sec_button li a.big-red {
	 outline: none;
	  height: 91px;
	 width: 231px;	
	 background: url(images/introButtonBigRed.png) no-repeat;
	 top:-151px;
	 left:41px;
	 }
	 
	 ul#sec_button li a.big-green {
	outline: none;
	 height: 91px;
	 width: 231px;	
	background: url(images/introButtonBigGreen.png) no-repeat;
	top:-60px;
	 left:313px;
	 }
	 
	  ul#sec_button li a.big-blue {
	 outline: none;
	  height: 91px;
	 width: 231px;	
	 background: url(images/introButtonBigBlue.png) no-repeat;
	 top:31px;
	 left:585px;
	 }
	 
	

/* ----- LOGOs ----------------------------------------- */
.sidebar-logos {
 float: left;
 width: 205px;
 padding: 20px 30px 0 30px;
 border-right: 1px solid #bbbbbb;
 border-left: 1px solid #bbbbbb;
 background: #fff;
}
#logomodul {
float:left;
width:205px;
}
#logoleft {
float:left;
width:94px;

}
#logoright {
float:right;
width:94px;

}
p.logotxt{
	margin: 0px 10px 20px 10px;
	font: 11px/13px Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;
	display: block;

}

/* ----- Footer Content ----------------------------------------- */

#footer {
	 float: left;
	 width: 850px;
	 margin-top: 25px;
	  margin-bottom: 100px;
}
hr {
  border:0;
  border-top: 1px solid #cacaca;
  height: 0;
  background: #cacaca;
}
.copyright {
	 color: #bbbbbb;
 padding: 0;
 margin: 10px 0px 100px 0px;
 font: 9px verdana, Arial, Helvetica, sans-serif;
}