/* CSS Document */

body,td,p 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
color: #000000;
scrollbar-face-color: #0B4499;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #9CB5E7;
}

img {border: 0;}

/* Horizontale Navigation */

#uebersicht a {height: 160px; width: 120px; background: url(../images/h_uebersicht.gif) top left no-repeat; }
#uebersicht a:hover {background-image: url(../images/h_uebersicht_a.gif);}
#uebersicht a:active {background-image: url(../images/h_uebersicht_a.gif);}

#ersteschritte a {height: 160px; width: 120px; background: url(../images/h_ersteschritte.gif) top left no-repeat;}
#ersteschritte a:hover {background-image: url(../images/h_ersteschritte_a.gif);}
#ersteschritte a:active {background-image: url(../images/h_ersteschritte_a.gif);}

#elearning a {height: 160px; width: 120px; background: url(../images/h_elearning.gif) top left no-repeat;}
#elearning a:hover {background-image: url(../images/h_elearning_a.gif);}
#elearning a:active {background-image: url(../images/h_elearning_a.gif);}

#hermesgroup a {height: 160px; width: 120px; background: url(../images/h_hermesgroup.gif) top left no-repeat;}
#hermesgroup a:hover {background-image: url(../images/h_hermesgroup_a.gif);}
#hermesgroup a:active {background-image: url(../images/h_hermesgroup_a.gif);}

/* Vertikale Navigation */

#v_uebersicht a {height: 100px; width: 120px; background: url(../images/v_uebersicht.gif) top left no-repeat; }
#v_uebersicht a:hover {background-image: url(../images/v_uebersicht_a.gif);}
#v_uebersicht a:active {background-image: url(../images/v_uebersicht_a.gif);}

#v_ersteschritte a {height: 100px; width: 120px; background: url(../images/v_ersteschritte.gif) top left no-repeat;}
#v_ersteschritte a:hover {background-image: url(../images/v_ersteschritte_a.gif);}
#v_ersteschritte a:active {background-image: url(../images/v_ersteschritte_a.gif);}

#v_elearning a {height: 100px; width: 120px; background: url(../images/v_elearning.gif) top left no-repeat;}
#v_elearning a:hover {background-image: url(../images/v_elearning_a.gif);}
#v_elearning a:active {background-image: url(../images/v_elearning_a.gif);}

#v_hermesgroup a {height: 100px; width: 120px; background: url(../images/v_hermesgroup.gif) top left no-repeat;}
#v_hermesgroup a:hover {background-image: url(../images/v_hermesgroup_a.gif);}
#v_hermesgroup a:active {background-image: url(../images/v_hermesgroup_a.gif);}

/* Link-Infos auf Startseite */

#uebersicht_show {
	position:absolute; 
	width:300px; 
	left: 210px; 
	bottom: 170px; 
	color: #0B4499;
	background-color: #FFFFFF; 
	border: 1px solid #0B4499;
	padding: 5px;
	visibility: hidden;
}

#ersteschritte_show {
	position:absolute; 
	width:300px; 
	left: 310px; 
	bottom: 170px; 
	color: #0B4499;
	background-color: #FFFFFF; 
	border: 1px solid #0B4499;
	padding: 5px;
	visibility: hidden;
}

#elearning_show {
	position:absolute; 
	width:350px; 
	left: 410px; 
	bottom: 170px; 
	color: #0B4499;
	background-color: #FFFFFF; 
	border: 1px solid #0B4499;
	padding: 5px;
	visibility: hidden;
}

#hermesgroup_show {
	position:absolute; 
	width:300px; 
	left: 510px; 
	bottom: 170px; 
	color: #0B4499;
	background-color: #FFFFFF; 
	border: 1px solid #0B4499;
	padding: 5px;
	visibility: hidden;
}

#content {
	margin: 0px;
	margin-top: 50px;
	padding: 20px;
	padding-right: 60px;
	padding-top: 1px;
	background: #FFFFFF;
}

#workbench a {
	position:absolute;
	width:120px;
	height:134px;
	right: 10px;
	top: 10px;
	background: url(../images/workbench.gif) top left no-repeat; 
}

#workbench a:hover {background-image: url(../images/workbench_a.gif);}
#workbench a:active {background-image: url(../images/workbench_a.gif);}

/* Text-Styles */

h1
{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
font-weight: bold;
text-decoration: none;
}

h2
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
font-weight: bold;
text-decoration: none;
}

a:link, a:active, a:visited
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3366CC;
font-weight: bold;
text-decoration: none;
}

a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #0B4499;
font-weight: bold;
text-decoration: underline;
}

#container {
	position: absolute;
	height: 100%;
	width: 100%;
}

#hermes {
	position: absolute;
	right: 20px;
	bottom: 10px;
}

#hermes_admin_ch {
	position: absolute;
	right: 20px;
	bottom: 10px;
}

.verzeichnis li {
	padding-top: 15px;
	
}

.verzeichnis li li {
	padding-top: 8px;
}

li {
	padding-bottom: 5px;
}

a.top{
	font-size: 10px;
	text-align: right;
	
}

// Download

#frelease {width: 94% !important; margin: 1em 0;}

table caption { display: none; }
#frelease col {width: 20%}
#frelease col.package tr td { font-weight: bold; }
#frelease td.download { background: #093; text-align: center;}

#frelease td.download a
{
	color: #fff;
	font-weight: bold;

}

#stripes tr, #frelease tr { border-top: 1px solid #d6dbdf; position: relative !important}

#stripes, #frelease
{
	border: 1px solid #56626d;
	font-family: arial, sans-serif;
	font-size: 80%;
	width: 100%;
}

#stripes tr th, #frelease tr th
{
	padding: .2em;
	background: #46525d;
	color: #fff;
	text-align: left;
}
#frelease tr th {text-align: center}

#stripes tr.package td
{
	background: url("http://images.sourceforge.net/sfx/main_select_bg.gif") top repeat-x #789;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
}

#stripes tr.package td a
{
	color: #fff;
	text-decoration: none;
}

#stripes td, #frelease td { padding: .1em .2em; }
#stripes tbody tr.release { display: table-row; }

#stripes tbody tr td
{
	background: #e6eaed;
	border-top: 1px solid #ddd;
}
#frelease tbody tr td {border-top: 1px #fff solid; text-align: center;}
#frelease tbody tr.package td {text-align: left;}

#stripes tbody tr.release td
{
	background: #fff;
	font-weight: bold;
	padding: .2em;
	border-top: 1px solid #789;
	border-bottom: 1px solid #789;
}

#stripes tbody tr td.even, #frelease tbody tr td { background: #f3f4f6; }
#stripes th small, #frelease th small  { color: #fff; }
#stripes small, #frelease small { font-weight: normal; }
#stripes col { width: 10%; }
#stripes col.filename { width: 40%; }

#stripes tfoot
{
	background: #56626d;
	color: #fff;
	font-weight: bold;
}

#stripes tbody tr td small { padding: 4px 14px 0 2px; }
#stripes .changelog, #stripes .notes, #stripes .mirrors
{
        position: relative;
        padding: 10px 20px 10px 0px;
	margin-left: 0;
}
#stripes .changelog a, #stripes .notes a, #stripes .mirrors a
{
	position: absolute;
        text-indent: -7000em;
        padding: 10px 20px 10px 0px;
}