/*
//  main.css, simplyCMS
//  copyright 2003, ecs GmbH, http://www.ecs.ch, info@ecs.ch
/*


/* ***************************************************************** */
/* ALLGEMEIN                                                         */
/* ***************************************************************** */

/* Allgemeine Werte fuer alle Dokumente setzen */
body, p, b, h1, h2, h3, a, td  { font-family : Verdana, Arial, Helvetica; font-size : 8pt; font-weight : normal; color : #000000; }

h1  { font-size : 15pt; color : #000000; }
h2  { font-size : 14pt; color : #000000; }
h3  { font-size : 13pt; color : #000000; }
h4  { font-size : 10pt; color : #000000; }

/* spezielle Schriften */
.kopf           { font-family : Verdana, Arial, Helvetica; font-size : 20pt; padding-bottom : 2pt; font-weight : normal; color : #2f3093; }
.yellow         { color : #FFCC00; }
.red            { color : #FF0000; }
.green          { color : #009900; }
.black          { color : #000000; }
.white          { color : #FFFFFF; }
.hellgrau       { color : #EFEFEF; }
.grau           { color : #999999; }
.dunkelgrau     { color : #333333; }
.silber         { color : #CCCCCC; }
.blau           { color : #0033CC; }
.mini           { font-size : 8pt; padding-top : 3pt; }

/* fette Schriften */
b               { font-weight : bold; }
b.titel         { font-size : 13pt; font-weight : bold; color : #000000; }
b.titel-popup   { font-size : 12pt; font-weight : bold; color : #000000; }

/* Links */
a               { font-weight : bold; text-decoration : underline; color : #999999; }
a:visited       { font-weight : bold; text-decoration : underline; color : #999999; }
a:active        { font-weight : bold; text-decoration : none; color : #999999; }
a:hover         { font-weight : bold; text-decoration : underline; color : #0033CC; }
/*
A:hover:IMG     { MARGIN : 0px -0px -1px 0px } 
/*

/* Links Navigation */
a.navigation:link     { color : #000000; padding : 3px; text-decoration: none; }
a.navigation:visited  { color : #000000; padding : 3px; text-decoration: none; }
a.navigation:hover    { color : #0033CC; padding : 3px; text-decoration: none; }
a.navigation:active   { color : #0033CC; padding : 3px; text-decoration: none; }

/* Links Tabellarische Titel */
a.titel:link     { font-weight : bold; color : #FFFFFF; padding : 3px; text-decoration: none; }
a.titel:visited  { font-weight : bold; color : #FFFFFF; padding : 3px; text-decoration: none; }
a.titel:hover    { font-weight : bold; color : #CCCCCC; padding : 3px; text-decoration: none; }
a.titel:active   { font-weight : bold; color : #FFFFFF; padding : 3px; text-decoration: none; }

/* Links Menu */
a.menu:link         { background-color:#EFEFEF; display:block; height:20; width:200px; font-family:Verdana, Arial, Helvetica; font-size:13px; color:#000000; text-decoration:none; font-weight:bold; }
a.menu:active       { background-color:#EFEFEF; display:block; height:20; width:200px; font-family:Verdana, Arial, Helvetica; font-size:13px; color:#000000; text-decoration:none; font-weight:bold; }
a.menu:visited      { background-color:#EFEFEF; display:block; height:20; width:200px; font-family:Verdana, Arial, Helvetica; font-size:13px; color:#000000; text-decoration:none; font-weight:bold; }
a.menu:hover        { background-color:#CCCCCC; display:block; height:20; width:200px; font-family:Verdana, Arial, Helvetica; font-size:13px; color:#0033CC; text-decoration:none; font-weight:bold; }

/* Links Menu aktiv */
a.menuakt:link         { background-color:#999999; display:block; height:20; width:200px; font-family:Verdana, Arial, Helvetica; font-size:13px; color:#000000; text-decoration:none; font-weight:bold; }
a.menuakt:active       { background-color:#999999; display:block; height:20; width:200px; font-family:Verdana, Arial, Helvetica; font-size:13px; color:#000000; text-decoration:none; font-weight:bold; }
a.menuakt:visited      { background-color:#999999; display:block; height:20; width:200px; font-family:Verdana, Arial, Helvetica; font-size:13px; color:#000000; text-decoration:none; font-weight:bold; }
a.menuakt:hover        { background-color:#CCCCCC; display:block; height:20; width:200px; font-family:Verdana, Arial, Helvetica; font-size:13px; color:#0033CC; text-decoration:none; font-weight:bold; }

/* CSS für LightBox  */
#lightbox                 { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img             { width: auto; height: auto; }
#lightbox a img           { border: none; }

#outerImageContainer      { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer           { padding: 10px; }

#loading                  { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav                 { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a               { outline: none; }

#prevLink, #nextLink      { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink                 { left: 0; float: left; }
#nextLink                 { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(/includes/lightbox/images/cms_prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/includes/lightbox/images/cms_next.gif) right 15% no-repeat; }

#imageDataContainer       { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData                { padding:0 10px; color: #666; }
#imageData #imageDetails  { width: 70%; float: left; text-align: left; }
#imageData #caption       { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay                  { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }