/* die grundlegenden Hintergrund und Body-Formate */
body {color:black;background-color:#BBDDFF;background-image : url(../back/hg4-yin.jpg);margin:15px; padding:10px;}
body.verlauf2 {color:black;background-image : url(../back/line2.jpg);margin-left:25px; padding:15px;border: 1px red dotted;}
body.verlauf1 {color:black;background:white fixed center repeat url(../back/line2.jpg);margin-left:25px; padding:15px;border: 1px red dotted;}
body.sunrise {color:#000099;background-image : url(../back/sunrise.gif);margin:25px; padding:15px;border: 1px red dotted;}
body.sunrise2 {color:#000099;background-image : url(../back/sunrise-2.gif);margin:25px; padding:15px;border: 1px red dotted;}

.line {display:inline;}

.gold {background-color:#daa520;padding-left:5px;padding-right:5px;}
.silber {background-color:#c0c0c0;padding-left:5px;padding-right:5px;}
.kupfer {background-color:#b24422;padding-left:5px;padding-right:5px;}


form textarea input{
	color:#000000;
	background-color:#ffff00;
	font-family : sans-serif;
	border-color : maroon;
	list-style : circle outside;
	outline-color : Blue;
	outline-style : solid;
	outline-width : 1px;
	overflow : visible;}

blockquote {border:3px blue double; padding:5px;}
schriftblau {color:blue}

hr {color:yellow; height:15px;width:60%;}
li {padding-bottom:10px;}
div.text {margin:20px; font-size:100%; text-align:justify;}

.in {display:inline;}
.obenhin{vertical-align : text-top;}
.schlumpfblau{color:black;background-color:#BBDDFF;}
.gagaorange{color:black;background-color : #FFCC66;}
.hg_before{color:black;background-color:#BBDDFF;background-image : url(../back/hg-hase.jpg);margin:15px; padding:0;}
/*.hintergrund{color:black;background-color:#BBDDFF;background-image : url(../back/wolken4.jpg);margin:15px; padding:0;}*/
.hintergrund{color:black;background-color:#ffffe0;background-image : url(../back/hg4-yin.jpg);margin:15px; padding:0;}

/* und mit Rahmen */
.innen {margin:10px;padding:10px;}
                 /* Die Hintergrundfarbe ist ausgelesen aus klausbild70 !! */
.hintergrund2{color:black;background : #fdff99 url(../back/klausbild70.jpg) no-repeat fixed center;margin:0;padding:0;}
.hgk{color:black;background-color:#BBDDFF;margin:15px;padding:0;}
.hgschoen {background: url(../back/nachthimmel.jpg) fixed center center;}
.hgatom		{color:black;background-color:#55ccee;background : url(../back/atom.gif);	}
.hgbunt{background-color:#55ccee;background:url(../back/fenster511.jpg); background-repeat:repeat-x; background-position: 0% 20%; margin:0; padding:0;}

.hgleer		{color:black;background-color : #dddddd;}
.hgweiss	{color:black;background-color:#ffffff;margin:25px; padding:0; border: #555555 solid 2px;}
.hgorange	{color:black;background-color : #FFCC66;}
.hgumwelt		{background-color:#ffffee; background:url(../back/fleur_ecolabel.gif);}

body.line {
	color:black;
	background: #ffffff url(img/punkt_blau.gif);
	background-attachment: fixed;
	font-family : sans-serif;
}
body{font-family : sans-serif;}
li {padding-top:5px;}
/* grundlegende Schrift-Definitionen */
.haupttitel{color:#0033aa;background-color:#BBDDFF;font-family: sans-serif;
font-weight : bolder; text-align:center;  vertical-align:text-top;
border: thin dashed black;padding:5px;}

th, td {padding-left:10px; padding-right:10px;}

.skl{color:#000000;text-align : left; font: 70% sans-serif;background:none;}
.gr	{color:#0044AA;font : normal x-large sans-serif;letter-spacing : 2px;background:none;}
.sgr {color:#0000AA;font: bold xx-large sans-serif;background:none;}
.kl  {color:#004444;font : x-small sans-serif;border-color:#0000ff;background:none;}
.so  {color:#004444;font :x-small sans-serif;border-color:#0000ff;background:none;}
.r   {text-align: right;}
.c   {text-align:center;}
.l   {text-align:left;}
.j {text-align : justify; margin-left:20px;margin-right:20px;}
.u {text-decoration:underline;}
	/* die Definitionen der Struktur-Formate */
.aufmitte {
	vertical-align:middle;
	text-align:center;
	font-family : sans-serif;
}
.rechts{vertical-align : middle;text-align : right;}


.symb{font-style:normal;font-size:small;background:none;font-family : Symbol;}
.gelbfett {
	color:#ffff00;
	font-weight:800;
	background:none;
	font-family : sans-serif;
}
/* alle Zitate als solche definieren */
cite {color: #000000;text-align:left; font-style:italic; font-size:60%; font-family:sans-serif;background:none;}

/* die besonderen Schrtiftarten für Hervorhebung */

.blau{font-family: sans-serif;font-weight: bolder;color: #0000FF;background: #FFcc66; padding-left:5px;padding-right:5px;}
.hidden{background-color:#aaaabb;color:#444433;border-color:#885500;border-top:15px solid;border-left:15px double;border-right:15px groove;border-bottom:15px solid;font-family:fantasy;}
.rot{
	font-weight: bolder;
	color: #ff0000;
	background: #ffcc66;
	font-family : sans-serif;padding:0px;margin-top:5px;margin-bottom:5px;
}
.verstorben{color: gray;background-color:#dddddd;font-style:italic;}
.hervorheben{
	border-color:red lime;padding-left:5px; padding-right:5px;
	color:#ff3333;
	letter-spacing : 2px;
	background-color:#aaffaa;
	background-position:center;
	font-weight: 900;
	font-family : sans-serif;
}
.invers{
	color:#ffffcc;
	background-color:#330000;
	font-weight:900;
	font-family : sans-serif;
}
.grau{color: #999999;}
.golden {color:#FFFF00; background-color:#FF8040; font-weight:900;padding-left:5px;padding-right:2px;padding-bottom:2px;padding-top:2px;}

/* Die obere Navigations-Quer-Hauptzeile und wenn dann die Gesamttabelle*/
.qu {margin:2px; padding:5px; border:1px solid blue; color:#000000; text-align:center; font: 90% sans-serif; background-color:#cccccc;}
/* die Klasse sk2 stellt den Anker wie die Schrift skl dar HINTERGRUND hier QU!*/
a.sk2:link   {color: #000000;background-color :#dddddd;; font-size: 80%; font-family:sans-serif;text-decoration: underline;border:0px;margin:0px; padding:0px;}
a.sk2:visited{color: #000000;background-color :#dddddd; font-size: 80%; font-family:sans-serif;text-decoration: none;border:0px;margin:0px; padding:0px;}
a.sk2:active {color: #000000;background-color :#cccccc; font-size: 80%; font-family:sans-serif;text-decoration: overline underline;border:0px;margin:0px; padding:0px;}


table.rh {
	vertical-align:middle;
	width:95%;
	border-top:3px solid gray;
	padding:0%;
	font-family : sans-serif;
}
div.rh {
	vertical-align:middle;
	width:95%;
	border-top:3px solid gray;
	padding:0%;
	font-family : sans-serif;
}
/* Navigationszellen definieren und Struktur-Tabellen */

.kanterechts {color: #000044;background-color:#BBDDFF;text-align: center;font: 60% sans-serif}
.tablinks{
	width:130px;
	text-align:center;
	vertical-align:text-top;
	margin:0;
	padding:0;
	font-family : sans-serif;
}

table.overall{
	width: 100%;
	height: 100%;
	border-width:0px;
	text-align:center;
	margin:0;
	padding:0;
	font-family : sans-serif;
}
table.navigation{
	border-color:#ee9900;
	border-top-style:none;
	border-bottom-style:none;
	border-left-style:solid;
	border-right-style:solid;
	vertical-align : top;
	text-align : center;
	border-width : 1px;
	font-family: sans-serif;
	font-size: 90%;
	padding-bottom : 1px;
	padding-left : 1px;
	padding-right : 1px;
	padding-top : 1px;
}
td.navizelle{
	height: 20px; font-size:90%;
	text-align:center;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	font-family : sans-serif;
}
td.navihaupt{
	background-color:#BBDDFF;
	height: 20px; font-size:90%;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	color:#550022;
	margin:0px;
	padding:0px;
	font-family : sans-serif;
}
td tr table.breit{
	width : 100%;
	border-width:1px;
	font-family : sans-serif;
}
table.navquer{	background-color:#BBDDFF;color: #000000;	text-align:center;	font-size:70%;
	font-family:sans-serif;	vertical-align:middle; border:0px double #ee9900;
	 width:640px; margin:0;padding:0;}

table.lauf {
	border-color : #ffee00 #ffdd00 #ffcc00 #ffdd11;
	border-width : 3px;
	margin:0;
	padding:0;
	font-family : sans-serif;
}
table.buttons{
	border-bottom: thin dotted #00aaff;
	border-top: thin dotted #00aaff;
	margin:0;
	padding:0;
	font-family : sans-serif;
}
table.picture{
	border-color:#ffaa00;
	border-width:4px;
	vertical-align:middle;
	background-color:#cccccc;
	color:black;
	font-family : sans-serif;
}
table.eng{
	border : 0px;
	widows : inherit;
	font-family : sans-serif;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
}

.rahmen {border-width: thin; border-style:outset; border-color:red;padding:10px;}
/* insbesondere die Grafiken der Button und allgemeines PUNKT-Design */
img.click{width: 20px; height:20px; border-width:0px;background-color:#BBDDFF; border-color:#ee9900;}
img.pfeil{width:130px; height:20px; border-width:0px; border-color:#ee9900; margin:0px;padding:0px;}

img.pfeil1{width:90px; height:20px; border-width:0px; border-color:#ee9900; margin:0px;padding:0px;}
img.punkt{width:20px;height:20px;vertical-align: middle;margin:0px;padding:0px;border-width : 0px;}
img.punkt1{width:10px;height:10px;vertical-align: middle;margin:0px;padding:0px;border-width : 0px;}

/* spezifische Formatdefinition der Visitenkarten-Grafiken */
img.vis {width:150px;height:100px;border-width:1px;margin:2px;background-color : #55ccee;color:black}
img.vis2{width:250px;height:120px;border-width:1px;margin:2px;background-color : #55ccee;}
img.blabla {border-color:#0000ff;border-style:solid double solid dotted;border-width:3px 6px 3px 6px;vertical-align:middle;margin:15px 15px 0px 0px;}

.zabstand{line-height:150%;}
.fest{font-family: Courier, monospace;}
.over{text-decoration: overline;}
.heller{color:#224466;font-weight: bold; background-color:#BBDDFF;}
.uline {border-color:#666699;border-style: solid;border-width:2px;}
.bildmit{height:125px;border:1px;text-align:center;vertical-align:middle;
	display:block;font: normal 10px Arial, Helvetica, sans-serif;color: #0000ee;background-color:#BBDDFF;}
.formtex{font-family : monospace;font-size : 80%;}
.ohnerand{border:0;margin:0;padding:0;border-style:hidden;}

/* Link spezifizieren */
a:link {text-decoration: none; border-bottom:1px red groove;background-color:#ffffe0;}
a:visited {text-decoration: none; border-bottom:1px red dotted;background-color:#ffffe0;}
a:active {text-decoration: none; border:1px red dashed;color:black;background-color:#ffffe0;}
a:hover {text-decoration: none; border:1px red dashed;color:black;background-color:#ffffe0;}

a.link:link {text-decoration: none; border-bottom:1px red groove;background-color:#ffffe0;}
a.link:visited {text-decoration: none; border-bottom:1px red dotted;background-color:#ffffe0;}
a.link:active {text-decoration: none; border:1px red dashed;color:black;background-color:#ffffe0;}
a.link:hover {text-decoration: none; border:1px red dashed;color:black;background-color:#ffffe0;}

a.blau:link {color:white; background-color:#FFFFE0;text-decoration: none; font-weight:500;}
a.blau:visited {color:white;background-color:blue; text-decoration: none; font-weight:500;}
a.blau:active {color:white; background-color:orange;text-decoration: underline; font-weight:500;}
a.blau:hover {color:black; background-color: #FFCC66;border:1px solid #0099ff; font-weight:500;}
/* erstens der nach oben link */
a.oben:link{background-color:#aa0000;color:#00ff00;text-decoration: overline underline;
	font-family: monospace; word-spacing:5px; text-align:right; right:50px;}
a.oben:visited{background-color:#aa0000;	color:#00ff00;	text-decoration: overline underline;
	font-family: monospace;	word-spacing:5px; text-align:right;right:50px;}
a.oben:active{	background-color:#aa0000;color:#00ff00;	text-decoration: overline underline;
	font-family: monospace;	word-spacing:5px; text-align:right;right:50px;}

/* der Link vor gelbem Hintergrund */
a.gelb:link{color: #222200;background-color:#FFCC66;text-decoration: underline;
	font-family: monospace;	word-spacing:5px; text-align:right;}
a.gelb:visited{color: #555500;	background-color:#FFCC66;	text-decoration: overline;
	font-family: monospace;	word-spacing:5px; text-align:right;}

/* die Klasse skl stellt den Anker wie die Schrift skl dar HINTERGRUND weiss*/
a.sk3:link   {color: #000099;background-color : #ffffff; font-size: 90%; font-family:sans-serif;text-decoration: none;border:0px;margin:0px; padding:0px;}
a.sk3:visited{color: #000099;background-color : #ffffff; font-size: 90%; font-family:sans-serif;text-decoration: none;border:0px;margin:0px; padding:0px;}
a.sk3:active {color: #555555;background-color : #ffffff; font-size: 90%; font-family:sans-serif;text-decoration: overline underline;border:0px;margin:0px; padding:0px;}

/* die Klasse so2 stellt den Anker wie die Schrift skl dar HINTERGRUND weiss*/
a.so2:link   {color: #000099;background-color : #ffffff; font-size: 90%; font-family:sans-serif;text-decoration: none;border:1px;margin:0px; padding:0px;}
a.so2:visited{color: #000099;background-color : #ffffff; font-size: 90%; font-family:sans-serif;text-decoration: none;border:1px;margin:0px; padding:0px;}
a.so2:active {color: #ff0000;background-color : #ffffff; font-size: 90%; font-family:sans-serif;text-decoration: overline underline;border:1px;margin:0px; padding:0px;}
/* plus */
.so2{color:black;background-color : #ffffff; font-size: 90%; font-family:sans-serif;text-decoration: none;border:2px;margin:0px; padding:0px; border-style:dashed;border-color:black;}

/*zum besseren Erkennen der LINKS da diese teilweise versteckt sind */
A:hover	{background-color: #FFCC66;border:1px solid #0099ff;}

/* untergeordnete Hintergrund-Definitionen für die Übungsbeispiele definiert */

.klar{color:black;background-color:#55ccee;background-image : url(../back/sunset_streifen.jpg);background-attachment : fixed;background-position : 50%;background-repeat : repeat-x;}
.bleu{color:#ffffff;font-weight:800;background-color:#cccccc;background-image : url(../back/blau.jpg);background-attachment : fixed;background-position : 50%;background-repeat : repeat-x;}
.gren{color:black;background-color:#cccccc;background-image : url(../back/green.jpg);background-attachment : fixed;}
.robl{color:black;background-color:#cccccc;background-image : url(../back/robl.jpg);background-attachment : fixed;background-position : 50%;background-repeat : repeat-x;}
.loch{color:black;background-color:#cccccc;background-image : url(../back/loch.jpg);background-attachment : fixed;background-position : 50%;background-repeat : repeat-x;}

/* die Elemente der besonderen Passwortverschlüsselung zum Lebenslauf */
.pass{
	color:#ff0000;
	text-decoration:none;
	font-weight: bolder;
	text-align:center;
	vertical-align:bottom;
	margin:0px;
	padding:0px;
	letter-spacing:1px;
	background-color:#55ccee;
	height:25px;
	font-family : sans-serif;
}

a.pas:link{
	color:#ff0000;
	text-decoration:none;
	font-weight: bolder;
	text-align:center;
	vertical-align:bottom;
	margin:0px;
	padding:0px;
	letter-spacing:1px;
	background-color:#55ccee;
	height:25px;
	font-family : sans-serif;
}
a.pas:visited{
	color:#ff0000;
	text-decoration:none;
	font-weight: bolder;
	text-align:center;
	vertical-align:bottom;
	margin:0px;
	padding:0px;
	letter-spacing:1px;
	background-color:#55ccee;
	height:25px;
	font-family : sans-serif;
}
a.pas:active{
	color:#ff0000;
	text-decoration:none;
	font-weight: bolder;
	text-align:center;
	vertical-align:bottom;
	margin:0px;
	padding:0px;
	letter-spacing:1px;
	background-color:#55ccee;
	height:25px;
	font-family : sans-serif;
}
img {margin:15px;}

img.finf {width:150px;height:1px;}
img.vier {width:190px;height:1px;}
img.drei {width:200px;height:1px;}
img.zwei {width:350px;height:1px;}
.bildrechts{float:right;padding-left:5px;border:5px groove #bbbbbb;}
.bildlinks{float:left; padding-right:5px;border:5px groove #bbbbbb;}