/******************************
Reset Everything
******************************/
html
{
	color:					#000;
	background:				#FFF;

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
	margin:					0;
	padding:				0;
}

table
{
	border-collapse:			collapse;
	border-spacing:				0;
}

fieldset,img
{
	border:					0;
}

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:				normal;
	font-weight:				normal;
}

li
{
	list-style:				none;
}

caption,th
{
	text-align:				left;
}

h1,h2,h3,h4,h5,h6
{
	font-size:				100%;
	font-weight:				normal;
}

q:before,q:after
{
	content:				'';
}

abbr,acronym
{
	border:					0;
	font-variant:				normal;
}

sup
{
	vertical-align:				text-top;
}

sub
{
	vertical-align:				text-bottom;
}

input,textarea,select
{
	font-family:				inherit;
	font-size:					inherit;
	font-weight:				inherit;
}

input,textarea,select
{
	*font-size:				100%;
}

legend
{
	color:#000;
}

body
{
	font:					13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:				small;
	*font:					x-small;
}

table
{
	font-size:				inherit;
	font:					100%;
}

pre,code,kbd,samp,tt
{
	font-family:				monospace;
	*font-size:				108%;
	line-height:				100%;
}


/******************************
main page
******************************/
body
{
    background:					#FFF;
    font-family:				Arial, Helvetica, sans-serif;
    margin:					30px auto;
    text-align:					center;
    width:					900px;
}

img
{
	vertical-align:				bottom;
}

/******************************
no js error box
******************************/
div.errorbox
{
	width:					900px;
	border:					1px solid #F00;
	background:				#FCC;
	color:					#F00;
	font-weight:				bold;
	padding:				5px 0;
	margin:					0 0 15px 0;
}


/******************************
page container
******************************/
#page
{
    text-align:					left;
	width:					900px;
}


/******************************
top area
******************************/
#toparea
{
	height:					50px;
	position:				relative;
}


/******************************
top area: logo
******************************/
#toparea #logo
{
	position:				absolute;
	top:					-5px;
	left:					15px;
}


/******************************
top area: sitenav
******************************/
#toparea #sitenav
{
	position:				absolute;
	top:					0;
	right:					-10px;
}

#toparea #sitenav ul
{
	list-style:				none;
}

#toparea #sitenav ul li
{
	float:					left;
	font-size:				11px;
	color:					#999;
}

#toparea #sitenav ul li a
{
	color:					#999;
	display:				block;
	padding:				0 10px;
	text-decoration:			none;
}

#toparea #sitenav ul li a:hover
{
	color:					#000;
}


/******************************
top area: sprachwahl
******************************/
#micronav
{
	position:				relative;
}

#micronav #tellafriend
{
	position:				absolute;
	top:					0;
	right:					0;
}

#micronav #lang
{
	position:				absolute;
	top:					0;
	right:					150px;
}

#micronav #lang ul
{
	list-style:				none;
}

#micronav #lang ul li
{
	float:					left;
	font-size:				11px;
	color:					#999;
}

#micronav #lang ul li a
{
	color:					#666;
	display:				block;
	padding:				0 10px;
	text-decoration:			none;
}

#micronav #lang ul li a:hover
{
	color:					#000;
}


/******************************
main nav area
******************************/
#mainnav
{
	height:					24px;
	background:				url( ../img/nav_back.gif ) no-repeat top left;
	position:				relative;
	z-index:				1000;
}

#mainnav ul
{
	list-style:				none;
	position:				absolute;
	margin:					0 10px;
	z-index:				100;
}

#mainnav ul li
{
	background-position:			0 50%;
	float:					left;
	font-size:				12px;
	line-height:				24px;
	color:					#000;
}

#mainnav ul li b
{
	background:				url( ../img/nav_back_button.gif ) no-repeat top left;
	color:					#666;
	display:				block;
	width:					95px;
	text-decoration:			none;
	font-weight:				bold;
	padding:				0 0 0 15px;
	border-right:				1px solid #EEE;
}
/* ie 6 hack */
* html #mainnav ul li b
{
	width:					111px;
}

#mainnav ul li b:hover,
#mainnav ul li:hover b,
#mainnav ul li.over b
{
	color:					#FFF;
	background-position:			0 100%;
}


#mainnav ul li ul
{
	display:				none;
	margin:					0 -10px 0 0;
}

#mainnav ul li:hover ul,
#mainnav ul li.over ul
{
	display:				block;
}

#mainnav ul li:hover ul li,
#mainnav ul li.over ul li
{
	clear:					left;
	background:				#FFF;
	filter:					alpha(opacity=85);
	-moz-opacity:				0.85;
	opacity:				0.85;
	border-left:				1px solid #C00;
}

#mainnav ul li:hover ul li a,
#mainnav ul li.over ul li a
{
	background:				#FFF url( ../img/link_grey.gif ) no-repeat;
	background-position:			5px 8px;
	color:					#666;
	width:					200px;
	line-height:				24px;
	border-bottom:				1px solid #CCC;

	display:				block;
	text-decoration:			none;
	font-weight:				bold;
	padding:				0 0 0 15px;
	
}

#mainnav ul li:hover ul li a:hover,
#mainnav ul li.over ul li a:hover
{
	background:				#FFF url( ../img/link_red.gif ) no-repeat;
	background-position:			5px 8px;
	color:					#C00;
}


/******************************
search area
******************************/
#toparea #search
{
	position:				absolute;
	top:					22px;
	right:					0px;
}

#toparea #search form
{
	display:				inline;
}

#toparea #search form input
{
	width:					140px;
	margin:					0;
	height:					14px;
	padding:				1px;
	font-size:				10px;
	margin:					0;
	line-height:			14px;
	color:					#000;
	font-weight:			normal;
	background:				#FFF;
	border:					1px solid #CCC;
	vertical-align:			middle;
}
/* ie 6 hack */
* html #toparea #search input
{
	height:					18px;
}


#toparea #search input.button
{
	height:					16px;
	width:					35px;
	background:				url( ../img/lupe.gif ) no-repeat;
	background-position:			0 0;
	border:					none;
}
#toparea #search input.button:hover,
#toparea #search input.over
{
	background-position:			0 100%;
}


/******************************
micronav
******************************/
#micronav
{
	height:					40px;
	margin:					0 0 0 15px;
}

#micronav ul
{
	list-style:				none;
}

#micronav ul li
{
	float:					left;
	font-size:				11px;
	line-height:			40px;
	color:					#999;
}

#micronav ul li b,
#micronav ul li a
{
	background:				url( ../img/link_grey.gif ) no-repeat;
	background-position:			0 50%;
	color:					#999;
	display:				block;
	padding:				0 5px 0 10px;
	text-decoration:			none;
	font-weight:			normal;
}

#micronav ul li.first a
{
	background:				none;
	padding:				0 5px 0 0;
}

#micronav ul li a:hover
{
	color:					#000;
}


/******************************
main wrapper
******************************/
#wrapper br.clear
{
	clear:					right;
	display:				block;
}


/******************************
content
******************************/
#content
{
	width:					680px;
}


/******************************
content: cols
******************************/
#content div.lc
{
	width:					460px;

}

#content div.rc
{
	width:					190px;
	float:					right;
}


/******************************
content: boxes
******************************/
#content div.lb
{
	width:					325px;
}

#content div.rb
{
	width:					325px;
	float:					right;
}

#content_title_block
{
	background:				#F1F1F1;
	height:					75px;
	padding:				15px 0 0 0;
	margin:					0 0 15px 0;
}

#content_title_block p,
#content_title_block b
{
	padding:				0 15px;
}

/******************************
content: teaser
******************************/
#content div.teaser, 
#content div.teaser_big, 
#content div.teaser_small
{
	background:				#F1F1F1;
	overflow:				hidden;
	height:					125px;
	margin:					0 0 15px 0;
}

#content div.teaser_big
{
	height:					175px;
}

#content div.teaser_small
{
	height:					70px;
}


#content div.teaser div.c
{
	padding:				15px;
}

#content div.teaser div.lc
{
	padding:				15px 0 15px 15px;
}

#content div.teaser div.rc
{
	width:					190px;
	float:					right;
}

#content div.teaser h1,
#content div.teaser h2,
#content div.teaser p
{
	padding:				0;
}

#content div.teaser div.rc div.rc_top
{
  position:					relative;
  top:						20px;
}

#content div.teaser div.rc div.rc_bottom
{
  position:					relative;
  top:						55px;
}

#content div.teaser div.rc div.rc_top a.xyz
{
  line-height:				16px;
  color:					#999;
  padding:					0 0 0 20px;
  margin:					25px 0 0 0;
  background:     			url( ../img/go_back_red.gif ) top left no-repeat ;
  font-size:				11px;
}

#content div.teaser div.rc div.rc_top a.xyz:hover
{
	color:					#000;
}

#content div.teaser div.lc table.teaser_table th,
#content div.teaser div.lc table.teaser_table td
{
  margin:					0;
  padding:					5px 0 5px 10px;
  color:					#333;
  
}

#content div.teaser div.lc table.teaser_table th
{
	border-bottom:				solid #d7d7d7 1px;
	background:				url( ../img/bullet.gif ) left 50% no-repeat;
  color:					#666;	
}

div .teaser_small h1
{
  position:             relative;
  margin-top:           10px;
}


/******************************
content: pagination
******************************/
#content div.pagination
{
	float:					right;
}
#content div.teaser div.pagination
{
	border:					none;
	margin:					20px 20px 0 0;
}
#content div.pagination p
{
	height:					16px;
	display:				block;
	float:					left;
	margin:					0 5px 0 0;
	color:					#666;
	font-size:				11px;
	line-height:			16px;
}
#content div.pagination a
{
	background:				url( ../img/pag_back.gif ) no-repeat;
	width:					16px;
	height:					16px;
	display:				block;
	text-decoration:		none;
	float:					left;
	text-align:				center;
	margin:					0 5px 0 0;
	color:					#666;
	font-size:				11px;
	line-height:			16px;
}
#content div.pagination a.current
{
	color:					#000;
	font-weight:			bold;
}
#content div.pagination a:hover
{
	background-position:	0 100%;
	color:					#FFF;
}
#content div.pagination a.back,
#content div.pagination a.next
{
	background:				url( ../img/pag_buttons.gif ) no-repeat;
}
#content div.pagination a.back
{
	background-position:	100% 0;
}
#content div.pagination a.back:hover
{
	background-position:	100% 100%;
}
#content div.pagination a.next
{
	background-position:	0 0;
}
#content div.pagination a.next:hover
{
	background-position:	0 100%;
}

#content em
{
	background:				#EEE;
	color:					#000;
	padding:				0 0.5em;
}

/******************************
content: infoblock
******************************/
#content div.infoblock
{
	padding:				0 0 15px 0;
	margin:					0 0 15px 0;
	border-bottom:			1px solid #CCC;
}

#content div.infoblock img
{
	float:					left;
}

#content div.infoblock div.info
{
	margin:					0 0 0 35px;
	width:					155px;
	font-size:				11px;
}
/* ie 6 hack */
* html #content div.infoblock div.info
{
	width:					149px;
}

#content div.infoblock div.info b
{
	color:					#333;
	display:				block;
}

#content div.infoblock div.info a
{
	background:				url( ../img/link_red.gif ) no-repeat;
	background-position:			0 50%;
	color:					#333;
	padding:				0 0 0 10px;
	line-height:				18px;
	text-decoration:			none;
}	

#content div.infoblock div.info a:hover
{
	color:					#000;
}

#content div.rc a.button
{
	width:					110px;
	height:					24px;
	line-height:				24px;
	color:					#666;
	background:				url( ../img/button.gif ) no-repeat;
	background-position:			0 0;
	font-weight:				bold;
	text-align:				center;
	display:				block;
	text-decoration:			none;
}

#content div.rc a.button:hover
{
	color:					#FFF;
	background-position:			0 100%;
}


/******************************
Newsblock, eventblock
******************************/
div.newsblock,
div.eventblock
{
	padding:				0 0 15px 0;
	margin:					0 0 15px 0;
	border-bottom:			1px solid #CCC;
}
div.newsblock h2,
div.eventblock h2
{
	font-size:				12px;
	font-weight:			bold;
	color:					#333;
	line-height:			16px;
	margin:					0 0 10px 0;
}
div.newsblock a,
div.eventblock a
{
	display:				block;
	color:					#F00;
	text-decoration:		none;
	font-weight:			bold;
	margin:					5px 0 0 0;
}
div.newsblock a:hover,
div.eventblock a:hover
{
	text-decoration:		underline;
}
div.newsblock p,
div.eventblock p
{
	margin:					0 0 10px 0;
}


/******************************
content: box teaser
******************************/
#content div.boxteaser
{
	padding:				0;
	margin:					0 0 15px 0;
	background:				#EEE;
	height:					100px;
}

#content div.boxteaser img
{
	float:					left;
}

#content div.boxteaser div.info
{
	margin:					0 0 0 160px;
	padding:				5px 5px 5px 0;
	width:					160px;
	font-size:				11px;
}
/* ie 6 hack */
* html #content div.boxteaser div.info
{
	width:					159px;
}

#content div.boxteaser div.info b
{
	font-size:				12px;
	color:					#F00;
	display:				block;
}

#content div.boxteaser div.info p
{
	margin:					0;
	padding:				0;
}

#content div.boxteaser div.info a
{
	background:				url( ../img/link_red.gif ) no-repeat;
	background-position:			0 50%;
	color:					#666;
	padding:				0 0 0 10px;
	line-height:				18px;
	text-decoration:			none;
}

#content div.boxteaser div.info a:hover
{
	color:					#000;
}


/******************************
content: headlines
******************************/
#content h1
{
	font-size:				18px;
	font-weight:				normal;
	color:					#F00;
	line-height:				30px;
	padding:				0 0 0 15px;
}

#content h2
{
	font-size:				12px;
	font-weight:				bold;
	color:					#333;
	line-height:				16px;
	padding:				0 0 0 15px;
}


/******************************
content: text
******************************/
#content p
{
	font-size:				12px;
	font-weight:				normal;
	color:					#333;
	line-height:				18px;
	margin:					0 0 1em 0;
	padding:				0 0 0 15px;
}


/******************************
content: bild text
******************************/
div.pictext
{
}

div.pictext div.pic
{
	margin:					0 25px 0 0;
  	float:			    	left;
	padding:				0 0 5px 15px;
	display:				block;
}

div.pictext div.pic img
{
	border:					1px solid #CCC;
	display:				block;
}

div.pictext b
{
	color:					#666;
	font-size:				11px;
	line-height:			16px;
	font-weight:			normal;
	display:				block;
	background:				#EEE;
	padding:				5px;
}

div.pictext b.wide
{
	width:					182px;//
	width:					192px;
}

div.pictext b.high
{
	width:					132px;//
	width:					142px;
}

div.pictext a
{
	color:					#555;
}


/******************************
content: bild bild
******************************/
div.picpic
{
}

div.picpic div.pic
{
	margin:					0 25px 0 0;
  	float:			    	left;
	padding:				0 0 5px 15px;
	display:				block;
}

div.picpic div.pic img
{
	border:					1px solid #CCC;
	display:				block;
}



/******************************
content: aufzaehlung
******************************/
#content ul
{
	margin:					0 0 15px 15px;
	padding:				0;
}

#content ul li
{
	background:				url( ../img/bullet.gif ) no-repeat;
	background-position:			0 8px;
	padding:				0 0 5px 10px;
	font-size:				12px;
	font-weight:				normal;
	color:					#333;
	line-height:				18px;
}


/******************************
content: tabelle
******************************/
#content table
{
	width:					100%;
}

#content table thead
{
}

#content table thead tr
{
}

#content table thead tr th
{
	font-weight:				bold;
	color:					#F00;
}

#content table thead tr th.l,
#content table tbody tr td.l
{
	width:					150px;
	padding:				5px 0 5px 15px;
}
#content table thead tr th.m,
#content table tbody tr td.m
{
	padding:				5px 0;
}
#content table thead tr th.r,
#content table tbody tr td.r
{
	width:					120px;
	padding:				5px 0;
}

#content table tbody
{
}

#content table tbody tr
{
}

#content table tbody tr td
{
	padding:				5px 0;
	border-bottom:			1px solid #CCC;
}

#content table tbody tr td a
{
	background:				url( ../img/link_red.gif ) no-repeat;
	background-position:	0 50%;
	color:					#000;
	font-weight:			bold;
	padding:				0 0 0 10px;
	line-height:			18px;
	text-decoration:		none;	
}

#content table tbody tr.over
{
	background:				#EEE;
}



/******************************
content: formular
******************************/
#content form
{
	width:					460px;
	text-align:				right;
}

#content form fieldset
{
	border-top:				1px solid #EEE;
}

#content form fieldset legend
{
	background:				#FFF;
	font-weight:				bold;
	padding:				0 15px 0 0;
}

#content form fieldset label
{
	display:				block;
	width:					100px;
	text-align:				right;
	margin:					0 30px 0 0;
	float:					left;
}

#content form fieldset input
{
	margin:					0 0 10px 0;
	width:					320px;
}

/* ie 6 hack */
* html #content form fieldset input
{
	width:					290px;
}


#content form fieldset br
{
	clear:					left;
}

#content form input.button
{
	width:					110px;
	height:					24px;
	line-height:				24px;
	color:					#666;
	background:				url( ../img/button.gif ) no-repeat;
	background-position:			0 0;
	font-weight:				bold;
	border:					none;
}

#content form input.button:hover,
#content form input.over
{
	color:					#FFF;
	background-position:			0 100%;
}

/******************************
content: downloads
******************************/
#content #download_section hr
{	
   border:					none;
	background:				#acacac;
	color:					#acacac;
	height:					1px;
}

/******************************
listen
******************************/

#content div #referenzen_auswahl
{
	width:					200px;
	float:					left;
	position:				relative;
	margin-top:				0px;
	margin-left:				15px;
}

#content div #referenzen_liste,
#content div #messen_liste
{
    font-family:			Arial, Helvetica, sans-serif;
	font-size: 				12px;
}

#content div #navi_back
{
	background:				#F1F1F1;
	height:					40px;
	position:				relative;
	margin-top:				0px;
}

#content div #navi_back #elementTableDiv
{
	width:					200px;
	float:					left;
	margin-top:				-36px;
	margin-left:				450px;
}

#content div #navi_back #tableDivCol1
{
	float:					left;
	width:					40px;
}

#content div #navi_back #tableDivCol2
{
	float:					left;
	width:					100px;
}

#content div #navi_back #tableDivCol3
{
	float:					right;
	width:					40px;
}

#content div .listenzeile_rahmen
{
	padding-top:				5px;
}

#content div .listenzeile_rahmen .spalte_1inks
{
	float:					left;
	width:					140px;
	margin-left:			10px;
	overflow: hidden;
	text-align: center;
}

#content div .listenzeile_rahmen .spalte_1inks2
{
	float:					left;
	width:					140px;
	margin-left:			10px;
	overflow: hidden;
	text-align: center;
}

#content div .listenzeile_rahmen .spalte_mitte
{
	float:					left;
	width:					300px;
	margin-left:			10px;
}

#content div .listenzeile_rahmen .spalte_mitte2
{
	float:					left;
	width:					300px;
	margin-left:			10px;
}

#content div .listenzeile_rahmen .spalte_rechts
{
	float:					right;
	width:					160px;
}

#content #referenzen_liste .listenzeile_rahmen .spalte_rechts a,
#content #jobs_liste .listenzeile_rahmen .spalte_rechts a
{
  font-size:  10px;
}

#content div .listenzeile_rahmen .spalte_rechts .link_bild
{
	float:					left;
	width:					40px;
}

#content div .listenzeile_rahmen .spalte_rechts .link_unten
{
	padding-top:				5px;
}

#content div .link_text
{
	margin-left:				40px;
}

#content div .link_text b
{
  font-size:  11px;
  color:    #333333;
}

#referenzen_liste hr,
#event_liste hr,
#messen_liste hr,
#jobs_liste hr
{
	border:					none;
	background:				#acacac;
	color:					#acacac;
	height:					1px;
}

#content #referenzen_liste .spalte_mitte a,
#content #referenzen_liste .spalte_rechts a,
#content #messen_liste .spalte_mitte a,
#content #jobs_liste .spalte_rechts a
{
	background:				url( ../img/link_red.gif ) no-repeat;
	background-position:			0 50%;
	color:					#000;
	font-weight:				bold;
	padding:				0 0 0 10px;
	line-height:				18px;
	text-decoration:			none;
}

#content #event_liste .event_link a,
#content #download_section .listenzeilen_rahmen a
{
	background:				url( ../img/link_red.gif ) no-repeat;
	background-position:	0 50%;
	color:					#000;
	padding:				0 0 0 10px;
	line-height:			18px;
	text-decoration:		none;
}

.link_oben a
{
	font-size:				10px;
	background:				url( ../img/link_red.gif ) no-repeat;
	background-position:	0 50%;
	color:					#000;
	padding:				0 0 0 10px;
	line-height:			18px;
	text-decoration:		none;
}

#content #event_liste .sort_header,
#content #messen_liste .sort_header
{
	color:					#FF0000;
	text-decoration:		none;
}

#content #event_liste .sort_arrow,
#content #messen_liste .sort_arrow
{
	position:				absolute;
	margin-top:				7px;
	margin-left:			3px;
}

.listenzeile_rahmen:hover
{
	background-color:		#F1F1F1;
}


/******************************
sidebar
******************************/
#sidebar
{
	width:					200px;
	float:					right;
}

/******************************
kontaktformular
******************************/
.mail_left
{
	width:					160px;
	float:					left;
	text-align:          left;
}

.mail_right
{
	width:					300px;
	margin-left:         160px;
	text-align:          left;
}

.sauber
{
   clear:               left;
   height:              20px;
}

.clear_left
{
   clear:               left;
}
.clear_right
{
   clear:               right;
}
.clear_both
{
   clear:               both;
}

#mailform
{
	margin-left:		20px;
}

/******************************
google maps
******************************/
#googlesearch
{
   margin-left:         120px;
	font-size:				12px;
	color:                 #555;
}

#googlesearch .left
{
    float:              left;
    width:              120px;
}

#googlesearch .right
{
   margin-left:         120px;
}


/******************************
site map
******************************/
.sitemap a
{
	color:				#000;
	font-size:			11px;
}


/******************************
sidebar: infoblock
******************************/
#sidebar div.infoblock
{
	padding:				0 0 15px 0;
	margin:					0 0 15px 0;
	border-bottom:				1px solid #CCC;
}

#sidebar div.infoblock img
{
	float:					left;
}

#sidebar div.infoblock div.info
{
	margin:					0 0 0 24px;
	width:					166px;
	font-size:				11px;
}
/* ie 6 hack */
* html #sidebar div.infoblock div.info
{
	width:					160px;
}

#sidebar div.infoblock div.info b
{
	color:					#F00;
}

#sidebar div.infoblock div.info p
{
	font-size:				11px;
}

#sidebar div.infoblock div.info a
{
	background:				url( ../img/link_red.gif ) no-repeat;
	background-position:			0 50%;
	color:					#000;
	padding:				0 0 0 10px;
	line-height:				18px;
	text-decoration:			none;
}

#sidebar div.infoblock div.info a:hover
{
	color:					#666;
}


/******************************
footer
******************************/
#footer
{
	border-top:				1px solid #CCC;
	padding:				0;
	font-size:				10px;
	color:					#CCC;
	clear:           		both;
    margin:					30px auto;
    text-align:				center;
    width:					900px;
}

#footer p
{
    text-align:				left;	
	padding:				15px 0;
	font-size:				10px;
	line-height:			16px;
	color:					#999;
}

#footer p a
{
	color:					#999;
}

#footer a:hover
{
	color:					#666;
}


#footer div.block
{
	width:					130px;
	margin:					15px 10px;
	float:					left;
}

/* ie 6 hack */
* html #footer div.block
{
	width:					120px;
}

#footer div.block h3
{
	font-size:				12px;
	font-weight:				bold;
	color:					#999;
	margin:					0 0 10px 0;
}

#footer ul
{
}

#footer ul li
{
	padding:				5px 0;
	border-bottom:				1px solid #EEE;
}

#footer ul li a
{
	color:					#CCC;
	text-decoration:			none;
	display:				block;
}


/******************************
misc
******************************/
.newsblock h2.home_news,
.eventblock h2.home_news
{
	font-size:				12px;
	font-weight:			bold;
	color:					#F00;
}
p.home_news
{
	font-size:				12px;
}
p.home_news a
{
	color:					#000;
	font-weight:			normal;
}