/* 
 * Style template for HUStylesheets v.2006
 *
 * Original by: Thiemo Gerlach (2006/01/14)
 *
 * modified by: Michael Hildebrandt (2011/11/23)
 *
 * TODO: This style needs a cleanup.
 *
*/

/*** main content ***/
html {
	height: 100%;
}

body {
	background-color: 	#EAEAEA; 
    font-family: 		verdana, arial, helvetica, sans-serif; 
    font-size: 			1.0em;
	margin-top: 		1.0em;
	height: 			100%;
	
	/* ugly patch to get the IE to center the site content. */
	text-align:			center;

}

/*** headings ***/
h1, h2, h3, h4, h5, h6 { 
    font-family: verdana, helvetica, arial, sans-serif; 
    color: #003366; 
}

h1 { font-size: 2.0em; }

h2 { font-size: 1.6em; }

h3 { font-size: 1.4em; }

h4 { font-size: 1.2em; }

h5, h6 { font-size: 1.0em; }


/*** lists & tables ***/

ul { 
    list-style-type: square; 
	text-align:left;
}

ul ul { 
    list-style-type : circle; 
}

ol { 
    
}

dl, dd, dt, td, th {
    font-size: 0.90em;
}

th, td {
    min-height: 17px;
    height: auto;
	text-align:justify;
}

/*** Text, Paragraphes, Container ***/
p, span, blockquote, div, nobr, input, center {
    font-family: verdana, helvetica, arial, sans-serif;
	text-align:justify;
}

/** Monospace Text **/
tt, pre { font-family: monospace; font-size: 1.0em; }


/*** Links ***/
a { 
    font-family: verdana, helvetica, arial, sans-serif; 
    text-decoration: none;
}

a:link { color : #003366;}
a:active { color : #003366; }
a:visited { color : #003366;; }


/*** Lines ***/
hr { height : 1px; }

/*** accentuations ***/
strong {font-family: verdana, helvetica, arial, sans-serif; }

/** addresses **/
address, em {
    font-style: normal; 
    font-size: x-small; 
    font-family: verdana, helvetica, arial, sans-serif; 
}

/*** Own classes ***/
.kopf {
    text-align: right; 
    font-size: x-small; 
    font-family: verdana, helvetica, arial, sans-serif;
}

.fuss {
    text-align: left; 
    font-size: x-small; 
    font-family: verdana, helvetica, arial, sans-serif; 
    font-size:0.8em;
}

.wichtig {
    color: #ff0000; 
    font-family: verdana, helvetica, arial, sans-serif;
}

.klein {
    font-size: x-small; 
    font-family: verdana, helvetica, arial, sans-serif;
}

/* The table building the structure of the site. */
#mainTable {
	background-color: #FFFFFF;
	width: 950px;
	height:97%;
	
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 1em;
	
	border-color: #000000; 
	border-width: thin; 
	border-style:solid;
	
	webkit-box-shadow: 3px 3px 5px #000000;
	moz-box-shadow: 3px 3px 5px #000000;
	box-shadow: 3px 3px 5px #000000;
}

/* The table cell containing all the content. */
#main {

}

#main a:link {
	color: #003366;
	text-decoration: none;
	font-family: verdana, helvetica, arial, sans-serif;
}
#main a:hover { 
  color: #cccc00; 
  text-decoration: none; 
  font-family: verdana, helvetica, arial, sans-serif; 
}
#main a:visited {
	color: #003366;
	text-decoration: none;
	font-family: verdana, helvetica, arial, sans-serif;
}
#main a:active { 
  color: #cccc00; 
  text-decoration: none; 
  font-family: verdana, helvetica, arial, sans-serif;
}

#marginCell {
	width: 20px;
	padding-top:2.0em;
}


/******************** navigation bar (start) *******************/
#navBarCell {
	width: 240px;
	background-color: #003366;
    background-image: url(images/backgr.jpg);
    background-position: right;
    background-repeat: repeat-y;
	
	color: white;
    font-size: 0.9em;
}

#navBarCell * {
		color: white;
		text-align:center;
}

#navBarCell div.logo {
	margin: 1.5em 0;     /* upper margin should be changed */
    text-align: center;
}

#navBarCell div.logo img{
	border-width: 0;
}

#navBarCell h4.active a,
#navBarCell h4.active a:visited {
    color: #cccc00;
    font-size: 1.0em;
    font-weight: bold;
}

#navBarCell .activeItem a,
#navBarCell .activeItem a:visited {
    color: #cccc00;
    font-weight: bold;
}


#navBarCell .subItem {
    margin-left: 7px;
}

#navBarCell h4 a:hover,
#navBarCell .item a:hover,
#navBarCell .subItem a:hover,
#navBarCell .activeSubItem a:hover {
  color: #cccc00; 
}

#navBarCell .activeSubItem a,
#navBarCell .activeSubItem a:visited {
    margin-left: 7px;
    color: #cccc00;
    font-weight: bold;
}

/******************** navigation bar (end) *******************/

#header {
    margin-top: 1.0em;
    height: 140px; 
    width: 100%;
    padding-top: 0.5em;
	padding-bottom: 0.5em;
	
	text-align: center;
	font-weight:bold;
	font-size: 1.2em;
}

#header h1 {
	text-align: center;
	margin-bottom: 0px;
}
.imageContainer{ 
    float: left;
}

.headingContainer { 
    height: 100px;
    /*display: table-cell;*/
    /*vertical-align: bottom;*/
    padding-left: 12px;
}

.headingContainer h1 {
    font-size: 1.6em;
    margin-bottom: 0px;
}

.leftPadding {
    padding-left: 165px;
}

#footer {
	height: 20px;
	text-align: right;
	vertical-align:top;
	font-family: verdana, helvetica, arial, sans-serif; 
}

#footer p {
    text-align: left; 
    font-size: x-small; 
    font-family: verdana, helvetica, arial, sans-serif; 
    font-size:0.8em;
}

#footer hr {
    width: 100%; 
}

form.search {
    white-space: nowrap;
}
