﻿body {
  padding: 0px;
  margin: 0px;
  background-color: #E0ECFC;
  background-repeat: repeat-x;
  background-image: url('http://www.eulanda.de/images/home-verlauf-dunkel.jpg');
  font-family: Verdana, Arial, sans-serif;
}

/* --------------- Standard Schrift Formatierung  --------------------- */

td {
  font-size: 9pt;
  line-height: 150%;
 }

li {
  font-size: 9pt;
  line-height: 150%;
 }

p {
  font-size: 9pt;
  line-height: 150%;
 }

h6 {
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  line-height: 120%;
}

h5 {
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  line-height: 120%;
}

h4 {
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  line-height: 120%;
}

h3 {
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  line-height: 120%;
  margin-top: 50px;
}

h2 {
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  line-height: 120%;
}

h1 {
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  line-height: 120%;
}

h3 {
  color: #060; 
  border: none; 
  padding: 0px;
}

h2 {
  color: #060; 
  border: none; 
  padding: 0px;
}

h1 {
  color: #060; 
  border: none; 
  padding: 0px;
}

h3 a {
  color: #060; 
  border: none; 
  padding: 0px;
}

h2 a {
  color: #060; 
  border: none; 
  padding: 0px;
}

h1 a {
  color: #060; 
  border: none; 
  padding: 0px;
}

h6 {
  color: black;
  border: none;	
  padding: 0;			
}

h5 {
  color: black;
  border: none;	
  padding: 0;			
}

h4 {
  color: black;
  border: none;	
  padding: 0;			
}

h4 a {
  color: black;
  border: none;	
  padding: 0;			
}

h4 a:hover {
  border: none; 
  padding: 0px;
}

h3 a:hover {
  border: none; 
  padding: 0px;
}

h2 a:hover {
  border: none; 
  padding: 0px;
}

h1 a:hover {
  border: none; 
  padding: 0px;
}

h1 { font-size: 1.7em; 
}

h3 {
  border-bottom: 2px solid #52AAC6;
  padding: 5px; 
}

h2 {
  border-bottom: 2px solid #52AAC6;
  padding: 5px; 
}

q {
  font-style: italic;   
  color: #A52A2A;
  quotes:"\201E" "\201C";
}

/* --------------- Bilder --------------------- */

img{
	border: 0px;			
	background-color:transparent;
}

.imgSubtitle {
  font-size: 0.8em;
  font-style: italic;
  color: #666;
  margin-bottom: 10px;
}


/* --------------- spezielle DRUCK-Formatierungen   --------------------- */

@media print {
  body { background-color: white; 
  background-image: none;
  }
  
  table { border: 1px solid black; border-collapse: collapse; }
  table th { border: 1px solid gray; -moz-border-radius: 3px;}

  table td { border: 1px solid gray; -moz-border-radius: 3px;}

}

/* --------------- Links   --------------------- */


a {
  color: #222288;
  border-bottom: 1px dotted #C6C6FF;
  border-left: 1px dotted #D7D7FF;
  text-decoration: none;
  padding-left:2px;
}

a:hover {
  background-color: #ff7;
  border-bottom: 1px solid blue;
  border-left: 1px solid blue;
  color: #222288;
}

a.imgLink {
	border: none;			
}
a.imgLink:hover {
	border: none;	
	background-color: transparent;
}

a.imgLink:hover img {
	opacity: 0.90;			
	outline: #F8BC00 dashed 2px;
	
}



/* --------------- Quelltext  --------------------- */

code  {
	background-color: #FFFEF2;
	font-family: "Courier New", Courier, Monospace;
	font-size: 8pt;
	padding: 3px;
	margin-left: 1px;
	margin-right: 20px;
	margin-top: 4px;
	margin-bottom: 8px;
}

pre  {
	background-color: #FFFEF2;
	font-family: "Courier New", Courier, Monospace;
	font-size: 8pt;
	padding: 3px;
	margin-left: 1px;
	margin-right: 20px;
	margin-top: 4px;
	margin-bottom: 8px;
}

samp  {
	background-color: #FFFEF2;
	font-family: "Courier New", Courier, Monospace;
	font-size: 8pt;
	padding: 3px;
	margin-left: 1px;
	margin-right: 20px;
	margin-top: 4px;
	margin-bottom: 8px;
}

/* --------------- Tastenkombinationen --------------------- */

kbd {
font-variant: small-caps;
				font-family: "Courier New", Courier, Monospace; font-weight:bold; font-size:120%;

				border: 1px solid #DDDDDD; 
				border-bottom-color: #BBB; 
  border-right-color: #BBB; 
				padding: 0px 3px;
				background-color: #EEEEEE;
}

.key {
font-variant: small-caps;
				font-family: "Courier New", Courier, Monospace; font-weight:bold; font-size:120%;

				border: 1px solid #DDDDDD; 
				border-bottom-color: #BBB; 
  border-right-color: #BBB; 
				padding: 0px 3px;
				background-color: #EEEEEE;
}

/* --------------- Spezialauszeichnungen --------------------- */

.filename {
  font-family: "Courier New", Courier, Monospace; font-style:italic;
  font-style: italic; font-size: 120%;
font-variant: small-caps;

}

.menuitems {
  font-weight: bold;
}


/* --------------- Blöcke, die speziell hervorgehoben werden sollen --------------------- */

.showmessage {
	background-color: #FFFEF2;
	margin-left: 0;
	margin-right: 0;
	margin-top: 4px;
	margin-bottom: 8px;
	padding: 3px;
}

.hinweis {
	background-color: #FFFEF2;
	border: 2px dashed #52AAC6;
	margin-left: 1px;
	margin-right: 20px;
	margin-top: 4px;
	margin-bottom: 8px;
	padding: 4px 6px;
}

.hinweis:first-line {
  font-weight: bold;
}

.hinweis u {
	background-color: yellow;
	text-decoration: none;
}

.Stichworte {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	COLOR: #000000;
	FONT-SIZE: 10px;
	
}

.keywords {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	COLOR: #000000;
	FONT-SIZE: 10px;
	
}

/* ***********************************************
** normale Tabellen
*/

table {
  margin-top: 20px;
  background-color: white;
  padding: 2px;
  border-spacing: 4px;
}

table th {
  background-color: #52AAC6; /*#F8BC00;*/
  text-align: left;
   vertical-align: top;
  font-size: 0.8em;
  padding: 2px 6px;

  }

table td {
  padding: 2px 6px; 
  background-color: #eee;
  vertical-align: top;
}

table tbody th {
  background-color: #ccc;
}

th > p {
  padding: 0; margin: 0;
}


td > p {
  padding: 0; margin: 0;
}

td > p + p {
  margin-top: 5px;
}


/* ***********************************************
** Legacy-Tabelle
** gliedert mehrere Textblöcke gleichmäßig (normalerweise zwei Spalten
*/


.legacyTable {
  margin: 0;
  background-color: inherit;
  padding: 2px;
  border-spacing: 0px;
}

.legacyTable th {
  background-color: inherit;
  text-align: left;

  }

.legacyTable td {
 padding: 3px; background-color: inherit;
}


/* ***********************************************
** Layout-Tabelle
** gliedert mehrere Textblöcke gleichmäßig (normalerweise zwei Spalten
** (cn) habe border-spacing von 8 auf 2 gesetzt...
*/

.topicTable {
  margin-top: 20px;
  background-color: white;
  padding: 4px;
  border-spacing: 8px;
}

.topicTable td {
  padding: 8px; background-color: #eee;
}

.topicTable td h3 {
  
  padding-left: 10px;
  margin: 0px;
  margin-right: 3px;
  border-left: 30px solid #F8BC00;
  border-bottom-color: #F8BC00;
  background-color: white;
  color: #52AAC6;

}


/* ***********************************************
** Source-Code  / Quelltext
** 
*/

pre.source-code { border: 1px solid #666; padding: 7px 7px 7px 15px }


.vbscript-comment {
  color: blue;
  font-style: italic;   
  }

.vbscript-reservedword {
  font-weight: bold;
  }

.vbscript-string {
  color: green;
}

/* --------------- unsortiert  --------------------- */

/*
.homeItem {
  border: 0; 
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 200px;
  clear: left;
  height: 100px;

}


.inhalt {
	background-color: #FFFEF2;
	width: 400px;
	border: 2px dotted #52AAC6;
	margin-top: 4px;
	margin-bottom: 8px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 10px;
	padding-bottom: 3px;
}
.inhaltsmal {
	background-color: #FFFEF2;
	width: 340px;
	border: 2px dotted #52AAC6;
	margin-top: 4px;
	margin-bottom: 8px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 10px;
	padding-bottom: 3px;
}


.kopfzeile {
	text-align: right;
	margin-right: 25px;
}

.CHMkopfzeile {
	text-align: right;
	width: 500px;
	border-bottom-style: solid;
	margin-right: 10px;
	border-bottom-color: #52AAC6;
	border-bottom: 2px solid #52AAC6;
}
.button a {
	background-color: blue;
	width: 140px;
	line-height: 100%;
	border-style: outset;
	margin-top: -3px;
	margin-bottom: -3px;
}
.button a:hover {
	background-color: green;
}



.formInput {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	COLOR: #000000;
	FONT-SIZE: 10px;
	
}

*/

/* (mn) 13.04.11 - new Selectors IE9 and Opera */
::selection { background-color: yellow; color: black; outline: orange solid 2px }


