/* CSS für FESPO 2010 */
 
/*
Schriftgrössen:
body  100.01% Wegen Rundungsfehler

10  0.625em
11  0.6875em
12  0.75em
13  0.8125em
14  0.875em
15  0.9375em
16  1em
17  1.0625em
18  1.125em
19  1.1875em
20  1.25em
21  1.3125em
22  1.375em
23  1.4375em
24  1.5em
25  1.5625em
26  1.625em
27  1.6875em
28  1.75em
29  1.8125em
30  1.875em
*/

* {margin:0;padding:0;}
html,body {margin:0;padding:0;}
* html body {position: relative;}
html {height:100%; margin-bottom: 1px; overflow-y:scroll;}
.navAccesskey {display:none;}
.clearer {clear:both; font-size:0px;line-height:0px; height:0px;background-color:#FFFF00;}

div#headerArea{margin-bottom:47px; padding-bottom:1px;background-color:#034e93; background-image:url(/_img/dot_border.gif); background-repeat:repeat-x; background-position:bottom; display:inline-block; position:relative;}
#serviceNavig {position:absolute;z-index:100; top:0; left:326px; width:654px; height:30px;background-color:#034e93; display:inline-block;}
.logo {float:left;width:326px;height:218px;background-color:#ffc500;}
.logo img {margin:60px 0 0 49px;}
.headerDeko {float:left;width:654px;height:218px; position:relative;}

.headerImg { float:left; width:327px; height:218px;}

img {border:none;}

div#container {margin:0 auto;width:980px;background-color:#fff8c0; padding-bottom:191px;}

#mainNavig {float:left; width:228px;}
	#mainNavig ul {margin:0 0 0 48px;padding:0;width:180px;list-style:none;}
	#mainNavig > ul {}
	#mainNavig ul li ul {margin:0;padding:0;width:180px;list-style:none;}
	#mainNavig ul li ul li ul {margin:0;padding:0;width:180px;list-style:none;}
	#mainNavig ul li{list-style:none;}
	#mainNavig ul li a {display:block;padding:12px 0px 11px 0px;}
	* html #mainNavig ul li a {width: 180px; /* Breitenangaben nur fuer IE */}
		#mainNavig ul li ul li a {display:block;padding:8px 0px 7px 20px;}
	* html #mainNavig ul li ul li a {width: 160px; /* Breitenangaben nur fuer IE */}
		#mainNavig ul li ul li ul li a {display:block; width:140px;padding:6px 0px 5px 40px;}
	* html #mainNavig ul li ul li ul li a {width: 140px; /* Breitenangaben nur fuer IE */}
	#mainNavig ul li a:focus, #mainNavig ul li a:hover {}  
	#mainNavig li.aktiv a {}
	#mainNavig .aktiv a:hover{}

div#contentArea {float:left;width:496px;min-height:400px; height:auto !important; /* real browsers */height:400px; /* IE6: treaded as min-height*/min-height:400px; /* real browsers */display:inline;background-color:#ffe08f; padding:20px;}
	#contentArea ul { margin-left:18px;padding:0;}	

	table {border-collapse:collapse;}
	th {font-size:0.875em;text-align:left;padding:2px 2px 2px 0;/*border-bottom:1px #ededed solid;*/}
	td {font-size:0.8125em;padding:1px 2px 1px 0;/*border-bottom:1px #ededed solid;*/}
	td.right, th.right {text-align:right;padding-right:30px;}

	.teaserBox {float:right;width:216px;display:inline;margin-top:20px;}
	#contentArea .teaserBox p {}

	.angebot {border-bottom:1px #7b6856 dashed; width:744px;}
	.imgRight { float:right;width:220px;display:inline;margin:10px 20px 10px 30px;}

/* Kontaktformular */
#formKontakt {float:left;width:470px;display:inline;margin:20px 0 0 0;}
#formKontakt label{float:left;width:170px;display:inline;text-align:left;margin:0 0 10px 0;line-height:1.5em;font-size:0.8125em;}
#formKontakt input {float:left;width:260px;display:inline;margin-right:10px;border:solid 1px #CCCCCC;background-color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.8125em;color:#999999;}
#formKontakt textarea {float:left;width:260px;display:inline;margin-right:10px;height:100px;border:solid 1px #CCCCCC;background-color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8125em; color:#999999;}
#formKontakt span {float:left; width:auto;display:inline;padding-right:10px;font-size:0.8125em;}
#formKontakt form br {clear: both;}
#formKontakt input:focus, #formKontakt textarea:focus, #formKontakt select:focus {border:solid 1px #7b6856;background-color:#d9d5ca;color:#7b6856;}
input:focus, textarea:focus, select:focus, #formKontakt select.aktiv, #formKontakt textarea.aktiv, #formKontakt input.aktiv {border:solid 1px #7b6856;background-color:#d9d5ca;color:#7b6856;}
input.mittelaktiv {border:solid 1px #666666;background-color:#fdf1bc; width:200px;}
#formKontakt input.btnSenden {float:left;width:100px;display:inline;margin-right:10px;border:solid 1px #CCCCCC;background-color:#FFFFFF;color:#7b6856;}
#formKontakt input.radio {width:auto; border:none;background-color:transparent;}
.error {border:1px #CC0000 dashed;color:#CC0000;padding:10px;margin:20px 20px 20px 0;font-size:0.8125em;}
.error img {margin-right:10px;}
input.radio {background-color:transparent;}

div#footerArea {}
* html div#footerArea {left: 92%; top: 100px; /* fallback */ }
/*div#footerArea img  {float: left;margin:0;position: relative;}*/
div#footerArea {position: fixed;bottom: 0;left: 0;width: 100%;height:101px;z-index: 10;}
* html div#footerArea {position: absolute;top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop+(document.body.clientHeight-this.clientHeight));left: expression("0");}
.footer {width:980px;margin:0 auto;padding-top:10px;background-color:#ffc500;background-image:url(/_img/dot_border.gif);background-repeat:repeat-x;}
.gastland, .sonderschauen, .medienpartner { float:left;}
.gastland img, .sonderschauen img, .medienpartner img {margin:0 17px 10px 0;}
.gastland { width:251px; margin-left:48px; display:inline;}
.sonderschauen { width:435px;}
.medienpartner { width:220px;}
.footerNavig {background-color:#034e93;height:28px;}