/* 
CAA			 css-definition - screen 
Autor:		 Horst Dommermuth
Updated:	 28.02.2011
*/

/* =basis 
================================================================ */

* {
		padding: 0;
		margin: 0;
}

body {  
		font-family: Arial, Helvetica, sans-serif;
	    background-color: #e2e5e4; 
	    color: #4a6058; 
		text-align: center;
}

html { 
		overflow: -moz-scrollbars-vertical; 
} 

html>body a:focus { 
		-moz-outline-style: none; 
}
	
img, a img { 
  		border: none;
		display: block;
}

a {
		text-decoration: none;
}

.klar {  
		clear: both;  
		line-height: 0px;  
		font-size: 1px;  
		height: 0px;
}	

.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}

.clearfix {
		display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ie7/win */
*:first-child+html .clearfix {
		min-height: 1px;
}

.floatLeft {
		float: left;
}

.floatRight {
		float: right;
}

/* =fonts
================================================================ */

h1 {
		font: italic 38px 'Myriad Pro', Arial, Helvetica, sans-serif;
		line-height: 40px;
		height: 80px;
		background: url(../img/bg_h1.gif) top left no-repeat;
		padding: 18px 0 0 10px;
		margin-bottom: 25px;
}	

h2 {
		font: bold 12px Arial, Helvetica, sans-serif;
		margin-bottom: 3px;
}

h3 {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #4a6058;
		padding: 0 0 2px 3px;
		border-bottom: 1px solid #afb9b6;
		margin: 0 0 6px -3px;
}

h4 {
		font: italic bold 13px Arial, Helvetica, sans-serif;
		color: #2d5c3d;
		margin-bottom: 4px;
}

h5 {
		font: bold 16px Arial, Helvetica, sans-serif;
		margin-bottom: 3px;
}

/* =p */

p {			
		font-size: 12px;
		line-height: 165%;
		margin-bottom: 10px;
}	

#right p {
		line-height: 140%;
}

ul {
		list-style: none;
}

table {
		font-size: 12px;
		line-height: 140%;
}

table th {
		text-align: left;
}		

/* =hauptlayer fuer Breite
================================================================ */

#mainDivBreite {
		margin: 0 auto;
		width: 916px;
		text-align: left;
}

/* =metanavigation oben rechts inkl. Suchfeld
================================================================ */

#metawrap {
		width: 100%;
		height: 20px;
		padding: 10px 0;		
}

#metanavi {				
		float: right;
		position: relative;
		z-index: 10;
		background: transparent;	
}

#metanavi ul {
		float: left;
		font-size: 12px;
		margin: 2px 5px 0 0;
}

#metanavi ul li {
		float: left;
		padding-right: 12px;
}

#metanavi ul li a {
		float: left;
		color: #4a6058;
}

#metanavi ul li a:hover {
		color: #e21416;
}

div#search {
		float: left;
}

div#search form {
		float: left;
		width: 139px;
		background: url(../img/suchfeld.jpg) top left no-repeat;
}

div#search form input {
		width: 105px;
		height: 20px; 
		float: left;
		border: none;
		background: none;
		color: #666;	
		padding: 1px 23px 0 22px;
		font-size: 12px;
}

/* =language
================================================================ */

li.earth {
		padding-left: 15px;
		background: url(../img/language.gif) no-repeat left 2px;
}

#sprache {
		visibility: hidden;		
		position: absolute;
		top: 38px;
		left: 15px;
}

#sprache ul {
		font-size: 12px;	
}

#sprache ul li {
		padding-bottom: 2px;
}

#sprache ul li.l10n_current {
		color: red;
}

#sprache ul li a {
		color: #4a6058;
}	

#sprache ul li a:hover {
		text-decoration: underline;
}		 

/* =header
================================================================ */

#head {		
		width: 100%;
		height: 130px;
		position: relative;
		background: #fff;
}

.logo {
		padding: 16px 0 0 15px;
		display: inline;
}

/* =hauptnavigation
================================================================ */

#mainnavi {
		text-align: left;
		position: absolute;
		bottom: 28px;
		left: 12px;
}

#mainnavi ul {
		float: left;
		font: normal 13px 'Myriad Pro', Arial, Helvetica, sans-serif;
}

#mainnavi ul li {
		float: left;
		border-left: 1px solid #a4afab;		
		line-height: 12px;
		height: 12px;
}

#mainnavi ul li:first-child {
		border-left: none;			
}

#mainnavi ul li a {
		float: left;
		color: #4a6058;	
		padding: 0 12px;		
}

#mainnavi ul li a:hover {
		color: #e21416;
}

#mainnavi ul li a.active {
		color: #e21416;
}

/* =subnavigation
================================================================ */

#subnavi {
		text-align: left;
		position: absolute;
		bottom: 10px;
		left: 16px;
}

#subnavi ul {
		float: left;
		font: normal 12px 'Myriad Pro', Arial, Helvetica, sans-serif;
}

#subnavi ul li {
		float: left;
		border-left: 1px solid #a4afab;		
		line-height: 10px;
		height: 10px;
}

#subnavi ul li:first-child {
		border-left: none;			
}

#subnavi ul li a {
		float: left;
		color: #4a6058;	
		padding: 0 8px;		
}

#subnavi ul li a:hover {
		color: #e21416;
}

#subnavi ul li a.active {
		color: #e21416;
}


/* =content
================================================================ */

#contentarea {
		width: 100%;
		background: #fff;
		min-height: 580px;
		height: auto !important;   /* for IE6 */
		height: 580px;
}

#content {
		width: 580px;
		float: left;
		padding: 0 0 60px 20px;
}

.box_home {
		width: 275px;
		border-left: 1px solid #c0c8c5;
		margin-top: 20px;
		padding-left: 5px;
		min-height: 110px;
		height: auto !important;   /* for IE6 */
		height: 110px;
}

h2 span {
		color: #a4afab;
		font: normal 11px Arial, Helvetica, sans-serif;
		padding-left: 5px;
		background: url(../img/box_home_pipe.gif) no-repeat left 2px;
}

a.mehr {
		font-weight: bold;
		font-size: 12px;
		color: #4a6058; 
		padding-right: 13px;
		background: url(../img/pfeil_rechts.gif) no-repeat right 7px;
}

a.mehr:hover {
		text-decoration: underline;
}

a.arrow {
		font-size: 11px;
		color: #4a6058; 
		padding-right: 13px;
		text-decoration: none;
		background: url(../img/pfeil_rechts.gif) no-repeat right 6px;
}

a.arrow:hover {
		text-decoration: underline;
}

#contentLeft {
		float: left;
		width: 168px;
		padding: 0 10px;
		margin-right: 12px;
}

div.borderRight {
		border-right: 1px solid #abbeb1;
}

div.borderRight p {
		font-size: 11px;
		line-height: 130%;
		padding-left: 1px;
}

div.borderRight ul {
		font: italic 11px Arial, Helvetica, sans-serif;
		color: #2d5c3d;
		margin: 0 0 15px -5px;
}

div.borderRight ul li {
		padding-left: 5px;
		background: url(../img/bullet_left.gif) no-repeat 0pt 6px;
}

div.boxgreen {
		background: #5c736b url(../img/box_green_bottom.gif) no-repeat bottom left;
		width: 168px;
		float: left;
}

div.boxgreen h4 {
		line-height: 140%;
		color: #fff;
		padding: 5px 0 0 8px;
		background: #5c736b url(../img/box_green_top.gif) no-repeat top left;		
}

div.boxgreen p, div.boxgreen ul {
		font: italic 11px Arial, Helvetica, sans-serif;
		padding: 0 10px 10px 8px;
		line-height: 140%;
		color: #fff;
}

div.boxgreen ul li {
		padding-left: 5px;
		background: url(../img/bullet_left.gif) no-repeat 0pt 6px;
}
		
#contentRight {
		float: left;
		width: 370px;
}

#contentRight ul {
		font-size: 12px;
		line-height: 165%;
		margin: 0 0 10px 13px;
		list-style-type: disc;		
}

a.linkKursivPfeil {
		display: block;
		float: right;
		padding-right: 12px;
		border-bottom: 1px solid #96ad9e;
		font: italic bold 13px Arial, Helvetica, sans-serif;
		background: url(../img/bg_linkkursivpfeil.gif) no-repeat right 7px;
		color: #2d5c3d;
}

a.linkKursivPfeil:hover {
		color: #666;
}

a.contentlink {
		color: #4a6058;
		text-decoration: underline;
}

a.contentlink:hover {
		text-decoration: none;
}

/* =Standorte
================================================================ */

div.standorte_text {
		width: 290px;
		font-size: 12px;
		line-height: 165%;
		margin-bottom: 30px;
}

/* =Consultants
================================================================ */

div.consultants_text {
		width: 290px;
		float: left;
		font-size: 12px;
		line-height: 165%;
		margin: 30px 0 20px 0;
}

div.consultants_bild {
		float: right;
		margin-top: 35px;
}

.show {
		float: right;
}

.hide {
		display: none;
}

/* =Referenzen
================================================================ */

table.ref {
		width: 390px;
}

table.ref th {
		font-weight: bold;
		padding: 0 10px 10px 10px;
}

table.ref th.first {
		width: 57%;
}

table.ref th.second {
		width: 43%;
}

table.ref td {
		vertical-align: top;
		border-top: 1px solid #abbeb1;
		padding: 10px 0 5px 10px;
}

div.refimg {
		padding-left: 10px;
}

span.hook {
		display: block;
		padding-left: 12px;
		margin-bottom: 4px;
		background: url(../img/bullet_hook.gif) no-repeat scroll 0pt 2px;
}

/* =rechter Bereich
================================================================ */

#right {
		width: 280px;
		float: right;
		padding-right: 20px;
}

#map {
		height: 191px;
		background: url(/img//map/map.jpg) top left no-repeat;
		margin-bottom: 15px;
		position: relative;		
}

#map select {
		position: absolute;
		bottom: 8px;
		margin-left: 15px;
		width: 250px;
		padding-top: 2px;
}

#map #headline {
		color: #fff;
		font: normal 12px Arial, Helvetica, sans-serif;
		position: absolute;
		top: 7px;
		left: 12px;
}

#map #hinweis {
		color: #fff;
		font: normal 11px Arial, Helvetica, sans-serif;
		position: absolute;
		top: 138px;
		right: 5px;
}

/* =map bullets
================================================================ */

img#mexico {
		position: absolute;
		top: 122px;
		left: 42px;
}

img#frankfurt {
		position: absolute;
		top: 75px;
		left: 190px;
}

img#salzburg {
		position: absolute;
		top: 80px;
		left: 200px;
}

img#ny {
		position: absolute;
		top: 90px;
		left: 80px;
}

img#london {
		position: absolute;
		top: 66px;
		left: 181px;
}

/* =map bubbles
================================================================ */

#map_mexico {
		position: absolute;
		top: 82px;
		left: 46px;
		visibility: hidden;
}

#map_frankfurt {
		position: absolute;
		top: 33px;
		left: 72px;
		visibility: hidden;
}

#map_salzburg {
		position: absolute;
		top: 38px;
		left: 83px;
		visibility: hidden;
}

#map_ny {
		position: absolute;
		top: 51px;
		left: 85px;
		visibility: hidden;
}

#map_london {
		position: absolute;
		top: 26px;
		left: 75px;
		visibility: hidden;
}

.box_grey {
		background: #dbdfde;
		padding: 10px 15px;
		margin-bottom: 15px;
}

fieldset {
		border: none;
}

/* =suche
================================================================ */

div.such_ergebnis h2 {
		border: none;
		margin-bottom: 5px;
}

div.such_ergebnis h2 a {
		color: #2d5c3d;		
}

div.such_ergebnis {
		margin-bottom: 15px;
		padding: 0 0 5px 10px;
		border-bottom: 1px solid #afb9b6;
}

div.such_ergebnis a.such_link {
		color: #2d5c3d;
		text-decoration: underline;
}

div.such_ergebnis a.such_link:hover {
		color: #999;
}

/* =Kontaktformular 
================================================================ */

td {
		padding: 4px 0;
}

.width_180 {
		width: 180px;
}

input, textarea {
		color: #666;
		font-size: 12px;
		border: 1px solid #bbb;	
}

select.FormSubject {
		width: 185px;		
		margin-bottom: 5px;
		color: #666;
		font-size: 12px;
		padding: 2px 0 0 0;
		border: 1px solid #bbb;	
}

select option {
		padding: 2px 0 2px 4px; 
}

/* ====== Fuer Opera, keine Border bei radio buttons ====== */	
.no_border {
		border: none;
}

input:focus, textarea:focus {
		border: 1px solid #666;
}

.inputFormGr {
		width: 180px;			
		padding: 3px 0 4px 3px;
}

.inputFormPLZ {
		width: 3.2em;
		padding: 3px 0 4px 3px;
}

.inputFormTextarea {
		width: 347px;
		height: 140px;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 140%;
		padding: 8px;	
		overflow: auto;
}

.inputFormSubmit {
		background-color: #fff;
		padding: 2px 25px;
}

.red {
		color: #E72B20;
}

/* =News
================================================================ */

div.news_liste {
		border-bottom: 1px solid #afb9b6;
		padding-top: 10px;
}

div.news_liste h5 a {
		color: #4a6058;
}

div.news_liste h5 a:hover {
		text-decoration: underline;
}

div.news_single {
		border-top: 1px solid #afb9b6;
		padding: 10px 0 40px 0;
}

p.date {
		font-size: 10px;
		margin-bottom: 5px;
}

a.pfeil_links {
		font-weight: bold;
		font-size: 12px;
		color: #4a6058; 
		padding-left: 13px;
		background: url(../img/pfeil_links.gif) no-repeat 0pt 7px;
}

a.pfeil_links:hover {
		text-decoration: underline;
}

span.mehr a {
		font-weight: bold;
		font-size: 12px;
		color: #4a6058; 
		padding-right: 13px;
		background: url(../img/pfeil_rechts.gif) no-repeat right 7px;
}

.news_images {
		padding-top: 50px; 
}

.news_images img {
		margin-bottom: 15px; 
}

#dommain {
		visibility: hidden;
		font-size: 10px;
		margin-top: -123px;
}