@charset "UTF-8";
/* CSS Document */

/*common-----------------------*/

body
{
    margin: 0px;
    padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:16px;
	background-color:#A1A1A1;
}

a:link {
color:#000000;
	font-size:12px;	
	text-decoration: none;
}
a:visited {
color:#000000;
	text-decoration: none;
}
a:hover {
color:#bf0201;
	text-decoration: none;
}
a:active {
color:#bf0201;
	text-decoration: none;
}
 
p
{
    margin: 0px;
    padding: 0px;
}
 
ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

li
{
	margin:0;
	padding:0;

}

img {
border:none;

}

hr{
padding:0px;
margin:0;
}

h1 {
margin:0;
padding:0;
font-style:normal;
font-weight:normal;
}


h2{
margin:0;
padding:0;
font-style:normal;
font-weight:normal;
}

h3{
margin:0;
padding:0;
font-style:normal;
font-weight:normal;
}

h4{
margin:0;
padding:0;
font-style:normal;
font-weight:normal;
}



hr{
padding:0px;
margin:12px 0 18px 0;
color:#bf0201;
border-style:solid;
border-width:1px 0 0 0;
}

hr .neutral{
padding:0px;
margin:0;
color:#cccccc;
border-style:none;

}


body{
	
	background-image:url(../img/bg.gif);

}



p {
padding-top:15px;
}

h1 {
font-size:22px;
color:#ffffff;
font-weight:bold;
}

h2 {
padding-top:6px;
font-weight:bold;
font-size:12px;
color:#000000;
}

h3{
font-size:9px;
color:#000000;
padding-bottom:11px;
}

h4{
color:#bf0201;
font-size:12px;
font-weight:bold;
letter-spacing	:	0.1em;
}


h4:before {
	content			:	"»";
}
 




.red{
color:#bf0201;
}

.white{
color:#ffffff;
}


.bold{
	font-weight:bold;
	}





.min-height{
min-height:530px;
height:auto !important;  /* für moderne Browser */
height:530px;  /*für den IE */
}




#main{
position:absolute;
margin-left:77px;
margin-top:48px;
width:950px;

}













#header{
	position: relative;
	margin-left:-12px;
	height:31px;
	width:982px;
	background-image:url(../img/g_nav_logo.png);
	background-repeat:no-repeat;
	float:left;
	}



#header .globalnav{
	width:457px;
 	height: 31px;
    background-image:url(../img/g_nav.png);
    padding: 0;
	margin-left: 484px;
    position: relative;
	}
	



#header .globalnav li {
    margin: 0;
	padding: 0; 
	list-style: none;
    position: absolute; 
	text-indent: -1000em;
	top: 0;
	}
	
	
#header .globalnav li,#header .globalnav a {
    height: 31px; 
	display: block;
	}



#header .globalnav #gn_27 {left: 0; width: 75px;}
#header .globalnav #gn_2 {left: 75px; width: 96px;}
#header .globalnav #gn_3 {left: 171px; width: 104px;}
#header .globalnav #gn_4 {left: 274px; width: 66px;}
#header .globalnav #gn_5 {left: 340px; width: 116px;}

#header .globalnav #gn_27 a:hover {background: transparent url(../img/g_nav.png) 0 -31px no-repeat;}
#header .globalnav #gn_2 a:hover { background: transparent url(../img/g_nav.png) -75px -31px no-repeat;}
#header .globalnav #gn_3 a:hover { background: transparent url(../img/g_nav.png) -171px -31px no-repeat;}
#header .globalnav #gn_4 a:hover { background: transparent url(../img/g_nav.png) -274px -31px no-repeat;}
#header .globalnav #gn_5 a:hover { background: transparent url(../img/g_nav.png) -340px -31px no-repeat;}

#header .globalnav #gn_27 a:active {background: transparent url(../img/g_nav.png) 0 -62px no-repeat;}
#header .globalnav #gn_2 a:active { background: transparent url(../img/g_nav.png) -75px -62px no-repeat;}
#header .globalnav #gn_3 a:active { background: transparent url(../img/g_nav.png) -171px -62px no-repeat;}
#header .globalnav #gn_4 a:active { background: transparent url(../img/g_nav.png) -274px -62px no-repeat;}
#header .globalnav #gn_5 a:active  { background: transparent url(../img/g_nav.png) -340px -62px no-repeat;}

#header .globalnav #gn_27.active {background: transparent url(../img/g_nav.png) 0 -62px no-repeat;}
#header .globalnav #gn_2.active { background: transparent url(../img/g_nav.png) -75px -62px no-repeat;}
#header .globalnav #gn_3.active { background: transparent url(../img/g_nav.png) -171px -62px no-repeat;}
#header .globalnav #gn_4.active { background: transparent url(../img/g_nav.png) -274px -62px no-repeat;}
#header .globalnav #gn_5.active { background: transparent url(../img/g_nav.png) -340px -62px no-repeat;}



#content{
	position:relative;
	clear:both;
	background-image:url(../img/wrapper_bg.jpg);
		background-position:top;
	
}




#subnav{
margin-top:13px;
padding:6px 0 0px 0;
border-color:#bf0201;
border-style:solid;

border-width:1px 0 0 0;
width:auto;
height:10px;

font-size:13px;
}

#subnav li{
	background-image:url(../img/arrow.png);
	background-position:left;
	background-repeat:no-repeat;
	padding:2px 0 0 13px;
}

#subnav li a{
	
}

#subnav li a:hover{
	
	
}

.red-arrow-btn{
	background-image:url(../img/arrow.png);
	
	background-repeat:no-repeat;
	width:100px;
	font-size:9px;
	padding:0 0 2px 13px;
	}


#inner-content{
	position:relative;
	padding-left:86px;
	padding-top:25px;

	}
	
	
#inner-content .col-left{
position:relative;
padding-top:0px;
width:400px;
float:left;

}


#inner-content .col-right{
position:relative;
width:350px;
margin-left:500px;
margin-top:-40px;
}



#inner-content .no-cols{
position:relative;
width:950px;
}



#content .shad{
	margin-left:-12px;
	width:970px;
	background: url(../img/wrapper_bg_shad.jpg) repeat-y;
}
 
 







#footer {

	width:973px;
	height:30px;

	margin-left:-12px;
	position: relative;
	font-size:9px;
	color:#555555;
	background:url(../img/footer.png);
	

}

#footer div {
	float:left;
	padding:1px 0px 0 35px;
}

#footer div a{
	font-size:9px;
	color:#555555;
	}
	
#footer span{

	padding:2px 0px 0 653px;
	}
	
#footer span a{
	font-size:9px;
	color:#555555;
	}

/*--thebook---------------------------------------------------------------------------*/



/*--book book--------------*/	



/*
ul{
margin-top:30px;
}

li{
position:relative;
padding-left:5px;
float:left;
}
*/


#btn-lookinside{
float:right;
margin-top:12px;
height:36px;
width:144px;
background-image:url(../img/btn_lookinside.png);

background-repeat:no-repeat;
text-indent:-1000px;
cursor: pointer;
}





.bigtext{
font-size:20px;
line-height:25px;
}


.smalltext{
font-size:9px;
}

/*about------*/
#sub-about-image{
margin:20px 0 0px 70px;
}


/*--sub content--------------*/	



#subcontent{
	position:absolute;
	left:100px;
	top:80px;

	width:898px;
	height:554px;
	
	display:none;
	
}


.loading{

position:absolute;
z-index:3;

}


.btn_close{	
	position:absolute;
	margin-top:10px;
	margin-left:882px;
	height:22px;
	width:24px;
	background-image:url(../img/btn_close.gif);
	background-repeat:no-repeat;
	text-indent:-2000px;
	cursor:pointer;
	
	z-index:4;
		
		}
#subcontent .bg{
width:100%;
height:100%;
position:absolute;
background-color:#eeeeee;
z-index:2;
}




/*--sub site to load-------------*/

#sub-two-cols{
	margin:30px 0 0 30px;
	
}


#sub-two-cols .col-left{
position:relative;

width:400px;
float:left;
}

#sub-two-cols .col-right{
position:relative;
width:400px;
margin-left:450px;
}

#loading-LightBox{
position:absolute;
background-color:#00FF00;

	width:100%;
	height:100%;

}



/*--pro readers--------------*/

#proreaders{
position:absolute;
margin-top:30px;

width:900px;
height:600px;
}

#proreaders .photo{
position:absolute;
margin-left:180px;
background-image:url(../img/book_proteam.png);
background-repeat:no-repeat;
width:900px;
height:600px;
z-index:3;
}

#proreaders .textbox{
position:absolute;
margin-top:90px;
margin-left:-70px;
padding:20px 480px 20px 80px;
background-color:#000000;
height:auto;
width:200px;
color:#FFFFFF;
}

#proreaders .textbox li{
	font-weight:bold;
}

#proreaders .loader {
position:absolute;
margin-top:100px;
margin-left:400px;
text-align:center;
background-image:url(../img/loading.gif);
background-position:center bottom;
background-repeat:no-repeat;
width:100px;
height:50px;
z-index:2;

}






/*---imfs-----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#imfs {
}


#imfs h1 {
font-size:18px;
color:#ffffff;
font-weight:bold;
}

#imfs h3{
font-size:9px;
color:#000000;
padding-bottom:11px;
}


#imfs img.teaserpic{
	margin:-130px 0 23px -150px;
}

/*---imfs videoSeite---------------------*/
#imfs_look-Inside {
margin: 45px 0  0 95px;
}

#imfsMenue { 
margin: -10px 0  0 25px;
}

#imfsMenue .scrollable { 
 
    /* required settings */ 
    position:relative;
	float:left;
    overflow:hidden; 
    width:605px; 
    height:45px; 
	margin:0 0 0 0;
	
	border-bottom:1px solid #cccccc ;
	border-top:1px solid #cccccc ;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
#imfsMenue .scrollable .items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	clear:both;
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 





#imfsMenue .scrollable .items li { 
    float:left;
	padding:5px;
	margin-right:50px;
	height:48px;
} 


#imfsMenue .highlight{
	width:65px;
	height:3px;
	background-color:#FF0000;
	margin-top:39px;


}

 
#imfsMenue .scrollable .items li a:hover { 
 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; -->
	filter: alpha(opacity=90);
	opacity: .9;
	
}

 
 
 
/* you may want to setup some decorations to active item */ 
#imfsMenue .scrollable #imfsMenue .scrollable .items #imfsMenue .active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


#imfsMenue a.prev{
		
	background-image:url(../img/mfs_arr_left.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	margin:15px 15px 0 0;
	width: 21px;
}

#imfsMenue a.next{

	clear:right;	
	background-image:url(../img/mfs_arr_right.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	margin:15px 0 0 15px;
	width: 21px;
}



/*--tooltip---------------------------------------------------------------*/
#tooltip_20, #tooltip_21, #tooltip_22, #tooltip_23, #tooltip_24, #tooltip_25,#tooltip_19, #tooltip_26 { 

background-color:#FFFFFF;
padding:10px;
width:300px;
display:none;
border::1px solid #cccccc ;

	

}


/*--video--------------------------------------------------------------------*/
#videoFlashContent{
	position:absolute;
	z-index:2;
	top:73px;
	left:212px;
	width:480px;
	height:320px;
	background-color:#000000;
	background-image:url(../img/mfs_vid_screen.jpg);
}



#description{
margin:-28px 0 20px 0px;
height:35px;
text-align:center;

}





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

#content.news-bg{
background-image:url(../img/bg-news.jpg);
}


#news-banner-top{
	position:absolute;
	left:454px;
	top:28px;
}

#news-banner-right-top{
	position:absolute;
	left:770px;
	top:129px;
}

#news-banner-right-bottom{
	position:absolute;
	left:770px;
	top:340px;
}

.buttonBanner{
	width:145;
	height:181;

}

.fullSizeBanner{
	width:468px;
	height:60px;
}


#news-area{
	width:640px;
	/*margin:30px 0 0 0;*/
	/*margin-top:30px;*/
	padding-top:30px;
}
	
#news-pane{
	height:400px;	
}

#news-area .red-arrow-btn{
	position:absolute;
	background-position:left;
	font-size:9px;
	padding-top:4px;
	display:block;
	
}

#news-area .post-content{
	position:relative;
	color:#FFFFFF;
	display:inline;
	width:300px;
	
}

#news-area .post-content p{

	padding-top:10px;
}

#news-area .post{
	position:relative;
	width:600px;
	padding:10px;
	margin:0px 0 20px 0;
	
	background-image:url(../img/news_trans_bg.png);
	background-repeat:repeat-y;
	
}




#news-area #teaserImage{
	padding:0;
	margin:0px 20px 0px 0px;
	float:left;
	width:240px;
	z-index:6;
	/*border:solid 1px #000000;*/
	
}

h5{
	font-weight:bold;
	font-size:18px;
	margin:0px 0px 8px 0px;
	color:#bf0201;
	z-index:6;
}

.newsdate{
	font-size:10px;
	padding:5px 0 0px 0;
	z-index:6;
}


/* news article------------*/

#article-area{
	width:711px;
	margin: 30px 30px 50px 50px;
}

#article-pane{
	height:500px;	
}

#article-area #article-content{
	
	color:#000000;
	width:600px;
	
	z-index:2;
}

#article-area #article-content p{
margin:0; !important;
padding:0; !important;
}


#article-gallery{
	margin-top:20px;
	margin-left:-10px;
}

#article-area a{
	color:#bf0201 !important;
}
#article-area a:hover{
	color:#000000 !important;
}












/*--EHIBITION-----------------------------------------------*/
/*----------------------------------------------------------------------*/

#content.exhibition-bg{

	background-image:url(../img/bg-exh.jpg);


}




#exhMenue .scrollable { 
 
    /* required settings */ 
    position:relative;
	
    overflow:hidden; 
    width: 310px; 
    height:201px; 
	margin:18px 0 0 15px;
	
	border:1px solid #aaa;
	background-color:#aaa;

} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
#exhMenue .scrollable .items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
#exhMenue .scrollable .items li{ 
    float:left;
	
	margin-right:2px;
	border:1px solid #fff; 
	 background-color:#000000;
	
} 
 
#exhMenue .items li a:hover { 
 
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90);
	opacity: .9;
}

 
 
 
/* you may want to setup some decorations to active item */ 
#exhMenue .scrollable .items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


#exhMenue a.prev{
	background-image:url(../img/scrollable/btn_li.png);
		background-repeat:no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 56px;
	margin:90px 10px 0 0;
	width: 15px;
}

#exhMenue a.next{
	background-image:url(../img/scrollable/btn_ri.png);
	background-repeat:no-repeat;
	cursor: pointer;
	display: block;
	float: right;
	height: 56px;
	margin:-130px 38px 0 0;
	width: 15px;
}


/*--Downloads------------------------------------------------------------------*/

#downl-btn{
	
}


#downl-iphone-box ul li{
margin:10px 0 10px 20px;
}



#downl-laptop-box ul{
	margin-top:10px;
}

#downl-laptop-box li, #downl-iphone-box li{
float:left;
margin-right:60px;
		

}
#downl-laptop-box li a, #downl-iphone-box li a{
	display:block;
	width:auto;
	background-image:url(../img/arrow.png);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0 0 13px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}

#downl-laptop-box li a:hover, #downl-iphone-box li a:hover{
	display:block;
	width:auto;
	background-image:url(../img/arrow.png);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0 0 13px;
	font-size:11px;
	font-weight:bold;
	color:#bf0201;
}



#downl-iphone-box{
position:absolute;
left:100px;
right:0px;
top:170px;
font-size:11px;
}

#downl-iphone-box img{
float:left;
}

#downl-iphone-box div{

position:relative;
display:inline;
font-size:11px;
margin:0px 20px 0px 20px;
color:#FFFFFF;
font-weight:bold;



}

#downl-laptop-box{
position:absolute;
left:377px;
top:80px;
font-weight:bold;
font-size:11px;
color:#FFFFFF;
}

#downl-laptop-box div{
padding:10px 0 0 0px;
}

#show {
position:absolute;
  width:  109px; 
    height: 128px; 
top:70px;
left:270px;


}


#show .pics {  
    height:  152px;  
    width:   152px;  
    padding: 0;  
    margin:  0;  
} 
 
#show .pics img {  
    padding: 0px;   
    width:  109px; 
    height: 128px; 
    top:  0; 
    left: 0 
} 






/*--util---------------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear{

clear:both;
}

.opaque {	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90);
	opacity: .9;	
}
 
 
 
 .left {
 float:left;
 }
 
 
 .basic-text {
 font-family: Helvetica, Arial, sans-serif;
 font-weight:normal;
	font-size:12px;
	line-height:16px;
	color:#000000;
}
 
 
 
 
 
/*--util---------------------------------------------------------------------------*/