*		{
		margin: 0;
		padding: 0;
		border: 0;
		
		}
		
html {
		scrollbar-base-color : #8dadd6; 
		scrollbar-arrow-color : #fff;		
		
		}


/* der foldende CSS Code erzwingt einen Scrollbalken im FF */
#scrollbar {
		 display: none;
		}
		
		html>body #scrollbar {
		 position: absolute;
		 z-index: 1;
		 bottom: -1px;
		 left: 0;
		 width: 1px;
		 height: 1px;
		 display: block;
		 font-size: 0;
		}

/*Scrollbalken ENDE */

body {
		
		font: 70% verdana, hevetica, sans-serif;
		color: #0073d4;
		background: url(../images/bg.jpg) repeat-x;
		background-color: #fff;
		line-height: 1.5em;
		
		
}



a {
		color: #0090d4;
}

a:hover {
		text-decoration: none;
		background-color: #d9e3f1;
}

a:visited {
		color: #333;
		text-decoration: none;
		border-bottom: 1px solid;
		
}

h3 		{
		font-size: 130%;
		font-weight: bold;
		margin-bottom: 15px;
}

p {
		margin-bottom: 25px;
}


	
#container {
		margin: 5px auto;
		width: 762px;
		text-align: left;
		position: relative; /*der container erhält position relative damit nav mit position absolut angehängt werden kann (also die Position hält)*/
		background-color: #fff;
		border: #fff 1px solid;s
}	

#logo {
		padding-top: 30px;
		padding-left: 15px;
}

#logo a{
		color: fff;
}

#logo a:hover {
		background-color: transparent;
}

#logo a:visited {
		border-bottom: 0px;
}


#header {
		height: 149px;
		background: url(../images/header.jpg) no-repeat;
}


		
#nav {
		position: absolute;
		top:69px;
		left:145px;
		list-style: none;
		
}

#nav li {
		float:left;
		padding-right: 20px;
}

*html #nav li {
		padding-right: 2px;
}


#nav li a {
		float: left;
}

#nav li a:visited {
		border-bottom: none;
}

#nav li a:hover {
		padding-bottom: 8px;
		border-bottom: #0090d4 7px solid;
		background-color: transparent;
	
	/* #nav li a wurde vor a:hover beschrieben. 
	hover braucht den vorangegangenen a befehl.
	Nur so läufts */
	
}



#conbg {float: left;
		margin-bottom: 40px; /* hält den Abstand der Linie zum footer ::: IM IE ENTSTEHT UNTER DEM FOOTER EIN RAND??? Lösung: left floaten, weil sublink und content auch left gefloatet sind. Außerdem ist left floaten immer toll */
		background-image: url(../images/conbg.gif);
		background-repeat: repeat-y;
}

#sublink {
		float: left;
		width: 180px;
		
		}
		
#sublink ul {float: left;
			margin-left: 15px;
			display: inline;
			list-style: none;
}


#sublink ul li {clear: left;
			float: left;
			padding-left: 15px;
			background: url(../images/pfeil.gif) 0px 5px no-repeat;
}

#sublink ul li a {
			float: left;
			
			text-decoration: none;
				}
				
*html ul li a {
			margin-left: 15px;
			}
				
#sublink ul li a:visited {
			border-bottom: 0px
				}
				
#sublink ul li ul {
			clear: left;
			float: left;
			margin: 0px; 
			}	
			
#sublink ul li ul li {
			clear: left;
			float: left;
			background: none;
			padding-left: 0px;
			}			
		
#sublink img {
		margin-left: 15px;
		margin-bottom: 20px;
}

*html #sublink li {
		padding-left:0px;
}

#search {
		
		float: left;
		margin: 20px 0 0 15px;
		display: inline;
		
}

#search input {
		
		margin-right: 5px;
		
}	

	

#content {
		float: left;
		width: 550px;
		margin-left: 32px;
		
}

#content li {
		margin-left: 50px;
}

		
#footer	
	 	{
		clear: both;
		text-align: right;
		padding-right: 20px;
		font-size: 80%;
		background-color: #0090d4;
		color: #fff;
		border-bottom: #fff 1px solid;
		
		
	}

/* Jetzt folgen Auszeichunung außerhalb von "BaseCSS"
1. index Seite ohne sublink Bereich und mittigem Bild: */

#indexcontent {
		color: #666;
		margin-left: 120px;
		margin-bottom: 200px;
}

/* 2. hier für sublink in training.html */



#sublink .selected {
		background: url(../images/pfeil_u.gif) 0px 5px no-repeat;
}

hr{
		 border: 0px; /* Für Firefox und Opera */
		 border-top: solid 1px #154789;
		 border-bottom: solid 1px #fff; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

td {
		border: solid 0px #00387b;
		padding-left: 5px;
		padding-right: 5px;
		
}

tr.fett {
		font-weight: bold
}