HTML
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    HEIGHT: 101%
}
BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    COLOR: #333;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: arial, sans-serif;
	FONT-SIZE:12px;
    HEIGHT: 101%;
    TEXT-ALIGN: center
}


#rahmen
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: auto;
    WIDTH: 680px;
    PADDING-TOP: 0px;
    HEIGHT: 101%;
    BACKGROUND-COLOR: #fff;
    TEXT-ALIGN: left
}
#metanavi
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 3px;
    WIDTH: 680px;
    COLOR: #990033;
    PADDING-TOP: 6px;
    FONT-FAMILY: Arial, sans-serif;
    HEIGHT: 13px;
    BACKGROUND-COLOR: #333;
    TEXT-ALIGN: right
}
#metanavi UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
#metanavi LI
{
    FONT-SIZE: 10px;
	PADDING-RIGHT: 8px;
    DISPLAY: inline;
    MARGIN: 0px;
    COLOR: #999;
    TEXT-DECORATION: none
}
#metanavi LI A
{
    COLOR: #fff;
    TEXT-DECORATION: none
}
#metanavi LI A:hover
{
    COLOR: #999;
    TEXT-DECORATION: none
}
#metanavi LI A.active
{
    COLOR: #999;
    TEXT-DECORATION: none
}
#logo
{
    FLOAT: left;
    WIDTH: 680px;
    HEIGHT: auto;
	margin-bottom:10px;
	margin-top:10px;
    BACKGROUND-COLOR: #fff;
    TEXT-ALIGN: left
}

#hauptmenu
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    WIDTH: 680px;
    PADDING-TOP: 10px;
    HEIGHT: 23px;
    BACKGROUND-COLOR: #fff;
    TEXT-ALIGN: left
}
#hauptmenu UL
{
    PADDING-LEFT: 0px;
    margin:0px;
    LIST-STYLE-TYPE: none
}
#hauptmenu LI
{
    DISPLAY: inline;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    FONT-FAMILY: "Tahoma", verdana, serif
}
#hauptmenu LI A
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 3px;
    COLOR:#244B5A;
    PADDING-TOP: 2px;
    FONT-FAMILY: "Tahoma", verdana, serif;
    TEXT-DECORATION: none
}

#hauptmenu a:hover, ul#welcome #a-welcome a,  ul#articles #a-articles a,  ul#books #a-books a,  ul#software #a-software a,  ul#contact #a-contact a{
	COLOR:#009900;
}

#hauptmenu LI A.active
{
    COLOR: #990033;
    BORDER-BOTTOM: #990033 6px solid
}
#contentRahmen
{
    FLOAT: left;
    BACKGROUND-IMAGE: url(../bilder/perm/linie.gif);
    WIDTH: 680px;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: auto;
    BACKGROUND-COLOR: #fff;
	border-top: 1px solid #244B5A;
    TEXT-ALIGN: left
}

H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    PADDING-BOTTOM: 20px;
    MARGIN: 0px;
	margin-top:20px;
    COLOR: #333333;
    PADDING-TOP: 0px;
    FONT-FAMILY: "Tahoma", Times, serif
}
H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 15px;

    MARGIN: 0px;
    COLOR:#000000;
    PADDING-TOP: 10px;
    FONT-FAMILY: "Tahoma", sans-serif
}

H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 13px;
    MARGIN: 0px;
    COLOR: #333333;
    PADDING-TOP: 10px;
    FONT-FAMILY: "Tahoma", Times, serif
}


H4
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #333333;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Tahoma", Times, serif
}
P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
	FONT-SIZE:12px;
	color:#000;
    LINE-HEIGHT: 1.3em;
    PADDING-TOP: 0px
}

UL,LI	{font-family:arial; font-size:12px; }

TH, TD	{font-family:arial; font-size:12px; text-align:left;}
td.list {
	border-bottom:1px solid #CCCCCC;
	padding:3px 3px 3px 3px;
}
TABLE.list {
	width:100%;
	border: 1px none #999999;
	background: #fff;
	
}
table.list th, table.list td {
	margin:0;
	padding:8px 20px;
	text-align:center;
	border-bottom: 1px none #b5b5b5;
	vertical-align:top;
}
table.list table.list th.picture, table.list td.picture, table.list th.name, table.list td.name, table.list th.last, table.list td.last {
	text-align:left;
}
table.list caption {
	background-color:#CCCCCC;
}
table.list tr.altHeader {
	background-color: #fff;

}
table.list tr.alt1 {
	background-color: #fff;
}

table.list tr.alt2 {
	background-color: #f1f1f1;
}

table.list td.name a {
	display:block;
	font-weight:bold;
	
}
table.list td.last a {
	display:block;
}
td.TutorialIconUntertitel {
	width: 150px;
	font-family: "tahoma", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}

td.PicSubtitle {
	width: 150px;
	font-family: "tahoma", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}