﻿/*	Überschriften: #375D8C
	Text: #31547F

*/
* {
  margin: 0;
  padding: 0;
  border: 0;
}
/* Force a vertical scrollbar */
html,
body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}
body {
  background-color: #ffff;
  color: #31547F;
  /*color: #365F91;*/

  /*font-family: Constantia, "Times New Roman", Times, serif ;*/

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 80%;
  text-align: center;
}
h1 {
  font-size: 130%;
  margin: 1em;
  color: #375D8C;
  font-variant: small-caps;
}
h2 {
  font-size: 100%;
  margin: 0px 0px 0.75em 0px;
  color: #505050;
}
p {
  font-size: 0.6666666666666666em;
  margin: 0em 0em 1.5em 0em;
}
ul {
  font-size: 0.6666666666666666em;
  /*margin: 1em 1.5em 1.5em 1.5em;*/

}
li {
  line-height: 1.4em;
  list-style-position: inside;
  list-style-image: url(../images/bullet.gif);
  padding: 0px 0 0px 20px;
  text-indent: -2em;
}
a {
  text-decoration: none;
  color: #31547F;
}
a:hover {
  text-decoration: underline;
}
a:link {
  color: inherit;
}
a:visited {
  color: inherit;
}
.placeholder {
  float: left;
  width: auto;
}
#canvas {
  width: 960px;
  margin: 4em auto;
  text-align: left;
}
#header {
  width: 960px;
  height: 180px;
  background-image: url(../images/header-hintergrund2.jpg);
  /*	border-bottom: 1px solid #375D8C;*/

}
#content {
  float: left;
  /*background-color: #EBEFF5;*/

  width: 960px;
}
#languages {
  float: right;
  list-style: none;
  margin: 0px 12px 0px 0px;
  height: 35px;
}
#languages li {
  float: left;
  margin: 7px 0px 0px 10px;
  color: #ffffff;
}
#logo {
  width: 367px;
  height: 100%;
  float: left;
}
#logo img {
  width: 340px;
  margin: 1.75em 0px 0px 1.5em;
}
#titleimg {
  width: 593px;
  height: 100%;
  float: left;
}
#navigation {
  width: 367px;
  margin-top: 1.5em;
  float: left;
  clear: left;
}
#title {
  width: 583px;
  float: right;
  clear: right;
  line-height: 50px;
  margin: 131px 0px 0em 0em;
}
#footer {
  float: left;
  clear: both;
  width: 959px;
  height: 35px;
  margin: 0px 0px 4em 0px;
  font-size: 80%;
  background-image: url(../images/footer.jpg);
  color: #ffffff;
  border-right: 1px solid #DBE5F4;
}
.copyright {
  margin: 10px 0px 0px 10px;
  float: left;
}
#bottomspacer {
  float: left;
  clear: both;
  width: 100%;
  height: 4em;
  background-color: #ffffff;
}
#navigation .lv1,
#navigation .lv2 {
  float: left;
  clear: left;
  line-height: 2em;
  margin-bottom: 0.5em;
  width: 100%;
}
#navigation .lv1 {
  margin: 0px 0px 8px 2.5em;
  list-style: none;
  font-variant: small-caps;
}
#navigation .lv2 {
  margin: 0px 0px 0.5em 4em;
  list-style: none;
  font-variant: normal;
}
/*.lv2 li{
    margin-bottom:0.2em;
}*/
.nav_wrap1 {
  float: left;
  clear: both;
  min-width: 300px;
  background: url(../images/shadows/bw/shadow.gif) right bottom no-repeat;
}
.nav_wrap2 {
  background: url(../images/shadows/bw/corner_bl.gif) -12px 100% no-repeat;
}
.nav_wrap3 {
  padding: 0 8px 8px 0;
  background: url(../images/shadows/bw/corner_tr.gif) 100% -12px no-repeat;
}
.nav_wrap3 a {
  display: block;
  border: 1px solid #ccc;
  border-color: #efefef #ccc #ccc #efefef;
  position: relative;
  padding: 2px 1em;
  background-color: #EBEFF2;
  font-size: 100%;
}
.nav_wrap3 a:hover {
  top: 2px;
  left: 2px;
  text-decoration: none;
}
.ui-accordion-header-active a {
  background-color: #4D77B3 !important;
  color: #ffffff;
}
/*a.nav_branch{
    background-color: #4D77B3 !important; 
    color: #ffffff;
 }*/
.lv2 a.nav_selected {
  text-decoration: underline;
  background-color: inherit !important;
  color: inherit;
}
/* textseiten generell */
#textarea li {
  margin-bottom: 4px;
}
/* mitarbeiterseiten*/
#portrait {
  margin: 1.4em 1.5em 1.5em 1.5em;
  float: left;
}
#portrait p {
  margin: 0px;
}
#portrait img {
  width: 140px !important;
  height: auto !important;
  border: 1px solid #B5B5B5;
}
#description {
  float: left;
  width: 330px;
  margin: 1.5em;
}
#description ul {
  list-style-position: outside;
}
/* Textbereich */
.larger ul {
  margin-left: 19px;
}
#textarea {
  min-height: 35em;
  width: 583px;
  border: 1px solid #ccc;
  border-color: #efefef #ccc #ccc #efefef;
  float: left;
  display: block;
  background-color: #fffff2;
}
#textarea .content {
  margin: 19px 19px;
}
.txt_wrap1 {
  margin: 20px 0 10px 0;
  float: left;
  background: url(../images/shadows/bw/shadow-large.gif) right bottom no-repeat;
}
.txt_wrap2 {
  float: left;
  background: url(../images/shadows/bw/corner_bl.gif) -12px 100% no-repeat;
}
.txt_wrap3 {
  float: left;
  padding: 0 8px 8px 0;
  background: url(../images/shadows/bw/corner_tr.gif) 100% -12px no-repeat;
}
/* Anfahrtskize */
#map_canvas {
  width: 200px;
  height: 200px;
}
/* layout frames*/
/*
#header{
	background-color: fuchsia;
}
#canvas{
	background-color: aqua;
}
*/
.mapdimensions {
  margin: 1px;
  width: 581px;
  height: 450px;
  /* minheight textarea */
  visibility: visible;
  overflow: hidden;
}
/* Arbeitsbereiche */
.larger {
  font-size: 200%;
}
.large {
  font-size: 250%;
}
.xlarge {
  font-size: 300%;
}
/*.acc{
	margin:1.5em;
}

.acc h2{
	cursor:pointer;
}
.acc h2:hover{
	text-decoration:underline;
}*/
/*.acc p{
    margin:0.5em 1.5em 1.5em 1.2em;
}*/
