body {
margin : 0;
padding : 0;
font : 73% "lucida sans", tahoma, "Trebuchet MS", arial, verdana, sans-serif;
color : #555;
background : silver;
}
#container {
width : 99.5%;
margin-left : auto;
margin-right : auto;
padding : 0;
line-height : 1.5em;
}
#banner {
height : 150px;
padding : 0;
background : #f7f7f7 bottom url(layout/barre-g.jpg) no-repeat;
color : #578297;
}
#ESA {
padding : 2px;
text-align: right;
display: block;
}
#LogoSC {
	display: none;
}
#LogoSandopal {
	display: block;
}
#TITEL {
padding : 2px;
font-size: 30px;
color: #fff;
font-weight: bold;
text-align: center;
vertical-align: top;
display: inline-block;
line-height:34px;
border-top: 1px ridge #070938;
border-bottom: 3px solid #070938;
border-left: 1px groove #070938;
border-right: 3px inset #070938;
}

#banner h1 {margin : 0;
padding : 5px;
background : transparent;
color : #578297;
}

#navlist {
padding : 4px 5px 5px 0;
margin : 0 0 20px 0;
text-align : left;
letter-spacing : 3px;
color : #070938;
background : 	#578297  ;
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
color : #070938;
background : #578297;
}
#navlist li a {
padding : 5px 0.75em;
margin : 0;
color : #070938;
background : #578297;
text-decoration : none;
}
#navlist li a:link {
color : #fff;
background : #CC0066;
}
#navlist li a:visited {
color : #070938;
background : #578297;
}
#navlist li a:hover {
color :#070938;
background : #FFFF66;
}
#navlist li a#current {
color : #070938;
background : #578297;
}

#navlist2 {
padding : 4px 5px 5px 0;
margin : 0 0 20px 0;
text-align : left;
letter-spacing : 3px;
color : #070938;
background : #578297;
}
#navlist2 li {
list-style : none;
margin : 0;
display : inline;
color : #070938;
background : #578297;
}
#navlist2 li a {
padding : 5px 0.75em;
margin : 0;
color : #070938;
background : #578297;
text-decoration : none;
}
#navlist2 li a:link {
color : #070938;
background : #578297;
}
#navlist2 li a:visited {
color : #8E0F2E;
background : #578297;
}
#navlist2 li a:hover {
color : #070938;
background : #578297;
}
#navlist2 li a#current {
color : #070938;
background : #578297;
}

.menu ul li {
line-height : 1.8em;
margin : 0 10px 0 0;
padding : 0;
list-style-type : square;
color : #070938;
text-decoration: underline;
background : inherit;
}
.menu ul li a {
color : #070938;
text-decoration: underline;
background : inherit;
}
.menu ul li a:hover {
color : #070938;
font-weight: bold;
text-decoration: underline;
background : inherit;
}
#content {
padding : 0;
margin-left : 170px;
margin-right : 170px;
xborder-left : 1px dashed #070938;
xborder-right : 1px dashed #070938;
color : #070938;
background-color : silver;
border-style:none;
}
#contentframe {
padding : 0;
xmargin-left : 170px;
margin-right : 170px;
border-left : 0px dashed #070938;
border-right : 0px dashed #070938;
color : #070938;
background-color : silver;
border-style: none;
}
#content p {
margin : 20px;
}
#sidebar-a {
float : left;
width : 140px;
margin-left : 5px;
padding : 0 5px 0 5px;
color : #070938;
background : #578297;
}
#sidebar-b {
float : right;
width : 140px;
margin : 0 5px 0 0 ;
padding : 0 5px 15px 5px;
color : #070938;
background : #578297;
}
#footer {
clear : both;
padding : 5px;
margin : 0;
background : #578297;
color : #fff;
text-align: center;
font-weight: bold;
}

a {
text-decoration : none;
color : #070938;
text-decoration: underline;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #070938;
background : inherit;
}
a img {
border : 0;
}
.border {
padding : 10px;
margin : 10px;
border : 1px solid #476042;
}
.imgleft {
float : left;
border : 1px solid #90b905;
margin : 5px 10px 10px 15px;
padding : 5px;
}
h1 {
margin : 20px;
padding : 5px;
font-size : 20px;
xfont-size: 150%;
xletter-spacing : 3px;
xbackground : #476042;
color : #fff;
background : #578297;
font: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
xtext-shadow: 2px 2px grey;
}
h2 {
padding-left : 20px;
font-size : 100%;
xtext-transform : uppercase;
xletter-spacing : 10px;
color : #070938;
background : inherit;
}
h3 {
padding : 5px;
text-transform : uppercase;
font-size : 110%;
color : #fff;
background : #578297;
}
h4 {
padding : 5px;
text-transform : uppercase;
font-size : 100%;
color : #fff;
xbackground : #578297;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
.clear {
clear : both;
width : 100%;
}
.col3,.col3center {
float: left;
width: 30.5%;
}
.col3center {
margin: 0 3%;
}
/* Language, Logo etc.
 * 
 */

#Language {
	position: relative;
	top: 0px; 
	xleft: 10px;
	right: 5%;
	xbottom: auto;
	background: repeat top #cc0066 xurl("logos/pyramide_klein.jpg");
	xheight: 25px;
	xwidth: 150px;
	xmax-height: 100px;
	xmax-width: 100px;
	margin: 4px;
	padding: 1px;
	xmargin-left: 10px;
	xmargin-top: 10px;
	xborder-top: 3px ridge silver;
	xborder-bottom: 3px solid silver;
	xborder-left: 3px groove silver;
	xborder-right: 3px inset silver;
	display: block;
	xtext-indent: 0px;
	xtext-align: center;
	xvertical-align: center;
	xfont-size: 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0B0547;
	line-height:11px;
	xtext-decoration: none;
	xoverflow: visible;
	xclipx: rect(0px 0px 0px 400px); 
	z-index:9;
}
#LogoBP {
	position: absolute;
	top: 362px; 
	left: 57px;
	xright: 26px;
	xbottom: auto;
	background: repeat top #578297 xurl("logos/pyramide_klein.jpg");
	background: white;
	xheight: 20px;
	xwidth: 150px;
	xmax-height: 100px;
	xmax-width: 100px;
	margin: 4px;
	padding: 1px;
	xmargin-left: 10px;
	xmargin-top: 10px;
	xborder-top: 3px ridge silver;
	xborder-bottom: 3px solid silver;
	xborder-left: 3px groove silver;
	xborder-right: 3px inset silver;
	display: block;
	xtext-indent: 0px;
	xtext-align: center;
	vertical-align: baseline;
	xfont-size: 10px;
	font: 30px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: auto;
	xline-height:18px;
	xtext-decoration: none;
	xoverflow: visible;
	xclipx: rect(0px 0px 0px 400px); 
	z-index:9;
}
#ENG {
display: block;
}
#DEU {
display: none;
}
#NOLANG {
	display: none;
}
#test {
	display: none;
}