/* a fullpage body without borders */
html,body { 
  margin:0px;
  padding:0px;
  font-size:10pt;
  width:100%;
  height:100%;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #C1C3B9;
}


p { 
    text-align:justify;
}

/* wrapper to center content if window is too wide */
/* 870: width of top picture  */
div#page-wrapper {
    position:relative;
/*
    margin-left:auto;
    margin-right:auto;
*/    
    top:0px;
    width:870px;
    height:100%;
}

/* this holds the picture and has to be sized accordingly: */
div#page-header {
    left:0px;
    width:870px;
    height:205px;
    top:0px;
    position:absolute;
}

/* holds the 2 or 3 columns*/
div#columns {
	width:870px;
	position:relative;
	top:205px;
	background-color: #C1C3B9;
}

div#page-menu {
	position:absolute;
	top:0px;
	left:0px;
	width:125px;
	padding-top:0px;
/*	background-color: #C1C3B9; */
        font-size:0.8em;
        font-weight:bold;
}

div#inner-page-menu {
	margin-left:1ex;
}

div#page-content {
	width: 745px;
	position: static;
	margin-top: 0px;
	margin-left: 125px;
	background-color: #FFF;
/*	padding: 0px; */
}

div#inner-page-content {
	padding:10px;
        min-height: 100%; /* Mindesthöhe für moderne Browser */
        height:auto !important; /* Important Regel für moderne Browser */
        height:100%; /* Mindesthöhe für den IE */
        overflow: hidden !important; /* FF Scroll-leiste */ 	
}

div#side2 {
        position:absolute;
        width:10px;
        background-color: RED;
        left: 600px;
        top: 0px;
}

div#foot {
        background-color: #C1C3B9;
	width: 870px;
	clear: both;
	position: relative;
	margin-top: 205px;
}
.clear {
	clear:both;
}

div.subnavbar {
  margin-left:1.5ex;
}


/* the top-table that spans the whole page */ 
table.top { 
       height:100%;
       width: 100%;
       border: 0px;
       margin: 0px;
}

/* subscript and superscript */
sup,sub {
  font-size:60%;
}

td.top { padding-left:1em; padding-right:1em; }

td.content { padding: 0pt; }

p.remark { font-size:0.7em; }

.caption {
       margin-top:0.5ex;
       margin-bottom:0.5ex;
       font-style:italic;
}

.centered_caption {
       text-align:center;
       margin-top:0.5ex;
       margin-bottom:0.5ex;
       font-style:italic;
}

/* links in general */
A {    
/*       text-decoration:none; */
/*       font-style:italic; */
       color:black;
}

A:link {
       color:#6060c0;
       color:black;
}
/*
A:visited {
       color:#6060c0;
}
*/
A:hover {
       color:#ff0000;
/*       color:#eee; */
}

A:active { 
       color:#f00;
}


/* navbar entries */
/* text */
.navbar {
       text-decoration:none;
       text-align:left;
       color: #6060C0;
       color: black;
       max-width:125px;
}

.navbar_s {
       text-decoration:none;
       text-align:left;
       color:#f00;
       color:#bbb;
       color:#eee;
}

.navbar_ss {
       text-decoration:none;
       text-align:left;
       color:#f00;
       color:#bbb;
       color:#eee;
}

.subnavbar {
       text-align:left;
       margin-top:0.3ex;
       margin-bottom:0.3ex;
       color:#6060C0;
}

.subnavbar_s {
       text-align:left;
       margin-top:0.3ex;
       margin-bottom:0.3ex;
       color:#F00;
       color:#bbb;
       color:#eee;
}

.subnavbar_ss {
       text-align:left;
       margin-top:0.3ex;
       margin-bottom:0.3ex;
       color:#F00;
       color:#bbb;
       color:#eee;
}

img.left {
    float:left; 
    margin-right:10px;
    margin-bottom:10px;
}



.left {
    float:left; 
    margin-right:10px;
    margin-bottom:10px;
}

.right {
    float:right; 
    margin-left:10px;
    margin-bottom:10px;
}

img.right {
    float:right; 
    margin-left:10px;
    margin-bottom:10px;
}

h4.news {
    margin-bottom:0em;
}