/* Globale */
html{
	font-size: 101%; /* IE...*/
	font-family: Arial, sans-serif;
	color: white;	
	/*width: 600px;
	margin: 0 auto;
	padding:0;*/
}
body{
	text-align: center;		/* IE...*/
	padding: 0;
	margin: 0 auto;
	font-size: 85%;
	background: #000000 url("../images/SkyB_right.jpg") fixed;
}

a{
	color: #ffdd00;
	text-decoration: none;
}

/* Panels */
td.panel {
	vertical-align: top;
	width: 132px;
}

#leftPanel, #rightPanel {
	padding-top: 180px;
	font-size: 6pt;
}

#leftPanel h2, #rightPanel h2{
	padding-top: 42px;
	border-bottom: 1px solid white;
}

div#bod {
	margin: 0 auto;
	padding: 0;
	width: 836px;
}

#leftPanel a, #rightPanel a{
	font-size: 16pt;
}

#middleLayout{
	width: 600px;
}

/* Logo */
#titel{
	width: 600px;
	height: 180px;
	margin: 10px auto 0 0;	
	font-size: 10%;
	background: url('../images/logo.png') no-repeat;
}
#titel img{
	width: 600px;
	height: 128px;
	border: 0;
}
#titel span {
	display: none;
}
 
/* Menu */
#mainMenu {
 margin: 0 auto;
 color: white;
 text-align: center;
 font-family: sans-serif;
 font-size: 10pt;
 font-weight: bold;
 width: 600px;
}
#mainMenu p{	
	display: inline;
}
#mainMenu span .linkInactive{
	color: white;
	text-align: center;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
#mainMenu span .linkActive{
	color: #ffdd00;
	text-align: center;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: bold;	
	text-decoration: none;
}
#mainMenu .divider{
	margin: 0 1ex;
}

#contextMenu
{
	color: #CCCCCC;
	text-align: center;
	font-family: sans-serif;
	font-size: 9pt;
	margin: 0;
	padding: 0;
	width: 600px;
	/*border-bottom: 2px dotted #ffffff;*/
}

#contextMenu span{
	margin: 0 5px;
}

#contextMenu .linkInactive{
	color: white;
}
#contextMenu .linkActive{
	color: #ffdd00;
}

/* Inhalt */
#content{	
	width: 600px;
	text-align: left;
	font-size: 85%;
	
}
#content p{
	clear: both;
	margin: 0 0 5px 0;
	text-align: justify;
	padding-left: 5%;
	padding-right:3%;
}

#content h1, h2{
	clear: both;
	font-weight: bold;
	margin: 15px 0 5px 0;
	padding:0;
}
#content h1{
	border-bottom: 1px solid #ccc;
	font-size: 100%;
}
#content h2{
	border-bottom: 1px solid #444;
	margin-left: 15px;
	font-size: 90%;
}
#content h2.date{
	display: inline;
	margin: 0 5px;
	padding: 0;
	clear: none;
	float: right;
	position:relative;
	top: -18px;
	border-bottom: 0;
	font-size: 90%;
}
#content h2.name,
#content h2.download{
	display: inline;
	margin: 0;
	padding: 0 5px;
	clear: none;
	float: right;
	position:relative;
	top: -18px;
	border-right: 1px solid #444;
	border-bottom: 0;
	font-size: 90%;
}
#content li{
	list-style-type: disc;
	margin-left: 7%;
}
#content a,
#contentHeader a{
	color: #ffdd00;
}

#content a:before{
	content: url("../images/link_arrow.gif");	
	color: #dddd00;
}

#content a.named:before{
	display: none;
}

#content pre.cpp {
	margin: 0 3% 10px 5%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #111;
	border: 1px solid #222;
	font-size: 120%;
}

#thumbnails{
	margin: 12px 0 0 0;
	text-align: center;
}
#thumbnails a{
	margin: 5px 10px;
	text-decoration: none;
}

#thumbnails img {
	border: 1px solid #ddddff;
}

/* Anmerkungen */
#content .remarks {	
	text-align: center;	
	font-size: 7pt;
}

/* Seitenende */ 
#footer
{
	color: #aaaaaa;
	text-align: center;
	font-family: sans-serif;
	font-size: 8pt;
	margin-bottom: 15px;
	margin-top: 3%;
	border-top: 2px dotted #ffffff;
	width: 600px;
}