/* CSS Document */

*{
	padding: 0;
	margin: 0;
}
html {
	height: 100%;
}

body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FF9933;
	text-align: center;
	color: #333333;
}

#container {
	width: 984px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

#container_info {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	height: auto;
	/*background: url(../../../images/schrittweise/pinwand/korkklein.jpg);*/
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

#header {
	margin-top: 30px;
	background: url(../images/header2.jpg) no-repeat;
	width: 984px;
	height: 139px;
}

#pathways{
	background: url(../images/pathways.jpg) no-repeat;
	height: 22px;
	width: 984px;
	text-align: left;
	padding-top: 9px;
}

#navigation{
	background: url(../images/navigation.jpg) no-repeat;
	width: 232px;
	height: 424px;
	float: left;
	text-align: right;
}

#content{
	font-size: 12px;
	background: url(../images/background-content.jpg) repeat-y;
	width: 752px;
	height: auto;
	text-align: left;
	padding-bottom: 20px;
	float: right;
}

#content_info{
	font-size: 12px;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	height: auto;
	padding: 20px;
	line-height: 22px;
}

#content a {
	color: #3366CC; ;
	text-decoration: none;
}

#content a:visited {
	color: #3366CC;
	text-decoration: none;
	}
	
#content a:hover {
	color: #FF9933;
	text-decoration: none;
}

#content a:active {
	color: #3366CC;
	text-decoration: none;
}

#content-pin {
	width: 640px;
	background: url(../../../images/schrittweise/pinwand/korkklein.jpg);
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 40px;
	padding-bottom: 40px;
}

#footer{
	background: url(../images/footer.jpg) no-repeat;
	height: 52px;
	width: 984px;
	float: left;
	text-align: center;
	font-size: 10px;
	color: #333333;
	padding-top: 9px;
}

#footer a{
 text-decoration: none;
 color: #3366CC;
}

#footer a:hover {
	text-decoration: none;
	color: #FF9933;
}

.componentheading {
	font-size: 14px;
	font-weight: bold;
	width: auto;
	text-align: left;
	padding-bottom: 15px;
	padding-top: 15px;
}

table.contentpane {
	text-align: left;
	list-style: circle;
}

td.contentdescription {
	font-size: 12px;
	line-height: 20px;
}

.pathway{
	font-size: 10px;
}

a.pathway {
	color: #3366CC;
	text-decoration: none;
}

a.pathway:hover {
	color: #FF9933;
	text-decoration: none;
}

a.pathway:visited {
	color: #3366CC;
	text-decoration: none;
}

.mainlevel {
	font-size: 12px;
	color: #3366CC; ;
	text-decoration: none;
	line-height: 25px;
	font-weight: bold;
}

a.mainlevel {
	color: #3366CC; ;
	text-decoration: none;
}

a.mainlevel:visited {
	color: #3366CC; ;
	text-decoration: none;
}

a.mainlevel:hover {
	color: #FF9933;
	text-decoration: none;
	font-weight: bold;
}

a.mainlevel#active_menu {
	color: #FF9933;
	text-decoration: none;
	font-weight: bold;
	background-color: #3366CC;
}

.sublevel{
	font-size: 11px;
	color: #3366CC; ;
	text-decoration: none;
	line-height: 18px;
	padding-right: 10px;
}

a.sublevel {
	color: #3366CC; ;
	text-decoration: none;
}

a.sublevel:visited {
	color: #3366CC; ;
	text-decoration: none;
}

a.sublevel:hover {
	color: #FF9933;
	text-decoration: none;
	font-weight: bold;
}

a.sublevel#active_menu {
	color: #FF9933;
	text-decoration: none;
	font-weight: bold;
	background-color: #3366CC;
}

table.moduletable {
	text-align: right;
	width: 232px;
}

.moduletable td{
	text-align: right;
	padding-right: 10px;
}


/*Private Klassen*/

.title-static-page{
	font-size: 14px;
	font-weight: bold;
}

.read {
	font-size: 12px;
	color: #000000;
	line-height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.title {
	font-size: 24px;
	font-weight: bold
}

.subtitle {
	font-size: 13px;
	font-weight: bold
}

.bold {
	font-size: 12px;
	font-weight: bold
}

.source {
	font-size: 11px;
	line-height: 18px;
	font-style: italic;
}

.legende {
	font-size: 10px;
	line-height: 12px;
}