body {
  background-color:#444444;
  margin: 0px;
  text-align:center;
  font-family: Arial, sans-serif;
  color: #000000;
}

div#body {
  margin: 0 auto;
  width: 900px;
  text-align:left;
}

a:link {
  color: #223982;
}

a:visited {
  color: #223982;
}

a:hover {
  color: #2d51c4;
}

a:active {
  color: #2d51c4;
}


.h3 {
  font-size:1.1em;
  font-weight:bold;
}

p {
  margin:10px 0;
}

h1 {
  margin:21px 0 10px;
}

h2 {
  margin:19px 0 10px;
}

h3 {
  margin: 18px 0 10px;
}

h4 {
  margin: 18px 0 10px;
}

h5 {
  margin: 18px 0 10px;
}

br {
  font-size: 0.5em;
}

hr {
  border: none;
  border-bottom: solid 1px #223982;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.clearBoth {
  clear: Both;
}

.displayBlock {
  display: block;
}

.displayNone {
  display: none;
}


div.headerIndex {
  height: 350px;
  background: transparent url(../images/headerWS.jpg) no-repeat bottom center scroll;
}

div.headerMain {
  height: 200px;
  background: transparent url(../images/headerWSSecondary.jpg) no-repeat center center scroll;
}

div.headerSecondary { /* für externe Seiten */
  height: 200px;
  background: transparent url(../images/headerWSSecondary.jpg) no-repeat center center scroll;
}

div#header a:link {
  color: #ffffff;
  text-decoration:none;
}

div#header a:visited {
  color: #ffffff;
  text-decoration:none;
}

div#header a:hover {
  color: #ffffff;
  text-decoration: underline;
}

div#header a:active {
  color: #ffffff;
  text-decoration: underline;
}

div#SOLA-Leipzig {
  float:left;
  font-family:arial;
  font-size:1.2em;
  margin:20px;
  position:absolute;
  text-decoration:none;
  top:5px;
  width:600px;
}

div#SOLA-Leipzig div {
  margin:100px 0 50px;
}

div.headerMain div#SOLA-Leipzig div,
div.headerSecondary div#SOLA-Leipzig div {
  font-size:0.8em;
  margin:70px 0 40px;
}

a.SOLA-Leipzig:visited div div span ,
a.SOLA-Leipzig:link div div span ,
a.SOLA-Leipzig div div span {
  visibility: hidden;  
}

a.SOLA-Leipzig:hover div div span ,
a.SOLA-Leipzig:active div div span {
  visibility: visible;  
}

div.menuIndex {
  background: transparent url(../images/headerWSMenu.jpg) repeat center top scroll;	
}

div.menuMain {
  background: transparent url(../images/headerWSSecondaryMenu.jpg) repeat center top scroll;	
}

div.menuSecundary {
  background: transparent url(../images/headerWSSecondaryMenu.jpg) repeat center top scroll;	
}


/* SIDEBAR FALSE - Standard */

div#main {
  padding: 10px 10px 0;
  background-color: #ffffff;
}

div#center {
}

div#sidebar {
  display: none;
}

div#aboveSidebar {
  padding: 0px;
}

/* SIDEBAR TRUE */

div#body.sidebarTRUE div#openSidebar {
  display: none;
}

div#body.sidebarTRUE div#main {
  padding: 0px;
  background: #ffffff 650px 0 url(./../images/below-sidebar-bg.png) scroll repeat-y;
}

div#body.sidebarTRUE div#main div#center {
  width: 630px;
  padding: 10px 10px 0;
}

div#body.sidebarTRUE div#main div#sidebar {
  width: 250px;
  float: right;
  display: block;
  border-top: solid 15px #ffffff;
  border-bottom: solid 10px #ffffff;

}


div#body.sidebarTRUE div#aboveSidebar {
  padding: 10px;
}




div#openSidebar {
  padding: 10px;
  background-color: #dfdfdf;  
  margin: 15px 0 10px;
  font-size: 0.8em;
}

div#sidebar div {
  padding: 10px;
  background-color: #dfdfdf;  
  font-size: 0.8em;
}

div#openSidebar {
  float: right;
  margin-left: 10px;
}

div#sidebar div p.h1 {
  font-weight:bold;
  font-size: 1.1em; 
}

div#sidebar div a.imgSidebar {
  text-decoration: none;
  color: #000000;
}

div#sidebar div a.imgSidebar p,
div#sidebar div a.imgSidebar:link p,
div#sidebar div a.imgSidebar:visited p {
  /* background-color: #ffffff;*/
  padding: 5px;
  background: #ffffff url(../images/load.gif) no-repeat center scroll;
  min-height:70px;
}

div#sidebar div a.imgSidebar:hover p,
div#sidebar div a.imgSidebar:active p {
  text-decoration: underline;
}


div#sidebar div a.imgSidebar p img {
  border: none;
}

div#sidebar div div#sidebarImg {
  margin: 0px;
  padding: 0px;  
}

div#sidebar a img,
div#sidebar a:hover img,
div#sidebar a:link img,
div#sidebar a:visited img,
div#sidebar a:active img {
  border: none;
}

div#sidebar .ico {
  padding: 2px 3px 4px 23px;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: transparent;
  margin: 2px;
}

div#mainEnd {
  clear:both;
  background-color: #ffffff;
  height: 10px;
}

div#footer {
  background-color: #223982;
  color: #ffffff;
  font-size: 0.7em;
  padding: 2px;
  text-align: center;
}

div#footer a {
  color: #ffffff;
}

div#footer a:link,
div#footer a:visited {
  text-decoration: none;
}

div#footer a:hover,
div#footer a:active {
  text-decoration: underline;
}

div#links {
  color: #888888;
  text-align: center;
  margin-bottom: 15px;
}

div#links a:link,
div#links a:visited {
  color: #888888;
  text-decoration: none;  
}

div#links a:hover,
div#links a:active {
  text-decoration: underline;
  color: #aaaaaa;
}




/* Formate */

.bold {
  font-weight:bold;
}

.highlighted {
  color: red;
}

.small {
  font-size: 0.7em;
}

.center {
  text-align: center;
}

.rss {
  background: url(../images/rss.png) no-repeat right center scroll;
  padding: 3px 0;
  margin: 7px 0;  
}


/* MENU */

div#menu {
  text-align: center;
}


div#menu ul li a:link,
div#menu ul li a:visited {
  color: #ffffff;
  text-decoration: none;
}

div#menu ul li a p,
div#menu ul li a:link p,
div#menu ul li a:visited p {
  width: 140px;
  margin: 0px;
  border-top: 1px transparent solid;
  /*background-color: #223982;*/
  padding: 5px;
}

div#menu ul li.active a p,
div#menu ul li a:hover p,
div#menu ul li a:active p {
  border-top: 1px #ffffff solid !important;
  background-color: #223982;
}



div#menu ul {
  list-style-type: none;
  padding:0px;
  margin: 0px;
}

div#menu ul li {
  display:inline;
  float:left;
  position:relative;
  text-align: center;
}

div#menuEnd {
  clear: both;
  height: 5px;
  background-color: #223982;
  font-size: 0em;
}



/* HEADER */
div#header ul {
  list-style-type:none;
  margin: 0px;
}

div#header ul li {
  float: right;
  padding: 5px;
}


/* TABELLEN */
div#body div#main table {
  width: 880px; 
  border: 1px solid #223982;
}

div#body.sidebarTRUE div#main table {
  width: 630px; 
}

td.inactive {
  display: none;
}

tr#h2 td a {
  color: #ffffff;
}

tr#h2 td a:visited,
tr#h2 td a:link {
  text-decoration: none;
}


tr#h2 td a:hover,
tr#h2 td a:active {
  text-decoration: underline;
}

tr.h1,
tr.h2,
tr.color1 {
  background-color: #223982;
  color: #ffffff;
}

tr.h2 td a {
  color:#FFFFFF;
  text-decoration: none;
}

tr.color2 {
  background-color: #2744a2;
  color: #ffffff;
}

table.images tr td.image {
  height:70px;
  min-width: 70px;
  background: transparent url(../images/load.gif) no-repeat center center scroll;
}

td.summe {
  border-top: solid 1px #000000;
  border-bottom: medium double #000000;
}

td.width55 {
  width: 55px;
}

td.width80 {
  width: 80px;
}

td.price {
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
}

tr.bg1 {
  background-color: ;
}

tr.bg2 {
  background-color: #eeeeee;
}

/* images */

div#body div#main table.images {
  background-color: transparent;
  border: none;
}

table.images a img {
  border: none;
}

table.images a span {
  display: inline-block;
  padding: 5px;
  border: #dfdfdf solid 1px;
  background-color: #ffffff;
}

table.images a span.smallBorder {
  padding: 3px;
}

table.images a span span,
table.images a span.text {
  border: none;
  display: inline-block;
  padding: 0px;
  background: transparent;
  margin: 4px 0 0 0;
}



table.images tr td.image {
  text-align: center;
}

table.images td.image a,
table.images td.image a:link,
table.images td.image a:visited {
  color: #000000;
  text-decoration:none;
  font-size: 0.8em;
  text-align: left;
}

table.images td.image a:hover,
table.images td.image a:active {
  color: #000000;
  text-decoration:underline;
  font-size: 0.8em;
  text-align: left;
}

a.infotext,
p.infotext {
  font-size: 0.8em;
  color: #000000;
  text-decoration: none;
}


a.infotext:link span.a {
  color: #223982;
  text-decoration: underline;
}

a.infotext:visited span.a {
  color: #223982;
  text-decoration: underline;
}

a.infotext:hover span.a {
  color: #2d51c4;
  text-decoration: underline;
}

a.infotext:active span.a {
  color: #2d51c4;
  text-decoration: underline;
}

img.captchaImg {
  border: 1px solid #223982;
  float: left;
}

input.inputCaptcha {
  margin: 20px 0 0 5px;
}

input.captcha {
  margin: 20px 0 0 5px;
}

/* fade out */

span.fadeout0 {
  color: #777777;
}

span.fadeout1 {
  color: #aaaaaa;
}

span.fadeout2 {
  color: #cccccc;
}

span.fadeout3 {
  color: #dddddd;
}

span.fadeout4 {
  color: #eeeeee;
}


/* infobox */

div#error,
div.error {
  background-color: #FFEAE4;
  color: #DF2121;
  padding: 15px;
  vertical-align: middel;
  border: 2px solid;
  margin: 0px 0px 5px;
}

div#info,
div.info {
  background-color: #EFF6E9;
  color: #2D9D3B;
  padding: 15px;
  vertical-align: middel;
  border: 2px solid;
  margin: 0px 0px 5px;
}



div#warning,
div.warning {
  background-color: #FFF6CF;
  color: #FFD100;
  padding: 15px;
  vertical-align: middel;
  border: 2px solid;
  margin: 0px 0px 5px;
}
      
      /* INFOMAIL */
      
            table#infomail.noscript tr.infoMailSelect {
              display: none;
            }
            
            table#infomail.noscript tr.infoMailEmail,
            table#infomail.noscript tr.infoMailPostcard {
              display: table-row;
            }
            
            table#infomail.email tr.infoMailPostcard {
              display: none;
            }
            
            table#infomail.email tr.infoMailEmail,
            table#infomail.email tr.infoMailSelect {
              display: table-row;
            }
            
            table#infomail.postcard tr.infoMailEmail {
              display: none;
            }
            
            table#infomail.postcard tr.infoMailPostcard,
            table#infomail.postcard tr.infoMailSelect {
              display: table-row;
            }
            


/* LIGHTBOX */


#lightbox{
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}

#lightbox a img {
  border: none; 
}

#outerImageContainer{
  position: relative;
  background-color: #ffffff;
  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: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
  display: block;
}

#prevLink {
  left: 0; float: left;
}

#nextLink { 
  right: 0; 
  float: right;
}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #ffffff;
  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;	}	
		
#overlay{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #444444;
}

.body {
  background-color: red;
}