@charset "UTF-8";

/* 
small viewport smaller than 980 px 
*/     

body { 
	margin: 0 auto;
	width: 740px;
    *position: relative; /* IE 6 & 7, keeps the layout centered */
	background: #ccc url(../img/bgs/bg-small.png) repeat-y center;
	*background-image: none;  /* IE 6 & 7, due to known IE body background bug */
}

/* @group GRID/LAYOUT */

#wrapper { 
	padding: 0 20px;
}
#stage,
#branding,
#wrapper-2 {
	width: 700px;
	overflow: hidden;
}
#nav-global,
#nav-global ul ul {
	width: 698px;
	overflow: hidden;
}
#nav-global ul#language {
	position: absolute;   
	left: auto;
	right: 0;
	width: auto;
}
#nav-global ul#language li {
	background: url("../img/bgs/main-div.gif") no-repeat top left;
}
#nav-global ul#language li.on a,
#nav-global ul#language li.on span,
#nav-global ul#language li a  {
	background: none !important;
}
#wrapper-2 {
	width: 678px;
	/* overflow: hidden; */
}
#wrapper-3 {
	width: 480px;
	margin: 0px !important;
}
.col-subcol #wrapper-3 {
	width: 100%;
	overflow: hidden;
}
#main {
	width: 678px !important;
	margin: 0 !important;
}
#main .teaser h2 {
	float: none;
	width: auto;
}
#wrapper-2 .teaser .text-data {
	float: none;
}

/* 1 main col 2 teaser float */
.col-float2 .teaser {
	width: 48%;
}

/* @end */

/* @group TEXT 
----------------- */

#main .text-left{
	float: left;
	width: 360px;
	padding: 0;
	margin: 0;
}
#main .abstract .text-left{
	float: left;
	width: 670px;
	padding: 0;
	margin: 0;
}
#main .text-right {
	float: right;
	width: 300px;
	padding: 0;
	margin: 0;
}
#main .text-right img {
	width: 300px;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

/* @end */

/* @group GLOSSARY */

.glossary-details {
	width: 445px;
}
#main .glossary-details ul li {
	float: none;
	width: 435px;
}
.glossary-box {
	width: 200px;
}
#letter-c,
#letter-f,
#letter-i,
#letter-l,
#letter-o,
#letter-r,
#letter-u, 
#letter-x {
	margin-right: 10px;
}
#letter-b,
#letter-d,
#letter-f,
#letter-h,
#letter-j,
#letter-l,
#letter-n, 
#letter-p,
#letter-r,
#letter-t,
#letter-v,
#letter-x,
#letter-z {
	margin-right: 0;
}

/* @end */

/* @group ToC */

/* table of contents, used to be within #main, e.g. #main #toc  */
/* deactivated */
/*
#toc {
	clear: both;
	float:left; 
	width: 100%; 
} 
#toc h2 {
	margin: 5px 0 1px 0;
	padding: 3px 0 5px 0;
	color: #000;
	font-weight: bold;
}
#toc ul {
	margin: 0 0 15px 0;
	list-style: none !important;
}
#toc li {
	height: 1%;
}
#toc a {
	display: block;
	background: url(../img/bgs/arrow-down.gif) left center no-repeat;
	padding: 5px 0 5px 15px
}
*/

/* @end */

/* @group EXTRAS */

#extras {
	width: 680px !important;
	margin: 20px 0 0 0;
	background: #fff;
}  
.box {            
	float: left;
	clear: none;
	width: 250px;
	margin-right: 2%;
}

/* @end */

/* @group SHOWBOX */

.showbox {
	width:740px;
}

/* @end */