@import url(navigation.css);
@import url(naviown.css);

/* @import url(clientportal_module.css); for demonstration only*/
/* Default Styles */

body {
  margin: 0px;
  padding: 0px;
  font-family: arial, helvetica, verdana, geneva, sans-serif;
  font-size: 0.8em;
  color: #262626;
}

a {
  color: #086BAD;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

hr {
  color: #B3B3A6;
  background-color: #B3B3A6;
  height: 1px;
  border: 0;
  width: 100%;
  margin-bottom: 0.4em;
}

table {
  font-size: 1em;
  padding: 0em;
  margin: 0em;
  width: 100%;
}

/* Header Styles */

#header {
  top: 0px;
  left: 0px;
  width: 99%;
  height: 105px;
  /*height: 8.2em;*/
  position: relative;
  margin: 0px;
  padding: 0px;
}
#header #logo {
  top: 30px;
  left: 60px;
  width: 280px;
  height: 60px;
  position: absolute;
  margin: 0px;
  padding: 0px;
}
#header #logo img {
  border: none;
}

/* Header Label Styles */

#header #label {
  top: -1px;
  left: auto;
  width: 13.5em;
  height: 2.5em;
  position: relative;
  float: right;
  margin: 0px;
  padding: 0px;
  background-color: #E7F0F7;
  border: 1px solid #C1DAEA;
}
#header #label div {
  float: left;
  margin-top: 3px;
  margin-left: 8px;
}
#header #label a {
  font-size: 1.6em;
  letter-spacing: 1px;
  margin-top: 0px;
  display: block;
}
#header #label a img{
  border: none;
  margin-top: -3px;
}

/* Header Meta Styles */

#header #meta {
  top: 70px;
  left: 175px;
  width: auto;
  height: 20px;
  position: relative;
  float: right;
  margin: 0px;
  padding: 0px;
  text-align: right;
}
#header #meta #links {
  width: auto;
  height: 20px;
  position: relative;
  float: left;
  margin: 0px;
  padding-top: 3px;
	font-size: 0.85em;
  color: #086BAD;
  text-align: right;
}
#header #meta #links a{
  margin-left: 4px;
  margin-right: 5px;
}
#header #meta #search {
  top: 0px;
  left: 0px;
  width: 13.75em;
  height: 20px;
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  margin-right: 0.1em;
}
#header #meta #search .field {
  width: 10.5em;
  _width: 10.75em;
  height: 1.4em;
  _height: 1.75em;
  border: 1px solid #086BAD;
  background-color: #E7F0F7;
	font-size: 0.85em;
	color: #086BAD;
}
#header #meta #search .submit {
  width: 50px;
  width: 5em;
  height: 1.4em;
  _height: 1.75em;
  border: 1px solid #086BAD;
  background-color: #E7F0F7;
	font-size: 0.85em;
	color: #086BAD;
	padding-bottom: 1.6em;
}

/* Header Keyvisual Styles */

#keyvisual {
  top: 0px;
  left: 0px;
  width: 99%;
  height: 100px;
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  background: URL(../gfx/keyvisual.akdb.internet.jpg) repeat-x;
}
#keyvisual img {
  border: none;
}

/* Header Tracing Styles */

#tracing {
  top: 0px;
  left: 0px;
  width: 99%;
  height: 20px;
  height: 1.75em;
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  background-color: #F1F1EA;  
  border-top: 1px solid #CECEC5;
}
#tracing div {
  margin-left: 50px;
	font-size: 0.85em;
	color: #81817B;
	margin-top: 3px;
}
#tracing div a {
	color: #81817B;
}
#tracing div em {
	font-weight: bold;
	font-style: normal;
	margin-right: 2em;
}
#tracing div.back {
  float: right;
  font-size: 1em;
  margin-top: -1.25em;
  margin-right: 0.5em;
  _margin-right: 0.25em;
}

/* Content Styles */

#content {
  top: 20px;
  left: 0px;
  width: 99%;
  position: relative;
  float: left;
  padding-bottom: 1em;
}
#content a img {
  border: none;
}

/* Content Left Styles */

#content #left {
  top: 0px;
  left: 0px;
  width: 13.5em;
  position: relative;
  float: left;
  border-right: 1px solid #B3B3A6;
  background-color: #EBEBE1;
  _margin-right: 1.5em;
}

/* Content Left Navigation Styles */

#navigation {
  margin: 0px;
  padding: 0px;
}
#navigation a {  
  text-decoration: none;
  display: block;
}
#navigation a:hover {  
  text-decoration: underline;
}
ul#nav1 {
  margin: 0px;
  padding: 0px;
}
ul#nav1 li { 
	list-style: none;
  margin: 0px;
  padding: 0px;
}
ul#nav1 li div{
  width: auto;
  height: auto;
  position: relative;
  padding-top: 3px;  
  padding-left: 20px;
  padding-right: 3px;
  padding-bottom: 3px;  
  background: URL(navigation.li.line.gif) no-repeat;
  background-position: 0 11px;
}
ul#nav1 a {
  font-size: 0.9em;
  font-weight: bold;
}
ul#nav1 a.active {
  color: #6B6B64;
}
ul#nav1 a.active div {
  background: URL(navigation.li.line.active.gif) no-repeat;
  background-position: 0 11px;
  background-color: #E0E0D1;
  border-top: 1px solid #CECEC5;
}
ul#nav2 {
  margin: 0px;
  margin-left: 0px;
  padding: 0px;
}
ul#nav2 li { 
	list-style: none;
  margin: 0px;
  padding: 0px;
}
ul#nav2 li div{
  width: auto;
  height: auto;
  position: relative;
  margin: 0px;
  padding-top: 2px; 
  padding-left: 20px;
  padding-right: 2px;
  padding-bottom: 2px;
  background: none;
  background-color: #F1F1EA;
}
ul#nav2 a {
  font-size: 0.85em;
  font-weight: normal;
  font-style: normal;
}
ul#nav2 a.active {
  color: #6B6B64;
  font-weight: bold;
}
ul#nav2 a.active div {
  background: none;
  background-color: #F7F7F3;
  border-top: 1px solid #CECEC5;
  border-bottom: none;
}
ul#nav3 {
  margin: 0px;
  margin-left: 0px;
  padding: 0px;
}
ul#nav3 li { 
	list-style: none;
  margin: 0px;
  padding: 0px;
}
ul#nav3 li div{
  width: auto;
  height: auto;
  position: relative;
  margin: 0px;
  padding-top: 2px; 
  padding-left: 30px;
  padding-right: 2px;
  padding-bottom: 2px;
  background: none;
  background-color: #FCFCFA;
}
ul#nav3 a {
  font-size: 0.85em;
  font-weight: normal;
  font-style: normal;
}
ul#nav3 a.active {
  color: #6B6B64;
  font-weight: bold;
}
ul#nav3 a.active div {
  background: none;
  background-color: #FFFFFF;
  border-top: 1px solid #CECEC5;
  border-bottom: 1px solid #CECEC5;
}

/* Content Left Portallabel Styles */

#portallabel {
  width: 13.5em;
  height: auto;
  margin-top: 1.5em;
	padding-bottom: 0.5em;
  background-color: #5E9FCA;
}
#portallabel div.headline {
  height: 1.75em;
  padding-top: 0.25em;
  padding-left: 1.5em;
  background: URL(../gfx/portallabel.line.gif) no-repeat;
  background-position: 0 0.85em;
  background-color: #2D81B9;
  font-size: 1em;
  font-weight: bold;
  color: #E7F0F7;
}
#portallabel div.headline a {
  color: #E7F0F7;
}
#portallabel div.text {
  padding-top: 0.25em;
  padding-left: 1.5em;
  padding-right: 0.5em;
  font-size: 0.9em;
}
#portallabel div.text a {
  color: #E7F0F7;
}

/* Content Left Address Styles */

div.address {
  height: auto;
  margin-top: 1.5em;
  padding-left: 1.5em;
	padding-bottom: 0.5em;
	font-size: 0.9em;
}

/* Content Center Styles */

#content #center {
  margin: 0em 5em 0em 15em;
  _margin: 0em 0em 0em 0em;
  padding: 0em 11em 2em 0em; 
  _padding: 0em 0em 2em 0em;
  width: auto;
  _width: 100%;
}
#content #center h1 {
  font-size: 1.2em;
  margin-top: 0px;
  margin-bottom: 0.9em;
}
#content #center h2, #content #center h3, #content #center h4, #content #center h5, #content #center h6 {
  font-size: 0.9em;
  margin-top: 0px;
  margin-bottom: 0.8em;
}
#content #center p {
  font-size: 0.9em;
  margin: 0;  
  margin-top: 0em;
  line-height: 1.4em;
}


#content #center .csi-clear {
  float: none;
  display: ;
  _display: ;
  //height: 2px;
  margin: 0px;
  padding: 0px;
  margin-top: -2em;
  _margin-top: -1em;
  margin-bottom: 0em; clear: right; //clear:none;
}
#content #center .csi-intext-left-nowrap {
  float: left;
  width: 98%;
}
#content #center .csi-intext-left-nowrap .csi-imagewrap {
  float: left;
}
#content #center .csi-imagewrap div {
  margin-left: 0em;
}

#content #center .csi-textpic,
#content #center .csi-left,
#content #center .csi-below {
  float: left;
  width: 98%;
}



#content #center div.csi-text {
  font-size: 1em;
}
#content #center .csc-caption {
  font-size: 0.75em;
}
#content #center .csi-caption {
  font-size: 1em;
  margin-right: 1em;
}
#content #center div.csc-textpicHeader h2,h4 {
  font-size: 1em;
}
#content #center div.csc-textpicHeader h3 {
  font-size: 1em;
  margin-bottom: 0em;
}
#content #center div.bodytext {
  font-size: 0.9em;  
  margin: 0; 
  _margin-top: -0.1em;
  line-height: 1.4em;
  margin-bottom: 1.4em;
}
#content #center .csc-frame-rulerAfter {
  margin-top: -2em;
  margin-bottom: 1.4em;
  border-top: 1px solid #B3B3A6; width: 100%; _width: auto; clear: right; _clear:left;
}
#content #center .csc-frame,.csc-frame-rulerBefore {
  margin-top: 1.4em;
  margin-bottom: 1.4em;
  border-top: 1px solid #B3B3A6;
}
#content #center .centerleft {
  margin: 0 2em 0 0;
  padding: 0 0 2em 0; 
  width: 45%; 
  _width: 45%;
  float: left;
}
#content #center .centerright {
  margin: 0 0 0 0;
  padding: 0 0 2em 0; 
  width: 40%;
  _width: 45%;
  float: left;
}
#content #center li {
  margin: 0 0 0 0;
}

#content #center .tx-thexttable-pi1{
  width: 98%;
}
#content #center .tx-thexttable-pi1 table {
  width: 100%;
}
#content #center .tx-thexttable-pi1 table td {
  width: auto;
  padding: 0.5em;
}

/* Content Right Styles */

#content #right { 
  float: right; 
  width: 16em;
  margin: 0em 0em 2em 2.5em;
  _margin: 0em 0em 2em 2.5em;
  padding: 0em 0em 0em 0em;
  border-left: 1px solid #B3B3A6; 
  background-color: #F1F1EA;
  font-size: 0.85em;
  overflow: hidden;
}
#content #right h1, #content #right h2, #content #right h3, #content #right h4 {
  font-size: 1em;
  margin-top: 0px;
  margin-left: 0em;
  margin-right: 0em;
  _margin-right: -0.5em;
  margin-bottom: 0.6em;
  color: #6B6B64;
  background-color: #E5E5D8;
  padding-top: 3px;
  padding-left: 7px;  
  padding-right: 0.5em;
  padding-bottom: 3px;
  border-bottom: 1px solid #DDDDD7;
}
#content #right p {
  font-size: 1em;
  margin: 0;
  margin-top: -0.1em;
  line-height: 1.4em;
}
#content #right div.bodytext {
  padding: 0em 0.25em 0em 0.75em;  
  margin-bottom: 1em;
}

#content #right div.csi-imagewrap {
  padding: 0em 0.5em 0em 0.75em;
}

#content #right ul {
  margin-left: 0.25em;
}
#content #right .bodytext ul {
  margin-left: 1em;
  _margin-left: ;
  padding: 0;
}
#content #right .bodytext ul li {
  margin-left: 0;
  _margin-left: ;
  padding: 0;
}

#content #right .csc-menu-1 {
  margin-left: 1em;
  padding-bottom: 0.5em;
}

#content #right ul.csc-menu-1  {  
 list-style-type: none;
  margin-left: 0;
  _margin-left: ;
  padding: 0;
}

#content #right ul.csc-menu-1 li{   
  padding: 0px 0px 2px 10px;
  _padding: 0px 0px 2px 0px;
  margin: 0;
}

#content #footer {
  margin: 0 17em 0 17em;
  padding: 0.5em 0 2em 0;
  border-top: 1px solid #DDDDD7;
  font-size: 0.9em;
}

SELECT {
  width: 300px;
}