/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }
	
body	{ }
ol, ul  { list-style: none; }

/* remember to define focus styles! */
:focus  { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table 	{ /* border-collapse: collapse; border-spacing: 0; */ }


/*---------------------------------------------- 
				F A R B E N

font grau:			#5a6571;
bg grau:			#a2a9af;
orange:				#fd7b08;
	
subnavi off bg:		#e8e9eb;
subnavi off bg on:	#5a6571;
subsubnavi font:	#a2a9af;

col3 bg:			#f5f5f5;


------------------------------------------------*/


/*---------------------------------------------- 
				A L L G E M E I N
------------------------------------------------*/



body {
	margin:0px;
	padding:0px;
	background: #a2a9af url(body_bg.gif) repeat-x; 
	text-align: center;}


#container {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#5a6571; text-align: left;
	background-color: #fff;
	width:980px;
	margin: 0px auto; /* zentriert die Seite */ 
	}

#top {
	background: #a2a9af url(top_bg.jpg) repeat-x;
	height:69px; }

#header {
	width:980px;
	height:170px; 
	position:relative; 	/* damit das #headerlogo absolut platziert werden kann*/
	height:100%; }

#headerlogo {
	position:absolute; 	/* bezieht sich auf das #header */
	top:-30px; right:-9px; }

#topnavi {
	height:29px;
	background: url(navi_bg.gif) repeat-x; }

#main {
	overflow:hidden; 	/* damit die floats nach der Navi gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */
	background-image:url(main_bg.gif); background-repeat:repeat-y; }

#col1 {
	float:left;
	width:200px; }

#col2 {
	float:left;
	width:500px; /* 580-40-40*/
	margin:0 40px 0 40px;
	line-height:17px; }

#col3 {
	float:left;
	width:200px;
	/* background-color:#e8e9eb; */ }

#bottom {
	background: #a2a9af;
	height:52px;
	line-height:52px;
	text-align:center; color:#fff; }




/*---------------------------------------------- 
				T O P
------------------------------------------------*/

#toplangs {
	display:none;														/* AUSKOMMENTIEREN */
	margin-top:54px;
	height:25px;
	line-height:25px; font-weight:bold;
	float:left; }
	
#toplangs a:link 	{ color:#ffffff; text-decoration:none; }
#toplangs a:visited { color:#ffffff; text-decoration:none; }
#toplangs a:active 	{ color:#fd7b08; text-decoration:none; }
#toplangs a:hover 	{ color:#fd7b08; text-decoration:none; }



#topinfos {
	margin-top:5px;
	height:15px;
	line-height:15px; font-weight:bold;
	float:right; }
	
#topinfos li {
	float:left;
	margin-left:10px; }

#topinfos a:link 	{ color:#ffffff; text-decoration:none; }
#topinfos a:visited { color:#ffffff; text-decoration:none; }
#topinfos a:active 	{ color:#fd7b08; text-decoration:none; }
#topinfos a:hover 	{ color:#fd7b08; text-decoration:none; }





/*---------------------------------------------- 
				C O L 1
------------------------------------------------*/

.col1title { margin:25px 0 10px 10px;}

ul.col1list {				
	margin:0 0 20px 0px; 
	background:#fafafa;
	border:1px solid #e3e3e3; 
	margin-left:5px; 
	padding:5px;}

ul.col1list li {
	border:1px solid #fafafa; /* #fafafa auf #fafafa - sonst Problem mit line-height*/ 
	font-weight:bold; }

ul.col1list a, ul.col1list a:link {
	display:block;
	line-height:17px; color:#5a6571; text-decoration: none;
	padding:0 20px; }

ul.col1list a:hover {
	color:#fd7b08; text-decoration: none;
	background: url(col1_pfeil.gif) no-repeat left 6px;
	padding-left:20px; }
	

/*---------------------------------------------- 
				C O L 2
------------------------------------------------*/
	
.col3title { margin:25px 0 10px 10px;}
	
.col3print { margin-left:10px;}		
	
.col3print a, .col3print a:link 	{ color:#5a6571; text-decoration: none; }
.col3print a:hover 					{ color:#5a6571; text-decoration: none; }

.col3print img 		{ vertical-align: middle; margin-left:10px;}		
		
.col3switch {
	line-height:25px; 
	margin-left:10px; 
	margin-bottom:25px;}

.col3switch img 	{ vertical-align: middle; }		


.col3infos { 
	width:180px;
	margin:0 0 25px 10px;
	line-height:15px; color:#5a6571; }

.col3infos a:link 		{ color:#5a6571; text-decoration:none; }
.col3infos a:visited 	{ color:#5a6571; text-decoration:none; }
.col3infos a:active 	{ color:#fd7b08; text-decoration:none; }
.col3infos a:hover 		{ color:#fd7b08; text-decoration:none; }


.col3lang				{ margin:10px 0 5px 10px; display:none;}
.col3lang a			{ font-weight:bold;}
.col3lang a:link 		{ color:#5a6571; text-decoration:none; }
.col3lang a:visited 	{ color:#5a6571; text-decoration:none; }
.col3lang a:active 		{ color:#fd7b08; text-decoration:none; }
.col3lang a:hover 		{ color:#fd7b08; text-decoration:none; }
		
	
	
/*---------------------------------------------- 
				M A I N 
------------------------------------------------*/

.anker 				{ float:right; 	margin:10px 0 50px 0;}

.anker a 			{ margin-left:5px;}

.anker a:link 		{ color:#5a6571; text-decoration:none; }
.anker a:visited 	{ color:#5a6571; text-decoration:none; }
.anker a:active 	{ color:#fd7b08; text-decoration:none; }
.anker a:hover 		{ color:#fd7b08; text-decoration:none; }


/*---------------------------------------------- 
				B O T T O M 
------------------------------------------------*/

#bottom a:link 		{ color:#ffffff; text-decoration:none; }
#bottom a:visited 	{ color:#ffffff; text-decoration:none; }
#bottom a:active 	{ color:#ffffff; text-decoration:underline; }
#bottom a:hover 	{ color:#ffffff; text-decoration:underline; }
	


/* --------------------- NAV TOP 1st level --------------------- */
	
/* 	Erklärung von froschtaler.be: der Bereich in dem die Navi sich befindet, muss eine Höhe zugewiesen bekommen:
	z.B.: <td style="height:37px;">. Damit die Navi jetzt in der Mitte erscheint muss man (1) definieren!
*/	

ul.nav1st {
	/* border:1px solid #000; */
	margin:0px;
	padding:0 0 0 0px;
	list-style: none;
	width: 980px;		/* 980 - 0 */
	height: 29px;
	/* background-color:#ff6600; */
	overflow:hidden; }
	
ul.nav1st li {				/* setzt die Elemente nebeneinander*/
	/* border: 1px solid #000;  */
	float:left;	}

ul.nav1st li span { 
	/* border: 1px solid #000; */ 
	 /*display:none; */  											/* damit in Netscape die Texte nicht ausgegeben werden! */}

ul.nav1st a{		
	/* border: 1px solid #000;				 */							/* BUTTON NORMAL */
	display:block; /*	damit kann man die Linkhöhe und -breite definieren. Klappt im IE 6 NICHT, daher der Hack mit min-width */	
	/* position: absolute;		 */									/* damit man die Position der Links bestimmen kann*/
	height:29px;												/* Höhe des Linkbildes */
	line-height:29px;
	background-position: left top;								
	text-indent: -9000px; 										/* damit der Linktext verschwindet (ausser Netscape) */
	margin-right:40px; } 

ul.nav1st a:hover { background-position: left bottom; }		/* BUTTON ROLLOVER */

#current a { background-position: left bottom; }				/* BUTTON AKTIV */
 
ul.nav1st a.de_1 { width:56px; 		background-image:url(de_home.gif) ;}
ul.nav1st a.de_2 { width:105px; 		background-image:url(de_besucher.gif); 	}
ul.nav1st a.de_3 { width:146px; 		background-image:url(de_veranstalter.gif); 	}
ul.nav1st a.de_4 { width:100px; 		background-image:url(de_ueberuns.gif); 	}
ul.nav1st a.de_5 { width:76px; 		background-image:url(de_presse.gif); 	}

ul.nav1st a.de_7 { width:69px; 		background-image:url(de_intern.gif); 	}	
ul.nav1st a.de_246 { width:65px; 		background-image:url(de_messe.gif); 	}
ul.nav1st a.de_283 { width:49px; 		background-image:url(fr_expo.gif); 	}

/* Alle weiteren Bilder später umsetzen */

ul.nav1st a.fr_1 { width:56px; 		background-image:url(fr_home.gif); 	}
ul.nav1st a.fr_2 { width:100px; 	background-image:url(fr_besucher.gif); 	}
ul.nav1st a.fr_3 { width:163px; 	background-image:url(fr_veranstalter.gif); 	}
ul.nav1st a.fr_4 { width:99px; 		background-image:url(fr_ueberuns.gif); 	}
ul.nav1st a.fr_5 { width:76px; 	background-image:url(fr_presse.gif); 	}

ul.nav1st a.fr_7 { width:144px; 		background-image:url(fr_intern.gif); 	}
ul.nav1st a.fr_246 { width:49px; 		background-image:url(fr_expo.gif); 	}
ul.nav1st a.fr_283 { width:49px; 		background-image:url(fr_expo.gif); 	}

/* Alle weiteren Bilder später umsetzen */

ul.nav1st a.nl_1 { width:56px; 		background-image:url(de_home.gif); 	}
ul.nav1st a.nl_2 { width:151px; 	background-image:url(de_besucher.gif); 	}
ul.nav1st a.nl_3 { width:189px; 	background-image:url(de_veranstalter.gif); 	}
ul.nav1st a.nl_4 { width:100px; 	background-image:url(de_ueberuns.gif); 	}
ul.nav1st a.nl_5 { width:161px; 	background-image:url(de_presse.gif); 	}

ul.nav1st a.nl_7 { width:69px; 		background-image:url(de_intern.gif); 	}

/* Alle weiteren Bilder später umsetzen */

ul.nav1st a.en_1 { width:56px; 		background-image:url(de_home.gif); 	}
ul.nav1st a.en_2 { width:151px; 	background-image:url(de_besucher.gif); 	}
ul.nav1st a.en_3 { width:189px; 	background-image:url(de_veranstalter.gif); 	}
ul.nav1st a.en_4 { width:100px; 	background-image:url(de_ueberuns.gif); 	}
ul.nav1st a.en_5 { width:161px; 	background-image:url(de_presse.gif); 	}

ul.nav1st a.en_7 { width:69px; 		background-image:url(de_intern.gif); 	}




/* --------------------- NAV Links 2nd level --------------------- */

.navlinks {
 	/* border: 1px solid #666666; */
	font-size: 11px; color: #5a6571;
	margin-bottom:25px; }

ul.nav2nd { margin: 0; background: #4f5861;}

ul.nav2nd li {
	/* border: 1px solid #666666;  */
	 }

ul.nav2nd a, ul.nav2nd a:link {
	background: #4f5861 url(subnav_off.gif) repeat-x;
	display:block;
	/* height:24px; */
	line-height:24px;
	font-weight:bold; color:#fff; text-decoration: none;
	padding-left:15px; }

ul.nav2nd a:hover 									{ background: #4f5861 url(subnav_on.gif) repeat-x; color:#fd7b08; padding-left:25px;}
ul.nav2nd li a.current, ul.nav2nd li a.current:link { background: #4f5861 url(subnav_on.gif) repeat-x; color:#fd7b08; padding-left:25px;}
ul.nav2nd li a.current:hover 						{ background: #4f5861 url(subnav_on.gif) repeat-x; color:#fd7b08; padding-left:25px;}


/* --------------------- NAV Links 3rd level --------------------- */

ul.nav3rd { padding: 0px 0; background: #f2f2f2;}

ul.nav3rd li { }

ul.nav3rd a, ul.nav3rd a:link {
	display:block;
	line-height:15px;
	font-weight:bold; color:#5a6571; text-decoration: none;
	padding:3px 15px;
}

ul.nav3rd a:hover 									{ background: url(nav3rd_bg.gif) no-repeat left 8px; color:#fd7b08; padding-left:25px;}
ul.nav3rd li a.current, ul.nav3rd li a.current:link { background: url(nav3rd_bg.gif) no-repeat left 8px; color:#fd7b08; padding-left:25px;}
ul.nav3rd li a.current:hover 						{ background: url(nav3rd_bg.gif) no-repeat left 8px; color:#fd7b08; padding-left:25px;}



/* --------------------- NAV Links 4th level --------------------- */

ul.nav4th {
	margin: 0;
		border-bottom: 1px dotted #5a6571;

}

ul.nav4th li {
	margin-bottom:1px;
}

ul.nav4th a, ul.nav4th a:link {
	display:block;
	line-height:16px;
	font-weight:normal; color:#5a6571; text-decoration: none;
	padding-left:30px;
}

ul.nav4th a:hover {
	color:#fd7b08;
}

ul.nav4th li a.current, ul.nav4th li a.current:link {
	color:#fd7b08;
	}

ul.nav4th li a.current:hover {
	color:#fd7b08;
}


/*  - - - - - - - -   mod 18 - Bread Crumb Navigation - - - - - - - - - - */

div.breadcrumbnav {
	font-size: 11px;
	margin-bottom: 10px;
	color: #a2a9af;
	margin:10px 0;
}

div.breadcrumbnav a:link 	{ color: #fd7b08; text-decoration: none; }
div.breadcrumbnav a:visited { color: #fd7b08; text-decoration: none; }
div.breadcrumbnav a:active 	{ color: #fd7b08; text-decoration: underline; }
div.breadcrumbnav a:hover 	{ color: #fd7b08; text-decoration: underline; }






/*  - - - - - - - -   rex4mod - 3 - Teaserblock  - - - - - - - - - - */


.teaserblock {							/* ------ der komplette teaserblock ------- */
	width:180px;
	margin-left:10px;
	margin-bottom:25px;
	font-size: 11px; line-height:14px; }

.teaserblockartikel {					/* ------ ein teaserblockartikel ------- */
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #a2a9af; 		/* muss sein, sonst Probleme in IE7 */
	overflow:hidden; 	 				/* damit die floats nach dem container gecleared werden*/
	height:100%;							/* IE6 overflow:hidden hack */ }

	.teaserblockdatum {
		font-size: 11px; color:#a2a9af; text-align: left; margin-bottom:2px;
		display:none; }

	.teaserblockfoto {				/* ------ das teaserblockfoto ------- */
		display:none;
		margin: 5px 10px 10px 0px; 
		float:left; }
		
	.teaserblocktext {				/* ------ die restliche teaserblockinfos ------- */
		/* margin-left:60px;  */	/* Breite des Bildes + 	margin-right des Bildes */ }		
	
	.teaserblocktitel {
		font-family: Helvetica, Verdana, Arial, sans-serif;  font-weight:bold; color:#fd7b08;
		font-size: 12px; line-height:14px;	margin-bottom: 5px;}
	
	.teaserblocktitel a:link 			{ color: #5a6571; text-decoration: none; }
	.teaserblocktitel a:visited 		{ color: #5a6571; text-decoration: none; }
	.teaserblocktitel a:active 			{ color: #fd7b08; text-decoration: none; }
	.teaserblocktitel a:hover 			{ color: #fd7b08; text-decoration: none; }
	
	.teaserblockeinleitung 				{ display:none; }
	.teaserblockeinleitung p 			{ padding:0px; margin:0px; }
		
	.teaserblockeinleitung a:link 		{ color: #b6001e; text-decoration: none; }
	.teaserblockeinleitung a:visited 	{ color: #b6001e; text-decoration: none; }
	.teaserblockeinleitung a:active 	{ color: #003f8e; text-decoration: none; }
	.teaserblockeinleitung a:hover 		{ color: #003f8e; text-decoration: none; }

.teaserblockarchivlink 					{ text-align:right; }

.teaserblockarchivlink a:link 			{ color: #5a6571; text-decoration: none; }
.teaserblockarchivlink a:visited 		{ color: #5a6571; text-decoration: none; }
.teaserblockarchivlink a:active 		{ color: #fd7b08; text-decoration: none; }
.teaserblockarchivlink a:hover 			{ color: #fd7b08; text-decoration: none; }


	
	
.rssfeed { 
	margin:0 0 20px 10px; 
	width:190px; 
	font-weight:bold; }
	
.rssfeed img { margin:0 5px 0 0; float:left;}	
	
.rssfeed a				{ margin-bottom:10px; }	
.rssfeed a:link 		{ color: #fd7b08; text-decoration: none; }
.rssfeed a:visited 		{ color: #fd7b08; text-decoration: none; }
.rssfeed a:active 		{ color: #fd7b08; text-decoration: underline; }
.rssfeed a:hover 		{ color: #fd7b08; text-decoration: underline; }



.newsletter { 
	margin:0 0 15px 10px; 
	width:190px; 
	font-weight:bold; }
	
.newsletter img { margin:0 5px 0 0; float:left;}	
	
.newsletter a			{ margin-bottom:10px; }	
.newsletter a:link 		{ color: #fd7b08; text-decoration: none; }
.newsletter a:visited 	{ color: #fd7b08; text-decoration: none; }
.newsletter a:active 	{ color: #fd7b08; text-decoration: underline; }
.newsletter a:hover 	{ color: #fd7b08; text-decoration: underline; }