body
{
	margin: 0;
	padding: 0;
	background: url(img/background.jpg) 0 0px;
}

.main
{
	background: url(img/streifen.png) left top no-repeat;
	height: 100%;
	width: 100%;
	margin: 0px auto;
	padding: 0;
	border: none;
	text-align: center;
}

.headspacer
{
	height: 30px;
	width: 910px;
	margin: 0px auto;
	border: none;
}

.head
{
	height: 70px;
	width: 910px;
	margin: 0px auto;
	margin-bottom: -4px;
	border: none;	
}

.logo
{
	height: 30px;
	width: 220px;
	position: relative;
	top: 0px;
	left: 5px;
	float: left;
}

.suchebox
{
	position: relative;
	top: 30px;
	left: 485px;
	height: 39px;
	width: 177px;
	background: url(img/sucheback.png) 0 0px no-repeat;
	border: none;
	float: left;
}

.suche
{
	position: relative;	
	top: -2px;
	left: 14px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
	border: solid 1px #b3b3b3;
	background-color: #e6e6e6;
	padding: 4px 3px 3px 5px;
	height: 21px;
	width: 107px;
	text-align: left;
	float: left;
}

.los
{
	position: relative;	
	top: -2px;
	left: 17px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: url(img/losback.gif) 0 0px;
	text-transform: uppercase;
	border: solid 1px #b3b3b3;
	background-color: #e6e6e6;
	padding: 3px 3px 3px 5px;
	height: 21px;
	width: 40px;
	text-align: left;
	float: left;
}

.clear
{
	clear: both; 
}

.content
{
	height: 540px;
	width: 910px;
	border: none;
	margin: 0px auto;
	background: url(img/contentback.png);
}

.ContentBack
{
	position: relative;
	top: 4px;
	left: -2px;
	height: 530px;
	width: 900px;
	border: none;
	margin: 0px auto;
	background: url(img/contentback.jpg);
}

.IndexContent
{
	height: 465px;
	width: 900px;
	background: url(img/index_visual.jpg) bottom right no-repeat;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}

.IndexImage
{
	position: relative; 
	top: 0px; 
	left: 50px; 
	float: left;
}

.InnerContent
{
	height: 437px;
	width: 900px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}

h1
{
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: #666;
	line-height: 17px;
	font-weight: bold;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
}

h2
{
	font-family: Arial, Helvetica;
	font-size: 13px;
	text-transform: uppercase; 
	color: #666;
	line-height: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.textIndex
{
	position: relative;
	top: 0px;
	left: 70px;
	width: 350px;
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: #666;
	line-height: 17px;
}

.textlinks
{
	position: relative;
	top: 0px;
	left: 75px;
	width: 390px;
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: #666;
	line-height: 17px;
}

.textlinksgr
{
	position: relative;
	top: 0px;
	left: 75px;
	width: 445px;
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: #666;
	line-height: 17px;
}

.textrechts
{
	position: relative;
	top: 0px;
	left: 445px;
	width: 390px;
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: #666;
	line-height: 18px;
}

.indexbalken
{
	position: relative;
	top: 0px;
	left: 65px;
	height: 78px;
	width: 488px;
	float: left;
}

.balkenLinks
{
	background: url(img/balken_links_kl.png) 0 0px no-repeat;
	position: relative;
	top: 0px;
	left: -15px;
	height: 60px;
	width: 495px;
}

.balkenLinksgr
{
	background: url(img/balken_links_gr.png) 0 0px no-repeat;
	position: relative;
	top: 0px;
	left: -15px;
	height: 82px;
	width: 590px;
}

.balkenRechts
{
	background: url(img/balken_rechts.png) 0 0px no-repeat;
	position: relative;
	top: 0px;
	left: 405px;
	height: 60px;
	width: 516px;
}

.balkenLinks img
{
	position: relative;
	top: 15px;
	left: 90px;
}

.balkenLinksgr img
{
	position: relative;
	top: 16px;
	left: 90px;
}

.balkenRechts img
{
	position: relative;
	top: 15px;
	left: 40px;
}

.footer
{
	height: 15px;
	width: 910px;
	margin: 0px auto;
	margin-top: 2px;
	padding: 0px 0px 0px 8px;
	color: #666;
	font-family: Arial, Helvetica;
	font-size: 11px;
	text-align: left;
}

ul.aufzaehl
{
	list-style-image: url(img/dot.gif);
}

ul.aufzaehl li
{

	padding: 0;
	margin: 0px 0px 8px 0px; 
}

ul.aufzaehl2
{
	list-style-image: url(img/dot.gif);
}

ul.aufzaehl2 li
{

	padding: 0;
	margin: 0px 0px 3px 0px; 
}

.galleryOut
{
	height: 88px;
	width: 88px;
	padding: 0;
	margin: 0;
	background: url(img/linie.gif) 0 0px;	
	float: left;
}

.galleryIn
{
	position: relative;
	top: 2px;
	left: 2px;
	height: 84px;
	width: 84px;
	padding: 0;
	margin: 0;
	background: #fff;	
}

.gallerySpacer
{
	height: 90px;
	width: 10px;
	padding: 0px;
	margin: 0px;
	float: left;
}

.galleryText
{
	border: none;
	height: 15px;
	width: 384px;
	padding: 0;
	margin: 0;
	text-align: right;
}

/*End Main Page Styles*/

/*Navigation Styles*/

a:link, a:visited
{
	color: #009999;
	font-weight: bold;
	text-decoration: none;
	border: none;
}

a:hover, a:active
{
	color: #009999;
	font-weight: bold;
	text-decoration: underline;
	border: none;
}

img
{
	border: none;
}

ul#navi
{
	list-style-type: none;
	height: 43px;
	width: 807px;
	margin: 0px auto;
	padding: 0px;
	border: none;
}

ul#navi li
{
	height: 43px;
	margin: 0px auto;
	float: left;
	border: none;
}

.line
{
	font-size:1px;
	width: 807px;
	height: 3px;
	margin: 0px auto;
	padding: 0px;
	line-height: 0px;
	background: url(img/linie.gif) 0 1px repeat-x;
	border: 0;
}

ul#subnavi
{
	list-style-type: none;
	background: #d5e8e9;
	height: 22px;
	width: 805px;
	margin: 0px auto;
	padding: 0px;
	border: 0;
}

ul#subnavi li
{
	padding: 0;
	margin: 0;
	height: 22px;
	float: left;
}

ul#subnavi_
{
	list-style-type: none;
	height: 22px;
	width: 805px;
	margin: 0px auto;
	padding: 0px;
	border: none;
}

.subnavispacer
{
	margin: 0;
	padding: 0;
	height: 22px;
	width: 17px;
	float: left;
}

.spacer
{
	margin: 0;
	padding: 0;
	height: 22px;
}

.beruf, .beruf a:link, .beruf a:visited
{
	height: 43px;
	width: 108px;
	background: url(img/navi.gif) center 0px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.beruf_, .beruf a:hover, .beruf a:active
{
	height: 43px;
	width: 108px;
	background: url(img/navi.gif) center -43px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.ausbild, .ausbild a:link, .ausbild a:visited
{
	height: 43px;
	width: 167px;
	background: url(img/navi.gif) center -86px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.ausbild_, .ausbild a:hover, .ausbild a:active
{
	height: 43px;
	width: 167px;
	background: url(img/navi.gif) center -129px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.wissen, .wissen a:link, .wissen a:visited
{
	height: 43px;
	width: 191px;
	background: url(img/navi.gif) center -172px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.wissen_, .wissen a:hover, .wissen a:active
{
	height: 43px;
	width: 191px;
	background: url(img/navi.gif) center -215px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.game, .game a:link, .game a:visited
{
	height: 43px;
	width: 93px;
	background: url(img/navi.gif) center -258px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.game_, .game a:hover, .game a:active
{
	height: 43px;
	width: 93px;
	background: url(img/navi.gif) center -301px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.kontakt, .kontakt a:link, .kontakt a:visited
{
	height: 43px;
	width: 131px;
	background: url(img/navi.gif) center -344px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.kontakt_, .kontakt a:hover, .kontakt a:active
{
	height: 43px;
	width: 131px;
	background: url(img/navi.gif) center -387px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.links, .links a:link, .links a:visited
{
	height: 43px;
	width: 113px;
	background: url(img/navi.gif) center -430px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.links_, .links a:hover, .links a:active
{
	height: 43px;
	width: 113px;
	background: url(img/navi.gif) center -473px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.tat, .tat a:link, .tat a:visited
{
	height: 22px;
	width: 99px;
	background: url(img/subnavi.gif) -160px 0px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.tat_, .tat a:hover, .tat a:active
{
	height: 22px;
	width: 99px;
	background: url(img/subnavi.gif) 0px 0px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.zukunft, .zukunft a:link, .zukunft a:visited
{
	height: 22px;
	width: 78px;
	background: url(img/subnavi.gif) -160px -22px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.zukunft_, .zukunft a:hover, .zukunft a:active
{
	height: 22px;
	width: 78px;
	background: url(img/subnavi.gif) 0px -22px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.flash
{
	width: 800px;
	height: 400px;
	position: relative;
	top: 0px;
	left: 60px;
}

.praxis, .praxis a:link, .praxis a:visited
{
	height: 22px;
	width: 64px;
	background: url(img/subnavi.gif) -160px -44px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.praxis_, .praxis a:hover, .praxis a:active
{
	height: 22px;
	width: 64px;
	background: url(img/subnavi.gif) 0px -44px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.voraus, .voraus a:link, .voraus a:visited
{
	height: 22px;
	width: 148px;
	background: url(img/subnavi.gif) -160px -66px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.voraus_, .voraus a:hover, .voraus a:active
{
	height: 22px;
	width: 148px;
	background: url(img/subnavi.gif) 0px -66px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.schule, .schule a:link, .schule a:visited
{
	height: 22px;
	width: 130px;
	background: url(img/subnavi.gif) -160px -88px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.schule_, .schule a:hover, .schule a:active
{
	height: 22px;
	width: 130px;
	background: url(img/subnavi.gif) 0px -88px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.betrieb, .betrieb a:link, .betrieb a:visited
{
	height: 22px;
	width: 159px;
	background: url(img/subnavi.gif) -160px -110px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.betrieb_, .betrieb a:hover, .betrieb a:active
{
	height: 22px;
	width: 159px;
	background: url(img/subnavi.gif) 0px -110px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.umsteigen, .umsteigen a:link, .umsteigen a:visited
{
	height: 22px;
	width: 92px;
	background: url(img/subnavi.gif) -160px -132px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.umsteigen_, .umsteigen a:hover, .umsteigen a:active
{
	height: 22px;
	width: 92px;
	background: url(img/subnavi.gif) 0px -132px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.beton, .beton a:link, .beton a:visited
{
	height: 22px;
	width: 60px;
	background: url(img/subnavi.gif) -160px -154px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.beton_, .beton a:hover, .beton a:active
{
	height: 22px;
	width: 60px;
	background: url(img/subnavi.gif) 0px -154px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.voeb, .voeb a:link, .voeb a:visited
{
	height: 22px;
	width: 41px;
	background: url(img/subnavi.gif) -160px -176px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.voeb_, .voeb a:hover, .voeb a:active
{
	height: 22px;
	width: 41px;
	background: url(img/subnavi.gif) 0px -176px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.rechte, .rechte a:link, .rechte a:visited
{
	height: 22px;
	width: 68px;
	background: url(img/subnavi.gif) -160px -198px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.rechte_, .rechte a:hover, .rechte a:active
{
	height: 22px;
	width: 68px;
	background: url(img/subnavi.gif) 0px -198px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.download, .download a:link, .download a:visited
{
	height: 22px;
	width: 92px;
	background: url(img/subnavi.gif) -160px -220px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.download_, .download a:hover, .download a:active
{
	height: 22px;
	width: 92px;
	background: url(img/subnavi.gif) 0px -220px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.machen, .machen a:link, .machen a:visited
{
	height: 22px;
	width: 95px;
	background: url(img/subnavi.gif) -160px -242px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.machen_, .machen a:hover, .machen a:active
{
	height: 22px;
	width: 95px;
	background: url(img/subnavi.gif) 0px -242px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.spiel, .spiel a:link, .spiel a:visited
{
	height: 22px;
	width: 150px;
	background: url(img/subnavi.gif) -160px -264px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

.spiel_, .spiel a:hover, .spiel a:active
{
	height: 22px;
	width: 150px;
	background: url(img/subnavi.gif) 0px -264px no-repeat;
	display: block;
	border: none;
	text-decoration: none;
}

/* End Navigation Styles*/