body {
	margin: 0px;
}

div#background {
	background-image: url(graphics/topbar.png);
	background-repeat: repeat-x;
	background-position: 0px 44px;
	margin: 10px 0px;
}

div#motherFrame {
	margin: 0 auto;
	width: 950px;
}



/*
 * TOP FRAME
*/

div#topFrame {
	height:82px;
	margin-bottom:10px;
	top:0px;
	left:0px;
	position:relative;
}

img#bannerLogo {
	border: none;
	left:0px;
	margin: 0px;
	top:0px;
	position:absolute;
}

img#bannerName {
	border: none;
	left:58px;
	margin: 0px;
	top:0px;
	position:absolute;
}

div#logactionsButtonsFrame {
	font-size: 8pt;
	height: 17px;
	text-align: right;
	right:0px;
	top:14px;
	position:absolute;
}

div#languageButtonsFrame {
	font-size: 8pt;
	height: 17px;
	text-align: right;
	right:0px;
	top:27px;
	position:absolute;
}

div#languageButtonsFrame ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#languageButtonsFrame li {
	display: inline;
	margin: 0 0 0 5px;
	padding-left: 20px;
	
	background-repeat: no-repeat;
	background-position: center left;
}

li.button_language-en {
	background-image: url(graphics/flags/gb.png);
}

li.button_language-de {
	background-image: url(graphics/flags/de.png);
}

div#topMenuFrame {
	height: 38px;
	top:44px;
	right:0px;
	position:absolute;
}

div#topMenuFrame ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#topMenuFrame li.menuItem {
	background-color: #759ED4;
	background-image: url(graphics/topbarmenuitemborder.png);
	background-position: top center;
	background-repeat: no-repeat;
	float:left;
	height: 38px;
	margin: 0;
	min-width: 10px;
	padding: 0px 1px;
}

div#topMenuFrame a.menuItem {
	background-image: url(graphics/topbarmenuitem.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	height: 18px;
	padding: 10px
}

div#topMenuFrame a.menuItemCurrent, div#topMenuFrame a.menuItemParent {
	font-weight: bold;
}



/*
 * MENU FRAME
*/

div#menuFrame {
	float: left;
	min-height: 130px;
	margin-bottom: 30px;
	width: 180px;
	overflow: hidden;
}

div#menuFrame ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#menuFrame li.menuItem {
	font-weight: normal;
	margin: 0;
}

div#menuFrame a.menuItem {
	display: block;
	padding: 5px 0px 5px 10px;
	text-decoration: none;
}

div#menuFrame a.menuItemCurrent {
	background-color: #E8F1FA;
}

div#menuFrame li.menuItem1 {
	font-weight: bold;
}

div#menuFrame a.menuItem2 {
	padding-left: 20px;
}

div#menuFrame a.menuItem3 {
	padding-left: 30px;
}



/*
 * CATEGORY IMAGE
*/

img#categoryImage {
	float: right;
	margin: 0px 0px 10px 0px;
}



/*
 * CONTENT FRAME
*/

div#contentFrame {
	margin: 130px 190px 0 190px;
	min-height: 290px; /* Try to give the bottom bar a little space. */
}

div#contentFrame.wideContent {
	margin: 130px 0 0 190px;
}

div#tableOfContents h1 {
	cursor: pointer;
}

span.openCloseToggle {
	font-weight: normal;
}

*.open span.openCloseToggle {
	background-position: 0 -10px;
}

*.closed span.openCloseToggle {
	background-position: 0 0;
}

/*
 * BOXES FRAME
*/

div#boxesFrame {
	float: right;
	font-size: 8pt;
	margin-bottom: 30px;
	width: 180px;
}

div.sideBox {
	background-color: #F2F5FA;
	margin-bottom: 10px;
	padding: 10px;
}

div.sideBox h1 {
	border-bottom: none;
	font-size: 9pt;
	margin: 0px 0px 10px 0px;
}

div.sideBox div, div.sideBox p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

div.sideBox ul, div.sideBox ol {
	padding-left: 15pt;
}



/*
 * GALLERIES
*/

div.imagegallery {
	background-color: #F2F5FA;
	margin-bottom: 10px;
	padding: 10px;
}

div.imagegalleryImage a {
	margin-bottom: 10px;
}

div.imagegalleryImage img {
	width: 160px;
	margin: 0px;
}

h1.imagePreviewTitle {
	border-style: none;
}

div#galleryButtonsFrame ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#galleryButtonsFrame {
/*	background-color: #759ED4;
	background-image: url(graphics/topbarmenuitemborder.png);
	background-position: center top;
	background-repeat: no-repeat;*/
	height: 38px;
	position: absolute;
	top: 44px;
	right: 0;
}

div#galleryButtonsFrame li.button {
	background-color: #759ED4;
	background-image: url(graphics/topbarmenuitemborder.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 38px;
	margin: 0;
	min-width: 10px;
	padding: 0px 1px;
	float: left;
}

div#galleryButtonsFrame li.button a.button, div#galleryButtonsFrame li.button span.button {
	background-image: url(graphics/topbarmenuitem.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	height: 18px;
	padding: 10px
}

img.imagePreview {
	border: 1px solid;
	margin: 0px;
	width: 948px;
	display: block;
}

div.imagePreviewText {
	border: solid 1px #5B9FD6;
	border-top: none 0;
	padding: 0px 5px;
	overflow: hidden;
}

div.imagePreviewDescription {
	margin-top: 10px;
}



/*
 * BOTTOM FRAME
*/

div#bottomFrame {
	clear: both;
	color: #999999;
	margin-top: 60px;
	margin-left: 190px;
	text-align: left;
}

div#bottomButtons {
	float: right;
	width: 180px;
}

div#bottomButtonFirst {
	float: left;
}

div#bottomButtonSecond {
	text-align: center;
}

div#bottomButtonThird {
	float: right;
	text-align: right;
}



/*
 * WINDOWS
*/
div.window {
	background-color: #759ed4;
	color: #FFFFFF;
	margin: 10px 0px;
	padding: 10px;
}

div.window_confirmed {
	background-color: #00AA00;
}

div.window_error, div.window_lock, div.window_criticalWarning {
	background-color: #FF4444;
}

div.window img.windowIcon {
	float: left;
	height: 30px;
	width: 30px;
	margin: 0px;
}

div.window a {
	color: #FFFFFF;
}

h1.windowTitle {
	border: none;
	/*font-size: 150%;*/
	font-weight: bold;
	margin: 10px 0px 10px 40px;
	min-height: 20px;
	vertical-align: middle;
}



/*
 * Forms
*/

input.hasborder, textarea, select {
	width: 413px;
}

input.wideField, textarea.wideField, select.wideField {
	width: 568px;
}

div.formField *.firstOfTwo {
	width: 203px;
}

div.formField *.secondOfTwo {
	width: 203px;
	margin-left: 5px;
}



/*
 * NEWS BOX
*/

div.sideBox div.newsMessage {
	border: none;
	margin-bottom: 10px;
}

div.sideBox p.newsMessageDate {
	font-weight: bold;
	margin: 0px;
	white-space: nowrap;
	float: none;
}



/*
 * EVENTS BOX
*/

div.sideBox div.eventMessage {
	border: none;
	margin-bottom: 10px;
}

div.sideBox p.eventMessageDate {
	float: none;
	margin: 0px;
}

div.sideBox span.eventMessageDateFrom, div.sideBox span.eventMessageDateTo {
	font-weight: bold;
	white-space: nowrap;
}



/*
 * YEAR SELECTION BOXES
*/

div.eventYearSelection, div.newsYearSelection {
	background-color: transparent;
	padding: 0px;
}

div.eventYearSelection h1, div.newsYearSelection h1 {
	padding: 0px 10px;
}


div.sideBox a.yearSelection {
	color: #000000;
	display: inline-block;
	font-weight: bold;
	padding: 3px 10px;
	text-decoration: none;
}

div.sideBox a.yearSelection_current {
	background-color: #E8F1FA;
}



/*
 * Blog LAYOUT
 */

div.blogpost h2 {
	border-style: none;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

span.blogpostOrigin {
	font-size: 80%;
	margin-top: 0;
	font-weight: normal;
	white-space: nowrap;
	color: #999999;
}

span.blogpostOrigin em {
	font-style: normal;
	color: #000000;
}

span.blogpostOrigin strong {
	color: #000000;
	font-weight: bold;
}

div.blog_pagesList {
	text-align: center;
	margin-top: 20px;
}

div.blog_pagesList ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
}

div.blog_pagesList ul li {
	display: inline;
	padding: 0 5px;
	margin: 0;
}

div.blog_pagesList ul li.currentPage a {
	color: #000000;
	text-decoration: none;
	cursor: default;
}

p.blogpost_status {
	margin: 30px 0 20px 0;
}

p.blogpost_status * {
	padding-right: 10px;
}

hr.blogSeparator {
	border-style: solid none none;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
}


div.blogpost_comment {
	border: solid 1px #5B9FD6;
	border-left-width: 5px;
	margin: 10px 0;
	padding: 0px 5px;
}

p.blogpost_commentOrigin {
	text-align: right;
	color: #999999;
}

p.blogpost_commentOrigin em {
	font-style: normal;
	color: #000000;
}

p.blogpost_commentOrigin strong {
	color: #000000;
	font-weight: bold;
}


/*
 * NEWS LAYOUT
 */

div.newsMessage {
	border: solid 1px #5B9FD6;
	border-left-width: 5px;
	margin: 10px 0;
	padding: 0px 5px;
}

p.newsMessageDate {
	float: right;
}

div.hotNewsMessage {
	background-color: #759ED4;
	color: #FFFFFF;
	margin: 10px 0;
	padding: 10px;
}

div.hotNewsMessage h2 {
	border: none;
	font-style: normal;
	font-weight: bold;
	margin: 10px 0;
}

div.hotNewsMessage p.hotNewsMessageMoreNews {
	text-align: right;
}

div.hotNewsMessage p.hotNewsMessageMoreNews a {
	color: #FFFFFF;
}



/*
 * EVENTS LAYOUT
*/

div.eventMessage {
	border: solid 1px #5B9FD6;
	border-left-width: 5px;
	margin: 10px 0;
	padding: 0px 5px;
}

div.newsMessage h2, div.eventMessage h2 {
	border-bottom: none;
	margin: 10px 0px;
}



/*
 * Start page special layout
*/

#startpageImageFrame {
	background-image: url(graphics/home.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 290px;
	left: 0px;
	position: relative;
	top: 0px;
}

#startpageImageFrame h1 {
	border: none;
	font-size: 175%;
	position: absolute;
	right: 380px;
	top: 25px;
}

#startpageImageFrame ul {
	list-style-type: disc;
	list-style-position: outside;
	direction: rtl;
}

#startpageImageFrame ul li#startpageListItem1 {
	position: absolute; right: 403px; top: 74px;
}

#startpageImageFrame ul li#startpageListItem2 {
	position: absolute; right: 412px; top: 104px;
}

#startpageImageFrame ul li#startpageListItem3 {
	position: absolute; right: 417px; top: 134px;
}

#startpageImageFrame ul li#startpageListItem4 {
	position: absolute; right: 419px; top: 164px;
}

#startpageImageFrame ul li#startpageListItem5 {
	position: absolute; right: 415px; top: 194px;
}

#startpageImageFrame ul li#startpageListItem6 {
	position: absolute; right: 406px; top: 224px;
}