body { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100.01%;
	color: #000;
	margin: 0px; 
	padding: 2px 0;
	text-align:center;
	background: #E5E5E5;
}

/* firefox scrollbar hack */ 
html {height: 100%; margin-bottom: 1px; } 
	
#wrapper { text-align:left; width:958px; margin: 0 auto; }
#preamble, #footer, #breadcrumb, .languages { font-size: 70%; }
#contentright, #left { font-size: 69%; }
#preamble, #footer, #left, #contentright { line-height:1.6em; }	

a { text-decoration: none; color: #006789; }	
a:link { text-decoration:none; color: #006789; }
a:visited { color: #006789; }
a:hover { color:#000; }
a:active { color:#00adef;}

#left a, #left a:link, #left a:visited, 
#contentright a, #contentright a:link, #contentright a:visited { 
	color: #006789;
}

#preamble a:hover, #contentright a:hover, 
#footer a:hover, #breadcrumb a:hover, #left a:hover { 
	text-decoration:underline;
	color:#000;
}

#preamble a, #preamble a:visited { color: #006789; }

/****************************************************************
	Modul Kopfbereich
 	Definiert Logo, Gitternetz, Querbild, Hintergrund Kaesten
*****************************************************************/
#netz { 
	position: absolute; 
	margin:0;
	background: url("../images/netz2.gif") no-repeat top left; 
	width: 864px; 
	height: 195px; 
	z-index:100;
}	

#headimage { 
	position: absolute; 
	margin: 2px 0 0 370px;
	width: 393px; 
	height: 191px; 
}

#image-1 {
	position:absolute;
	margin: 4px 0 0 370px;
	width: 480px;
	height: 188px; 
	z-index:2;
}

#image-2 {
	position:absolute;
	margin: 4px 0 0 370px;
	width: 480px;
	height: 188px; 
	z-index:3;
}

div#Image, img { behavior: url(iepngfix.htc) }

/****************************************************************
	Modul Navigation Kopfbereich
 	Definiert Navigations-Kaesten, Positionierung und Farbe
*****************************************************************/
#topnavi { position: absolute; padding:0;  margin: 2px 0 0 0; z-index: 1; text-align:center; z-index:101; }		
#topnavi li { list-style-type: none; position: absolute; line-height: 1em; }
#topnavi li span { display:block; }
#topnavi li a { display:block; width: 92px; height: 92px; font-weight:bold; font-size:0.75em; color:white; border:1px solid #F9F5E9; }
#topnavi li.num100 a { background: transparent; width:129px; height:111px; display:block; border:none;}
#topnavi li.num100 a:hover  { display:block; width: 129px; height: 111px; background:transparent; border:none;}
#topnavi li.num200 a:hover { display:block; }
#topnavi li span { padding-top:62px; }

/* Farben Quadratreihen */
#topnavi li a, #englishversion a { background-color:#00B2EB; }
#topnavi li.num6 a, #topnavi li.num7 a, #topnavi li.num2 a, #topnavi li.num8 a, #topnavi li.num14 a, 
#topnavi li.num9 a, #topnavi li.num5 a, #topnavi li.num11 a, #topnavi li.num143 a, #topnavi li.num61 a { background-color:#006789; }
#topnavi li a:hover { color:white; background-color:#8bcaef; }
#topnavi li a.active { color:white; background-color:#9E1B34; }

/* Obere Quadratreihe */
/* Logo*/				#topnavi li.num200 a { position:absolute; left: 710px; top:20px; width:116px; height:64px; border:none; background-color:transparent; background: #E5E5E5 url('../images/wh-f-p3.gif') no-repeat; }
/* home */				#topnavi li.num1 { left: 96px; top: 1px; }  
/* Kontakt */			#topnavi li.num15 { left: 384px; top:1px; }

/* Zweite Quadratreihe */
/* Claim  */			#topnavi li.num100 { left:25px; top:68px; width:129px; height:111px; background:url("../images/f-cell-claim02.gif") no-repeat;}
/* Claim  */			#topnavi li.num100 a { border:none; }
/* Aktuelles */ 		#topnavi li.num2 { left: 768px; top:97px; }
/* Programm 2008 */		#topnavi li.num146 { left: 192px; top:97px;}
/* Programm 2008 */		#topnavi li.num146 span { padding-top:46px; }
/* Messe */				#topnavi li.num7 { left: 288px; top:97px; }
/* Rahmenprogramm*/ 	#topnavi li.num8 { left: 384px; top:97px; }
/* Rahmenprogramm*/		#topnavi li.num8 span { padding-top:46px; }
/* Anmeldung */ 		#topnavi li.num143 { left: 480px; top:97px;}
/* Presse */ 			#topnavi li.num9 { left: 672px; top:97px;}
/* Rueckblick 2007 */ 	#topnavi li.num17 { left: 384px; top:1px;}
/* Rueckblick 2007 */ 	#topnavi li.num17 span { padding-top:46px; }
/* Begleitveranst*/		#topnavi li.num11 span, #topnavi li.num4 a.act span { padding-top:46px; }

/* f-cell Award */ 		#topnavi li.num61 { left: 768px; top:97px; }
/* f-cell Award */		#topnavi li.num61 span { padding-top:46px; }

/* Sprachwechsel */		#topnavi li#chlang { left: 184px; top:0px; }
/* Sprachwechsel */		#topnavi li#chlang .mychlang { width: 96px; height: 56px; padding:32px 0 0 10px;}

/* Suche */				#topnavi li#numsearch { left: 286px; top:0px; }
/* Suche */				#topnavi li#numsearch .mychlang { width: 96px; height: 56px; padding:34px 0px 0 2px;}


/****************************************************************
	Modul Subnavigation
 	Definiert Ebene 2-3
*****************************************************************/	

div#left ul { padding:10px 0; margin: 0; }
div#left ul li  { width:158px; list-style-type: none; margin-bottom:0px; float: inherit; background: transparent url("../images/square.gif") no-repeat; }
div#left ul ul { padding: .5em 0 .2em 13px; margin: 0px; }

div#left ul li a, div#left ul li a:link, div#left ul li a:visited { 
	color:#000; 
	line-height: 1.3em; 
	display: block; 
	padding:4px 5px 4px 24px; 
}
div#left ul ul ul li a { padding-left: 0; background:none;}
div#left ul ul ul li a.active, div#left ul ul ul li a.active:visited { background:none; }
div#left ul a:hover { border:none; text-decoration:none; }
div#left ul li a:hover { color:#9E1B34; background: white url("../images/square.gif") no-repeat; }
div#left ul li a.active { color:#9E1B34; background: white url("../images/square_active.gif") no-repeat;}
div#left ul li.lev2 a { background-color:white; }


/****************************************************************
	Modul Suchfeld Kopfbereich
 	Definiert Feld, Button, Sprachwechsel
*****************************************************************/

.textfieldshort { background-color:#E5E5E5; }	

.searchfield {
	border:1px solid #9f9f9f;	
	color: #000; 
	background: #fff;
	width: 78px;
	margin-bottom: 5px;
}	
	
.searchfield:hover, .searchfield:focus { border:1px solid #000; }
	
.button {
	border:1px solid #fff;	
	color: #fff;
	font-size:0.75em;
	font-weight: bold; 
	background: #00B2EB;
	width: 80px;
	margin-bottom: 5px;
}	

li.numsearch .mychlang .button { width:78px; }	

.dropdown  {
	border:1px solid #9f9f9f;	
	font-size: 0.75em;
	width: 76px;
	margin-bottom: 8px;
}	

div.mychlang legend { display:none; }

div.mychlang fieldset {
	border:0px solid white;
	margin:0;
	padding:0;
}


/****************************************************************
	Modul breadcrumb
*****************************************************************/
#breadcrumb { 
	position: relative;
	left: 197px;
	top: 206px;
	width:555px;
	height:12px;
	font-size:69%;
	line-height:1.4em;
}

/****************************************************************
	Modul Content
 	Definiert 3 Spalten (Subnavigation, Content, rechte Spalte)
*****************************************************************/	

#container { 
	padding: 210px 0px 0px 0px; 
	margin: 0px; 
}
	
#preamble { 
	padding: 8px 6px 1.5em 6px; 
	margin: 0; 
	width: 468px; 
	float: left; 
}

#left, #contentright { 	
	float: left; 
	width: 175px; 
	padding: 7px; 
	text-align:left;
	margin: 0;
}

#left {
	margin-left:20px;
	width: 158px;
}
	
#contentright a { margin-left: 0px; }
.Clear { clear: both; }	
div.clear { clear: both; }

/****************************************************************
	Modul Image
 	Definiert Bilderausgabe Fliesstext Content-Bereich
*****************************************************************/		

#preamble img, #contentright img, #topnavi img, #left img { border:	0px; }
#contentright img { padding-bottom:	0px; }
#preamble a.bildergalerie:hover, #preamble div.hintergrund a:hover { border-bottom:none !important; border-bottom:none; }

#preamble .flLeft a, #preamble .flLeft a:link, #preamble .flLeft a:visited, #preamble .flRight a, #preamble .flRight a:link, #preamble .flRight a:visited, #preamble .flNone a, #preamble .flNone a:link, #preamble .flNone a:visited, 
#left .flLeft a, #left .flLeft a:link, #left .flLeft a:visited, #left .flRight a, #left .flRight a:link, #left .flRight a:visited, #left .flNone a, #left .flNone a:link, #left .flNone a:visited, 
#contentright .flLeft a, #contentright .flLeft a:link, #contentright .flLeft a:visited, #contentright .flRight a, #contentright .flRight a:link, #contentright .flRight a:visited, #contentright .flNone a, #contentright .flNone a:link, #contentright .flNone a:visited {
	text-decoration: none;
	border-bottom: 0px !important;	
}

#preamble .flRight	{
	float: right;
	margin:	.3em 0 0 1.2em;
}

#preamble .flLeft	{
	float:left;
	margin:	.3em 1.2em .2em 0;
}

/* kleinere Thumbnails in Listen */
#preamble div.newsitem .flRight	{
	width:70px;
	float:right;
	margin: .3em 0 0 1.2em;
}

.flLeft p, .flRight p	{
	font-family:Tahoma,Verdana,Sans-Serif;
	line-height:12px;
	font-size:10px;
	color:#000;
	position:relative;
	margin:0;
	padding:0;
}

.flLeft p.subline, .flRight p.subline {
	margin: 3px 7px;
}

div.flLeft div, div.flRight div {
	float:left;
	border:5px solid #D6D6D6 !important;
	margin:2px;
	background-color:#D6D6D6;
}

div.flLeft div img.zoom, div.flRight div img.zoom {
	position:absolute;
	border:0px;
	right:0;
	bottom:0;
}

* html div.flLeft div img.zoom, * html div.flRight div img.zoom {
	bottom:15px;
}

/****************************************************************
	Modul Allgemeine Tags
 	Definiert p, h1-h5, etc.
*****************************************************************/			

h1 {
	font-size:110%;
	margin-top:0;
}

#left h2 {
	font-size:100%;
	margin-top:0;
	background: transparent url("../images/bg-h3.gif");
	padding: 4px 0 1px 12px;
	border-bottom:1px solid #CCCDCE;
}

h2 { font-size:110%; }
h3, h4, h5, h6 { font-size:100%; }
h5, h6 { margin: 1em 0 .5em 0; }
p { margin-bottom:1em; }

div.newsitem h2 {
	padding-top:10px;
	padding-bottom:0;
	margin-bottom:0;
}

.error { color:#AC1010; }

@media screen, print
{
.invisable {
	position: absolute;
	left: -1000em; 
	width: 20em;
}
}

span.highlight {
	color:#c33;
	font-style:italic;
}

/*
a.extern { background:url('../images/link_ext.gif') no-repeat left; padding:0 0 0 12px; }
a.extern img { background-image:none; }
*/

/****************************************************************
	Modul <hr>
*****************************************************************/	

hr.clearer {
	clear:right;
	height:1px;
	border:0;
	color: #FF7A0E;
}

hr.clearall {
	clear:both;
	height:1px;
	border:0;
	color: #fff;
}

hr.clear_columns {	
	clear: both; 
	float: left; 
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}


/****************************************************************
	Modul Bulletlisten fuer diverse Ausgaben
*****************************************************************/	

#preamble ul {
	background-color: #EBEBEB;
	list-style-image: url(../images/square2.gif);
	list-style-position: outside;
	padding:.5em 0 1em 20px;
	margin: 1em 0;
	margin-bottom:2em;
	border-top: 1px solid #cccdce;
	border-bottom:1px solid #cccdce;
}

#preamble ul ul {
	border:none;
	margin:0;
}

#preamble div.com-tab ul { border-color:#E5E5E5; margin:0; padding:0;}
#preamble ul li { margin: .2em 12px; }
#preamble div.com-tab ul li { margin:0; }

#preamble ul.form_warning {
	list-style-image: url(../images/item_white.gif);
	background-color:#B11F17;
	color:white;
	padding-bottom:1em;
	padding-top:1em;
	margin-bottom:1em;
}


/****************************************************************
	Modul Boxen
	Definiert Ausgabe Boxen rechts/links, Subnavigation
*****************************************************************/	

div.box {
	text-align: left;
	margin-bottom:1em;
}

div.border {
	border-width: 1px;
	padding:8px;
	border-color: #CCC;
	border-style: dashed;
}

div.box {
	text-align: left;
	margin:0 0 1em 0;
	line-height:1.3em;
	padding: 10px;
	background: #EBEBEB url("../images/bg-h3.gif") no-repeat;
	border-bottom:1px solid #CCCDCE;
}

div.box h3  {
	margin:0 0 .8em 0;
	font-size:100%;
	padding-bottom:2px;
}

div.box ul {
	margin: 0;
	padding: 0 0.5em 0 0;
	list-style-type:none;
}

#preamble ul.download {
	list-style-image: url("../images/icon_pdf.gif");
}

div.box ul.download li {
	background: transparent url("../images/icon_pdf.gif") no-repeat 0 10%;
	padding-left:20px;
}

#contentright ul.extern li {
	background: transparent url("../images/link_ext_ul.gif") no-repeat 0 10%;
}

div.box ul li {
	padding: .3em 0;
}

div.box ul ul li {
	border-bottom:none;
	padding: 0;
}

#contentright ul li h2 {
	padding:0;
	margin:0;
}

#contentright h2 {
	margin-top:0;
	padding: 0 4px 0 0;
}

#preamble div.newsitem ul {
	list-style-image: url(../images/bullet_go_green.gif);
	padding:0 0 0 17px;
	margin:0;
}


/****************************************************************
	Modul Newslisten
*****************************************************************/	

div.news { padding-bottom:1em; }
div.news h2 { margin-bottom: .4em; }
div#contentright div.news h2 { font-size:100%; margin-bottom:.2em; }
div.teaser { font-style:italic; }
div#contentright ul li { }
div#contentright div.news ul li { line-height:1.3em; margin: 0; padding: 0 0 3px 0; }
div#contentright div.news ul li span.news_date { display:block; }
div.news span.news_date { padding-right:8px; font-weight:normal; }

/****************************************************************
	Modul Footer

*****************************************************************/	

div#footer {
	margin: 0 0 1em 196px;
	width: 476px;
}

div#footer hr {
	height:1px;
	border:0;
	background-color:#ccc;
}
	
div#footer a {
	padding-top:5px;
	border-bottom:none;
}

div#footer div.padding {
	padding: 1em 0 1.5em 0;
}

#bullet_back {
	padding-left: 16px; 
	padding-right: 20px;
	background: transparent url(../images/bullet_go_back.gif) no-repeat top left;
}

#bullet_top {
	padding-left: 16px;
	padding-right: 20px; 
	background: transparent url(../images/bullet_arrow_top.gif) no-repeat top left;
}

#bullet_printer {
	padding-left: 20px; 
	background: transparent url(../images/drucker.gif) no-repeat top left;
}

/***************************
iconabstand
***************************/

.iconabstand { padding-right:5px; }

/***************************
Aktuelles Meldung
*************************/

.meldung { padding-bottom:5px; }

td .meldung {
	border-bottom:1px solid #D3D3D3;
    background-color:#eaeff2;
    padding:2px;
}

/*****************************
Shadowbox Ergaenzungen
*******************************/

.hintergrund {
	margin-bottom:10px;
	padding:11px;
	background-color:#fff;
	border-bottom:1px solid #D3D3D3;
	border-top:1px solid #D3D3D3;
}

.center { text-align:center; }
.home_center img { padding: 0 20px; }


/*********************
Terminplan Foren und Veranstaltungen
***********************/

.programm .programmpunkt h3 { margin:3px 0; line-height:1.2em; }

.programm .uhrzeit {
	float:left;
	text-align:right;
}

.programm {
clear:both;
	border-bottom:1px solid #D3D3D3;
	background: url("../images/verlauf-form.jpg");
	margin-bottom:3px;
	padding:5px;
}

.programmpunkt {
	width:390px;
	float: right;
}

.programmpunkt strong { font-weight:normal; font-style:italic; }


/*********************
Suchbutton
***********************/

#fc-search-form fieldset { border:0px solid #E5E5E5; margin:0; padding:3px 0 0 0; }
#fc-search-form legend { display:none; }

input#q {
	background:#E6E6E6
		url("../images/head-submit-inner.gif")
		no-repeat;
	margin-bottom:5px;
	width:115px;
	padding:2px;
	border-width:0px;
	text-indent:5px;
}
input.fc-btn-search {
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	color:#FFF;
	background:#017EC0
		url("../images/head-submit.gif")
		no-repeat 100% 30%;
	border:none;
	padding:3px 6px 0px 6px;
	margin-bottom:4px;
	text-align:center;
	cursor:pointer;
}
input.fc-btn-search:hover {
	color:#8D191F;
	background:#017EC0
		url("../images/head-submit-highlight.gif")
		no-repeat 100% 20%;
}
form#fc-search-form input {position:absolute;}
form#fc-search-form input#q,
form#fc-search-form input#hager-search,
form#fc-search-form span#hager-scope input {position:relative;}


/* ############################
	Sprachweiche
###############################*/

div#SprachWeiche {
	font-size: xx-small;	
	text-transform:uppercase;
}

div#SprachWeiche a, div#SprachWeiche a:link, div#SprachWeiche a:visited {
	color:#46545a;
}

div#SprachWeiche a.active {
	font-weight:bold;
}

div#SprachWeiche a#Language {
	padding-left: 30px;
	background-image: url("../images/dropdown_icon.gif");
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

div#SprachWeiche a#Deutsch {
	padding-left: 30px;
	background-image: url("../images/icon-deutschland.gif");
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

div#SprachWeiche a#English {
	padding-left: 30px;
	background-image: url("../images/icon-english.gif");
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

/* 	
	/////////////// 
	bildergalerie
	///////////////
*/

#preamble div#bildergalerie ul {
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
	border:0;
}

div#bildergalerie ul li {
	float:left;
	margin:0;
	padding:0;
	margin:5px;
}

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	background:white;
    width: 145px;
    height: 130px;
}

.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/