@media screen {
  html, body {
  margin:0;
  padding:0;
  }
  body {
  font-family:'arial', 'verdana', sans-serif;
  font-size:80%;
  line-height:1.4em;
  background-image:url('../../data/images/layout/1280/bg-body.png');
  background-position:top left;
  background-repeat:repeat-x;
  }
  img {
  border-style:none;
  }
  
  #map_canvas {
  border:1px solid #ccc;
  }
  
  a,
  a:link,
  a:visited {
	color: #677781;
	background-color: transparent;
  }
  /*
  #besides #text p.copyright {
  position:absolute;
  width:100%;
  top:120px;
  color:#a0a0a0;
  background-color:transparent;
  margin-left: -610px;
  }*/
  #besides #text p.copyright {
  position:absolute;
  width:320px;
  top:120px;
  background-color:transparent;
  margin-top: 470px;
  font-size: .9em;
  }
  /*
  ------------------------------------------------------------
  HEADER
  ------------------------------------------------------------ */
  #header {
  width:1190px;
  margin-left:auto;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
  }
  #logo {
  float:left;
  margin-top:40px;
  }
  #slogan {
  position:relative;
  top:40px;
  left:-57px;
  }
  /*
  ------------------------------------------------------------
  main
  ------------------------------------------------------------ */
  #main {
  clear:both;
  width:1190px;
  margin-left:auto;
  margin-right:auto;
  padding-top:20px;
  padding-bottom:70px;
  }

  /*
  ------------------------------------------------------------
  navigation
  ------------------------------------------------------------ */
  #navigation {
  float:left;
  width:140px;
  font-size:12px;
  margin:0 0 0 14px;
  color:#788f95;
  background-color:transparent;
  }
  #navigation a {
  display:block;
  padding:1px 1px 1px 3px;
  margin:0;
  }
  #navigation a:link,
  #navigation a:visited {
  color:#58686e;
  background-color:transparent;
  text-decoration:none;
  }
  #navigation a:hover,
  #navigation ul li.active > a {
  font-weight:bold;
  color:#58686e;
  background-color:#e3e9ea;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
  }
  #navigation a:focus,
  #navigation a:active {
  text-decoration:none;
  }

  /*
  level 1
  --------------------
  */
  #navigation ul {
  list-style-type:none;
  margin:1em 0 1em 0;
  padding:0;
  }
  #navigation ul li.level1 {
  color:yellow;
  border-bottom:1px solid #bac3c5;
  margin:3px 0 0 3px;
  padding:0 0 0 5px;
  background-image:url('../../data/images/layout/navi1-bullet.gif');
  background-repeat:no-repeat;
  background-position:left 7px;
  }
  #navigation ul li.level1.last {
  border-bottom:none;
  }
  #navigation ul li, #navigation ul li.active {
  background-image:url('../../data/images/layout/navi1-bullet.gif');
  background-repeat:no-repeat;
  background-position:left 7px;
  border-bottom:none;
  }
  #navigation ul li.level1 a,
  #navigation ul li.level1 a:link,
  #navigation ul li.level1 a:visited {
  color:#8e9a9f;
  background-color:transparent;
  }
  /*
  level 2+
  --------------------
  */
  #navigation ul ul {
  margin:0;
  padding:0 0 0 5px;
  }
  #navigation ul li {
  margin:3px 0 0 3px;
  padding:0 0 0 5px;
  border-style:none;
  background-image:none;
  }
  #navigation ul li.level2 a {
  padding-left:13px;
  }
  #navigation ul li.level3 a {
  padding-left:26px;
  }
  #navigation ul li.level4 a {
  padding-left:39px;
  }
  #navigation ul li.level5 a {
  padding-left:52px;
  }
  #navigation ul li.level6 a {
  padding-left:65px;
  }
  #navigation ul li.level7 a {
  padding-left:78px;
  }
/*
  ------------------------------------------------------------
  middle
  ------------------------------------------------------------ */
  #middle {
  float:left;
  color:#677781;
  background-color:transparent;
  line-height:1.5em;
  width:560px;
  margin-left:40px;
  margin-right:40px;
  padding:0;
  margin-bottom:50px;
  }
  #middle h1 {
  font-family: 'arial', sans-serif;
  font-size: 1.1em;
  }

  #middle div.newsIndex {
  border-bottom: 1px solid #999;
  width:340px;
  }
  #middle div.newsIndex h2 {
  font-size:1.1em;
  font-weight: bold;
  margin-bottom: 0;
  }
  #middle div.newsIndex .teaser {
  font-size:12px;
  margin:3px 0 0 0;
  height:90px;
  line-height:1.4em;
  }
  #middle div.newsIndex .more {
  margin-top: .5em;
  }
  #middle div.newsIndex a,
  #middle div.newsIndex a:link,
  #middle div.newsIndex a:visited {
  color: #677781;
  background-color: transparent;
  text-decoration: none;
  }
    

  /*
  ------------------------------------------------------------
  besides
  ------------------------------------------------------------ */
  #besides {
  float:left;
  width:370px;
  margin-top:1em;
  padding-bottom:70px;
  }
  #besides #text {
  padding:0 0 0 28px;
  margin:0;
  color:#677781;
  background-color:transparent;
  }
  #besides #text .padded {
  padding-right: 28px;
  }
  #besides #text p {
  text-align:left;
  }
  #besides #text h1 {
  font-family: arial, 'trebuchet ms', 'arial', sans-serif;
  color:#677781;
  background-color:transparent;
  font-size:1.1em;
  font-weight:bold;
  }
  #besides #text h2 {
  color:#677781;
  background-color:transparent;
  font-size:1em;
  font-weight:bold;
  }
  #besides #text h2.underline {
  clear:both;
  padding-top:2em;
  padding-bottom:.5em;
  border-bottom:1px solid #666;
  }
  #besides #text h2.underline2 {
  clear:both;
  padding-top:0em;
  padding-bottom:.5em;
  border-bottom:1px solid #666;
  }
  #besides #text ul {
  list-style-type: square;
  padding:0;
  }
  #besides #text address {
  font-style:normal;
  }

	#besides a,
	#besides a:link,
	#besides a:visited {
	  color: #677781;
	  background-color: transparent;
	}
  
  #besides #text ul.naviTabs {
  clear:both;
  list-style-type: none;
  margin:0 0 1em 0;
  padding:0;
  line-height:2em;
  height:2em;
  background-image: url('../images/layout/navitabs-border.gif');
  background-repeat: no-repeat;
  background-position: left bottom;
  }
  #besides ul.naviTabs li {
  font-size:.9em;
  float:left;
  margin:0 1.25em 0 0;
  padding:0;
  }
  #besides ul.naviTabs li.last {
  margin-right:0;
  }
  #besides ul.naviTabs a,
  #besides ul.naviTabs a:link,
  #besides ul.naviTabs a:visited {
  color:#677781;
  background-color:transparent;
  font-weight:normal;
  text-decoration:none;
  }
  #besides ul.naviTabs a:hover {
  }
  #besides ul.naviTabs a:focus,
  #besides ul.naviTabs a:active {
  }
  #besides ul.naviTabs li.active a {
  font-weight:bold;
  }
  
  #besides #text ul.naviSubTabs {
  clear:both;
  list-style-type:none;
  margin:0.4em 0 0 0;
  padding:0;
  line-height:1.5em;
  }
  #besides ul.naviSubTabs li {
  font-size:.9em;
  float:left;
  width:49%;
  padding:0;
  }
  #besides ul.naviSubTabs.onecol li {
	clear:both;
  width:100%;
  line-height: 1em;
  padding:.4em 0;
  }
  #besides ul.naviSubTabs li.last {
  }
  #besides ul.naviSubTabs a,
  #besides ul.naviSubTabs a:link,
  #besides ul.naviSubTabs a:visited {
  color:#677781;
  background-color:transparent;
  font-weight:normal;
  text-decoration:none;
  }
  #besides ul.naviSubTabs a:hover {
  }
  #besides ul.naviSubTabs a:focus,
  #besides ul.naviSubTabs a:active {
  }
  #besides ul.naviSubTabs li.active a {
  font-weight:bold;
  }
  
  #besides select {
  width:100%;
  font-weight:bold;
  color: #58686E;
  }
  
  table.portRecommendation {
  width:100%;
  border-collapse:collapse;
  }
  table.portRecommendation caption {
  padding-bottom: .5em;
	text-align: left;
  }
  table.portRecommendation th {
  text-align:left;
  font-weight:normal;
  border-bottom: 1px solid #666;
  }
  table.portRecommendation td {
  text-align:left;
  font-weight:bold;
  border-bottom: 1px solid #666;
  }
  table.portRecommendation td.legend {
  font-weight:normal;
  border-bottom-style: none;
  }
  
  #besides #text ul.galleryThumbs {
  list-style-type:none;
  margin-left:0;
  padding-left:0;
  }
  #besides #text ul.galleryThumbs li {
  text-align:center;
  float:left;
  margin:5px 5px 10px 5px;
  padding:0;
  line-height:1em;
  font-size: 12px;
  }
  #besides #text a,
  #besides #text a:link {
  text-decoration: none;
  }
  
  #besides div.newsIndex {
  border-bottom: 1px solid #999;
  }
  #besides div.newsIndex h2 {
  margin-bottom: 0;
  }
  #besides div.newsIndex .teaserShort {
  margin:.5em 0 0 0;
  }
  #besides div.newsIndex .more {
  }
  
  /* forms */
  textarea {
  font-family:'arial', 'verdana', sans-serif;
  font-size: 1em;
  }
  input, textarea {
  width: 100%;
  border: 1px solid #999;
  padding: 4px;
  background-color:transparent;
  color:#677781;
  text-align:left;
  font-weight: bold;
  font-family:'arial', 'verdana', sans-serif;
  font-size: 1em;
  }
    input.submit {
  width: 50%;
  border: 0px;
  padding: 3px;
  font-family:'arial', 'verdana', sans-serif;
  font-size: 1em;
  }
   #radio1,   #radio2,   #radio3 {
   width: 8%;
   border:none;
  }
  
  dl.termine dt {
  float: left;
  clear: both;
  }
  dl.termine dd {
  text-align:right;
  float: right;
  clear: right;
  padding-bottom: 1em;
  }
  
  /*
  ------------------------------------------------------------
  carousel
  ------------------------------------------------------------ */
  #carouselContainer {
  height:60px;
  margin-bottom:20px;
  display:none;
  }
	#carouselContainer h2 {
	position: relative;
	top: 60px;
	}
  #carousel {
  float:left;
  height:60px;
  }
  #carousel ul li img {
  margin-left:2px;
  margin-right:7px;
  }
  #carouselPrevious,
  #carouselNext {
  float:left;
  }

  /*
  ------------------------------------------------------------
  pageSlide
  ------------------------------------------------------------ */
  p.pageSlideControl {
  clear: both;
  }
  #besides #text p.pageSlideControl {
  text-align: left;
  }
  #besides .pageSlideControl a,
  #besides .pageSlideControl a:link,
  #besides .pageSlideControl a:visited {
  color: #677781;
  background-color: transparent;
  text-decoration: none;
  }
  #besides .pageSlideControl a.back,
  #besides .pageSlideControl a.next {
  padding: 0 .75em;
  }
  
  #middle #text p.pageSlideControl {
  text-align: left;
  }
  #middle .pageSlideControl a,
  #middle .pageSlideControl a:link,
  #middle .pageSlideControl a:visited {
  color: #677781;
  background-color: transparent;
  text-decoration: none;
  }
  #middle .pageSlideControl a.back,
  #middle .pageSlideControl a.next {
  padding: 0 .75em;
  }

  /*
  ------------------------------------------------------------
  footer
  ------------------------------------------------------------ */
  #footer {
  width:100%;
  position:fixed;
  left:0;
  bottom:0;
  height:61px;
  background-image:url('../../data/images/layout/1280/bg-footer.png');
  background-position:center top;
  }
  #footer a,
  #footer a:link,
  #footer a:visited {
  text-decoration: none;
  }  
  #footer .content {
  width:1190px;
  margin-left:auto;
  margin-right:auto;
  margin-top:33px;
  }
  #footer .content ul.metanavi {
  list-style-type:none;
  margin:0;
  padding:0;
  }
  #footer .content ul.metanavi li {
  float:left;
  margin-right:2em;
  }
  #footer .creator {
 
  }

  /*
  ------------------------------------------------------------
  sitemap
  ------------------------------------------------------------ */
	.sitemap a,
	.sitemap a:link,
	.sitemap a:visited {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	line-height:1.5em;
	border-bottom: 1px solid #fff;
	}
	.sitemap a:hover {
	border-bottom: 1px dotted #999;
	}
	#middle .sitemap .level1 {
	font-size: 1.6em;
	padding-left:0;
	}
	#middle .sitemap .level2 {
	font-size:1.3em;
	padding-left:30px;
	}
	#middle .sitemap .level3 {
	font-size:1em;
	padding-left:60px;
	}
	#middle .sitemap .level4 {
	font-size:1em;
	padding-left:90px;
	}
	#middle .sitemap .level5 {
	font-size:1em;
	padding-left:120px;
	}
	
	/*
  ------------------------------------------------------------
  tooltipBox
  ------------------------------------------------------------ */
	table.tooltipBox {
	width: 415px;
	position: absolute;
	left: 100px;
	top: 100px;
	border-collapse: collapse;
	border-spacing: none;
	font-size: .9em;
	display: none;
	}
	table.tooltipBox tr.head td {
	padding: 0;
	height: 8px;
	background-image: url('../images/layout/bg-ttbox-head.gif');
	background-repeat: no-repeat;
	background-position: left top;
	}
	table.tooltipBox tr.body td {
	background-image: url('../images/layout/bg-ttbox-body.gif');
	background-repeat: repeat-y;
	background-position: center top;
	height: 19px;
	padding: 0 1em;
	color: inherit;
	background-color: #fff;
	border: 1px solid #999;
	}
	table.tooltipBox tr.body td h2,
	table.tooltipBox tr.body td p {
	margin: 1em 0;
	}
	table.tooltipBox tr.foot td {
	padding: 0;
	height: 8px;
	background-image: url('../images/layout/bg-ttbox-foot.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	}

  /*
  ------------------------------------------------------------
  browserWarning
  ------------------------------------------------------------ */
	#browserWarning {
	color: #fff;
	background-color: #000;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	border-left: 3px solid #fff;
	width: 500px;
	padding: 2em;
	position: absolute;
	top: -1000px;
	}
	
	#langselectControl {
	display: none;
	}

  /*
  ------------------------------------------------------------
  testsystemReminder
  ------------------------------------------------------------ */
	#testsystemReminder {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 200px;	
	height: 37px;
	line-height: 37px;
	font-size: 18px;
	border: 1px solid #fff;
	color: #fff;
	background-color: #333;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	}
}