html, body {
margin: 0;
padding: 0;
height: 100%;
background-image:url('../upload/layout/left.gif');background-repeat:repeat-y;background-color:#FFFD7E


}


img{border-color:#759ACA}

table, td {font-family:verdana;font-size:12px}

textarea {font-family:verdana;font-size:12px;}
.nachr{width:310px;height:120px}

input {font-family:verdana;font-size:12px;}
.betr{width:310px}




#imageContainer1 {
	height:250px;
         width:176px;float:left;
}

#imageContainer1 img {
	display:none;
        position:absolute;
	top:0; left:0;
}




#imageContainer2 {position:relative;
	height:124px;
        width:200px;
         
}

#imageContainer2 img {
	display:none;
	position:absolute;
	
}


#imageContainer3 {position:relative;
	height:124px;width:200px;
}

#imageContainer3 img {
	display:none;
	position:absolute;
	
}



#imageContainer4 {position:relative;
	height:124px;width:200px;
}

#imageContainer4 img {
	display:none;
	position:absolute;
	
}



div.wrapper {
width: 100%;
min-height: 100%;
margin: 0 auto;


}

* html div.wrapper { /* Für IE */
height: 100%;
}

div.top_left {
width: 100%;
}


div.top_right {
text-align:right;
width: 100%;
position:absolute;top:10px;right:10px;
}

div.content {
margin: 0 0px;
padding-top: 50px;float:left;
}


div.clear {
clear: both;
margin: 0;
padding: 0;
height: 0;
line-height: 0;
font-size: 0;
}



#navigation {position:absolute;top:130px;left:0px;border:1px}
#content {position:absolute;top:135px;left:300px;font-family:verdana;font-size:12px;padding-right:20px;width:50%;}


.rechts{width:180px;position:absolute;right:10px;top:135px}



a:link { color:#2A66A5; text-decoration:none;  }
 a:visited { color:#2A66A5; text-decoration:none;  }
 a:hover { color:#2A66A5; text-decoration:none;  font-weight:bold; }
 a:active { color:#2A66A5; ext-decoration:none;  }
 a:focus { color:#2A66A5; ext-decoration:none; }


a.willkommen {
    background: url(../upload/layout/menu2_01.gif) no-repeat;
    display:block; width:190px;height:26px /* Linkbereich begrenzen */
  }
a.willkommen img {
    display:block; border:0;
  }
a.willkommen:hover img {
    visibility: hidden;
  }

  a.wir {
    background: url(../upload/layout/menu2_02.gif) no-repeat;
    display:block; width:190px;height:26px /* Linkbereich begrenzen */
  }
a.wir img {
    display:block; border:0;
  }
a.wir:hover img {
    visibility: hidden;
  }


  a.mc {
    background: url(../upload/layout/menu2_03.gif) no-repeat;
    display:block; width:190px;height:26px /* Linkbereich begrenzen */
  }
a.mc img {
    display:block; border:0;
  }
a.mc:hover img {
    visibility: hidden;
  }

a.cs {
    background: url(../upload/layout/menu2_04.gif) no-repeat;
    display:block; width:190px;height:26px /* Linkbereich begrenzen */
  }
a.cs img {
    display:block; border:0;
  }
a.cs:hover img {
    visibility: hidden;
  }


  a.aktuell {
    background: url(../upload/layout/menu2_05.gif) no-repeat;
    display:block; width:190px;height:26px /* Linkbereich begrenzen */
  }
a.aktuell img {
    display:block; border:0;
  }
a.aktuell:hover img {
    visibility: hidden;
  }

a.gallerie {
    background: url(../upload/layout/menu2_06.gif) no-repeat;
    display:block; width:190px;height:26px /* Linkbereich begrenzen */
  }
a.gallerie img {
    display:block; border:0;
  }
a.gallerie:hover img {
    visibility: hidden;
  }


  a.kontakt {
    background: url(../upload/layout/menu2_07.gif) no-repeat;
    display:block; width:190px;height:26px /* Linkbereich begrenzen */
  }
a.kontakt img {
    display:block; border:0;
  }
a.kontakt:hover img {
    visibility: hidden;
  }


  a.impressum {
    background: url(../upload/layout/menu2_08.gif) no-repeat;
    display:block; width:190px;height:26px /* Linkbereich begrenzen */
  }
a.impressum img {
    display:block; border:0;
  }
a.impressum:hover img {
    visibility: hidden;
  }






  #navigation a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }

  * html #navigation a {
    margin-right:1px;
  }
  * html #navigation a:hover {
    width:107px; margin-right:0; /* Workaround fuer IE 5.01 */
  }











#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: #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: transparent url(../upload/layout/js/images/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(../upload/layout/js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../upload/layout/js/images/nextlabel.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;	}

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