/*
  -------------------------------------------------------------------------------
  
  (c) Goran Zukolo
  July 2004

  -------------------------------------------------------------------------------
*/

body 
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 text-decoration: none;
 background: #FFFFFF;
 margin: 0;
 padding: 0;
 scrollbar-face-color: #DDDDDD;
 scrollbar-shadow-color: #8DABCF;
 scrollbar-highlight-color: #DDDDDD;
 scrollbar-3dlight-color: #8DABCF;
 scrollbar-darkshadow-color: #DDDDDD;
 scrollbar-track-color: #DDDDDD;
 scrollbar-arrow-color: #8DABCF;
}

img
{
display: none;
visibility: hidden;
left: -2000px; 
border: none;
}

td
{
 font-size: 10px;
}

p
{
 margin: 0px 0px 0px 0px;
}

ul,
ol
{
 margin: 0;
 padding: 0;
}

form 
{
 margin: 1.5em 0em 4em 0em;
}

input, textarea, select 
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 border: 1px solid #777777;
 margin: 0em 0.4em 0em 0em;
}

input.radio,
input.check
{
 background-color: #EEEEEE;
 border: 1px solid #777777;
}

input.button 
{
 font-size: 10px;
 font-weight: bold;
 color: #FFFFFF;
 background: #DDA1A1;
 margin: 0em 0.1em 0em 0em;
}

input.size75 
{
 width: 75px;
}

input.errorfield, 
textarea.errorfield
{
 color: #FFFFFF;
 background-color: #CC0000;
}

input.formfield
{
 width: 80%;
}

a,
a:link,
a:visited
{
 color: #990000;
 text-decoration: none;
}

a:hover,
a:active,
a:focus 
{
 color: #990000;
 text-decoration: underline;
}

/* Überschrift - groß */
h1
{
 font-size: 16px;
 color: #000000;
 margin: 20px 10px 15px 25px;
}

/* Überschriften - normal */
h2
{
 font-size: 12px;
 color: #000000;
 margin: 30px 0px 15px 0px;
}

/* Überschriften - normal */
h3
{
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 /* clear: both; */
 margin: 15px 10px 10px 25px;
}

/* Überschriften - mit Link */
h4,
h4 a,
h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:active
{
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 margin: 15px 0px 5px 0px;
}


/*
  -------------------------------------------------------------------------------

  Blockdefinitionen

  -------------------------------------------------------------------------------
*/

/* Logo-Block */
#head
{
 display: none;
 visibility: hidden; 
 left: -2000px;
 text-align: center;
 background: #990000;
 width: 760px;
 height: 1px;
 margin: 10px 0px 0px 10px;
}


/* Sprachauswahl */
#sprache
{
 text-align: right;
 background: #CCCCCC;
 width: 760px;
 margin: 2px 0px 0px 10px;
}

#sprache img
{
 margin: 2px 0px 3px 3px;
}

/* Horizontale Navi */
#naviH
{
 display: none; 
 text-align: right;
 background: #CCCCCC;
 width: 760px;
 margin: 2px 0px 0px 10px;
}

#naviH p
{
 padding: 5px 7px 5px 7px;
}

#naviH p a,
#naviH p a:link,
#naviH p a:visited,
#naviH p a:hover,
#naviH p a:active
{
 font-size: 10px;
 font-weight: bold;
 color: #444444;
}

#naviH p a:hover
{
 color: #990000;
}

/* Block: Vertikale Navi + Content */
#inhalt
{
 width: 100%;
 margin: 0;
}

/* Vertikale Navi */
#naviV
{
 display: none;
 visibility: hidden; 
 left: -2000px;
 background: #990000;
 float: left;
 width: 1px;
}

/* Block: Vertikaler Navipunkt mit Farbbalken links */
#naviV div
{
 display: none;
 visibility: hidden; 
 left: -2000px;
 background: #CCCCCC;
 margin: 0px 0px 2px 0px;
}

#naviV div a,
#naviV div a:link,
#naviV div a:visited,
#naviV div a:hover,
#naviV div a:active
{
 font-size: 11px;
 font-weight: bold;
 color: #444444;
}

#naviV div a:hover
{
 color: #990000;
}

#naviV div.container1
{
 border-left: 3px solid #CC0000;
 padding: 5px 5px 5px 7px;
}

#naviV div.leer1
{
 border-left: 3px solid #990099;
 padding: 0px 0px 0px 0px;
}

#naviV div.container3
{
 border-left: 3px solid #003399;
 padding: 5px 5px 5px 7px;
}

#naviV div.leer2
{
 border-left: 3px solid #009999;
 padding: 0px 0px 0px 0px;
}

#naviV div.container5
{
 border-left: 3px solid #336600;
 padding: 5px 5px 5px 7px;
}

#naviV div.suche
{
 border-left: 3px solid #000000;
 height: 12em;
 padding: 5px 5px 5px 7px;
}

#naviV div.subparent1
{
 border-left: 3px solid #CC0000;
 background: #DDA1A1;
 margin: 0px 0px 0px 0px;
 padding: 5px 5px 5px 7px;
}

#naviV div.subparent3
{
 border-left: 3px solid #003399;
 background: #CCCCFF;
 margin: 0px 0px 0px 0px;
 padding: 5px 5px 5px 7px;
}

#naviV div.subparent5
{
 border-left: 3px solid #336600;
 background: #99CC99;
 margin: 0px 0px 0px 0px;
 padding: 5px 5px 5px 7px;
}

#naviV div.subnavi1
{
 border-left: 3px solid #CC0000;
 background: #DDA1A1;
}

#naviV div.subnavi1 ul
{
 list-style-image: url(/pics/bullet.gif);
 padding: 0px 5px 7px 10px;
}

#naviV div.subnavi1 ul li
{
 margin: 0px 0px 2px 16px;
}

#naviV div.subnavi1 ul li a,
#naviV div.subnavi1 ul li a:link,   
#naviV div.subnavi1 ul li a:visited,
#naviV div.subnavi1 ul li a:hover,  
#naviV div.subnavi1 ul li a:active  
{
 font-size: 10px;
}

#naviV div.subnavi1 ul li a.aktiv,
#naviV div.subnavi1 ul li a:link.aktiv,   
#naviV div.subnavi1 ul li a:visited.aktiv,
#naviV div.subnavi1 ul li a:hover.aktiv,  
#naviV div.subnavi1 ul li a:active.aktiv  
{
 text-decoration: underline;
}

#naviV div.subnavi3
{
 border-left: 3px solid #003399;
 background: #CCCCFF;
}

#naviV div.subnavi3 ul
{
 list-style-image: url(/pics/bullet.gif);
 padding: 0px 5px 7px 10px;
}

#naviV div.subnavi3 ul li
{
 margin: 0px 0px 2px 16px;
}

#naviV div.subnavi3 ul li a,
#naviV div.subnavi3 ul li a:link,   
#naviV div.subnavi3 ul li a:visited,
#naviV div.subnavi3 ul li a:hover,  
#naviV div.subnavi3 ul li a:active  
{
 font-size: 10px;
}

#naviV div.subnavi3 ul li a.aktiv,
#naviV div.subnavi3 ul li a:link.aktiv,   
#naviV div.subnavi3 ul li a:visited.aktiv,
#naviV div.subnavi3 ul li a:hover.aktiv,  
#naviV div.subnavi3 ul li a:active.aktiv  
{
 text-decoration: underline;
}

#naviV div.subnavi5
{
 border-left: 3px solid #336600;
 background: #99CC99;
}

#naviV div.subnavi5 ul
{
 list-style-image: url(/pics/bullet.gif);
 padding: 0px 5px 7px 10px;
}

#naviV div.subnavi5 ul li
{
 margin: 0px 0px 2px 16px;
}

#naviV div.subnavi5 ul li a,
#naviV div.subnavi5 ul li a:link,   
#naviV div.subnavi5 ul li a:visited,
#naviV div.subnavi5 ul li a:hover,  
#naviV div.subnavi5 ul li a:active  
{
 font-size: 10px;
}


#naviV div.subnavi5 ul li a.aktiv,
#naviV div.subnavi5 ul li a:link.aktiv,   
#naviV div.subnavi5 ul li a:visited.aktiv,
#naviV div.subnavi5 ul li a:hover.aktiv,  
#naviV div.subnavi5 ul li a:active.aktiv  
{
 text-decoration: underline;
}

/* Content - Inhalte */
#content
{
float: left; 
width: 700px;
padding-right: 15px;
}

#textblock
{
 margin: 10px 10px 25px 25px;
}

#textblock ul
{
 list-style-image: url(/pics/bullet.gif);
}

#textblock ul li,
#textblock ol li
{
 margin: 7px 0px 2px 30px;
}

#textblock p.bildrechts
{
 float: right;
 margin: 0px 0px 5px 5px;
}

#textblock p.bildlinks
{
 float: left;
 margin: 0px 5px 5px 0px;
}

#textblock p img
{
 margin: 0px 0px 5px 0px;
}

#textblock div.listenelement
{
 border-top: 2px solid #999999;
 clear: both;
 margin: 0px 0px 20px 0px;
 padding: 4px 0px 0px 0px;
}

#textblock div.listenelement p.rechts
{
 float: right;
}

#textblock div.listenelement p.links
{
 float: left;
 margin: 0px 5px 5px 0px;
}

#textblock div.listenelement p.hl
{
 font-size: 12px;
 font-weight: bold;
 margin: 0px 0px 3px 0px;
}

#textblock span.darkblue
{
 color: #000099;
}

#contentnavi
{
 border: 1px solid #999999;
 background: #EEEEEE;
 float: right;
 width: 120px;
 margin: 50px 0px 10px 10px;
 padding: 3px 5px 3px 5px;
}

#contentnavi ul
{
 list-style-type: none;
}

#contentnavi li
{
 margin: 0px 0px 7px 0px;
}

#contentnavi li a.aktiv,
#contentnavi li a:link.aktiv,   
#contentnavi li a:visited.aktiv,
#contentnavi li a:hover.aktiv,  
#contentnavi li a:active.aktiv  
{
 text-decoration: underline;
}


/* Fussnavigation */
#bottom
{
 background: #CCCCCC;
 clear: both;
 width: 760px;
 margin: 0px 0px 0px 10px;
}

#bottom p
{
 font-size: 10px;
 color: #444444;
 border-bottom: 1px solid #FFFFFF;
 padding: 5px 5px 5px 7px;
}

#bottom p a,
#bottom p a:link,
#bottom p a:visited,
#bottom p a:hover,
#bottom p a:active
{
 font-size: 10px;
 font-weight: bold;
 color: #444444;
}

#bottom p a:hover
{
 color: #990000;
}

/*#####################
  Sitemap
#####################*/

#textblock table.sitemap
{
 font-size: 10px;
 width: 93%;
}

#textblock table.sitemap tr td
{
 padding: 2px;
}


/*#####################
  Referrals List
#####################*/

#textblock table.ref
{
 font-size: 10px;
 border: 1px solid #000000;
 width: 93%;
}

#textblock tr.headline
{
 color: #000000;
 background-color: #DDDDDD;
}

#textblock tr.headline td
{
 font-weight: bold;
 color: #000000;
 padding: 2px;
}

#textblock table.ref tr td
{
 padding: 2px;
}


/*#####################
  Download-Sektion
#####################*/

#textblock table.expl
{
 border-width: 2px;
 width: 94%;
 font-size: 12px;
}

#textblock table.expl a
{
 color: black;
 text-decoration: none;
}

#textblock table.expl a img
{
 border-width: 0px;
}

#textblock table.expl a:hover
{
 text-decoration: underline;
}

#textblock tr.path td
{
 padding: 2px;
 font-weight: bold;
 font-size: 80%;
 border-style: solid;
 border-width: 1px;
 border-color: #BBBBBB;
}

#textblock tr.stats td
{
 padding: 2px;
 padding-top: 10px;
 font-weight: bold;
 font-size: 80%;
 text-align: right;
}

#textblock tr.vspace td
{
 font-size: 50%;
}

#textblock tr.hExpl
{
 background-color: #888888;
 color: #FFFFFF;
}

#textblock tr.hExpl td
{
 padding: 1px;
 text-transform: uppercase;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 11px;
}

#textblock tr.folder
{ ; }

#textblock tr.file
{ ; }

#textblock td.pic,
#textblock td.hPic
{
 width: 20px;
}

#textblock td.name,
#textblock td.hName
{ ; }

#textblock td.lastmod,
#textblock td.hLastMod
{
 width: 120px;
}

#textblock td.size,
#textblock td.hSize
{
 width: 120px;
}

#textblock td.type,
#textblock td.hType
{
 width: 160px;
}

#textblock td.hPic
{ ; }

#textblock td.hName
{ ; }

#textblock td.hSize
{
 text-align: right;
}

#textblock td.hType
{ ; }

#textblock td.hLastMod
{
 text-align: right;
}

#textblock td.pic
{ ; }

#textblock td.name
{ ; }

#textblock td.size
{
 text-align: right;
}

#textblock td.type
{ ; }

#textblock td.lastmod
{
 text-align: right;
}

#textblock td em
{
 font-style: normal;
 font-weight: bold;
}

#textblock td.pic img
{
 width: 20px;
 height: 16px;
 border-width: 0px;
 display: block;
}


/* Referenz Reihenfolge */
#referenz 
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
 font-weight: bold;
 color: #004284;
 text-decoration: underline;
 text-align: right;
 vertical-align: top;
 text-indent: -0.6em;
 border: 0;
 background-image: url(/i/head_home_u.jpg);
 background-color: #D2DDEC;
 background-repeat: no-repeat;
 background-position: 214px;
 list-style: square;
 list-style-position: inside;
 display: inline;
 float: left;
 clear: both;
 width: 80px;
 height: 60px;
 margin: 0em 0em 0.5em 0em;
 padding: 0em 0em 0.5em 0em;
}