/* ************************************************** */
/* feste Styles */
/* ************************************************** */
body {
  font-family:Arial, Sans-Serif;
  font-size:100.1%;
  font-weight:normal;
  color:#000;
  background-color:#b6d3e1;
  margin:0px;
  padding:0px;
  position:relative;
  text-align:center;
}

p, p.bodytext {
  margin-top:0.5em;
  margin-bottom:0em;
}

div#headertext p.bodytext {
  margin:0;
  padding:0;
}

a, a:link, a:active, a:visited, a:focus {
  text-decoration:none;
  color:#009cdf;
} 

a:hover {
  text-decoration:underline;
  color:#009cdf;
}

hr {
  border:none;
  border-top:1px solid #ccd3e4;
  height:1px;
  margin-top:1.5em;
  margin-bottom:1.5em;
  clear:both;
}

span.invisible {
  display:none;
}

#content ul {
  list-style-type:square;
}

dd.csc-textpic-caption {
  color:#555;
  font-size:0.8em;
}


/******************************************/
/* Layout */
/******************************************/
div#body_wrapper {
  background-color:#b6d3e1;
  background-image:url('../../images/body_wrapper_bg.png');
  background-repeat:repeat-x;
}

div#head {
  height:226px;
  background-color:#fff;
  position:relative;
  background-image:url('../../images/head_bg.jpg');
  background-position:right bottom;
  background-repeat:no-repeat;
}

div#headertext {
  position:absolute;
  z-index:100;
  right:10px;
  top:202px;
  color:#fff;
  font-weight:bold;
  padding:0;
  margin:0;
}

div#flags {
  position:absolute;
  top:10px;
  right:10px;
}

div#flags a {
  margin-left:10px;
}

div#inner_body_wrapper {
  width:770px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:left;
  background-color:#fff;
  min-height:800px;
  border-left:1px solid #3a66ad;
  border-right:1px solid #3a66ad;
  border-bottom:1px solid #3a66ad;
}

* html div#inner_body_wrapper {
  height:800px;
}

div#content_wrapper {
  margin-left:200px;
}

div#content {
  font-size:0.75em;
  padding-right:20px;
}

div#content form label {
    display: inline-block;
    position: relative;
    width: 100px;
}

/* ---- Breadcrumb ---- */
div#breadcrumb {
  font-size:0.7em;
  margin-top:20px;
  padding-right:12px;
}
div#breadcrumb ul {
  display:inline;
  margin:0;
  padding:0;
}
div#breadcrumb ul li {
  display:inline;
}

/* ---- Menu ---- */
div#menu_wrapper {
  width:180px;
  position:absolute;
  /* top:265px; */
  top:285px;
  left:0px;
}


/* ---- Footer ---- */
div#footer {
  padding-top:30px;
  padding-bottom:30px;
  padding-right:20px;
}

div#footer_copyright {
  border-top:1px solid #999;
  padding-top:3px;
  text-align:right;
  font-size:0.65em;
  color:#999;
}

/* --- Static Content --- */
div#menu_content {
  font-size:0.65em;
  color:#666;
  padding-left:10px;
}



/******************************************/
/* Topmenue */
/******************************************/
div#top_menu {
  position:absolute;
  right:130px;
  top:8px;
  font-size:0.7em;
}

div#top_menu a.top_menu_link {
  color:#666;
}

/******************************************/
/* Hauptmenue */
/******************************************/
div#menu {
  font-size:0.75em;
  text-align:left;
  background-color:#3a66ad;
  padding-top:20px;
  padding-bottom:20px;
  margin-bottom:20px;
}

div#menu ul {
  list-style-type:none;
  padding:0;
  margin:0;
}

div#menu ul li {
  color:#fff;
  padding-left:0;
  margin-left:0;
}

div#menu ul li.l1 {
  padding-bottom:0;
  margin-bottom:0;
  margin-left:0px;
  border-bottom:1px solid #587eb9;
}

div#menu ul li.l1 a, 
div#menu ul li.l1 a:focus, 
div#menu ul li.l1 a:active, 
div#menu ul li.l1 a:visited {
  font-weight:bold;
  color:#fff;
  display:block;
  padding-left:10px;
  width:170px;
  /*line-height:2em;*/
  padding-top:7px;
  padding-bottom:7px;
  text-decoration:none;
}

div#menu ul li.l1 a:hover {
  text-decoration:none;
  background-color:#CDE4EE;
  color:#3a66ad;
}

div#menu ul li.l2 {
  border-top:1px solid #587eb9;
}

div#menu ul li.l2 a, 
div#menu ul li.l2 a:focus, 
div#menu ul li.l2 a:active, 
div#menu ul li.l2 a:visited {
  color:#fff;
  font-weight:normal;
  display:block;
  width:165px;
  padding-left:15px;
  /*line-height:2em;*/
  padding-top:6px;
  padding-bottom:6px;
  text-decoration:none;
}

div#menu ul li.l2 a:hover {
  text-decoration:none;
  background-color:#CDE4EE;
  color:#3a66ad;
}

div#menu ul li.l3 {
}

div#menu ul li.l3 a, 
div#menu ul li.l3 a:focus, 
div#menu ul li.l3 a:active, 
div#menu ul li.l3 a:visited {
  color:#fff;
  font-weight:normal;
  display:block;
  width:150px;
  padding-left:30px;
  /*line-height:2em;*/
  padding-top:6px;
  padding-bottom:6px;
  text-decoration:none;
}

div#menu ul li.l3 a:hover {
  text-decoration:none;
  background-color:#CDE4EE;
  color:#3a66ad;
}

div#menu ul li a.active, 
div#menu ul li a.active:visited, 
div#menu ul li a.active:focus, 
div#menu ul li a.active:active,
div#menu ul li a.active:hover {
  background-color:#91342D;
  color:#fff;
}

/******************************************/
/* Ueberschriften etc. */
/******************************************/
h1 {
  color:#3a66ad;
  font-size:1.4em;
  font-weight:bold;
  margin:0px;
  margin-top:1.5em;
  margin-bottom:1.5em;
}

h2 {
  font-size:1.2em;
  font-weight:bold;
  margin-top:1.5em;
  margin-bottom:1.5em;
}

h3 {
  font-size:1.1em;
}

h4 {
  font-size:1.0em;
  font-weight:bold;
}


/******************************************/
/* Formulare */
/******************************************/
input, textarea {
  border:1px solid #000;
  background-color:#fff;
  color:#000;
}

input.button {
  border:2px solid #000;
  background-color:#ccd3e4;
}

input.checkbox {
  border:none;
  background-color:transparent;
}


/******************************************/
/* allgemeine Styles */
/******************************************/

.hervorgehoben {
  text-align:bold;
  color:#039;
}

.rahmen {
  border:1px solid #000;
  padding:3px;
}

.align-center {
  text-align:center;
}

.align-right {
  text-align:right;
}

.contenttable thead tr {
  background-color:#fff;
  color:#021938;
}

.contenttable {
  width:100%;
}
.contenttable tbody td {
  border-bottom:1px dotted #ccd3e4;
}