body{

margin:0;

padding:0;

line-height: 1.5em;

font-size: 12px;

font-family: Helvetica, Arial, SunSans-Regular, Sans-Serif;

color: #0000808;

background-color: #859faf;

}



a {color: #a6a6a6;}

a:visited {color:#a6a6a6;}

a:hover {color: #818cb4;}

a:active { color:#6c6c6c;}



#container{

margin: 0 auto; /*Center container on page*/

width: 1140px;

background: #f7f7f5 url(../imgn/container-bg.gif) repeat-y;

/*padding: 40px 68px 0 68px;*/

padding: 0;

}



#header {

padding: 0;

margin: 0;

width: 1140px;

height: 110px;

background: url(../imgn/container-bg_header.gif);

}



#header-logo {

/*padding: 0;

margin: 0;*/

width: 250px;

height: 40px;

position: relative;

top: 75px;

left: 50px;

background: url(../img/ecam.gif);

float: left;

}



#header-matrix {

/*padding: 0;

margin: 0;

width: 256px;

height: 40px;

background: url(../img/cryptodevelopers.gif); */

float: right;

}



#header-hr{

/*margin: 0;

padding: 0;

height: 71px;

background: url(../img/footer-bg-800.gif) repeat-x bottom center;*/

}



#header-navi{

margin: 0; 

padding: 0;

width: 1140px;

height: 135px;

background: url(../img/header-navi-bg.gif) no-repeat;

}



#header-navi ul {

list-style-type: none;

margin: 0;

padding: 0;

}



#header-navi li{

width: 160px;

margin: 0;

padding: 0;

float: left;

text-align: center;

}



li.n-act {

color: #fff;

line-height: 35px;

background: url(../img/header-navi-over-act.gif);

}



li.n a, li.start a, li.end a {

text-decoration: none;

color:#0000808;

display: block;

width: 160px;

padding: 0;

line-height: 35px;

}



li.n a:hover {

color: #fff;

width: 159px;

background: url(../img/header-navi-over.gif);

}



li.start a:hover {

color: #fff;

width: 159px;

background: url(../img/header-navi-over-start.gif);

}



li.end a:hover {

color: #fff;

width: 160px;

background: url(../img/header-navi-over-end.gif);

}





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



#contentwrapper{

margin: 0;

padding: 0;

float: left;

width: 100%;

border: 0px solid green;

}



#contentcolumn{

margin: 0; padding: 0;

margin-left: 561px; /*Set left margin to LeftColumnWidth*/

border: 0px solid blue;

float: right;

}



#button{

margin: 0;

padding: 0;

font-family: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:#0000808;

background: url(../img/button-bg.gif);

}



#main-login {

width: 239px;

height: 316px;

margin: 22px 0 0 0; padding: 0;

background: url(../img/login-bg.gif) no-repeat; 

border: 0px solid blue;

}



#main-login-empty {

width: 239px;

height: 316px;

margin: 22px 0 0 0; padding: 0;

}



#main-login-error {

text-align: left;

margin-left: 2px;

margin-top: 5px;

margin-bottom: 0px;

color: #FF0000;

font-weight: bold; 

}



#error {

font-size:12px;

color: #FF0000;

font-weight: bold; 

}



#main-login-login {

margin: 0 0 0 22px; padding: 0;

}



.login-login {

width: 197px; height: 28px;

background: url(../img/button-login.gif) no-repeat;

text-align: center;

padding: 2px 0 10px 0;

color: #fff;

border: 0px solid green;

cursor: pointer;

}



#main-login-felder {

margin: 0; padding: 38px 0 13px 24px;

}



.main-feld {

width: 188px; height: 24px;

color: #555;

padding: 2px 0 0 2px;

margin: 6px 0 6px 0;

border: 1px solid #888;

}



#main-login-zugang {

margin: 0 0 0 22px; padding: 0 0 10px 0;

text-align:left;

}



#main-login-neuzugang {

margin: 0 0 0 22px; padding: 0 0 10px 0;

text-align:left;

}



.login-freischalt {

width: 197px; height: 28px;

background: url(../img/button-zugang.gif) no-repeat;

padding: 5px 10px 10px 10px;

text-decoration:none;

color: #000;

border: 0px solid green;

cursor: pointer;

}



.login-zugang {

width: 197px; height: 28px;

background: url(../img/button-zugang.gif) no-repeat;

padding: 5px 30px 7px 30px;

text-decoration:none;

color: #000;

border: 0px solid green;

cursor: pointer;

}



#leftcolumn{

margin: 0;

padding: 0;

float: left;

width: 701px; /*Width of left column*/

margin-left: -800px; /*Set left margin to -(MainContainerWidth)*/

border: 0px solid red;

color: #444;

}



#main-splash {

width: 553px;

height: 306px;

margin: 27px 0 0 0; padding: 0;

border: 0px solid blue;



}



#main-splash ul{

list-style-type: square;

margin: 0; padding: 25px 30px 0 40px;

color: #0000808;

}



#main-splash li {

font-size: 10px;

font-family: Arial, SunSans-Regular, Sans-Serif;

color: #0000808; */

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 16px Arial, SunSans-Regular, Sans-Serif;

color: #888;

}



.main-subtitle {

margin-top: 18px;

font: bold 14px Arial, SunSans-Regular, Sans-Serif;

color: #000080;

}



.main-anwendung {

font: bold 12px Arial, SunSans-Regular, Sans-Serif;

color: #000080;

}



.main-text {

font: 12px Arial, SunSans-Regular, Sans-Serif;

line-height: 1.4em;

padding-right: 25px;

}



.main-text2 {

margin: 0; padding: 0;

font: 12px Arial, SunSans-Regular, Sans-Serif;

line-height: 1.4em;

}



.reg-title {

font: bold 13px Arial, SunSans-Regular, Sans-Serif;

color: #777;

}



#footer {

width: 1140px;

height: 141px;

clear: left;

margin: 0; padding: 0;

background: url("../imgn/container-bg_footer.gif");

text-align: right;

vertical-align: bottom;

font: normal 11px Arial, SunSans-Regular, Sans-Serif;

color: #a2accc;

position: relative;

}



#footer span {

  position: relative;

  right: 30px;

  top: 90px;

}



#footer a {

  color: #444;

}





#container-footer {

width: 935px;

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;

/*margin: 20px; 

padding: 20px;*/

/*width: 1140px;

height: 135px;*/

}



#breadcrumb {

margin: 0; padding: 0;

float: left;

position: relative;

top: 104px;

left: 49px;

font: bold 11px Arial, SunSans-Regular, Sans-Serif;

color: #a2accc;

}



#breadcrumb a,

#breadcrumb a:visited,

#breadcrumb a:hover,

#breadcrumb a:active {

margin: 0; padding: 0;

float: left;

font: bold 11px Arial, SunSans-Regular, Sans-Serif;

color: #a2accc;

}

#profil {

margin: 0; padding: 0;

float: right;

position: relative;

top: 104px;

right: 35px;

color: #a2accc;

font-size: 11px;

}



#profil a {

  color: #a2accc;

}



#contentcolumn-seite{

margin-left: 210px; /*Set left margin to LeftColumnWidth*/

margin-top: 51px;

margin-right: 90px;

border: 0px solid blue;

padding: 0 0 0 0px;

}



#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-left: -1136px; /*Set left margin to -(MainContainerWidth)*/

margin-top: 50px;

}



#left-navi {

margin: 0; padding: 0;

width: 180px;

}



.menu1{padding: 0; margin: 0 0 19px 0;}

.menutitle1 {

margin: 0;

padding: 0;

width: 180px;

height: 27px;

background: url(../imgn/left-menu-bg.gif);

}

.menu1 ul, .meun2 ul{

margin: 0;

padding: 0;

list-style-type: none;

}

.menu1 li, .menu1-norm li{

background: url(../imgn/left-menu-bg.gif);

}



li.menu1-act {

color: red;

background: none;

background-color: #a3b83f;

height: 27px;

line-height: 27px;



}



.menu1-norm li a,.menu1 li a{

display: block;

height: 27px;

line-height: 27px;

padding-left: 45px;

text-decoration: none;

color: #0000808;

}

.menu1-norm li a:hover, .menu1 li a:hover {

color: red;

background: url(../imgn/left-menu-bg-active.gif);

}



.menuend1 {

margin: 0;

padding: 0;

width: 180px;

height: 27px;

}



.menutitle2 {

margin: 0;

padding: 0; padding-left: 17px;

width: 180px;

height: 27px;

color: #fff;

line-height: 26px;

background: url(../img/left-navi-start2.gif) no-repeat;

}



.menuend2 {

margin: 0;

padding: 0;

width: 180px;

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: #0000808;

border: 0px solid red;

}



.opis a:hover {

color: #818cb4;

}



.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;

}