html,body{ height: 100.05%; }

/* ---------------------------- LAYOUT ---------------------------- */

body { 
  color: black;
  background-color: #70748D;
  font-size: 10pt;
  font-family: Arial,Tahoma,Verdana,sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;  /* Zentrierung im Internet Explorer */  
  background: url(../images/background.png) 0px 2px;
}

div {
  /*border: solid 1px black;*/
}

/* Main container object class */
div.site {
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  margin: 0 auto 0 auto;      /* standardkonforme horizontale Zentrierung */  
  width: 920px;  
  padding: 0;  
  background: url(../images/shadow.png) repeat-y;
}

/* Main container object */
div#site {  
  
}

/* Site footer with menu bar */
div#footer {  
  z-index: 2;   
  position: relative;
  clear: both;  
}

/* Site header */
div#header {    
  margin: 0 10px 0 10px;
  text-align: right;  
  height: 150px;  
  width: 900px;
  background: url(../images/header.png) no-repeat;  
  z-index: 1;
}

/* The section image in the left box */
div#section_image {    
  float: left;
  /*margin: 0 10px 0 10px;*/
  width: 200px;
  height: 272px;
  padding: 0;  
  overflow: hidden;
  z-index: 1;
  position: relative;
  left: 10px;
}

/* The mosaic below the bottom menu bar */
div#mosaic_bottom {  
  margin: 0 10px 0 10px;
  padding: 0;
  height: 50px;
  background: white url(../images/footer.png) no-repeat top right;
}

/* The nice circles which lie behind the content just over the bottom menu bar */
div#circles {    
  background: url(../images/circles-content.png) no-repeat bottom right;
  width: 900px;
  height: 97px;
  position: relative;
  top: -253px;
}


/* ---------------------------- MENUS ---------------------------- */

/* Global menu settings */
div.menu {
  height: 28px;  
  z-index: 100;
}

/* The top-right menu */
div#menu_top {
  padding: 7px;
  text-align: right;  
  font-size: 8pt;  
}

/* Language menu top right */
div#menu_language {  
  float: right;
  clear: both;
  padding: 7px;
  padding-left: 0;
  text-align: right;  
}

/* Username style top right */
div#username {  
  padding-right: 7px;  
  clear: right;
  text-align: right;  
  font-size: 8pt;
  float: right;  
}

/* Logo-link top right */
div#logolink {  
  padding: 0px;
  margin: 0px;  
  top: 110px;
  left: 700px;
  position: relative;
  width: 200px;
  height: 66px;  
  float: left;
  z-index: 2;
  text-align: center;  
}

/* The main menu */
div#menu_main {
  margin: 0 10px 0 10px;
  text-align: left;    
  background: url(../images/menubar_top.gif);
}

div#menu_main_container {
  padding-left: 202px;
  padding-top: 3px;
}

div#menu_bottom_container {        
  padding-top: 7px;    
}

/* The breadcrump menu */
div#menu_location {
  margin: 0 10px -10px 210px;
  padding: 10px; 
  font-size: 8pt;
  text-align: right;
  color: #4a5665; 
  font-weight: bold;
  clear: right;
}

/* Bottom menu */
div#menu_bottom {  
  margin: 0 10px 0 10px;  
  text-align: right;
  font-size: 8pt;
  background: url(../images/menubar_bottom.gif);  
}

/* Content box which holds the primary page content */
div#content {    
  margin: 0 10px 0 210px;
  padding: 40px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 0;  
  z-index: 1;    
  min-height: 500px;
  height: auto !important;	
  height: 500px;	  
}


/* ---------------------------- CONTENT GENERAL ---------------------------- */

/* 
 *  >>> Links
**/

a,
a:link,
a:visited,
a:active,
a:focus {
  text-decoration:none;
  font-weight:bold;
  color: #a4b1c0;
}

a:hover {
  color: #c4d3e5;
}

.bodytext a,
.news-list-container a,
.news-latest-container a,
.sitemap a,
li a,
.bodytext a:link,
.news-list-container a:link,
.news-latest-container a:link,
.sitemap a:link,
li a:link,
.bodytext a:active,
.news-list-container a:active,
.news-latest-container a:active,
.sitemap a:active,
li a:active,
.bodytext a:focus,
.news-list-container a:focus,
.news-latest-container a:focus,
.sitemap a:focus,
li a:focus,
.bodytext a:visited,
.news-list-container a:visited,
.news-latest-container a:visited,
.sitemap a:visited,
li a:visited {
  color: #5c96e3;  
}

.bodytext a:hover,
.news-list-container a:hover,
.news-latest-container a:hover,
.sitemap a:hover,
li a:hover {
  color: #a1c0ee;      
}

/* 
 *  >>> Headers
**/

h1, h2, h3, h4 {
  padding: 0;
  margin-top: 2em;  
  font-family: Arial,Verdana,Tahoma,sans-serif;
}

h1 {
  font-weight: bold;
  font-size: 12pt;          
}

h2 {
  font-weight: bold;
  font-size: 11pt;
}

h3 {
  font-weight: bold;
  font-size: 10pt;
}

h4 {
  font-weight: bold;
  font-size: 8pt;
}


/* 
 *  >>> Tables
**/

table {
  font-size: 8pt;
  font-family: Tahoma,Verdana,sans-serif;
}


/* 
 *  >>> Lists
**/

li {
  margin-top: 2px;
}

ul {
  list-style-image: url(../images/list-bullet-1.gif);  
}

ul ul {
  list-style-image: url(../images/list-bullet-2.gif);  
}


/* ---------------------------- CONTENT SPECIAL ---------------------------- */

/* 
 *  >>> Sitemap
**/

.sitemap {
  font-size: 9pt;       
}

.sitemap li{  
  margin: 2px;  
}


/* 
 *  >>> Mailform
**/

.csc-mailform {
  border: 0px;       
}

#mailform input, #mailform textarea {  
  position: relative;
  margin: 2px; 
  left: 75px;  
  display: block;
  border: 1px solid #a4b1c0;
  padding: 2px;
  background: ;   
}

#mailform label {
  float: left;
  display: block;
  width: 75px;
  clear: both;
}


/* 
 *  >>> Heads&Minds
**/

table.heads-and-minds {
  width: 100%;
}

table.heads-and-minds .tr-0 {
  font-weight: bold;
  font-size: 10pt;
}

table.heads-and-minds a,
table.heads-and-minds a:link,
table.heads-and-minds a:active,
table.heads-and-minds a:focus,
table.heads-and-minds a:visited
{
  color: #5c96e3;  
}

table.heads-and-minds a:hover {
  color: #a1c0ee;      
}