/* ********************
       COMMON 
********************** */
*{
  margin:0;
  padding:0;
}

body{
  color: #333333;
  background: #a2bdd8 url("img/bodybg.jpg") repeat-x;
  font-family: arial,verdana,sans-serif;
  font-size: 100%;
  height:100.1%;
}

a{ 
  text-decoration: none;
  font-weight:bold;
}
a:link    { color: #31437a;}
a:visited { color: #31437a;}
a:focus, a:hover, a.active  { 
  text-decoration: none;
  color: #346c9d;}

a img{ 
  border:0;
}

ul{
  list-style:none;
}

.stopFloat{
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

#wrapper{
  width:980px;
  margin:20px auto 0;
  border-left: 1px solid #000033;
  border-right: 2px solid #000033;
  border-bottom: 2px solid #000033;
  border-top: 1px solid #000033;
  background: #e4f1f7;
  padding:1px;
}

#wrappersmall{
  width:740px;
  margin:20px auto 0;
  border-left: 1px solid #000033;
  border-right: 2px solid #000033;
  border-bottom: 2px solid #000033;
  border-top: 1px solid #000033;
  background: #e4f1f7;
  padding:1px;
}

/* ********************
       START
********************** */
#startnavi{
  width:auto;
  margin-left:55px;
  position: absolute;
  bottom:0;
  left:0;
}
#start{
  width:100%;
  height:354px;
  min-height:354px;
  background:#014984 url("img/starttop.jpg") no-repeat top left;
  position:relative;
}
#startlogo{
  width:100%;
  height:147px;
  min-height:147px;
  background:#fff url("img/startbg.jpg") no-repeat top right;
}
.startlogo img{
  margin-top:55px;
  margin-right:40px;
  width:256px;
  float:right;
  border:0;
}
#startbottom{
  width:100%;
  height: 89px;
  min-height:89px;
  background:#014984 url("img/startbottom.jpg") no-repeat top left;
}

/* ********************
       TOP, NAVI
********************** */
.logo img{
  margin-top:65px;
  margin-left:25px;
  width:256px;
  float:left;
  border:0;
}
.logosmall img{
  margin-top:10px;
  margin-left:25px;
  width:128px;
  float:left;
  border:0;
}
#topnavi{
  width:auto;
  margin-right:25px;
  position: absolute;
  bottom:0;
  right:0;
}
#top {
  width:100%;
  height:130px;
  background:#31437a url("img/top.jpg") no-repeat;
  font-size:93%;
  line-height:normal;
  position:relative;
  border-bottom: 1px solid #31437a;
}
#topsmall {
  width:100%;
  height:40px;
  background:#31437a url("img/top.jpg") no-repeat left bottom;
  font-size:93%;
  line-height:normal;
  position:relative;
  border-bottom: 1px solid #31437a;
}
#top ul, #topsmall ul, #start ul {
  margin:0;
  padding:0.6em 0.6em 0;
  list-style:none;
}
#top li, #topsmall li, #start li {
  float:left;
  background:url("img/tableft.png") no-repeat left top;
  margin:0 0 0 -1px;
  padding:0 0 0 18px;
}
*html #top li, #topsmall li, #start li {
  float:left;
  background:url("img/tableftie.gif") no-repeat left top;
  margin:0 0 0 -1px;
  padding:0 0 0 18px;
}
#top li a, #topsmall li a, #start li a {
  float:left;
  display:block;
  background:url("img/tabright.png") no-repeat right top;
  padding:5px 1em 0.3em 0.3em;
  text-decoration:none;
  font-weight:bold;
  font-size:1.1em;
  line-height:1.2em;
  color: #9ec3e5;
}
*html #top li a, #topsmall li a, #start li a {
  float:left;
  display:block;
  background:url("img/tabrightie.gif") no-repeat right top;
  padding:5px 1em 0.3em 0.3em;
  text-decoration:none;
  font-weight:bold;
  font-size:1.1em;
  line-height:1.2em;
  color: #9ec3e5;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top li a, #topsmall li a, #start li a {
  float:none;
}
/* End IE5-Mac hack */
#top li a:hover, #topsmall li a:hover, #start li a:hover {
  color:#fff;
}
#top #current, #topsmall #current, #start #current {
  color:#fff;
}
#top #current a, #topsmall #current a, #start #current a {
  color:#fff;
}
  
/* ********************
       SUBNAVI 
********************** */
#subnavi{
  background:#a2bdd8;
  padding-right:35px;
  padding-top:3px;
  border-bottom: 1px solid #101e5a;
  height:1.3em;
  min-height: 1.3em;
  text-align:center;
  font-size: 0.9em;
}
#subnavi ul{
  list-style:none;
  float:right;
}
#subnavi ul li{
  display:inline;
  background:url("img/dcolon.gif") no-repeat left center;
  padding-left:15px;
  padding-right:10px;
}
#subnavi a{
  text-decoration:none;
  padding:0 4px 0 4px;
  /*margin:0.6em 0 1.3em 0;*/
  font-weight:bold;
}
#subnavi a:hover{
  color:#fff;
}
#subnavi #currentsub{
  color:#fff;
}
#subnavi #currentsub a{
  color:#fff;
}

/* ********************
       CONTENT 
********************** */
#content{
  min-height:400px;
  height:auto;
  padding:0.8em 34px 1em 100px;
  background:#fff url("img/boxes.gif") no-repeat;
  background-position: 395px 90px;
}
#content_nobg{
  min-height:430px;
  height:auto;
  padding:0.8em 34px 1em 100px;
  background:#fff;
}
#content p, #content ul, #content ol, #content_nobg p, #content_nobg ul, #content_nobg ol{
  font-size: 0.9em;
  line-height: 1.5em;
  color:#444;
  margin:0 0 0.9em 0;
}
#content ul li, #content_nobg ul li{
  display:block;
  background:url("img/dcolon.gif") no-repeat left 7px;
  padding-left:20px;
}
#content p.head1, #content_nobg p.head1{
  font-size:1.15em;
  font-weight:bold;
  letter-spacing:1px;
  color:#31437a;
  margin:0 30px 1.1em -75px;
}
#content a, #content_nobg a{
  text-decoration:none;
}
#content a:hover, #content_nobg a:hover{
  border-bottom:1px solid;
}
.bold{
  font-weight:bold;
  color:#000;
}
#content .head2, #content_nobg .head2{
  font-weight:bold;
  color:#31437a;
}
#content th {
  text-align:left;
}
.highlight{
  padding: 0 1px;
  background: #CDE2EF;
}
.lfloat{
  float:left;
  padding: 0 1em 0 0;
}
.rfloat{
  float:right;
  padding: 0 0 0 1em;
}
.table {
  padding-left:15px;
  padding-right:10px;
  display:block;
  border:0;
}
.padr {
  padding-right:5px;
}


/* ********************
       BOTTOM
********************** */
#bottom{
  height:24px;
  background: url("img/bottom.gif") repeat-x;
  background-color:#014984;
  border-top: 2px solid #fff;
  text-align:center;
  padding-top:2px;
}
.address{
  color:#a5c0d9;
  font-size:0.8em;
  font-weight:normal;
}

/* ********************
       TEASER
********************** */
#teaser{
  width:200px;
  margin:0px 0px 9px 9px;
  float:right;
}
#teasertop{
  height:31px;
  background: url("img/teasertop.png") no-repeat left top;
}
#teasertop p{
  width:100%;
  padding:3px 0px 0px 0px;
  margin:0px;
  font-size:1.1em;
  font-weight:bold;
  text-align:center;
  letter-spacing:1px;
  color:#fff;
}
#teasercontent{
  background: url("img/teaserbg.png") repeat-y left top;
}
#teasercontent p, #teasercontent ul{
  padding:4px 10px 0px 10px;
  margin:0px;
  color:#101e5a;
}
#teaserbottom{
  height:10px;
  background: url("img/teaserbottom.png") no-repeat left top;
}