*{
  margin:0px;
  padding:0px;
}

body{
  font-family:"Trebuchet MS", verdana, arial, sans-serif;
  font-size:10pt;
  margin:0px;
  background-color:#124;
  cursor:default;
}

a{
  text-decoration:none;
}
a img{
  border-style:none;
}
a:hover{
  text-decoration:underline;
}

h1, h2, h3, h4, h5, h6{
  color:#124;
  font-weight:normal;
  letter-spacing:1px;
}
h1{ font-size:180%; padding-bottom:20px; }
h2{ font-size:160%; padding-bottom:15px; }
h3{ font-size:140%; padding-bottom:12px; }
h4{ font-size:120%; padding-bottom:8px; }
h5{ font-size:110%; padding-bottom:5px; }
h6{ font-size:100%; }

img{
  margin:8px;
}
img.floatLeft{
  margin:8px 8px 8px 0px;
}
img.floatRight{
  margin:8px 0px 8px 8px;
}


.header{
  background-image:url(../files/page_img/header-hint.jpg);
  background-repeat:repeat-x;
  background-color:#fff;
}

.headerBox{
  margin:auto;
  width:960px;
  background-image:url(../files/page_img/header.jpg);
  background-repeat:no-repeat;
  height:130px;
  padding-top:12px;
}
.headerBox a.logo{
  display:block;
  height:62px;
  width:62px;
}
.headerBox a.logo strong{
  display:none;
}
.headerBox .language{
  width:400px;
  position:absolute;
  top:12px;
  left:50%;
  text-align:right;
  margin-left:80px;
  color:#888;
  font-size:80%;
}
.headerBox .language a{
  color:#124;
}

.contentBox .navCol{
  float:left;
  width:180px;
}
.contentBox .navCol a{
  color:#000;
  display:block;
  padding:6px 0px;
  text-align:center;
  border-bottom:1px solid #eef;
}
.contentBox .navCol a:hover{
  text-decoration:none;
  background-image:url(../files/page_img/nav-hl.jpg);
  border-bottom:1px solid #ddd;

}
.contentBox .navCol li .rex-current{
  background-image:url(../files/page_img/nav-cur.jpg);
  border-bottom:1px solid #ddd;
}
.contentBox .navCol ul{
  list-style:none;
}
.contentBox .navCol li{
}


.contentBox .contCol{
  min-height:420px;
  overflow:auto;
  padding:8px;
  line-height:150%;
}
.contentBox .contCol ul{
  padding:6px 20px;
}
.contentBox .contCol li ul{
  padding:0px 20px 6px 20px;
}
.contentBox .contCol p{
  padding-bottom:10pt;
}
.contentBox .contCol .list small{
  margin-top:-0.5em;
  margin-bottom:10px;
  display:block;
}
.contentBox .contCol .list a small{
  display:inline;
  margin-bottom:0px;
  color:#999;
}
.contentBox .contCol table td{
  vertical-align:top;
  line-height:150%;
  padding:4px 0px;
}

.contentBox .contCol .articleNav{
  border-top:1px solid #ddd;
  clear:both;
  font-size:80%;
  text-align:center;
}
.contentBox .contCol .articleNav a{
  color:#666;
}


.contentBox{
  margin:auto;
  width:960px;
  background-color:#fff;
}

.footerBox{
  clear:both;
  margin:4px auto;
  padding-bottom:40px;
  width:960px;
  color:#fff;
  font-size:70%;
}
.footerBox a{
  color:#fff;
  font-size:130%;
}
.footerBox .fnavi{
  float:left;
}
.footerBox .fnavi ul{
  list-style:none;
}
.footerBox .fnavi li{
  display:inline;
  margin-right:10px;
}
.footerBox .copy{
  float:right;
}


/*******************************************
rubric
*******************************************/
.rubric{
  float:right;
}
.rubric ul{
  list-style:none;
  margin-top:28px;
}
.rubric li{
  float:left;
  margin-left:10px;
}
.rubric a{
  display:block;
  height:32px;
  width:32px;
  background-repeat:no-repeat;
}
.rubric a:hover{
  background-position:bottom;
}
.rubric a span{
  display:none;
}
.rubric a:hover span{
  display:block;
  text-align:right;
  position:absolute;
  top:80px;
  left:50%;
  width:600px;
  margin-left:-120px;
}


/*******************************************
breadcrumbs
*******************************************/
.breadcrumbs{
  border-bottom:1px solid #aaa;
}
.breadcrumbs .breadcrumbsBox{
  margin:auto;
  width:960px;
  font-size:80%;
  color:#ddd;
  padding:3px 0px;
}
.breadcrumbs .breadcrumbsBox ul{
  list-style:none;
}
.breadcrumbs .breadcrumbsBox ul,
.breadcrumbs .breadcrumbsBox li{
  display:inline;
}
.breadcrumbs .breadcrumbsBox li{
  background-image:url(../files/page_img/bcrumb.png);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:10px;
}
.breadcrumbs .breadcrumbsBox a{
  color:#ddd;
  margin-right:3px;
}
.breadcrumbs .breadcrumbsBox a:hover{
  text-decoration:underline;
}


/*******************************************
default
*******************************************/

.floatLeft{
  float:left;
}
.floatRight{
  float:right;
}
.clearBoth{
  clear:both;
}


/*******************************************
Berlinkarte
*******************************************/
.mgDataBox{
  position:absolute;
  width:270px;
  left:50%;
  margin-left:200px;
}
.mgData{
  position:absolute;
}
.mgData p{
  line-height:110%;
}
.mgData h5{
  font-size:95%;
  font-weight:bold;
  line-height:120%;
}
.dot{
  position:absolute;
  background-image:url(../files/page_img/map_dot.png);
  background-repeat:no-repeat;
  background-position:center;
  height:10px;
  width:10px;
  display:block;
}
a.dot:hover{
  background-image:url(../files/page_img/map_dot_cur.png);
}