* { margin: 0; padding: 0; border: 0; font-size: 100%; }
html, body { height: 100%; }
body { /*min-height: 101%;*/ text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 101%; color: #284050; background: #fff url(pix/bg_body.gif) center repeat-y; }
body.start { background: #fff url(pix/bg_body-start.gif) center repeat-y; }
.clear { clear: both; height: .5em; font-size: 1px; }



/* Layout */
/* *********************************************************** */
#wrapper { position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto; text-align: left; }
	html>body #wrapper { height: auto; }
#container { width: 800px; margin: 0 auto; padding: 0 16px 80px 16px; text-align: left; }

#header {}
	#logo { height: 64px; background-color: #fff; }
	#mainNav { height: 7em; /* height: 112px; */ background: url(pix/bg_mainNav.jpg) no-repeat; }
		#mainNav .links { float: left; width: 192px; }
		#mainNav .rechts { float: left; /* width: 13em; width: 208px; */ height: 112px; }
		#mainNav #visual { float: left; width: 398px; height: 112px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
	#breadcrumb { clear: left; float: left; width: 400px; height: 2em; /* height: 32px; */ padding-left: 192px; }
	#suche { float: left; width: 208px; height: 2em; /* height: 32px; */ }

#content { clear: left; float: left; padding-top: 2em; }
	#subNav { float: left; width: 192px; }
	#inhalt { float: left; width: 368px; padding: .25em 16px 0; background: #fff; }
	.start #inhalt { background: transparent;	}
	#margin { float: left; width: 192px; padding: .3em 0 0 16px; }

#footer  { position: absolute; bottom: 0; width: 100%; height: 48px; background: #fff; }



/* Textformatierung */
/* *********************************************************** */

/* subNav - linke Spalte - Startseite */
#subNav h2 { font-size: .6em; line-height: 1.65em; padding-top: 1.5em; color: #595959; }
#subNav p { font-size: .6em; line-height: 1.65em; padding: 0 16px 1.6em 0; color: #595959; }

/* Inhalt - mittlere Spalte */
h1 { font-size: .8em; line-height: 1.4em; padding-bottom: 1em; }
h2 { font-size: .7em; line-height: 1.4em; padding-bottom: .4em; }
h3 { font-size: .85em; line-height: 1.1em; padding-bottom: .5em; margin: 1.5em 0 1em; font-weight: normal; color: #595959; background: url(pix/line_inhalt.gif) bottom left no-repeat; }
h4 { font-size: .6em; line-height: 1.6em; color: #9E9E9E; font-weight: normal; }
p { font-size: .7em; line-height: 1.6em; padding-bottom: 1.6em; }
cite { font-style: italic; }
/* hr { font-size: 1em; line-height: normal; margin: .8em 0 1.6em; color: #FFF; background: #FFF; border: 0; border-top: 1px solid #e5e5e5; } */


#inhalt ul { list-style: none; padding-bottom: 1.4em; }
#inhalt ul li { font-size: .7em; line-height: 1.4em; padding: 0 0 .2em 32px; background: url(pix/list_content.gif) 16px .5em no-repeat; }
#inhalt ul li ul { padding-bottom: 0; }
#inhalt ul li ul li { font-size: 1em; }

/* Margin - rechte Spalte */
#margin h2 { font-size: .85em; line-height: 1.1em; padding-bottom: .5em; margin: 1.5em 0 .4em; font-weight: normal; color: #595959; background: url(pix/line_margin.gif) bottom left no-repeat; }
#margin h2.top { margin-top: 0; }
#margin p { font-size: .6em; line-height: 1.65em; padding-bottom: 1.6em; color: #595959; }


/* Links mitte/rechts */
#sitemap h3 a { color: #595959; text-decoration: none; }
#sitemap a { color: #284050; text-decoration: none; }

#inhalt a { color: #3085BF; text-decoration: none; }
#inhalt a.extern { padding-left: 16px; background: url(pix/link_extern.gif) 0 .1em no-repeat; }

#margin a { color: #3085BF; text-decoration: none; }
#margin a.intern { padding-left: 16px; background: url(pix/link_intern.gif) 0 .1em no-repeat; }
#margin a.extern { padding-left: 16px; background: url(pix/link_extern.gif) no-repeat; }



/* Bereiche */
/* *********************************************************** */

/* Portrait mit Text rechts daneben */
.portraitbox { clear: left; padding-bottom: 2em; }
.portraitbox img { float: left; }
.portraitbox p, .portraitbox h2 { margin-left: 112px;  }

/* Partner-Logos mit Text rechts daneben */
.bildbox { clear: left; padding-bottom: 3em; }
.bildbox img {	float: left; }
.bildbox p, .bildbox h2 { margin-left: 160px; }

/* Kunden-Logos, Breite: 144px */
.kundenpics { padding-bottom: 2em; }
.kundenpics img { padding-left: 16px; }

/* Liste der Presse-PDFs */
.datum { font-size: .9em; color: #9E9E9E; font-weight: normal; }
#inhalt.presse ul li { padding: 0 0 1em 48px; background: url(pix/list_presse.gif) 16px 4px no-repeat; }


/* RollOver und OnClick Effekte / Layer */
.info { position: absolute; visibility: hidden; }
#info1, #info2, #info3, #info4, #info5, #info6 { position: absolute; z-index: 20; top: 0; left: 0; width: 368px; height: 368px; }
.info .zoom { height: 272px; }
.info .zoom img.close { position: absolute; top: 2px; left: 355px; }

.menu { position: absolute; visibility: hidden;	text-align: center; background: #fff; border: 1px solid #CFDCE6; padding: .1em .3em; }
.menu p { font-size: .65em; line-height: 1em; padding-bottom: 0; }
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10,
#menu11, #menu12, #menu13, #menu14, #menu15, #menu16, #menu17, #menu18, #menu19, #menu20, 
#menu21, #menu22, #menu23, #menu24, #menu25, #menu26, #menu27, #menu28, #menu29, #menu30, 
#menu31 { position: absolute; z-index: 40;}
#menu1 /* Kanada */ { top: 106px; left: 276px; }
#menu2 /* USA */ { top: 179px; left: 282px; }
#menu3 /* Mexiko */ { top: 204px; left: 202px; }
#menu4 /* Brasilien */ { top: 119px; left: 258px; }
#menu5 /* Argentinien */ { top: 183px; left: 211px; }
#menu6 /* Chile */ { top: 161px; left: 172px; }
#menu7 /* Peru */ { top: 100px; left: 180px; }
#menu8 /* Kuba */ { top: 0px; left: 151px; }
#menu9 /* Dubai */ { top: 27px; left: 316px; }
#menu10 /* Mauritius */ { top: 184px; left: 318px; }
#menu11 /* Südafrika */ { top: 216px; left: 207px; }
#menu12 /* Südkorea */ { top: 15px; left: 295px; }
#menu13 /* China */ { top: 75px; left: 212px; }
#menu14 /* Taiwan */ { top: 84px; left: 264px; }
#menu15 /* Vietnam */ { top: 119px; left: 213px; }
#menu16 /* Singapur */ { top: 168px; left: 193px; }
#menu17 /* Neuseeland */ { top: 194px; left: 319px; }
#menu18 /* Australien */ { top: 148px; left: 231px; }
#menu19 /* Spanien */ { top: 202px; left: 112px; }
#menu20 /* Italien */ { top: 196px; left: 203px; }
#menu21 /* UK */ { top: 78px; left: 136px; }
#menu22 /* Frankreich */ { top: 146px; left: 148px; }
#menu23 /* Belgien */ { top: 124px; left: 166px; }
#menu24 /* Niederlande */ { top: 98px; left: 164px; }
#menu25 /* Schweiz */ { top: 152px; left: 180px; }
#menu26 /* Österreich */ { top: 152px; left: 221px; }
#menu27 /* Deutschland */ { top: 110px; left: 202px; }
#menu28 /* Ungarn */ { top: 155px; left: 246px; }
#menu29 /* Polen */ { top: 103px; left: 257px; }
#menu30 /* Schweden */ { top: 41px; left: 217px; }
#menu31 /* Norwegen */ { top: 22px; left: 178px; }




/* Navigation  */
/* *********************************************************** */
#mainNav ul { list-style: none; }
#mainNav ul li { font-size: .7em; line-height: 16px; font-weight: bold; white-space: nowrap; }
#mainNav ul li a:link, #mainNav ul li a:visited { padding-left: 16px; color: #CFDCE6; text-decoration: none; background: none; }
#mainNav ul li a:focus, #mainNav ul li a:hover, #mainNav ul li a:active { color: #fff; background: url(pix/list_mainNav.gif) 1px 4px no-repeat; }
#mainNav ul li.current a:link, #mainNav ul li.current a:visited,
#mainNav ul li.current a:focus, #mainNav ul li.current a:hover, #mainNav ul li.current a:active { color: #fff; background: url(pix/list_mainNav.gif) 1px 4px no-repeat; }
#mainNav .links ul { padding-top: 8px; }
#mainNav .rechts ul { padding-top: 8px; }

#subNav dl { list-style: none; padding-bottom: 1.5px; background: url(pix/line_subNav.gif) bottom left no-repeat; }
#subNav dl dt { font-size: .7em; line-height: 1.2em; padding-top: 1px; background: url(pix/line_subNav.gif) top left no-repeat; }
#subNav dl dt a:link, #subNav dl dt a:visited { display: block; width: 160px; padding: .5em 0 .5em 16px; color: #284050; text-decoration: none; background: #fff; }
#subNav dl dt a:focus, #subNav dl dt a:hover, #subNav dl dt a:active { background: #efefef; }
#subNav dl dt.current a:link, #subNav dl dt.current a:visited,
#subNav dl dt.current a:focus, #subNav dl dt.current a:hover, #subNav dl dt.current a:active  { font-weight: bold; background: none; }
/* #subNav dl dd#first { background: url(pix/line_subNav.gif) top left no-repeat; } */
#subNav dl dd { font-size: .7em; line-height: 1.2em; padding: .5em 0; }
#subNav dl dd a:link, #subNav dl dd a:visited { padding-left: 32px; color: #9E9E9E; text-decoration: none; background: none; }
#subNav dl dd a:focus, #subNav dl dd a:hover, #subNav dl dd a:active { background: url(pix/list_subNav.gif) 20px .4em no-repeat; }
#subNav dl dd.current a:link, #subNav dl dd.current a:visited,
#subNav dl dd.current a:focus, #subNav dl dd.current a:hover, #subNav dl dd.current a:active { font-weight: bold; background: url(pix/list_subNav.gif) 20px .4em no-repeat; }

#breadcrumb p { padding: 20px 0 0 16px; font-size: .6em; line-height: normal; color: #9E9E9E; }
#breadcrumb a:link, #breadcrumb a:visited  { color: #9E9E9E; text-decoration: none; }
#breadcrumb a:focus, #breadcrumb a:hover, #breadcrumb a:active { text-decoration: underline; }

#footer p {	width: 800px; margin: 0 auto; padding-top: 24px; font-size: .6em; line-height: normal; color: #9E9E9E; }
#footer a.top { padding-left: 221px; background: url(pix/icon_top.gif) 212px 0 no-repeat; }
#footer a.print { padding-left: 32px; background: url(pix/icon_print.gif) 18px 0 no-repeat; }
#footer a.tell { padding-left: 32px; background: url(pix/icon_tell.gif) 16px 0 no-repeat; }
#footer a:link, #footer a:visited  { color: #9E9E9E; text-decoration: none; }
#footer a:focus, #footer a:hover, #footer a:active { text-decoration: underline; }



/* Formulare */
/* *********************************************************** */

/* Suchformular */
#suche form { padding: 14px 0 0 16px; font-size: 1em; line-height: normal; }
#suche input { float: left; background: #fff; border: 1px solid #406680; color: #406680; }
#suche input.text { width: 134px; height: 12px; padding: 1px; margin-right: 6px }
#suche input.button { width: 48px; height: 16px; border: 0; }

/* Kontaktformular */
#kontakt form { font-size: .7em; padding-bottom: 1.6em; }
#kontakt fieldset { margin-bottom: 2em; padding: 1em; border: 1px solid #E3E3E3; }
#kontakt	fieldset br { display: none; }
#kontakt legend { font-weight: bold; color: #284050; margin: 0; padding: 0.5em; }
	* html #kontakt legend { margin-bottom: .5em; }
#kontakt label { display: block; padding-bottom: 1px;}
#kontakt	input, #kontakt textarea { width: 320px; padding: 1px; margin-bottom: 1em; border: 1px solid #97C2DF; background: #F6F6F6; color: #595959; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#kontakt .fm-optional input { border: 1px solid #D6D6D6; }
#kontakt input:hover, #kontakt textarea:hover, 
#kontakt input:active, #kontakt textarea:active, 
#kontakt input:focus, #kontakt textarea:focus { background : #fff; } 
#kontakt .fm-checkbox div { clear: left; }
#kontakt .fm-checkbox input { width: auto; border: none; background: none; padding: 0; margin-bottom: .5em; margin-right: .5em; float: left; }
	* html #kontakt .fm-checkbox input { margin-bottom: 0; }
	* html #kontakt .fm-checkbox label { padding-top: .3em; }
#kontakt input.button-reset { width: auto; margin-right: 1em; padding: .2em 2em; color: #3085BF; }
#kontakt input.button-submit { width: auto; padding: .2em 2em; color: #3085BF; font-weight: bold; }
#kontakt form p { font-size: 1em; }

p.error { color: #e31c21; }