body{
margin:0;
padding:0;
line-height: 1.5em;
font-size: 14px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color: #000000;
background: url(../img/bg.gif);  
background-color: #f7f7f5;
}

a {color: #000048;  text-decoration: none; }   /* font-style:bold; */
a:hover {color: #000048; text-decoration: none; }
a:active { color:#000000;  text-decoration: none; } /* font:bold; */

#container{
margin: 0 auto; /*Center container on page*/
width: 888px;
background: #f7f7f5 url(../img/container-bg.gif) no-repeat;
padding: 20px 68px 0 68px;
}

#header {
padding: 0;
margin: 0;
width: 1300px;
}

#header-logo {
margin: 0;
width: 369px;
height: 64px;
background: url(../img/logo.jpg) no-repeat left; 
float:  left;
}

#header-language {
margin: 0;
width: 100px;
height: 62px;
/* background: url(../img/ecamsv.jpg) no-repeat right;  */
float:  right;
}

#header-matrix {
padding: 0;
margin: 0;
width: 323px;
height: 62px;
/* background: url(../img/ecamsv.gif) no-repeat;  */
float: right;
}

#header-hr{
margin: 0;
padding: 0;
height: 62px;
/* background: url(../img/tasten.jpg) repeat-x bottom right; */
}

#header-navi{
margin: 0; 
padding: 0;
width: 935px;
height: 35px;
font: bold 13px Arial, SunSans-Regular, Sans-Serif;
/* background: url(../img/header-navi-bg.gif) no-repeat; */
}

#header-navi ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#header-navi li{
width: 124px;
margin: 0;
float: left;
padding: 0;
border-left-width:1px;
border-left-style:solid;
border-left-color:white;
text-align: center;
}

li.n-act {
color: #fff;
line-height: 35px;
background: url(../img/header-navi-over-act.gif);
}

li.n a {
text-decoration: none; 
color:  #000048;
display: block;
padding: 0;
line-height: 35px;
background: url(../img/title-bg.gif) no-repeat;
background-position:center;
}

li.start a {
text-decoration: none;
color:  #000048;
display: block;
padding: 0;
line-height: 35px;
background: url(../img/title-bg.gif) no-repeat;
background-position:left;
}

li.end a {
text-decoration: none; 
color:  #000048;
display: block;
padding: 0;
line-height: 35px;
background: url(../img/title-bg.gif) no-repeat;
background-position:right;
}

li.n a:hover {
color: #fff;
background: url(../img/header-navi-over.jpg);
background-position:center;
}

li.start a:hover {
color: #fff;
background: url(../img/header-navi-over-start.jpg);
background-position:left;
}

li.end a:hover {
color: #fff;
background: url(../img/header-navi-over-start.jpg);
background-position:right;
}


#clear {clear: both; height: 10px;}

#contentwrapper{
margin: 0;
padding: 0;
width: 100%;
border: 0px solid green;
}

#contentcolumn{
margin: 0; padding: 0;
margin-left: 190px; /*Set left margin to LeftColumnWidth*/
border: 0px solid blue;
}

#button{
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 3px;
border: 1px solid #bbbbbb;
height: 22px;
cursor: pointer;
color:#484848;
background: url(../img/button-bg.gif);
}

#leftcolumn{
margin: 0;
padding: 0;
float: left;
width: 190px; /*Width of left column*/
/* margin-left: -800px; /*Set left margin to -(MainContainerWidth)*/
border: 0px solid blue;
}

#main-splash {
width: 168px;
height: 481px;
margin: 0px 0 0 0; padding: 0;
background: url(../img/clouds.jpg) no-repeat;
background-position: top;
}

#main-splash ul{
list-style-type: square;
margin: 0; padding: 25px 30px 0 40px;
color: #484848;
}

#main-splash li {
font-size: 10px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #484848;
line-height: 17px;
}

#main-splash-button {
margin: 165px 0 0 7px; padding: 0;
}

#main-splash a {
width: 250px; 
height: 100px;
min-height: 100px;
text-align: center;
color: #fff;
font-weight: bold;
border: 0px solid green;
cursor: pointer;
}

.main-title {
margin-top: 25px;
font: bold 20px Arial, SunSans-Regular, Sans-Serif;
color:  #000048;
}

.main-subtitle {
margin-top: 18px;
font: bold 16px Arial, SunSans-Regular, Sans-Serif;
color: #000048;
}

.main-text {
font: 14px Arial, SunSans-Regular, Sans-Serif;
line-height: 1.5em;
padding-right: 25px;
}

.main-text3 {
font: 8px Arial, SunSans-Regular, Sans-Serif;
color: #ffffff;
line-height: 1.5em;
padding-right: 25px;
}

.main-text2 {
margin: 0; padding: 0;
font: 10px Arial, SunSans-Regular, Sans-Serif;
line-height: 1.4em;
}

.reg-title {
font: bold 11px Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #9eb838;
}

#footer {
width: 800px;
height: 70px;
clear: left;
width: 100%;
margin: 0; padding: 0;
line-height: 70px;
}

#container-footer {
width: 984px;
height: 20px;
background: url(../img/footer-bg.gif) no-repeat;
padding: 0;
margin: 0 auto;
text-align: left;
} 

/*Seite*/

#header-navi-seite{
margin: 0; 
padding: 0;
width: 800px;
height: 35px;
}

#breadcrumb {
margin: 0; padding: 0;
float: left;
font: bold 11px Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #9eb838;
}

#breadcrumb a,
#breadcrumb a:visited,
#breadcrumb a:hover,
#breadcrumb a:active {
margin: 0; padding: 0;
float: left;
font: bold 11px Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #9eb838;
}
#profil {
margin: 0; padding: 0;
float: right;
}

#contentcolumn-seite{
margin-left: 170px; /*Set left margin to LeftColumnWidth*/
border: 0px solid blue;
padding: 0 0 0 25px;
}

#contentcolumn-seite3{
margin-left: 195px; /*Set left margin to LeftColumnWidth*/
border: 0px solid blue;
}

#leftcolumn-seite{
float: left;
width: 180px; /*Width of left column*/
margin-top: 0px;
/* margin-left: -800px; /*Set left margin to -(MainContainerWidth)*/
}

#left-navi {
margin: 0; padding: 0;
width: 162px;
height: 450px;
border: 0px solid blue;
}

.menu1{padding: 0; margin: 0 0 19px 0;}
.menutitle1 {
margin: 0;
padding: 0;
width: 162px;
height: 27px;
background: url(../img/left-navi-start1.gif) no-repeat;
}
.menu1 ul, .meun2 ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.menu1 li, .menu1-norm li{
background: url(../img/left-navi-bg1.gif) no-repeat;
}

li.menu1-act {
color: white;
background: none;
background-color: #a3b83f;
height: 27px;
line-height: 27px;
padding-left: 17px;
border-bottom: 1px solid #bbb;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

.menu1-norm li a,.menu1 li a{
display: block;
height: 27px;
line-height: 27px;
padding-left: 17px;
text-decoration: none;
color: #484848;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
}
.menu1-norm li a:hover, .menu1 li a:hover {
color: white;
background-color: #000048; /* #a3b83f; */
border-bottom: 1px solid #bbb;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

.menuend1 {
margin: 0;
padding: 0;
width: 162px;
height: 27px;
background: url(../img/left-navi-end1.gif) no-repeat;
}

.menutitle2 {
margin: 0;
padding: 0; padding-left: 17px;
width: 162px;
height: 27px;
color: #fff;
line-height: 26px;
background: url(../img/left-navi-start2.gif) no-repeat;
}

.menuend2 {
margin: 0;
padding: 0;
width: 162px;
height: 27px;
background: url(../img/left-navi-end2.gif) no-repeat;
}

#content {
margin: 0; padding: 0;
width: 615px;
border: 0px solid blue;
}

#content-left {
margin: 0; padding: 0;
width: 194px;
border: 0px solid blue;
float: left;
}

.icon {
margin: 0; padding: 0;
width: 36px;
height: 36px;
display: block;
float: left;
}

.title {
margin: 0; padding: 0;
padding-left: 10px;
width: 142px;
height: 36px;
line-height: 36px;
font-weight: bold;
float: right;
background: url(../img/title-bg.gif) no-repeat;
}

ul.opis {
margin: 0;
margin: 0 0 15px 17px;
padding: 0;
border: 0px solid red;
width: 170px;
}
.opis li{
list-style-image: url(../img/punkt.gif);
margin: 0;
padding: 0;
line-height:20px;
min-height:20px;
}

.opis a{
text-decoration: none;
color: #484848;
border: 0px solid red;
}

.opis a:hover {
color: #9eb838;
}

.mit_grafik_rechts{
background-image:url(../img/info.gif); 
background-position:right; 
background-repeat:no-repeat;
}

#container-main {
float: right;
border: 0px solid red;
width: 405px;
}

#content-center {
border: 0px solid blue;
width: 194px;
float: left;
}

#content-right {
width: 194px;
border: 0px solid blue;
float: right;
}




/*Seite mit 3 column*/

#maincontainer3{
width: 602px; /*Width of main container*/
margin: 0; 
}

#contentwrapper3{
float: left;
width: 100%;
}

#contentcolumn3{
margin: 0 204px 0 204px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn3{
float: left;
width: 204px; /*Width of left column in pixel*/
margin-left: -602px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn3{
float: left;
width: 204px; /*Width of right column*/
margin-left: -204px; /*Set left margin to -(RightColumnWidth)*/
}

.block-left {
margin-right: 10px;
height: 36px;
}

.block-right {
margin-left: 10px;
height: 36px;
}

.block-center {
width: 192px;
margin: 0px;
height: 36px;
}