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

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

/* -------------------- Pseudo-Klassen -------------------- */
html, body,
h1, h2, h3, h4, h5, h6,
form, input, select, button, textarea,
ul, ol, li,
p, div, span,
table, tbody, tr, td,
a, a:link, a:visited, a:hover, a:active
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 /* font-size: 1em; */
 font-size: 11px;
 color: #000;
 text-decoration: none;
 padding: 0;
 margin: 0;
}

html, body 
{
 background: #FFF;
 scrollbar-face-color: #DDD;
 scrollbar-shadow-color: #8DABCF;
 scrollbar-highlight-color: #DDD;
 scrollbar-3dlight-color: #8DABCF;
 scrollbar-darkshadow-color: #DDD;
 scrollbar-track-color: #DDD;
 scrollbar-arrow-color: #8DABCF;
}

img
{
 border: none;
}

td
{
 /* font-size: 1em; */
}

/*
td td,
td td td
{
 font-size: 1em;
}
*/

p
{
 /* font-size: 0.7em; */
 margin-bottom: 5px;
}

ul, ol
{
 margin-top: 10px;
 padding: 0;
}

ul
{
 list-style-type: square;
}

li
{
/* font-size: 0.7em; */
 padding: 2px 0px;
 margin-left: 20px;
}

form 
{
 margin: 0;
}

input, textarea, select
{
/* font-size: 1em; */
 border: 1px solid #BBB;
 padding: 1px;
}

input, textarea
{
/* font-size: 1em; */
 width: 90%;
}


button 
{
/* font-size: 1em; */
 font-weight: bold;
 color: #000;
 background: #BBB;
 padding: 2px;
 margin-right: 10px;
}

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

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

a, a:link, a:visited, a:hover, a:active
{
 color: #1347B7;
 text-decoration: none;
}

a:hover
{
 text-decoration: underline;
}

/* Ueberschrift - groß */
h1
{
/* font-size: 0.95em; */
 font-size: 14px;
 margin-bottom: 15px;
}

/* Ueberschriften - normal */
h2
{
 margin: 20px 10px 10px 25px;
}

/* Ueberschrift fuer Listen */
h3
{
/* font-size: 0.8em; */
 font-size: 12px;
 font-weight: bold;
 border-bottom: 1px solid #1287CF;
 padding-bottom: 1px;
 margin-bottom: 5px;
}

h3 a,        
h3 a:link,   
h3 a:visited,
h3 a:hover,  
h3 a:active  
{
 color: #000;
 font-weight: bold;
 text-decoration: none;
}

h3 img
{
 margin: 0px 7px 1px 0px;
}

/* Ueberschrift - rechte Spalte */
h4
{
/* font-size: 0.75em; */
 font-weight: bold;
 background: #DDE6EC;
 padding: 2px 5px;
 margin-top: 15px;
}


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

  Blockdefinitionen

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

/* -------------------- Block: Zentrierung der ganzen Seite -------------------- */
#main
{
 background: #FFF;
 border: 1px solid #006;
 width: 760px;
 margin: 0px auto 0px auto;
}

/* -------------------- Block: Logo + Bild -------------------- */
#head
{
 background: #DDE6EC;
 height: 45px;
}

#head img
{
 border: none;
 float: left;
}

#head p
{
/* font-size: 0.9em; */
 font-weight: bold;
 color: #1347B7;
 padding: 10px 0px 0px 155px;
}

#headimage
{
 background: #FdddFF;
 border-bottom: 1px solid #000066;
}

/* -------------------- Block: Service-Navigation -------------------- */
#servicenavi
{
/* font-size: 0.7em; */
 color: #FFF;
 background: #1287CF;
 text-align: right;
 border-bottom: 1px solid #006;
 padding: 3px;
}

#servicenavi a,        
#servicenavi a:link,   
#servicenavi a:visited,
#servicenavi a:hover,  
#servicenavi a:active  
{
/* font-size: 1em; */
 color: #FFF;
 text-align: right;
 margin: 0px 6px;
}

/* -------------------- Block: Navigation + Content + Rechte Spalte -------------------- */
#contentarea
{
 width: 100%;
 background: url(/c/cms/images/content_bg.gif) repeat-y;
}

/* ------------- Linke Spalte - Navigation ---------------- */
#navi
{
 background: #DDE6EC;
 border-right: 1px solid #000066;
 float: left;
 width: 150px;
 height: 130em;
}

#navi span
{
 border-bottom: 1px solid #1287CF;
 display: block;
}

#navi span a,
#navi span a:link,   
#navi span a:visited,
#navi span a:hover,  
#navi span a:active  
{
/* font-size: 0.7em; */
 font-weight: bold;
 text-decoration: none;
 background: url(/pics/bg_navi.gif) repeat-x;
 display: block;
 padding: 4px 5px 4px 10px;
}

#navi span a:hover
{
 color: #FFF;
 background: url(/pics/bg_navi_sub.gif) repeat-x;
}

#navi span.double a,
#navi span.double a:link,   
#navi span.double a:visited,
#navi span.double a:hover,  
#navi span.double a:active  
{
 background: url(/pics/bg_navi_double.gif) repeat-x;
}

#navi span.double a:hover
{
 background: url(/pics/bg_navi_double_sub.gif) repeat-x;
}

#navi span.aktiv a,
#navi span.aktiv a:link,   
#navi span.aktiv a:visited,
#navi span.aktiv a:hover,  
#navi span.aktiv a:active  
{
 color: #FFF;
 background: url(/pics/bg_navi_sub.gif) repeat-x;
}

#navi span.aktiv2 a,
#navi span.aktiv2 a:link,   
#navi span.aktiv2 a:visited,
#navi span.aktiv2 a:hover,  
#navi span.aktiv2 a:active  
{
 color: #FFF;
 background: url(/pics/bg_navi_double_sub.gif) repeat-x;
}

#navi ul
{
 border-bottom: 1px solid #1287CF;
 list-style-type: none;
 padding: 3px 0px 7px 0px;
 margin: 0px;
}

#navi ul li
{
 padding: 2px;
 margin-left: 15px;
}

#navi ul li a,
#navi ul li a:link,   
#navi ul li a:visited,
#navi ul li a:hover,  
#navi ul li a:active  
{
/* font-size: 0.9em; */
 font-weight: bold;
 text-decoration: none;
}

#navi ul li img
{
 margin: 0px 5px 1px 0px;
}


/* ---------------- Content Spalte ------------------ */

#content
{
 background: #FFF;
 float: left;
 width: 458px;
}

#technavi
{
/* font-size: 0.7em; */
 background: #DDE6EC;
 padding: 4px 0px 5px 0px;
}

#technavi a,
#technavi a:link,
#technavi a:visited,
#technavi a:hover,
#technavi a:active
{
 font-weight: bold;
 margin: 0px 5px;
}

#maincontent
{
 padding: 15px;
}

#maincontent p span.rechts img
{
 border: 1px solid #555;
}

#maincontent p table,
#maincontent p tr
{
 border: 1px solid #BBB;
 border-collapse: collapse;
}

#maincontent p td
{
/* font-size: 1em; */
 border: 1px solid #BBB;
 border-collapse: collapse;
 padding: 2px;
}

.listenelement
{
 border-top: 1px solid #BBB;
 clear: both;
 padding-top: 4px;
 padding-bottom: 20px;
}

.listenelement img
{
 border: 1px solid #555;
 float: left;
 margin: 0px 5px 5px 0px;
}

.listenelement p.hl
{
 font-weight: bold;
 margin: 0px 0px 3px 0px;
}

.listenelement p.hl img
{
 border: none;
 float: none;
 margin: 0px 0px 0px 7px;
}

/* Rechte Spalte */
#right
{
 background: #1287CF;
 border-left: 1px solid #006;
 float: right;
 width: 150px;
 height: 100em;
}

#right select
{
/* font-size: 0.7em; */
 width: 140px;
 padding: 0;
 margin-top: 5px;
 margin-left: 5px;
}

#right option
{
 padding: 0;
 margin-left: 2px;
}

/*#######################################
  Individuelle Klassen
########################################*/

#home
{
 background: url(/pics/home.jpg) no-repeat;
 height: 600px;
 padding: 230px 0px 0px 240px;
}

#home p,
#home ul
{
 background: none;
}

#home li
{
/* font-size: 0.58em; */
 font-size: 10px;
 border-bottom: 1px solid #FFF;
 padding: 0;
 margin: 0;
}

/* aktive Links in der Technavi */
.third a,
.third a:link,
.third a:visited,
.third a:hover,
.third a:active
{
 text-decoration: underline;
}

/* Sitemap */
table.sitemap td
{
 background: none;
 padding: 0px 3px;
}

table.sitemap a,        
table.sitemap a:link,   
table.sitemap a:visited,
table.sitemap a:hover,  
table.sitemap a:active  
{
 text-decoration: underline;
}

.rechts
{
 float: right;
 margin: 10px 0px 5px 5px;
}

.links
{
 float: left;
 margin: 0px 5px 5px 0px;
}


p.list
{
 margin-bottom: 20px;
}

p.list img
{
 float: right;
 margin: 0px 0px 5px 5px;
}

.txt
{
 margin-bottom: 5px;
}

.txt img
{
 float: right;
 margin: 13px 0px 5px 10px;
}

.txt br
{
 clear: both;
}

.home
{
 background: url(/pics/bg_content.jpg) no-repeat;
 height: 450px;
}

.news
{
 color: #FFF;
 line-height: 120%;
 padding: 4px 7px;
 margin-top: 5px;
}

.news br
{
 clear: both;
}

.news a,        
.news a:link,   
.news a:visited,
.news a:hover,  
.news a:active  
{
 color: #DDE6EC;
 text-decoration: underline;
}

.news img
{
 margin: 0px 5px 1px 1px;
}

img.newsimg
{
 float: left;
 margin: 3px 5px 5px 0px;
}

/* 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;
}

/* Klassen fuer die Download-Tabellen */

table.expl { border: 1px solid #BBB; width:100%; }
table.expl td { border: 1px solid #BBB; }
table.expl a { color:black; text-decoration:none; }
table.expl a img { border-width:0px; }
table.expl a:hover { text-decoration:underline; }
tr.path td { padding:2px; font-weight:bold; border-style:solid; border-width:1px; border-color:#BBB; }
tr.stats td { padding:2px; padding-top:10px; font-weight:bold; text-align:right; }
tr.vspace td { font-size:50%; }
tr.hExpl { background-color:#888888; color:#FFFFFF; }
tr.hExpl td { padding:1px; text-transform:uppercase; color:#FFF; font-weight:bold; }
tr.folder { ; }
tr.file { ; }
td.pic, td.hPic { width:20px; }
td.name, td.hName { ; }
td.lastmod, td.hLastMod { width:120px; }
td.size, td.hSize { width:120px; }
td.type, td.hType { width:160px; }
td.hPic { ; }
td.hName { ; }
td.hSize { text-align:right; }
td.hType { ; }
td.hLastMod { text-align:right; }
td.pic { ; }
td.name { ; }
td.size { text-align:right; }
td.type { ; }
td.lastmod { text-align:right; }
em { font-style:normal; font-weight:bold; }