/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

/*body {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}*/
@media all{

	body{
//		font-family: Frutiger, "Frutiger Linotype", /*Univers, Calibri, "Gill Sans",*/  "Gill Sans MT","Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font:12px/17px sans-serif;
		margin:0;
		padding:0;
		font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;

	}
	

	*+html body{
		font:14px/18px sans-serif;
		font-family: Calibri, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	}
	
	.invisible{
		display: none;
	}
	/*a:focus {
		outline: 1px dotted invert;
	}*/
	
	a{
		text-decoration:none;
	}
	
	
	hr {
		border-top-width: 1px;
		clear: both;
		height: 0;
	}
	
	/* `Headings
	----------------------------------------------------------------------------------------------------*/
	
	h1,
	h2,
	h3{
		font-weight: bold;
	}
	
	
	h1 {
		font-size: 14px;
	}
	
	h2 {
		font-size: 1.6em;
	}
	
	h3 {
		font-size: 1.5em;
	}
	
	h4 {
		font-size: 1.4em;
	}
	
	h5 {
		font-size: 1.3em;
	}
	
	h6 {
		font-size: 1.2em;
	}
	
	/* `Spacing
	----------------------------------------------------------------------------------------------------*/
	
	ol {
		list-style: decimal;
	}
	
	ul {
		list-style: disc;
	}
	
	li {
		margin-left: 30px;
	}
	
	p,
	dl,
	hr,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	ol,
	ul,
	pre,
	table,
	address,
	fieldset {
		margin-bottom: 1em;
	}
	/* #Andrés Sierralta 2009 */
	#top{
		height: 160px;
	}
	
	
	.top_emh{
	/*	margin-top: 180px;*/
	}
	
	.emh_content{
		paddin-top: 1em;
	}
	.footer{
		margin-top: 1px;
	}	
	.emh_footer{
		margin-top: 1em;
	}
	
	.large{
		margin: 10px 10px 5px 10px;
		font-size: 18px;
		*font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.large2{
		margin: 10px;
		font-size: 16px;
		font-weight: bold;
	}
	
	.center_upper{
		text-align: center;
		text-transform: uppercase;
	}
	
	.upper{
		text-transform: uppercase;
	}
	
	.rechts{
		text-align: right;
	}
	
	.abstand{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	.abstand_u{
		margin-top: 0em;
		margin-bottom: 1em;
	}
	
	#hor_navigation_l{
		float: left;
		text-align: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		line-height: 12px;
	}
	#hor_navigation_r{
		float: right;
		text-align: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		line-height: 12px;
	}

	#hor_navigation_r ul li, #hor_navigation_l ul li{
		float: left;
		display: inline;
		text-indent: 0;
		margin: 0 0 0 0;
		padding: 15px 10px 0 10px;
	}

	#hor_navigation_r ul, #hor_navigation_l ul{
		float: left;
		display: inline;
		text-indent: 0;
		margin: 0;
		padding: 0;
	}
	
	 #right_navigation{
		margin-left: 1em;
		font-size: 0.9em;
		line-height: 1.25em;
	}

	.content_highlight{
		padding: 5px;
		float: left;
		border: 1px solid #222;
		background: #111;
		max-width: 610px;
	}
	
	#custom_navigation{
		margin-left: 0em;
		font-size: 1em;
		line-height: 1.25em;
	}

	#custom_navigation li{
		text-decoration: none;
		list-style: none;
		margin-left: 0;
		font-weight: bold;
	}
		
	#right_navigation, #custom_navigation{
		text-align: left;
	}

	#custom_navigation li:before {
/*		content: " \00BB \0020";*/
		}
	
	#right_navigation li{
		text-decoration: none;
		list-style: none;
		margin-left: -1em;
		padding: 7px 10px 7px 10px;
		width: 200px;
		font-weight: bold;
	}
	
	#right_navigation li ul{
		margin-bottom: 0em;
	}
	
	#right_navigation ul{
		margin: 0;
		padding: 10px 0 0 0;
	}
	
	#left_navigation li{
		text-decoration: none;
		list-style: none;
		margin-left: 0em;
		padding: 7px 10px 7px 10px;
		width: 200px;
		font-weight: bold;
	}
	
	#left_navigation li ul{
		margin-bottom: 0em;
		margin-left: -10px;
	}
	
	.mod_breadcrumb{
		padding: 0 0 0.5em 0;
		width: 100%;
	}
	
	.mod_article{
		width: 100%;
	}
	
	.ce_text{
		margin: 10px 0 0 10px;
/*		padding: 0 0;*/
//		width: inherit;
		letter-spacing: 0.1px;
		word-spacing: 1px;
	}
	#box4 .ce_text, #box4 h2.event_emh{
		margin-right:10px;
	}


	.ce_headline{
		margin:10px 0 0 10px;
	}
		
	.ref_h1{
		margin:10px 20px 0 0;
		padding: 0;
		text-align: right;
		float: right;
		display: block;
	}	

	.block{
		float: left;
		display: block;
	}

	.fullwidth{
		float: left;
		display: block;
		width: 90%;
	}

	.col4{
		margin-top: 6px;
	}

	.caption{
		font-size: 10px;
		*font-size: 12px;
		padding-bottom: 10px;
		font-weight: normal;
	}
	
	.noborder, .noborder img{
		border: none;
	}
	
	/*
	.cheader_r .ce_text h1, .cheader_r .ce_text h2{
		text-align: right;
	}
	*/
	/*## Kontakt Microformats im Footer ##*/
	
	div .vcard{
		font-size: 0.9em;
		padding: 0.5em 0;
		margin: 0.25em 1em;
	}
	
	.vcard p{
		display: inline;
		margin: 0 1em 0 0;
	}
	
	.hidden{
		display: none;	
	}
	
	.hor_abstand_0.5em{
		margin-left: 0.5em;
		margin-right:0.5em;
	}
	
	.caps{
		text-transform: uppercase;
	}
	
	.center{
		margin-top: 10px;
		text-align:center;
	}

	.headimg{
		height: 154px;
	}

	.headimg2, .headimg2_cl, .headimg2_bl,.headimg2_bl_cl, .headimg2_ro, .headimg2_gr{
		height: 70px;
	}

	.headimg2_sw, .headimg2_blsw, .headimg2_rosw, .headimg2_grsw{
		height: 70px;
	}

	.top_nav {
		text-transform: uppercase;
		font-weight: bold;
	}

	.top_nav_level2 {
		margin: 40px 0 0 10px;
		font-weight: bold;
	}	

	.top_nav_l {
		float: left;
		text-transform: uppercase;
		font-weight: bold;
	}	

	.top_nav_r {
		float: right;
		text-transform: uppercase;
		font-weight: bold;
	}	
	
	.topnav_ben li{
		height: 29px;
	}
	
	.topnav_ben_l li{
		float: left;
		height: 29px;

	}
	
	.topnav_ben_r li{
		float: right;	
		height: 29px;
	}

	#hor_navigation_r a, #hor_navigation_l a{
		float: left;
		height: 100%;
	}
	
	.headline{
		margin: 128px 0 0 10px;
	}
	
	h1.headline{
		font-size: 1.3em;
	}
	
	.start_text p{
		font-size: 1.3em;
		line-height: 1.5em;
	}
	
	.cnt h1{
		font-size: 1.5em;
		line-height: 1.5em;
		font-weight: bold;
	}
	
	.cnt h2{
		font-size: 1.4em;
		line-height: 1.5em;
		font-weight: bold;
	}

	.cnt h3{
		font-size: 1.3em;
		line-height: 1em;
		font-weight: bold;
	}

	.cnt p{
		line-height: 1.5em;	
	}


	div .mod_newslist{
		padding: 10px 0 0 10px;
	}

	.mod_newslist p, .mod_eventlist p{
		padding-left: -10px;
		margin-left: -10px;
	}
	
	.mod_newslist .info, .mod_eventlist .info{
		margin-left: 0;
		padding-left: 0;
	}


	div #events {
		padding-top: 6px;
	}

	div .mod_eventlist{
	padding-left: 10px;
	}

	iframe{
	margin: 20px 10px 20px 10px;
	}

	.mod_newslist .pagination{
		float: left;
		text-align: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		line-height: 12px;
		display: inline;
	} 

	.mod_newslist .pagination ul li{
		text-align: left;
		margin: 0 0 0 0;
		padding: 10px 5px 10px 5px;
		line-height: 12px;
		display: inline;
	} 
	.ce_form{
		display: block;
	    width:inherit;	
	}
	
	textarea{
		font-family:inherit;
		font-weight:normal;
		font-size:0.9em;
	}
	
	.formbody input, .formbody textarea {
		margin-bottom: 10px;
		margin-right: 10px;
		
	}
	
	label, label.mandatory{
		width: 420px;
		margin-bottom: 5px;
		clear: both;
		float: left;
	}
	
	p.error{
		float: left;
		color: #ff0000;
		text-align: left;
		font-size:11px;
	width: 100%;
	}
	
	.formbody{
		margin-left: 10px;
	}
	
	#right_navigation ul li{
		height: 20px;
	}

	#ausstellungen{
/*		margin-left: 10px;*/
	}

	mod_ h3{
		font-size: 1.3em;
		line-height: 1em;
		font-weight: normal;
	}

	.ce_gallery	{
		margin-left: 10px;
	}
	
	.mod_customnav h3{
		margin-left: 10px;
	}

	.nav_ausstellung ul li{
		text-align: left;
		margin: 0 0 5px 10px;
		line-height: 12px;
		width: 100%;
	}

	#box4 div.image_container img{
		margin: 60px 0 10px 10px;
	}
	
	#box4 .image_container div.caption{
		margin-left: 10px;
	}
	
	#newsstart div.image_container img{
		margin: 0px 0 10px 0;
	}

	.nav_ausstellung {
		text-align: left;
		margin: 0 0 0 10px;
/*		padding-left: 10px;*/
		line-height: 12px;
	}
	
	#box4big{
		display: block;
		float: left;
		height: auto;
		margin-bottom: 10px;
	}
	
	#box4big td div.image_container img{
		margin: 0;
	}

	#box4big td div.image_container a img, #box1 td div.image_container a img, #box2 td div.image_container a img{
		padding: 0;
		margin: 0 15px 10px 0;
	}

	#box4big .ce_slideshow2{
		margin: 60px 15px 10px 0px;
		text-align: center;
		width: 565px;
	}
	#box4big .ce_slideshow2_ref{
		margin: 20px 15px 10px 0px;
		text-align: center;
		width: 565px;
	}

	table{
		margin-top:10px;
	}

	.teaser{
		padding-left: 10px;
	}



	.ru10, .layout_latest img{
		float:left;
		margin: 0 10px 10px 0;
	}
	
	.l10{
		margin-left: 10px;
	}
	
	.mod_newsreader .back, .mod_newsreader .info, .mod_newsreader h1, .back{
		margin-left: 10px;
	}
	
	
	
	.mod_newsreader .back, .back{
		display: block;
		float: left;
/*		width: 50%;*/
		padding: 5px;
		background: #ddd;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border: 1px solid #ccc;
		behavior: url('/960gs/lay2/border-radius.htc');
	}

	.niceview .pdf_link{
		display: block;
		float: right;
/*		width: 50%;*/
		padding: 5px;
		background: #ddd;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border: 1px solid #ccc;
		behavior: url('/960gs/lay2/border-radius.htc');
	}
	.mod_newsreader .info_r{
		text-align: right;
		color: #999;
		font-size: 10px;
	}

	.mod_newsreader h1{
		margin-top: 10px;
	}
/*
	.hyperlink_txt{
		font-size:18px;
	}
*/
	#box1 .mod_navigation h1{
	padding: 0px;
	margin: 10px 0 0 10px;
}

	#box4 .referenz_bild div.image_container img{
		margin: 0 0 0px 10px;

	}

	#box4 .referenz_bild div.image_container div.caption {
		margin: 0px 0 0px 10px;
	}

	#first_bild{
		margin-top: 20px;
	}
	
	#first_bild1{
		margin-top: 60px;
	}

	.first_bild_referenz{
		margin-top: 15px;
	}

	.top_ref .level_1 a{
		font-size: 16px;
	}
	
	#left_navigation_ref ul.level_1{
		text-decoration: none;
		list-style: none;
		margin-left: 0em;
/*		margin-left: -20px;*/
		width: 200px;
		font-size: 1.5em;
		margin: 0px;
		padding: 0px;
	}

	#left_navigation_ref ul li ul{
		text-decoration: none;
		list-style: none;
		width: 210px;
		font-size: 0.75em;
		margin: 10px 0 0 0;
		padding: 0px;
	}

	ul li ul li{
		margin-left: -10px;
	}

	ul li{
		margin-left: 0;
		padding: 10px 0 5px 10px;
		color: #000;
	}

	#left_navigation_ref ul.level_1{
		width: 220px;
	}
	
	#left_navigation_ref ul.level_1 a{
	}


	h2.event_emh{
		font-size: 1.25em;
		margin-top: 10px;
	}
	
	.more{
		float: right;
		margin-bottom: 10px;
	}
	
	.newslist_header{
		margin: 0;
	}

	div .mod_newslist h1{
		margin: 0px 0px 5px 0px;
	}
	

	.o10{
		margin-top: 10px;
	}
	
	.o6{
		margin-top: 6px;
	}
	
	.u10{
		margin-bottom: 10px;
	}
	
	
	.w90{
		width: 92%;
	}
	
	.w90 p, .people p{
		line-height: 6px;
	}
	
	.w90 div{
		float: right;
	}
	
	
	.w90 img, .people img{
		border: 1px solid #ddd;
	}
		
	.l20{
		margin-left: 20px;
	}

	.w310{
		width: 310px;
	}
	
	/* > SITEMAP */
	
	#sitemap{
		margin: 10px 0;
	}
	
	.mod_sitemap{
		width: 450px;
	}
	
	.sitemap{
		margin: 0px;
		padding: 0px;
	}

	ul.sitemap_ul{
	}
	
	.sitemap ul{
		list-style-type: none;
		left: -10px;
	}

	.sitemap .level_1{
		margin-left: 0;
		padding-left: 0;
		text-indent: -10px;
	}
	
	.sitemap ul{
		margin: 10px 0px 0px 0px;
		padding: 0 0 0 0;
		text-indent: 0px;
		width: 100%;
	}
	
	.sitemap ul li ul{
		margin: 0 0 0 0px;
		text-indent: inherit;
	}
	
	.sitemap ul li{
		text-decoration: none;
		list-style: none;
		margin-left: 0px;
		font-weight: bold;
		line-height: 1.5em;
	}
	
	.sitemap ul li.level_1 {
		line-height:1.5em;
		margin-bottom:5px;
	}
	
	.sitemap li ul{
		margin-bottom: 0em;
	}
	
	.sitemap a.submenu{
		text-transform: uppercase;
	}

	/* < SITEMAP */
	
	.mod_newsstart{
		font-size: 0.9em;
	}
	
	.ce_slideshow2{
		margin: 0 0 10px 10px;
	}

	
	/* > Container für Bildlinks Ausstellungen */
	
/*	.emhexpolinks{
		margin: 10px 0 0 10px;
	}
	
	.emhexpolinks *.image_container{
		margin: 0 20px 20px 0;
	//	width: 80px;
	//	overflow: hidden;
	
	}
*/	
		/* >> mootools content slider ausstellungen in grid_16*/	
		
		#expocontainer{
			width: 940px;
			height: 170px;
			border: 0px solid #FFF;
		}
		
		#viewport{
			height:160px;
			width:920px;
			overflow:hidden;
			position:relative;
//			margin-top: 10px;
			margin: 5px 10px 0 10px;
		}

		#container_slider{
			margin: 5px 10px 0 0;
			height:150px;
			position:absolute;
		}
		
		#item_list{
			margin:0px 0px;
			padding:0px;
		}
		
		#item_list .ce_hyperlink{
			float:left;
			padding:0px;
			margin:0px;
			padding-right: 4px;
			padding-left: 4px;
			margin-right: 5px;
			width:156px;
			height:150px;
			background: #fefefe;
			border: 1px solid #dedede;
		}
		
		#slider{
			margin:10px;
		}
		
		#slider_knob{
			width:37px;
			cursor:pointer;
		}
		
		#slider_track{
			height:40px;
			background:url(/slider_bg2.png) center center repeat-x;
		}
		
		.emhexpolinks *.image_container{
			text-align: center;
		}
		
		.emh_expo_img .image_container{
			margin-top: 10px;
		}
		
		.emh_expo_img.bordergrey * img{
			border: 1px solid #eee;
		}
		
		/* << mootools content slider ausstellungen in grid_16*/	

	/* < Container für Bildlinks Ausstellungen */
	
	

	/* > Referenzennavigation */
	
	.boxing_ref ul li a{
		width: inherit;
	}
	
	.boxing_ref ul li a{
	//	font-size: 1em;
		line-height: 18px;
		margin-left: -8px;
		padding-left: 10px;
	}

	.boxing_ref ul li .active{
	//	font-size: 1em;
		line-height: 18px;
		margin-left: -8px;
		padding-left: 10px;
		display: block;
	}

	
	.redactive{
		margin: 0 0 0 2px;
	}
	/* < Referenzennavigation */


	/* > extragrid */
	.extragrid{
		padding-top: 10px;
	}
	/* < extragrid */

	.start_reflink{
 		font-size: 12px;
 		*font-size: 14px;
 		letter-spacing: 0px;
		margin: 0 0 10px 10px;
	}
	
	/* > boxen */
	
	#box2 * /*,
	#box4 **/{
		margin-right: 10px;
	}
	
	
	#box4 * h1,#box4big * h1{
		text-align: right;
		margin-right: 20px;
	}
	
	#box4 * .referenz_bild{
		margin-left: 10px;
	}
	/* < boxen */
	#copyright{
		margin-top: 5px;
	}
	
	#copyright p{
		text-align: center;
		font-size: 10px;
		text-shadow: 0px 1px 2px #000000;
	}
	
	.people > .ce_text{
			margin-bottom: 15px;
	}

	.mod_ch_flowplayer{
		margin: 10px;
	}
	
	.mod_nl_reader, .mod_nl_list{
		margin: 10px;
	}
	
	.mod_nl_list{
		width: 320px;	
	}
	
	.mod_nl_list ul{
		list-style-type: none;
	}
	
	.mod_subscribe{
		margin: 10px 10px 10px 10px;
	}
	
	.mod_unsubscribe{
		margin: 10px 10px 10px 10px;
	}
	
	.immerlinks{
		float: left;
	}
	.immerrechts{
		float: right;
		width: 380px;
	}
	
	.ce_text.immerrechts{
		margin-top: 0px;
		top: 0px;
	}
	
	.unten{
		display: block;
		float: right;
		width: 100%;
		text-align: right;
	}

	.quad{
		width: 102px;
		height: 102px;
		text-align: center;
		margin: 10px 0px 0 0px;
		border: 1px solid #ccc;
		line-height: 102px;
	}
	.quad_klein{
		width: 90px;
		height: 90px;
		text-align: center;
		margin: 10px 0px 0 0px;
		border: 1px solid #ccc;
		line-height: 90px;
	}

	.quad img, .quad_klein img{
		vertical-align: middle;
	}
.ce_image.quad{
	margin-left: 10px;
}
.ce_image.quad_klein{
	margin-left: 5px;
}

.kundenliste{
	width: 500px;
}
	
	.leftblock{
		float: left;
		display: block;
		width: 100%;
	}
	
	.w300{
		width: 300px;
	}
	
	.niceview{
		width: 930px;
	}
	
	.niceview .pdf_link{
		margin-top: 20px;
		margin-left: 10px;
		text-align: right;
	}
	
}