div#toplogo{
	position:absolute;
	z-index: 100;
	top: 10px;
	left: 10px;
}

/*Allgemein*/
BODY {
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #808285;
	overflow-y: scroll;
}

.bg_white{
	background-color: white;
}

.bg_duo_grey{
	background-color: #e5e6e7;
}

/*##################################*/

/*Navigation links*/
.navigation {
	background-color: #e5e6e7;
	height: 500px;
	padding-top: 80px;
}

.active{
	color: #f47921;
}

ul.navigation_left_index{
	margin: 0px 0 0 5px;
	padding: 0;
	list-style-type: none;
	width: 100%;	
	border: 0px solid red;
}

ul.navigation_left_index li{
	margin: 0px 0 5px 0px;
	padding: 0;
}

ul.navigation_left_index li.active a{
	color: #f47921;
}

ul.navigation_left_index li a{
	color: #808285;
	text-decoration: none;
	font-size: 105%;
}

ul.navigation_left_index li a:hover{
	color: #da2128;
	text-decoration: underline;
}

ul.navigation_left_index2{
	margin: 0px 0 0 10px;
	padding: 0;
	list-style-type: none;
	width: 180px;
}

ul.navigation_left_index2 li{
	margin: 5px 0 5px 0px;
	padding: 0;
}

ul.navigation_left_index2 li a{
	color: #808285;
	text-decoration: none;
	font-size: 105%;
}

ul.navigation_left_index2 li a:hover{
	color: #da2128;
	text-decoration: underline;
}

/*
ul.navigation_left_index li:hover{	
	/*list-style-image: url(/duo/lernplattform/include/images/button_aktiv.gif);*/
}*/
/*
ul.navigation_left_index li a{
	color: #f47921;
	text-decoration: none;	
	font-weight: normal;
	font-size: 105%;	
}*/
/*
ul.navigation_left_index li a:hover{
	color: #da2128;
	text-decoration: underline;
}*/

.li_modul{
	/*list-style-image: url(/duo/lernplattform/include/images/button.gif);*/
	/*margin: 50px 0 0 10px;*/
}

.li_kurs_title{	
	/*font-weight: bold;
	list-style-type: none;
	list-style-image: none;*/
	/*margin: 0px 0 0 10;*/
}

/*
h3.kurs_title{
	margin: 20px 0 5px 5px;
	padding: 0;	
	font-size: 105%;
	font-weight: bold;
}

.li_kurs{
	margin: 5px 0 0 0px;
	padding: 0;	
}

.li_kapitel{
	
}

.li_subkapitel{
	margin: 0 0 0 20px;
}*/






/*##################################*/

/*Navigation mitte: Breadcrumb*/
.breadcrumb{
	font-size: 90%;
	margin: 10px 0px 0px 30px;
}

.breadcrumb a{
	color: #818285;
	text-decoration: underline;
}

.breadcrumb a:hover{
	color: #f47921;
	text-decoration: underline;
}

/*Navigation: Neues Fenster*/
.open_new_window{
	font-size: 90%;
	margin: 2px 0px 20px 0;
}

.open_new_window a{
	color: #818285;
	text-decoration: underline;
}

.open_new_window a:hover{
	color: #f47921;
	text-decoration: underline;
}

/*Aufgabenliste*/
.aufgabenliste{
	font-size: 120%;
	font-weight: bold;
}

.aufgabenliste a{
	color: #818285;
	text-decoration: none;
}

.aufgabenliste a:hover{
	color: #f47921;
	text-decoration: underline;
}

.aufgabe_link_active a{
	font-size: 120%;
	color: #da2128;
}




/*Navigation rechts*/
.chapterrahmen {
	text-align: left;
	border: 1px solid #84919E;
	height: 106px;
	margin: 0 0 10px 0;
}

.chapterinforahmen_title{
	background-color:#808285;
	height:30px;
	padding:1px 2px 1px 2px;
}

.chapterinforahmen{
	padding: 5px;
}

.chapterinforahmen_image{
	float: right;
}

.chapterinforahmen_text{
	font-size: 90%;
}

.no_margin{
	margin: 0;
	padding: 0;
}

.chapterinforahmen a{
	color: #808284;
	text-decoration: none;
	font-size: 100%;
}

.chapterinforahmen a:hover{
	color: #da2128;
	text-decoration: underline;	
}

.chapterinforahmen_title a{
	color: white;
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;	
}

.chapterinforahmen_title a:hover{
	color: #da2128;
}

.title_right{
	font-size: 120%;
}


/*##################################*/

/*Kurs�bersicht*/
ul.gebuchte_kurse{
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;	
}

ul.gebuchte_kurse li{
	padding: 0;
	margin: 0;
}

ul.gebuchte_kurse li a{
	font-size: 120%;
	color: #f47920;
	text-decoration: none;
}
ul.gebuchte_kurse li a:hover{
	color: #da2128;
	text-decoration: underline;
}

/*Kapitel�bersicht*/
ul.kapiteluebersicht{
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0;	
}

ul.kapiteluebersicht li{
	padding: 0;
	margin: 0 0 0px 0;
}

ul.kapiteluebersicht li ul{
	list-style-type: none;
	margin: 0 0 10px 0px;
	padding: 0;	
}

ul.kapiteluebersicht li ul.kapitel{
	width: 40%;
	border: 1px solid #84919E;
	height: 80px;
}

ul.kapiteluebersicht li ul li.kapiteltitle{
	background-color:#808285;
	height:20px;
	padding:1px 2px 1px 2px;
}

ul.kapiteluebersicht li ul li{
	margin: 0 0 0px 0;
	padding: 0;
	border: 0px solid blue;
	vertical-align: top;	
}

ul.kapiteluebersicht li ul li.kapitelimage{
	padding: 5px;
}

ul.kapiteluebersicht li ul li.kapitelimage div{
	float: right;
}

ul.kapiteluebersicht li ul li a{
	color: white;
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;	
}

ul.kapiteluebersicht li ul li a:hover{
	color: #da2128;
	text-decoration: underline;
}

/*
ul.kapiteluebersicht li a{
	font-size: 120%;
	color: #f47920;
	text-decoration: none;
}
ul.kapiteluebersicht li a:hover{
	color: #da2128;
	text-decoration: underline;
}

ul.kapiteluebersicht li div.title{
	width: 100%;
	height: 20px;
	border: 1px solid blue;
}
*/

/*Alles zum Content in der Mitte*/
h1.content_index{
	margin: 0;
	padding: 0;
	margin: 25px 0 0 0;	
	font-size: 150%;	
}

p.content_index{
	font-size: 120px;
	line-height: 1.2em;
	font-size: 110%;
	line-height: 1.2em;	
}

.content_index_image{
	float: left;	
	margin: 25px 0 0 0; 
}

h1.content_kapitel{
	font-size: 120%;		
}

h2.content_kapitel{
	font-size: 110%;	
}
p.content_kapitel{
	font-size: 100%;
	line-height: 1.2em;
}

.content_kapitel_image{
	float: left;	
	margin: 15px 0 0 0; 
}

.ueberschrift1 {
	margin-top: 20px;
	margin-bottom: 10px;
}

/*#inhaltmedien {
	float:right;
   	width:245px;
    margin-top:10px;
    margin-left:2px;
    text-align:right;
	position:relative;
	z-index:100;
}*/

div#flashplayer{
	float:right;
   	width:210px;
    padding: 0px 10px 10px 10px;
    text-align:left;
	border: 1px solid #808285;
}


/*#rahmen {
	text-align: left;
	border: 1px solid #84919E;
}*/


/*##################################*/

/*Footer*/
.duofooter{
	border: none;
}

/*##################################*/


/*Klassen fuer Debugging*/
.border{
	border: 1px solid red;
}