body {
	background-color: #eeeeee;
	margin: 0px;
}



.Stil1 {
	font-size: 12px;
	color: #166E97;
	font-family: Arial, Helvetica, sans-serif;
}

.Stil2 {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.Stil3 {
	font-size: 11px;
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
}

.Stil4 {
	font-size: 12px;
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
}


.Stil5 {
	font-size: 12px;
	color: #166E97;
	font-family: Arial, Helvetica, sans-serif;
	
}

.Stil6 {
	font-size: 11px;
	color: #166E97;
	font-family: Arial, Helvetica, sans-serif;
}

.Stil6-2 {
	font-size: 11px;
	color: #166E97;
	font-family: Arial, Helvetica, sans-serif;
}

.Stil7 {
	font-size: 12px;
	color: #f9c502;
	font-family: Arial, Helvetica, sans-serif;
}

.Stil8 {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}


h1 {
	
font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3184BC;
	line-height: 12pt;
}

a:link { text-decoration:none; color:#3184BC; }
a:visited { text-decoration:none; color:#3184BC; }
a:hover { text-decoration:none; color:#fefdb7; }
a:active { text-decoration:none; color:#fefdb7; }

a.inhalt:link { text-decoration:none; color:#FFFFFF; }
a.inhalt:visited { text-decoration:none; color:#FFFFFF; }
a.inhalt:hover { text-decoration:none; color:#fff5b9; }
a.inhalt:active { text-decoration:none; color:#fff5b9; }

a.inhaltb:link { text-decoration:none; color:#fff5b9; }
a.inhaltb:visited { text-decoration:none; color:#fff5b9; }
a.inhaltb:hover { text-decoration:none; color:#fff5b9; }
a.inhaltb:active { text-decoration:none; color:#fff5b9; }

a.autor:link { text-decoration:none; color:#3184BC; }
a.autor:visited { text-decoration:none; color:#3184BC; }
a.autor:hover { text-decoration:none; color:#6db8ed; }
a.autor:active { text-decoration:none; color:#fefdb7; }

a.hinweise:link { text-decoration:none; color:#3184BC; }
a.hinweise:visited { text-decoration:none; color:#3184BC; }
a.hinweise:hover { text-decoration:none; color:#6db8ed; }
a.hinweise:active { text-decoration:none; color:#fefdb7; }

a.page:link { text-decoration:none; color:#fefdb7; }
a.page:visited { text-decoration:none; color:#fefdb7; }
a.page:hover { text-decoration:none; color:#FFFFFF; }
a.page:active { text-decoration:none; color:#FFFFFF; }

a.navi_top { font-weight:bold; text-decoration:none; padding-left:20px; }


a.navi_top-regist:link { text-decoration:none; color:#FFFFFF; }
a.navi_top-regist:visited { text-decoration:none; color:#FFFFFF; }
a.navi_top-regist:hover { text-decoration:none; color:#FFFFFF; }
a.navi_top-regist:active { text-decoration:none; color:#FFFFFF; }

a.navi_top-regist { font-weight:bold; text-decoration:none; padding-left:20px; }

a.footer:link { text-decoration:none; color:#bfbfbf; }
a.footer:visited { text-decoration:none; color:#bfbfbf; }
a.footer:hover { text-decoration:none; color:#000000; }
a.footer:active { text-decoration:none; color:#000000; }


/*Header und Navi*/

a.navi_top:link { text-decoration:none; color:#3184BC; }
a.navi_top:visited { text-decoration:none; color:#3184BC; }
a.navi_top:hover { text-decoration:none; color:#fbcf02; }
a.navi_top:active { text-decoration:none; color:#fbcf02; }

a.navi_top { font-weight:bold; text-decoration:none; padding-left:25px; }


#navtext {
	width: 520px; /* Bereit des Div-Elements */
	height: 25px;
	float:right;
	padding-top:5px;
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #166E97;
	font-weight: bold;
}

#header-durch {
	background: url('header-back.gif') repeat-x;
	height: 165px;
	width: 100%;
	
	top: 0px;
	left: 0px;
}
	
#header {
	
	background: url('header.jpg');
	width: 980px;
	height: 104px;
	
	margin-left: auto;
	margin-right: auto;
	
}

#nav {
	
	background: url('nav.jpg');
	width: 980px;
	height: 61px;
	
	margin-left: auto;
	margin-right: auto;
	
}


#ende {
	
	background: url('ende.gif');
	width: 200px;
	height: 36px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding-left: 780px;
	padding-top: 20px;
	
}

#footer {
	
	width: 400px;
	
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: 30px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: auto;
	color: #bfbfbf;
}


/*Startseite*/

#main-start {
	
	background: url('back.gif');
	width: 980px;
	
	min-height: 700px;
	
	margin-left: auto;
	margin-right: auto;
	
}

#start-links {
	
	position:relative;
	
	left: 59px;
	top: 7px;
	
	float: left;
	
}

#start-rechts {
	
	float: right;
	
	margin-right: 75px;
	
}

#lerne-schnell {
	
	background: url('lerne-schnell.gif');
	width: 378px;
	height: 70px;
	
}

#lerne-schnell-text {
	
	width: 378px;
	
	position:relative;
	
	left: 6px;
	top: 0px;
	
}

#inhalte-start {
	
	background: url('inhalte-start.gif');
	
	width: 338px;
	height: 287px;
	
	position:relative;
	
	left: 0px;
	top: 10px;
	
	padding-left: 28px;
	padding-top: 60px;
	
}

#beispiel-start {
	
	background: url('beispiel-start.jpg');
	
	width: 397px;
	height: 392px;
	
}

#vergroessern-button {
	
	width: 140px;
	height: 31px;
	
	position: absolute;
	margin-top: 337px;
	margin-left: 240px;
	
}


#vorteile-start {
	
	background: url('vorteile-start.gif');
	
	width: 361px;
	min-height: 206px;
	
	margin-top: 40px;
	
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 46px;
	
}


/*Tutorials*/

#main-tutorials {
	
	background: url('back.gif');
	width: 980px;
	
	min-height: 900px;
	
	margin-left: auto;
	margin-right: auto;
	
}

#tutorials-links {
	background: url('video-inhalte-tuts.gif');
	position:relative;
	
	width: 338px;
	height: 818px;
	
	left: 59px;
	top: 7px;
	
	padding-left: 27px;
	
	padding-top: 60px;
	
	float: left;
	
}

#tutorials-rechts {
	background: url('text-tuts.gif');
	width: 385px;
	height: 594px;
	
	float: right;
	
	position: relative;
	top: 6px;
	
	margin-right: 75px;
	
	padding-top: 15px;
	padding-left: 33px;
	padding-right: 33px;
	
}

#tuts-text {

	position: absolute;
	
	margin-top: 200px;
	
	margin-left: 0px;
	
	width: 380px;
	
}

#vorschauvideo-button {

	position: absolute;
	
	margin-top: 160px;
	
	margin-left: 240px;
	
	
}




/*Autor*/

#main-autor {
	
	background: url('back.gif');
	width: 980px;
	
	min-height: 900px;
	
	margin-left: auto;
	margin-right: auto;
	
}

#tutorials-links {
	background: url('video-inhalte-tuts.gif');
	position:relative;
	
	width: 338px;
	height: 818px;
	
	left: 59px;
	top: 7px;
	
	padding-left: 27px;
	
	padding-top: 60px;
	
	float: left;
	
}

#autor-rechts {
	background: url('autor-back.gif');
	width: 383px;
	height: 853px;
	
	float: right;
	
	position: relative;
	top: 6px;
	
	margin-right: 75px;
	
	padding-top: 15px;
	padding-left: 33px;
	padding-right: 33px;
	
}

#autor-text {
	
	margin-top: 20px;
	
	margin-left: auto;
	margin-right: auto;
	

	
}

#autor-bild {
	
	float: left;
	
	height: 190px;
	
}
	
	
/*Feedback*/

#main-feedback {
	
	background: url('back.gif');
	width: 980px;
	
	min-height: 630px;
	
	margin-left: auto;
	margin-right: auto;
	
}

#feedback-titel {
	position:relative;
	
	left: 59px;
	top: 7px;
	
	margin-bottom: 0px;
	
}

#feedback-links {
	background: url('feedback-back.gif');
	position:relative;
	
	width: 425px;
	height: 515px;
	
	left: 59px;
	top: 7px;
	
	padding-left: 30px;
	padding-right: 30px;
	
	float: left;
	
}

#feedback-rechts {
	background: url('kommentar-back.gif');
	width: 309px;
	height: 359px;
	
	float: right;
	
	position: relative;
	top: 7px;
	
	margin-right: 55px;
	
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	
	
	
}

#feedback-text {
	
	margin-top: 20px;
	
	width: 360px;
	
	position: relative;
	top: 7px;
	
	margin-right: 55px;
	
	float: right;
	

	
}



/*Anmelden*/

#main-anmelden {
	
	background: url('back.gif');
	width: 980px;
	
	min-height: 1000px;
	
	margin-left: auto;
	margin-right: auto;
	
}

#tutorials-links {
	background: url('video-inhalte-tuts.gif');
	position:relative;
	
	width: 338px;
	height: 818px;
	
	left: 59px;
	top: 7px;
	
	padding-left: 27px;
	
	padding-top: 60px;
	
	float: left;
	
}

#anmelden-rechts {
	
	width: 454px;
	
	
	float: right;
	
	position: relative;
	top: 6px;
	
	margin-right: 70px;
	
}

#anmelden-teil1 {
	
	background: url('anmelden-teil1.gif') no-repeat;
	
	min-height: 384px;
	
	padding-top: 70px;
	padding-left: 33px;
	padding-right: 33px;
	
}

#anmelden-teil2 {
	
	background: url('anmelden-teil2.gif') no-repeat;
	
	min-height: 518px;
	
	padding-top: 0px;
	padding-left: 33px;
	padding-right: 33px;
	
}

#anmelden-info {
	
	background: url('anmelden-info.gif') no-repeat;
	
	width: 404px;
	height: 210px;
	
	margin-bottom: 30px;
	
}

#anmelden-kasten {
	background-color: #0066CC;

	background: url('anmelden-back.gif') no-repeat;
	
	width: 309px;
	height: 363px;
	
	margin-left: -3px;
	
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 30px;
	
}

#hinweise {

	margin-top: 30px;
	
}


/*Login*/

#main-login {
	
	background: url('back.gif');
	width: 980px;
	
	min-height: 400px;
	
	margin-left: auto;
	margin-right: auto;
	
}

#login-kasten {
	background: url('login-back.gif');
	position:relative;
	
	width: 376px;
	height: 272px;
	
	margin-left: auto;
	margin-right: auto;
	
	top: 40px;
	
	padding-left: 30px;
	padding-right: 30px;
	
	padding-top: 50px;
	
	
}

#login-fehler {
	
	font-family: Arial;
	
	font-size: 12px;
	
	position:relative;
	
	width: 376px;
	height: 272px;
	
	margin-left: auto;
	margin-right: auto;
	
	top: 40px;
	
	padding-left: 30px;
	padding-right: 30px;
	
	padding-top: 50px;
	
	
}


/*Bestellung*/

#main-bestellung {
	
	background: url('back.gif');
	width: 980px;
	
	min-height: 300px;
	
	margin-left: auto;
	margin-right: auto;
	
}

#bestellung-text {
	
	position:relative;
	
	width: 700px;
	
	margin-left: auto;
	margin-right: auto;
	
	top: 40px;
	
	padding-left: 30px;
	padding-right: 30px;
	
	padding-top: 50px;
	
	
}

/*Videos*/

#main-videos {
	
	background: url('back.gif');
	width: 980px;
	
	
	
	margin-left: auto;
	margin-right: auto;
	
	font-family: Arial;
	
	font-size: 12px;
	
}

#videos-text {
	
	
	width: 895px;
	
	
	
	margin-left: auto;
	margin-right: auto;
	
}

#videos-flash {
	
	
	width: 870px;
	
	padding-top: 15px;
	
	margin-left: 43px;
	
}

#inhalt-videos {
	
	
	width: 845px;
	
	margin-top: 0px;
	
	padding: 25px;
	
	margin-left: auto;
	margin-right: auto;
	
	background-color:#2b94d1;
	
}

#spalte1 {
	
	
	
	float: left;
	
	
	
}

#spalte2 {

	
	
	float: left;
	
	margin-left: 45px;
}

#spalte3 {
	
	float: left;
	margin-left: 55px;
	
	
}

#inhalt-headline {
	
	
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: 10px;
	
	font-family: Arial;
	
	font-size: 15px;
	
	font-weight: bold;
	
	color: #FFFFFF;
	
}

/*Vorschau-Video*/

#vorschauvideo-page {
	
	
	position:relative;
	
	width: 376px;
	height: 272px;
	
	margin-left: auto;
	margin-right: auto;
	
	top: 40px;
	
	padding-left: 30px;
	padding-right: 30px;
	
	padding-top: 50px;
	
}

#index_sl10 {
	background: url('Bilder/index_10.jpg') top no-repeat;
	width: 419px;
	height: 139px;
	float: right;
	
}



/*Impressum*/

#main-impressum {
	
	background: url('back.gif');
	width: 980px;
	
	min-height: 400px;
	
	margin-left: auto;
	margin-right: auto;
	
}

#impressum-text {
	
	position:relative;
	
	width: 700px;
	
	margin-left: auto;
	margin-right: auto;
	
	top: 20px;
	
	padding-left: 30px;
	padding-right: 30px;
	
	padding-top: 50px;
	
	
}

#paypal {
	
	
	position:relative;
	
	
	margin-left: 100px;
	top: 40px;
	
	
	
	
}

/*Abschließen*/

#main-abschliessen {
	
	
	width: 866px;
	
	position: relative;
	
	left: 50%;
	margin-left: -433px;
	
	top: 0px;
	
	margin-bottom: 20px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3184BC;

	
}

#main-abschliessen2 {
	
	
	width: 866px;
	
	position: relative;
	
	left: 50%;
	margin-left: -433px;
	
	top: 0px;
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3184BC;

	
}

#titel-abschliessen {
	
	position:absolute;
	width: 318px;
	height: 40px;
	
	position: relative;
	
	left: 50%;
	margin-left: -159px;
	
	top: 0px;
	
	
		
}

#kasten-manuel {
	background: url('kasten-manuel.gif');
	position:relative;
	
	width: 866px;
	height: 236px;
	
	
	margin-top: 20px;
	
	
	
	
	
}

#kasten-manuel1 {
	
	position:absolute;
	
	width: 250px;
	
	
	margin-left: 30px;
	margin-top: 21px;
	
	
}

#kasten-fertig-paypal {
	
	position:absolute;
	
	width: 600px;
	
	
	margin-left: 30px;
	margin-top: 21px;
	
	
}

#kasten-manuel2 {
	
	position:absolute;
	
	margin-left: 390px;
	margin-top: 55px;
	
	
}

#kasten-sofortueberweisung {
	background: url('kasten-sofortueberweisung.gif');
	
	
	
	width: 421px;
	height: 211px;
	
	margin-left: 0px;
	margin-top: 22px;
	
	float: left;
	
	
}

#kasten-paypal {
	background: url('kasten-paypal.gif');
	
	position: relative;
	
	width: 421px;
	height: 211px;
	
	margin-left: 442px;
	margin-top: 22px;
	
}