*		{
		margin: 0;
		padding: 0;
		border: 0;

		}

html {
		scrollbar-base-color : #ff9900;
		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: #ff7800;
		background: url(../images/bg.jpg) repeat-x;
		background-color: #fff;
		line-height: 1.5em;


}



a {
		color: #ff7800;
}

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

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;
}

#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: 17px;
}

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


#nav li a {
		float: left;
}

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

#nav li a:hover {
		padding-bottom: 8px;
		border-bottom: #ff9900 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: 400px;
		margin-left: 32px;

}

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


#footer
	 	{
		clear: both;
		text-align: right;
		padding-right: 20px;
		font-size: 80%;
		background-color: #ff9900;
		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 {
		padding-left: 5px;
		padding-right: 5px;

}
tr.fett {
		font-weight: bold
}