/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62%;
	color:#404040;
	/* reset font-sizes to 1em == 10px */
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Arial,Helvetica,sans-serif;
	list-style:none;
}

a{
	text-decoration:none;
}

a img{
	border:0;
}

.clear{
	clear:both;
}

#MainContainer{
	margin:0 auto;
	width:950px;
	padding-left:2px;
	padding-right:2px;
}

#Main{
	margin-bottom:40px;
}

#RightContainer{
	position:relative;
	z-index:1;
	margin-left:235px;
	width:696px;
}


/* CONTENT
----------------------------------------- */
.contentContainer{
	padding:35px 15px 5px 25px;
}

#Content{
	min-height: 350px;
}

#ContentBottom{
	position:relative;
}


/* MAIN NAVIGATION
----------------------------------------- */
#loginBtn{
	background-image: url(../images/icons/lock.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:3px;
	color:#808080;
}

#loginBtn:hover{
	color: #404040;
}

#NavigationHeaderContainer{
	height:83px;
	position:relative;
}

#NavigationHeaderContent{
	position:absolute;
	top:52px;
	width:225px;
	height:20px;
}

#NavigationHeaderContent ul{
	display:inline;	
	float:right;
}

#NavigationHeaderContent ul li{
	display:inline;	
}

#NavigationContainer{
	margin-top:15px;
	margin-bottom:15px;	
}

#Navigation {
	position:relative;
	z-index:10000;
	float:left;
	width:225px;
}

#Navigation ul li a{
	padding-left: 11px; 
}
	
	/* 1st Level */
	#Navigation ul { 
 		
	}
		#Navigation ul li { 
	 		list-style: none; 
			width:230px;
			margin-top:10px;
		}
  			#Navigation ul li a { 
				color:#808080;
			}
				#Navigation ul li a span {
					font-size:1.4em;
					padding-right: 10px;
				}
					#Navigation ul li a:hover { 
						color: #404040;
					}
					#Navigation ul li a:hover span {
						
					}
					
    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover { 
				 	background: url(../images/linkHighLight.gif) 3px 3px no-repeat; 
					color: #404040;
					}
		
				
	/* 2nd Level */
	#Navigation ul ul {
		margin-left:17px;
	}
	
	#Navigation ul ul li {
		
	}
			
	#Navigation ul ul li a { 
				font-size: 1.25em;
				color:#929292;
			}

	#Navigation ul ul li a:hover { 
				color: #404040;
			}
			
	#Navigation ul ul li a.current,
	    		#Navigation ul ul li a.section,
	    		#Navigation ul ul li a.section:hover,
	    		#Navigation ul ul li a.current:hover { 
				 	background: url(../images/linkHighLight.gif) 3px 5px no-repeat; 
					color: #404040;
					}
			

					
					
	/* 3rd Level */
	#Navigation ul ul ul {
		margin-left:17px;
		margin-top:10px;
	}
	
	#Navigation ul ul ul li {
		width:200px;
	}
			
	#Navigation ul ul ul li a { 
				font-size: 1.1em;
				color:#929292;
			}

	#Navigation ul ul ul li a:hover { 
				color: #404040;
			}
			
	#Navigation ul ul ul li a.current,
	    		#Navigation ul ul ul li a.section,
	    		#Navigation ul ul ul li a.section:hover,
	    		#Navigation ul ul ul li a.current:hover { 
				 	background: url(../images/linkHighLight.gif) 3px 5px no-repeat; 
					color: #404040;
					}
	


/* HEADER
----------------------------------------- */
#Header{
	
}

#HeaderContainer{
	height:83px;
	position:relative;
}

#HeaderIcon{
	position:absolute;
	bottom:12px;
}

#EpoqLogo{
 	position:absolute;
 	top:25px;
 	right:0px;
}


/* TEASERS
----------------------------------------- */
#Teasers{
	margin-top:30px;
	margin-bottom:30px;
}

.teaserItem{
	position:relative;
	background: url(../images/teaserBg.jpg);
	border-bottom:1px solid #B4B4B4;
	border-top:1px solid #B4B4B4;
	width:220px;
	height:188px;
	margin-right:17px;
	float:left;
}

.last .teaserItem{
	margin-right:0px;
}

.teaserHeader{
	padding-top:8px;
	padding-left:10px;
}

.teaserHeader h3{
	text-transform: uppercase;
	font-size:1.1em;
	color:#595959;
	font-weight:normal;
}

.teaserContent{
	position:absolute;
	top:30px;
}

#NewsTeaser .teaserContent{
	height:30px;
	height:155px;
	overflow:auto;
}

#NewsTeaser a{
	color:#595959;
}

#NewsTeaser a:hover{
	color:#000;
	text-decoration: underline;
}


/* FOOTER
----------------------------------------- */
.footer{
	width:931px;
}

.footer a{
	color:#595959;
}

.footer a:hover{
	color:#000;
	text-decoration: underline;
}

.footer ul li {
	list-style-image:none;
	list-style-type:none;
	margin-bottom:3px;
	font-size:1.1em;
}

#FooterBg{
	margin-top:50px;
	position:relative;
	background-image: url(../images/footerBg.jpg);
	background-repeat: repeat-x;
	height:91px;
	width:930px;
}

#CopyRight{
	position:absolute;
	right:15px;
	top:15px;
}

#CopyRight .dottedLine{
	width: 240px;
}

#CopyRight p{
	color:#595959;
	margin-top:5px;
	padding: 0 10px 0 10px;
	text-align:right;	
}


/* SITEMAP
----------------------------------------- */
#Sitemap{
	width:732px;
	float:left;
}

#Sitemap h4{
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:14px;
}

#Sitemap .col{
	padding: 7px;
	background: url(../images/dottedLine.gif);
	background-repeat: repeat-x;
	float:left;
	margin-right:18px;
}

#SitemapContainer{
	border-top: #b4b4b4 1px solid;
	border-bottom: #b4b4b4 1px solid;
	background: url(../images/greyGradient.jpg);
	background-repeat: repeat-x;
	height:207px;
}

#SitemapContent{
	padding-top:14px;
	padding-left:17px;
}

#SitemapContent ul li{
	font-size:1.1em;
	margin-bottom:5px;
}


/* SOCIAL MEDIA
----------------------------------------- */
#SocialMedia{
	width:187px;
	float:right;
}

#SocialMediaContainer{
	border-top: #b4b4b4 1px solid;
	border-bottom: #b4b4b4 1px solid;
	background: url(../images/greyGradient.jpg);
	background-repeat: repeat-x;
	height:207px;
}

#StayInContact{
	background: url(../images/stayInContact.jpg);
	width:187px;
	height:44px;
}

.smLink{
	padding-left:15px;
	padding-top:8px;
	height:30px;
}

.smLink a{
	display:block;
	padding-top:8px;
	padding-left:35px;
	height:25px;
}

ul li.smLink{
	background: url(../images/socialSeparator.jpg) no-repeat;
}

.smLink a.mail{
	background: url(../images/icons/bt_email.jpg) no-repeat;
}

.smLink a.mail:hover{
	background: url(../images/icons/bt_email_over.jpg) no-repeat;
}

.smLink a.newsletter{
	background: url(../images/icons/bt_newsletter.jpg) no-repeat;
}

.smLink a.newsletter:hover{
	background: url(../images/icons/bt_newsletter_over.jpg) no-repeat;
}

.smLink a.Facebook{
	background: url(../images/icons/bt_facebook.jpg) no-repeat;
}

.smLink a.Facebook:hover{
	background: url(../images/icons/bt_facebook_over.jpg) no-repeat;
}

.smLink a.kontakt{
	background: url(../images/icons/bt_kontakt.jpg) no-repeat;
}

.smLink a.kontakt:hover{
	background: url(../images/icons/bt_kontakt_over.jpg) no-repeat;
}

/* NEWS TEASER
----------------------------------------- */

.newsItem{
	color:#595959;
	margin-left:10px;
	margin-top:10px;
}

.newsHeader{
	font-size:1.4em;
}

.newsDate{
	font-size:1.0em;
}

/* PAGE
----------------------------------------- */
#PageTitleContainer{
	width:697px;
	margin-top:11px;
}

#PageTitle{
	padding-left:25px;
	padding-top:25px;
}

#PageTitle h1{
	font-family:Helvetica,Arial,sans-serif;
	font-size: 3.2em;
	font-weight:normal;
}

#PageTitle h2{
	margin-top:7px;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 2.0em;
	font-weight:normal;
}

/* ACCORDION
----------------------------------------- */
.accordionHolder{
	position: relative;
}

.acc{
	width: 695px;
}

.acc h3{
	color:#404040;
}

.acc div.accContent{
	padding:10px 10px 10px 25px;
}

.acc a.accHeader{
	cursor:pointer;
	display:block;
	padding:3px 0 3px 25px;
	margin-top: 0;
	text-decoration: none;
	color:white;
	font-size:1.4em;
	font-weight:normal;
	border-bottom: 1px solid #FFF;
	margin-bottom:4px;
}

.acc.gruen a.accHeader{
	background: url(../images/accordion/gruen_normal.jpg) no-repeat right;
}

.acc.gruen a.accHeader:hover {
	background: url(../images/accordion/gruen_over.jpg) no-repeat right;
}

.acc.gruen a.accHeader.selected:hover {
	background: url(../images/accordion/gruen_selected.jpg) no-repeat right;
}

.acc.gruen a.accHeader.selected {
	background: url(../images/accordion/gruen_selected.jpg) no-repeat right;
}

.acc.blau a.accHeader{
	background: url(../images/accordion/blau_normal.jpg) no-repeat right;
}

.acc.blau a.accHeader:hover {
	background: url(../images/accordion/blau_over.jpg) no-repeat right;
}

.acc.blau a.accHeader.selected:hover {
	background: url(../images/accordion/blau_selected.jpg) no-repeat right;
}

.acc.blau a.selected {
	background: url(../images/accordion/blau_selected.jpg) no-repeat right;
}

.acc.cyan a.accHeader{
	background: url(../images/accordion/cyan_normal.jpg) no-repeat right;
}

.acc.cyan a.accHeader:hover {
	background: url(../images/accordion/cyan_over.jpg) no-repeat right;
}

.acc.cyan a.accHeader.selected:hover {
	background: url(../images/accordion/cyan_selected.jpg) no-repeat right;
}

.acc.cyan a.selected {
	background: url(../images/accordion/cyan_selected.jpg) no-repeat right;
}

/* PRESSE
----------------------------------------- */
#Content .pressItem img{
	float:left;
	margin-top:10px;
}

#Content .pressItem p{
	margin-top:0px;
	margin-bottom:0px;
}

#Content .pressItem h4{
	font-size:1.6em;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:8px;
}

#Content .pressItem a.header{
	font-size:1.6em;
	color:#0464ab;
	text-decoration: none;
}

#Content .pressItem a:hover{
	text-decoration: underline;
}

#Content .pressItemContent{

	background:url("../images/icons/pressItemIcon.jpg") no-repeat;
	padding-left:20px;	
}

#Content .pressItem .dottedLine{
	margin-top:15px;
	margin-bottom:15px;
}

#Content .pressItem .pressBottomText{
	margin-top:35px;
	margin-bottom:30px;
	color:#929292;
}

.pressLinkList{
	background: url(../images/pressLinkListBg.jpg);
	width:697px;
	height:36px;
	margin-left:-25px;
}

.typography .pressLinkList ul{
	padding-top:2px;
}

.typography .pressLinkList ul li{
	list-style:none;
	background: url(../images/linkSolo.gif);	
	background-repeat: no-repeat;
	height:25px;
	padding-left:40px;
	padding-top:6px;
}

.typography .pressLinkList ul li a{
	text-decoration: none;
}

.typography .pressLinkList ul li a:hover{
	text-decoration: none;
	color:#000;
}

/* Event
----------------------------------------- */
#ComingSoonEvent{

}

.eventItem{
	color:#404040;
	
}

.eventItem a.eventIcon{
	font-size: 1.1em;
	margin-top:10px;
	padding-left:35px;
	padding-top:5px;
	height:30px;
	display:block;
	background: url(../images/icons/bt_messe.jpg) no-repeat;
}

.eventItem a.eventIcon:hover{
	background: url(../images/icons/bt_messe_over.jpg) no-repeat;
}

#ComingSoonEvent .eventItem .name{
	color:#114d97;
	font-size: 2.0em;
	display:block;
	margin-bottom:5px;
}

#ComingSoonEvent .eventItem .period{
	color:#515151;
	font-size: 1.4em;
	display:block;
	margin-bottom:5px;
}

#ComingSoonEvent .eventItem .category{
	font-size: 1.1em;
	display:block;
	margin-bottom:5px;
}

#ComingSoonEvent .eventItem{
	height:110px;
	margin-top:10px;
}


#ComingSoonEvent .eventItem .col{
	float:left;
	width:500px;
}

#ComingSoonEvent .eventItem .lastcol{
	width:70px;
	float:right;
}

#AllEvents .eventItem{
	margin-top:20px;
	margin-bottom:10px;
}

#AllEvents .eventItem .col{
	float:left;
	width:260px;
}

#AllEvents .eventItem .lastcol{
	width:70px;
	float:right;
}

#AllEvents .eventItem .name{
	font-size: 1.6em;
	display:block;
	margin-bottom:5px;
}

#AllEvents .eventItem .period{
	font-size: 1.1em;
	display:block;
	margin-bottom:5px;
}

#AllEvents .eventItem .category{
	font-size: 1.1em;
	display:block;
	margin-bottom:5px;
}


/* CASESTUDIES
----------------------------------------- */
.caseStudiesLink {
	background: url(../images/caseStudyLinkBg.jpg);	
	width:673px;
	height:36px;
	margin-bottom:40px;
}

.caseStudiesLink a{
	text-decoration: none;
	display:inline-block;
	margin-left:44px;
	margin-top:12px;
}

/* CUSTOMERSTATEMENTS
----------------------------------------- */
#Statements{
	margin-left:25px;
}

#Statements h3{
	font-size: 1.0em;
}

#Statements h3 span.name{
	font-size: 1.6em;
}

#Statements h3 span.position{
	font-size: 1.4em;
}

#Statements h3 span.company{
	font-size: 1.1em;
}

#Statements .statementRow{
	margin-bottom:13px;
}

#Statements .customerInfo{
	width:225px;
	float:left;
}

#Statements .statement{
	float:left;	
}

div.box {background:url(../images/balloon/box_ww.gif) repeat-y;}
div.box div {background:url(../images/balloon/box_ee.gif) right repeat-y;}
div.box div div {background:url(../images/balloon/box_nn.gif) repeat-x;}
div.box div div div {background:url(../images/balloon/box_ss.gif) bottom repeat-x;}
div.box div div div div {background:url(../images/balloon/box_nw.gif) left top no-repeat;}
div.box div div div div div {background:url(../images/balloon/box_ne.gif) right top no-repeat;}
div.box div div div div div div {background:url(../images/balloon/box_sw.gif) left bottom no-repeat;}
div.box div div div div div div div {background:url(../images/balloon/box_se.gif) right bottom no-repeat;}

div.inhalt {padding: 25px 20px 1px 55px;}

.speakContainer{
	position:relative;
}

.box{
	width:440px;
	
}

.speakArrow{
	position:absolute;
	top:0px;
	left:0px;
	background: url(../images/balloon/speak.gif);
	width:27px;
	height:64px;
}


/* Übersichtsseiten
----------------------------------------- */
.headerLinks h3{
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.8em;
	margin-bottom:10px;
}

.headerLinks a{
	font-size: 1.0em;
	color:#808080;
	text-decoration: none;
}

.headerLinks a:hover{
	color:#808080;
}

.headerLinks img{
	padding-left:10px;	
}

/* HOMEPAGE
----------------------------------------- */
#HomeTeaserContainer{
	position:relative;
	height:450px;
}

#HomeTeaserContainer{

}

#HomeTeaser{
	background-image: url(../images/missConversion/home.jpg);
	width:510px;
	height:483px;
	
	position:absolute;
	top:-25px;
	left:-130px;
}

#HomeTeaserText{
	width:390px;
	position:absolute;
	top:90px;
	left:317px;
}

#HomeTeaserText img{
	display:inline;
}

#HomeTeaserText h1{
	font-size: 2.8em;
}

#HomeTeaserText h2{
	margin-top:5px;
	font-size: 1.6em;
}

#HomeTeaserText .headerLinks{
	margin-top:40px;
}

/* Produkte & Technologien
----------------------------------------- */
#ProdukteTechnologien{
	position:relative;
}

#ProdukteTechnologien.contentContainer{
	padding:20px 15px 0 25px;
}

#ProdukteTechnologien p{
	margin-top:7px;
	margin-left:16px;
}

#ProdukteTechnologien .miss{
	background-image:  url(../images/missConversion/produkte_technologien.jpg);
	width:316px;
	height:380px;
	background-repeat: no-repeat;
}

#ProdukteTechnologien .title1{
	width:360px;
	position:absolute;
	left:355px;
	top:60px;
}

#ProdukteTechnologien .title2{
	width:360px;
	position:absolute;
	left:300px;
	top:250px;
}

/* eServices
----------------------------------------- */
#eServices h3{
	font-family:Helvetica,Arial,sans-serif;
	font-size:1.8em;
	font-style:normal;
	font-weight:lighter;
	color:#808080;
	margin-bottom:4px;
}

#eServices a{
	color:#808080;
}

#eServices ul li{
	margin-bottom:18px;
	list-style-image: url(../images/listStyles/doubleArrow.jpg);
}


/* GOOGLE MAPS
----------------------------------------- */
#map_container{
	position:relative;
	width:900px;
}

#map_canvas{
	width:655px;
	height:360px;
}

#map_input label{
	font-size:1.1em;
}

#map_input input{
	display:inline;
	margin-top:10px;
	margin-bottom:5px;
}

#Location{
	width:120px;
	margin-right:5px;
}

#map_panel{
	width:644px;
}





/* Gewinnspiel
----------------------------------------- */
#Content.gewinnspiel{
	position:relative;
	height:505px;
	z-index:-1;
}

#Content.gewinnspiel .contentContainer{
	position:absolute;
}

#Gewinnspiel .linkSuche{
	position:absolute;
	top:370px;
	left:60px;
}

#Gewinnspiel .antwort{
	position:absolute;
	top:505px;
	left:60px;
}

#Gewinnspiel span.header{
	font-size: 2.0em;
}

#Gewinnspiel span.link{
	font-size: 1.4em;
}

#Gewinnspiel .missConversion{
	position:absolute;
	right:0px;
	top:-80px;
	z-index:1;
	background-image: url(../images/missConversion/gewinnspiel.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:694px;
	height:559px;

	z-index:-1;
}

#Gewinnspiel .textContainer{
	top:-83px;
	position:absolute;
	width:400px;
}

/* LISTSTYLES
----------------------------------------- */
.linkList{
	background: url(../images/linkListBg.jpg);
	background-repeat:no-repeat;
	width:697px;
	min-height:40px;
	padding-top:5px;
	margin-top:15px;
}

.typography .linkList ul{
	
}

.typography .linkList ul li{
	list-style:none;
	background: url(../images/dottedLine.gif);	
	background-repeat: repeat-x;
	background-position:bottom;
	height:25px;
	padding-left:20px;
	padding-bottom:5px;
	margin-top:5px;
	margin-right:20px;
}

.typography .linkList ul li.last{
	background:none;
}

.typography .linkList ul li a{
	text-decoration: none;
	display:block;
	background-repeat: no-repeat;
	height: 25px;
	padding-left:30px;
	padding-top:5px;
}

.typography .linkList ul li a.Email{
	background-image: url(../images/icons/bt_email.jpg);
}

.typography .linkList ul li a.Email:hover{
	background-image: url(../images/icons/bt_email_over.jpg);
}

.typography .linkList ul li a.Download{
	background-image: url(../images/icons/bt_download.jpg);
}

.typography .linkList ul li a.Download:hover{
	background-image: url(../images/icons/bt_download_over.jpg);
}

.typography .linkList ul li a.FAQ{
	background-image: url(../images/icons/bt_faq.jpg);
}

.typography .linkList ul li a.FAQ:hover{
	background-image: url(../images/icons/bt_faq_over.jpg);
}

.typography .linkList ul li a:hover{
	text-decoration: none;
	color:#000;
}


div.vorteile{
	background-image: url(../images/listStyles/vorteileBg.jpg);
	background-repeat: repeat-x;
	padding:25px 25px 15px 25px;
}

.vorteile h3{
	margin-bottom:10px;
}

.typography .vorteile ul {
	
}

.typography .vorteile ul li{
	list-style:none;
	background-image: url(../images/listStyles/vorteile.gif);	
	background-repeat: no-repeat;
	padding-left:30px;
	margin:7px 0 0 0;
	height: 18px;
	display:block;
}

.typography ul.vorteile strong{
	
}


/* OTHER
----------------------------------------- */
.missConversionImage{
	position:absolute;
}

.altFlashContent{
	padding:10px;
}

.boxTitle{
	margin-bottom:8px;
	font-size: 1.2em;
	color:#999999;
}

.dottedLine{
	background: url(../images/dottedLine.gif);
	background-repeat: repeat-x;
	height:1px;
}

.line{
	background: url(../images/line.gif);
	background-repeat: repeat-x;
	height:1px;
}

.showInline{
	display:inline;
}

.clearFix{
	clear: both;
}