/***** global setting ***/
body {
	background-color: #000;
	margin: 30px 0 0 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 14px;
	text-align: center;
}

#page {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	background: url(images/sitebg_middle.png) repeat-y top left;
	background-color: #c2d4ea;
	position: relative;
}

#header {
	height: 161px;
	background: url(images/sitebg_top.png) no-repeat top left;
	position: relative;
}

#footer {
	height: 70px;
	background: #000 url(images/sitebg_bottom.png) no-repeat top left;
	margin: -10px 0 0 0;
}

#content {
	margin: -16px 20px 0 20px;
}

/***** header ***/

#header .rootlink {
	position: absolute;
	width: 200px;
	height: 30px;
}
#header .rootlink img {
	width: 200px;
	height: 30px;
}
#title, #onlytitle {
	position: absolute;
	left: 100px;
	top: 55px;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 2px 4px #2b67b4;
}
#onlytitle {
	left: 15px;
}
#logo {
	position: absolute;
	top: 40px;
	left: 15px;
}
#preimage {
	position: absolute;
	top: 50px;
	right: 5px;
	width: 301px;
	height: 492px;
}
#menu {
	position: absolute;
	top: 112px;
	left: 0px;
	height: 28px;
	overflow: hidden;
}
#menu .item, #menu .twitteritem {
	/*line-height: 18px;*/
	padding: 6px 15px;
	border-right: 1px solid #7e8a9a;
	font-size: 14px;
	font-weight: bold;
	color: #c0d2e9;
	text-decoration: none;
	display: block;
	float: left;
	height: 28px;
}
#menu .twitteritem {
	padding-right: 80px;
	position: relative;
}
#menu .twitteritem span {
	background: url(images/twitter-b.png) no-repeat top left;
	position: absolute;
	width: 61px;
	height: 23px;
	top: 2px;
	right: 15px;
}
#menu a:hover {
	color: #fff;
}


#languages {
	position: absolute;
	right: 0;
	top: 0;
}
#languages .de-selectable, #languages .de-selected {
	position: absolute;
	right: 130px;
	top: 0;
	background: url(images/languages.png) no-repeat 0 0;
}
#languages .de-selected {
	background-position: 0 -30px;
}
#languages .en-selectable, #languages .en-selected {
	position: absolute;
	right: 0;
	top: 0;
	background: url(images/languages.png) no-repeat -130px 0;
}
#languages .en-selected {
	background-position: -130px -30px;
}
#languages img {
	width: 130px;
	height: 27px;
	margin: 0;
	padding: 0;
}

/***** content structure ***/
#donate {
	position: absolute;
	top: 540px;
	right: 15px;
	width: 270px;
}

#donate p {
	font-size: 12px;
}

#abstract {
	width: 610px;
	margin: 0 0 24px 0;
}
#abstract_spacer, #abstract_spacer_small {
	width: 1px;
	height: 450px;
	float: right;
}
#abstract_spacer_small {
	height: 350px;
}

#fulltext {
	clear: both;
}

/** text blocks **/
.image-on-right {
	margin-top: 10px;
	clear: both;
}
hr {
	border: none;
	border-bottom: 1px solid #7e8a9a;
	margin: 10px 30px 10px 0;
	clear: both;
}
.clear {
	clear: both;
	margin: 0 !important;
	padding: 0 !important;
}
.image-on-right .imgcontainer {
	float: right;
}
.image-on-right .imgcontainer img {
	float: none;
	display: block;
	margin-right: 0;
}
.image-on-right img {
	float: right;
	margin-left: 50px;
	margin-bottom: 20px;
}
.imgcontainer img {
	margin-right: 15px;
}

.note {
	border-width: 12px 17px 21px 17px;
	border-image: url(images/bg_note.png) 12 17 21 17 stretch stretch;
	-moz-border-image: url(images/bg_note.png) 12 17 21 17 stretch stretch;

}

p.cataloglink {
	padding-left: 38px;
	background: url(images/appcatalog32.png) no-repeat top left;
	height: 32px;
	line-height: 32px;
}
a.reportlink {
	display: block;
	padding-left: 50px;
	background: url(images/reports.png) no-repeat top left;
	height: 32px;
	line-height: 32px;
}

/*** Footer **/
#footer div {
	padding: 50px 0 0 0;
	text-align: center;
}
#footer div, #footer a {
	font-size: 12px;
	color: #bbb;
}

/***** overview item ***/
.overview-item {
	margin-bottom: 20px;
	border: 1px solid #3680df;
	background-color: #d2e0ef;
	clear: both;
	max-width: 898px;
}
.overview-item.new {
	border: 1px solid #db621e;
	background-color: #edd5c8;
}
.overview-item .inner {
	padding: 5px 8px 8px 8px;
	position: relative;
}
.overview-item .logo {
	position: absolute;
	left: 10px;
	top: 10px;
}
.overview-item.new .logo {
	top: 25px;
}
.overview-item .logo img {
	width: 64px;
	height: 64px;
}
.overview-item .overview {
	float: right;
	margin-left: 15px;
}
.overview-item a {
	text-decoration: none;
}
.overview-item .description {
	margin-left: 84px;
}
.overview-item.new .new-flag {
	position: absolute;
	top: 0;
	left: 0;
}

/***** announcement **/
.announcement {
	margin-top: 18px;
	border: 1px solid #db621e;
	background-color: #edd5c8;
}
.announcement div {
	padding: 5px 8px 8px 8px;
}
.announcement div h1 {
	margin-top: 10px;
}



/***** formats ***/

h1 {
	font-size: 24px;
	margin: 16px 0 12px 0;
}
h2 {
	font-size: 18px;
	margin: 10px 0 8px 0;
}
li {
	margin: 0 0 9px 0 ;
}
br {
	margin: 0 0 3px 0;
}
a, a:visited {
	color: #093c6c;
}
a:active, a:hover {
	color: #2e6dbb;
}

.green { color: #48a628; }
.orange { color: #d04000; }
.red { color: #bf0200; }

ul.compact {
}
ul.compact li {
	margin-bottom: 3px;
}
img.spacer {
	width: 1px;
}
a img {
	border: none;
}
.nowrap {
	white-space: nowrap;
}