body
{
	background-repeat: no-repeat;
	background-color: #b9bfd2/*#b9bfd2*/;
	margin: 0;
	padding: 0;
}

#center
{
	width: 700px; /*	height: 525px;*/
	margin: 0;
	text-align: center;
	padding: 0;
}

/* width of all horizontal elements */
.mainrectangle, .hspacebar, .pict, .menubar, .submenubar, .logobar
{
	width: 700px;
}


/* the different horizontal elements */
.logobar
{
	border-collapse: collapse;
}

.logoimage
{
text-align:left; margin:5px; margin-top:10px;
}

.logolanguages
{
text-align:right; width:550px; margin-top:40px;
}

.langselect
{
	width: 300px;
	height: 200px;
	vertical-align: middle;
	border-width: 1px;
	border-color: #000066;
	border-style: solid;
	background-color: white;
	margin: 20px;
	padding: 0px;
}

.mainrectangle
{
	width: 650px;
	border-width: 1px;
	border-color: #000066;
	border-style: solid;
	background-color: white;
	height: 450px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}



.hspacebar
{
	background-color:#544f7c;
	height: 1.5em;
	border-collapse: collapse;
}

.pict
{
	border-collapse: collapse;
}

.menubar
{
	background-color: #B9bfd2/*#b9bfd2*/;
	height: 10px;
	/*border-collapse:separate;*/
	vertical-align: middle;
	text-align: left;
}


.submenubar
{
	background-color: #544f7c;
	height: 8px;
	/*border-collapse: collapse;*/
	vertical-align: middle;
	text-align: left;
}




/* handling of menus: padding/align and so one: same for main and submenu */
#mb li, #smb li
{
	display: inline;
	overflow: hidden;
	list-style-type: none;
}

#mb, #smb
{
	margin: 0;
	z-index: 1;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0;
	margin-left: -1px;
}

#mb
{
	font-weight:bolder;
}

/* menu buttons */
#mb  a, #mb  a:link, #mb  a:active, #mb  a:visited,
#smb a, #smb a:link, #smb a:active, #smb a:visited,
#mb  a.active, #mb  a.active:hover, #mb  a.active:link, #mb  a.active:active, #mb  a.active:visited
#smb a.active, #smb a.active:hover, #smb a.active:link, #smb a.active:active, #smb a.active:visited
{
	/*font-weight: 500;*/
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	margin-left: -5px;
	border: none;
	font-style:normal;
	text-decoration: none;
}


/* colors differ depending on menu type: for instance, current is same as hover */
#mb a:hover,
#mb a.active, #mb a.active:hover, #mb a.active:link, #mb a.active:active, #mb a.active:visited
{
	background-color: #d9d8de;
	color: #57579a;
}

#smb
{
	color:#d9d8de;
}

#smb
{
	color:#d9d8de;
}


#smb a.active, #smb a.active:hover, #smb a.active:link, #smb a.active:active, #smb a.active:visited
{
	background-color: #d9d8de;
	color: #57579a;
}

/* menu buttons */
#smb a, #smb a:link, #smb a:active, #smb a:visited
{
	color:#d9d8de;
}
#smb a:hover
{
	background-color: #d9d8de;
	color: #57579a;
}

/* content */
.contentrow
{
	height: 300px;
	border-collapse: collapse;
}



/* this is the same for both contents */
.contentl, .content
{
	text-align: left;
	padding: 1.5em;
	vertical-align: top;
}

.contentl
{
	width: 234px;
	color: #57579a;
	background-color: white;
}

.content
{
	background-color: #d9d8de;
}

/* by default: images do not have borders */
img
{
	border: 0;
	padding: 0;
}

/* default text in a table cell: thus all text */
TD
{
	font-size: small;
	color: #57579a;
	font-family: Verdana, Arial, sans-serif;
}

/* headers */
H1
{
	font-size: small;
	font-weight: 900;
	margin-bottom: 1.3em;
	margin-top: 0;
}

H2
{
	font-size: small;
	font-weight: 600;
	font-style: italic;
	margin-bottom: 1em;
	margin-top: 0;
}

/* the paragraph */
P
{
	margin-bottom: 0.5em;
	margin-top: 0;
}

/* link */
a:link, a:active, a:visited
{
	color: #57579a;
}
a:hover
{
	color: #A0A0A0;
}