/*typography*/
body{font: 70% Verdana, Arial, Helvetica, sans-serif;text-align: center}
h1,h2,h3{font-family: Verdana, Arial, Helvetica, sans-serif}
h1{font-size:110%;letter-spacing:1px;}
h2{font-size: 160%}
h3{font-size:110%;text-transform:uppercase;letter-spacing:1px;}
h2{margin: 35px 15px 20px 30px;padding:0}
h3{margin: 0 20px 20px 32px;padding:0}
h4{font-size:110%; letter-spacing:1px;padding:0 0 0 45px;margin:0}
p{padding-bottom: 0.7em;line-height: 1.5;font-size: 110%}
a{text-decoration: none}
address{padding: 4px 15px;font-style:normal;text-align:center}
.outer {font-size:0.9em;}
#table1 {font-size: 100%}
#table1 div{font-size: 110%}
#table2 {font-size: 100%}
#menu .h1{font-size:110%}
#menu .h2{font-size:100%}
#table3 {font-size: 100%}
#table2 a,#table2 a:hover,#table2 a:visited{font-size:110%;font-weight: bold}
#table2 p{padding-bottom: 0;font-size: 110%}

/*layout*/
html{height: 100%; margin-bottom: 1px}
html,body{margin:0;padding:0 0 20px}
div#container{width: 750px;margin: 0 auto;text-align: left}
div#header{margin:0 0 10px;padding: 0 0 5px; position: left}
div#header h1{margin:0 5px;padding:20px 0 20px}
div#content{width: 750px;padding:5px 0; height:auto}
div#footer{clear: both;margin-top: 10px}

#menu {margin:0;padding:0; width:780px;height:100px;overflow:hidden;}
#menu li {display:inline;list-style-type:none;}
#menu li a {display:block; float:left; text-decoration:none; margin:0;}
#menu li a img {filter: alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
-moz-opacity: 0.60; opacity: 0.6;margin: 0.5em;border: 0; float: left;}
#menu li a span {display:none;}
#menu li a:hover img {filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.00; opacity:1;}
#menu li a:hover span {width:10em; display:inline; float:left;}
#menu li a:hover img, #menu li a dt{filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.00; opacity:1;}
#menu .h1 {margin:0;padding:0;border:0;}
#menu .h2 {margin:0;padding:0;}

/*side menu*/
#menu6 {float: left;width: 150px;margin: 35px 30px 10px 10px;text-align: center}
#menu6 li a, #menu6 li dt {height: 32px;voice-family: "\"}\"";voice-family: inherit;height: 24px;
   text-decoration: none;}	
#menu6 li a:link, #menu6 li a:visited {display: block;
	background:  url(images/menu6.gif);
	padding: 8px 0 0 0;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif}
#menu6 li a:hover, #menu6 li dt {background:url(images/menu6.gif) 0 -32px;	
	padding: 8px 0 0 0;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif}
#menu6 ul {list-style: none; margin: 0; padding: 0;}
/*img{float: right; border-color: #DCE1E8; margin: 0}*/
img{border-color: #DCE1E8}
ul{font-size: 110%}

#table1{text-align:center}
#table2{text-align:left;}
#table2 ul{list-style: none; margin: 0; padding: 0; font: 100%}

/*colors*/
body{background: #fff}
div#header{background:#C1D5E4}
div#header h1{background:#83ACCA}
h1{color: #95AD03}
h2{color: #83ACCA}
h3{color: #95AD03}
h4{color: #E77B00}

div#content{background: #F1F4F8}
div#footer{background: #CCC;color: #000}
div#footer a:link,div#footer a:visited{color: #3184CE}
div#footer a:hover{color: #000}
#table3 a:link,#table3 a:visited{color:#95AD03}
#table2 a:link{color:#95AD03}
#table2 a:visited{color:#95AD03}
#table2 a:hover{color: #E77B00}
#table3 a:hover{color: #E77B00}
	
menu#{background:#fff;}
#menu li a:hover {background:#fff}
#menu li a hover span {color:#fff;}
#menu .h1{color:#83ACCA;}
#menu .h2 {color:#95AD03;}
.outer {background:transparent;}

#menu6 li a:link, #menu6 li a:visited,#menu6 li a:hover,#menu6 li dt {color: #FFF;}
#table1{border-color:#1e3c78}

#container1 {position:relative; width:700px; height:333;  margin:0;}
#container2 {position:relative; width:540px; height:190;  margin:0;}
#container3 {position:relative; width:540px; height:190;  margin:0;}

/* Removing the list bullets and indentation - add size - and position */
#container1 ul {width:190px; height:350px; padding:0;  margin:5px; list-style-type:none; float:left;}
#container2 ul {width:190px; height:270px; padding:0;  margin:5px; list-style-type:none; float:left;}
#container3 ul {width:190px; height:270px; padding:0;  margin:5px; list-style-type:none; float:left;}
#container1 li {float:right;}
#container2 li {float:right;}
#container3 li {float:right;}
/* Remove the images and text from sight */
#container1 a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}
#container2 a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}
#container3 a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container2 a.gallery, #container2 a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; cursor:default;}
#container2 a.slidea {background:url(thumb/IMG_7705.jpg); height:59px; width:80px;}
#container2 a.slideb {background:url(thumb/IMG_7717.jpg); height:59px; width:80px;}
#container2 a.slidec {background:url(thumb/IMG_7706.jpg); height:59px; width:80px;}
#container2 a.slided {background:url(thumb/IMG_7709.jpg); height:59px; width:80px;}
* html #container2 a.slided {width:80px; w\idth:80px;}
#container2 a.slidee {background:url(thumb/IMG_7712.jpg); height:59px; width:80px;}
#container2 a.slidef {background:url(thumb/IMG_7715.jpg); height:59px; width:80px;}
* html #container2 a.slidef {width:80px; w\idth:80px;}

#container1 a.gallery, #container2 a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; cursor:default;}
#container1 a.slideg {background:url(dive_thumb/P3071316.jpg); height:59px; width:80px;}
#container1 a.slideh {background:url(dive_thumb/P3071287.jpg); height:59px; width:80px;}
#container1 a.slidei {background:url(dive_thumb/P3091428.jpg); height:59px; width:80px;}
#container1 a.slidej {background:url(dive_thumb/P3071347.jpg); height:59px; width:80px;}
#container1 a.slidek {background:url(dive_thumb/P3091402.jpg); height:59px; width:80px;}
#container1 a.slidel {background:url(dive_thumb/P3109965.jpg); height:59px; width:80px;}
#container1 a.slidem {background:url(dive_thumb/P3109958.jpg); height:59px; width:80px;}
#container1 a.sliden {background:url(dive_thumb/P3109936.jpg); height:59px; width:80px;}
#container1 a.slideo {background:url(dive_thumb/P3091452.jpg); height:59px; width:80px;}
#container1 a.slidep {background:url(dive_thumb/P3109940.jpg); height:59px; width:80px;}
#container1 a.slideq {background:url(dive_thumb/P3110037.jpg); height:59px; width:80px;}
#container1 a.slider {background:url(dive_thumb/P3071336.jpg); height:59px; width:80px;}
#container1 a.slides {background:url(dive_thumb/P3110007.jpg); height:59px; width:80px;}
#container1 a.slidet {background:url(dive_thumb/P3110018.jpg); height:59px; width:80px;}
#container1 a.slideu {background:url(dive_thumb/P3150259.jpg); height:59px; width:80px;}
#container1 a.slidev {background:url(dive_thumb/P3150280.jpg); height:59px; width:80px;}
#container1 a.slidew {background:url(dive_thumb/P3120179.jpg); height:59px; width:80px;}
#container1 a.slidex {background:url(dive_thumb/P3150282.jpg); height:59px; width:80px;}
#container1 a.slidey {background:url(dive_thumb/P3120185.jpg); height:59px; width:80px;}
#container1 a.slidez {background:url(dive_thumb/P3120193.jpg); height:59px; width:80px;}

#container3 a.gallery, #container3 a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; cursor:default;}
#container3 a.slide1 {background:url(thumb/IMG_7703.jpg); height:59px; width:80px;}
#container3 a.slide2 {background:url(thumb/IMG_7704.jpg); height:59px; width:80px;}
#container3 a.slide3 {background:url(thumb/IMG_7707.jpg); height:59px; width:80px;}
#container3 a.slide4 {background:url(thumb/IMG_7708.jpg); height:59px; width:80px;}
* html #container3 a.slide4 {width:80px; w\idth:80px;}
#container3 a.slide5 {background:url(thumb/IMG_7710.jpg); height:59px; width:80px;}
#container3 a.slide6 {background:url(thumb/IMG_7714.jpg); height:59px; width:80px;}
* html #container3 a.slide6 {width:80px; w\idth:80px;}
#container3 a.slide7 {background:url(thumb/IMG_7716.jpg); height:59px; width:80px;}
#container3 a.slide8 {background:url(thumb/IMG_7719.jpg); height:59px; width:80px;}

#container3 a.slide9 {background:url(images/rundgang/thumb/01.jpg); height:53px; width:80px;}
#container3 a.slide10 {background:url(images/rundgang/thumb/02.jpg); height:53px; width:80px;}
#container3 a.slide11 {background:url(images/rundgang/thumb/03.jpg); height:53px; width:80px;}
#container3 a.slide12 {background:url(images/rundgang/thumb/04.jpg); height:53px; width:80px;}
#container3 a.slide13 {background:url(images/rundgang/thumb/05.jpg); height:53px; width:80px;}
#container3 a.slide14 {background:url(images/rundgang/thumb/06.jpg); height:53px; width:80px;}
#container3 a.slide15 {background:url(images/rundgang/thumb/07.jpg); height:53px; width:80px;}
#container3 a.slide16 {background:url(images/rundgang/thumb/08.jpg); height:53px; width:80px;}
#container3 a.slide17 {background:url(images/rundgang/thumb/09.jpg); height:53px; width:80px;}

/* styling the hovers */
#container1 a.gallery:hover {border:1px solid #fff;}
#container1 a.gallery:hover span {position:absolute; width:500px; height:333px; top:7px; left:200px; color:#000; background:#fff;}
#container2 a.gallery:hover {border:1px solid #fff;}
#container2 a.gallery:hover span {position:absolute; width:320px; height:239px; top:7px; left:220px; color:#000; background:#fff;}
#container3 a.gallery:hover {border:1px solid #fff;}
#container3 a.gallery:hover span {position:absolute; width:320px; height:239px; top:7px; left:220px; color:#000; background:#fff;}

