/* 
--------------------------------------------------------------------------------
css screen definitions                                                          
--------------------------------------------------------------------------------
*/


/* standard html elements */
body {
  padding:0px;
  padding-top:15px;
	text-align:center;
  font-family: Arial, sans-serif;
  font-size: 13px;
  color:#000000;
  background-color:#ffffff;
  line-height:1.5em;
}

h1 {
  font-family:  Arial, sans-serif;
  font-weight:bold;
  font-size: 1.8em; 
  padding-top: 0.5em;
  padding-bottom: 2em;
  color:#661111;
  
}

h2 {  
  font-family:  Arial, sans-serif;
  font-weight:bold;
  font-size:  1.4em;
  padding-top: 1em;
  color:#661111;
}


h3 { 
  font-family: Arial, sans-serif;
  font-weight:bold;
  font-size: 1.2em;
}


caption {
  font-family: Arial, sans-serif;
  font-style:italic;
  font-size: 1em;
  margin-bottom:1.2em;
}

#logo {
  text-align:right;
}

/* the div element to encapsulate all content */
#mainframe {
	width:700px;
  max-width:700px;
	margin:0px auto;
	text-align:left;
	padding:1.3em;
  background-color:#ffffff;
  z-index:0;
}


/* the sitemenu */
#siteheader {
  z-index:1;
  margin:1px auto;
	text-align:left;
}

#sitemenu a, #sitemenu a:link, #sitemenu a:visited  {
  font-family:  Arial, sans-serif;
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
  border: 1px solid #AAAAAA;
  padding-left:20px;
  padding-right:20px;
  color:#661111;
}

#sitemenu a:hover {
  background-color:#EEEEEE;
  /*border: 1px dotted #661111;*/
}

#sitemenu a:active, #sitemenu a:focus {
  color:#993300;
}




/* the breadcrumbs */
#breadcrumb {
  font-family: Arial, sans-serif;
  font-size:11px;
  border: 1px solid #aaaaaa;
  background-color:#eeeeee;
  padding-left:20px;
}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {
  font-family: Arial, sans-serif;
  font-size:11px;
  margin-right:4px;
  margin-left:4px;
  text-decoration:none;
  color:#661111;
}

#breadcrumb a:hover, #sitemenu a:active, #sitemenu a:focus {
  text-decoration:none;
  color:#993300;
}


/* the sitecontent */
#sitecontent {
  padding-left:15px;
  padding-right:15px;
  padding-bottom:20px;
  text-align: justify;
  overflow:auto;
  margin-top:5px;
  border-bottom: 1px solid #aaaaaa;
  z-index:2;
  min-height:530px;
}


/* tabelle */
#sitecontent table {
  margin:10px;
  text-align:justify;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height:150%;
  width: 640px;
  color:#000000;
  border-collapse:collapse;
}

#sitecontent table td {
  vertical-align:top;
  padding:5px;
  border: 1px solid #aaaaaa;
}

/* der Tabellenkopf */
thead {
  font-weight:bold;
  text-align:center;
}

.tablehead2 {
  font-weight:bold;
  text-align:left;
}

.tablehead3 {
  width:20%;
  font-weight:bold;
  text-align:right;
}

/* Spalte besonderem Inhalt */
.emcoloumn {
  text-align:center;
}

/* content div element */
#sitecontent a {
  padding:0px;
	text-align:center;
  text-decoration: underline;
  font-size: 12px;
  color:#661111;
}


/* functions at top of each page*/
#sitefunctions {
  text-align:right;
}

#sitefunctions a {
  font-size:11px;
  text-decoration:none;
  padding-left:2px;
  padding-right:2px;
}


/* lists */
ul {
  margin-top:10px;
  list-style-type:disc;
  list-style-position:outside;
}

ol.a {
  margin-top:10px;
  list-style-type:lower-alpha;
  list-style-position:outside;
}

ol.d {
  margin-top:10px;
  list-style-type:decimal;
  list-style-position:outside;
}

a img {   
  border:0px;
}

.contentlist {
  /*border: 1px solid #aaaaaa;*/
  margin-bottom:50px;
  margin-top:10px;
  list-style-type:none;
  list-style-position:outside;
}

/* paragraphs to center images */
p.imgcontainer {
  margin: 2em;
  text-align: center; 
}

p.imgcontainer img {
  border: 0px;
  width:30%;
}

/* -------------------------------------------------------------------------- */
/* the footer */
#sitefooter {
  font-size:11px;
  text-align:right;
  padding: 3px;
}
