body, td, th { 
font-family : Arial, Helvetica, sans-serif; 
color : #ffffff; 
} 
body { 
background-color : #333333; 
} 
.image { 
text-align : center; 
} 
h2 { 
background-color : #ffffff; 
text-decoration : none; 
font-family : Arial, "Times New Roman", "Arial Black", Verdana, serif; 
text-align : center; 
color : #006699; 
} 
a.tooltip em { 
display : none; 
} 
a.tooltip:hover { 
border : 0; 
position : relative; 
z-index : 500; 
text-decoration : none; 
} 
a.tooltip:hover em { 
font-style : normal; 
display : block; 
position : absolute; 
top : 20px; 
left : 20px; 
padding : 5px; 
color : #85000c; 
border : 1px solid #bbb; 
background : #ffc; 
width : 200px; 
} 
a.tooltip:hover em span { 
position : absolute; 
top : -7px; 
left : 15px; 
height : 7px; 
width : 11px; 
background : transparent url("http://www.cam.seebach.info/images/infobulle.gif"); 
margin : 0; 
padding : 0; 
border : 0; 
} 
h1 { 
font-family : arial, verdana, sans-serif; 
font-size : 16px; 
font-weight : bold; 
color : #62c0f4; 
} 
a.bulle { 
position : relative; 
color : #85000c; 
text-decoration : underline; 
font-family : arial, verdana, sans-serif; 
text-align : center; 
font-size : 11px; 
} 
a.bulle:hover { 
background : none; 
z-index : 50; 
} 
a.bulle span { 
display : none; 
} 
a.bulle:hover span { 
display : block; 
position : absolute; 
top : -10px; 
left : -10px; 
font-family : arial, verdana, sans-serif; 
text-align : justify; 
font-size : 12px; 
font-weight : normal; 
width : 352px; 
background : white; 
padding : 5px; 
border : 1px solid #62c0f4; 
border-left : 10px solid #62c0f4; 
} 
a.bulle1 { 
position : relative; 
color : #85000c; 
text-decoration : underline; 
font-family : arial, verdana, sans-serif; 
text-align : center; 
font-size : 11px; 
} 
a.bulle1:hover { 
background : none; 
z-index : 50; 
} 
a.bulle1 span { 
display : none; 
} 
a.bulle1:hover span { 
display : block; 
position : absolute; 
top : -220px; 
left : -350px; 
font-family : arial, verdana, sans-serif; 
text-align : justify; 
font-size : 12px; 
font-weight : normal; 
width : 320px; 
background : white; 
padding : 5px; 
border : 1px solid #62c0f4; 
border-left : 10px solid #62c0f4; 
} 
.zoom { 
height : 400px; 
} 
.zoom p { 
text-align : center; 
} 
.zoom img { 
width : 200px; 
height : 264px; 
border : 1px solid #62c0f4; 
background : white; 
padding : 5px; 
} 
.zoom img:hover { 
width : 340px; 
height : 449px; 
border : 1px solid #62c0f4; 
background : white; 
padding : 5px; 
} 
.zoom1 { 
height : 400px; 
} 
.zoom1 p { 
text-align : center; 
} 
.zoom1 img { 
width : 320px; 
height : 213px; 
} 
.zoom1 img:hover { 
width : 416px; 
height : 277px; 
} 
.img1 { 
background-image : url(""); 
width : 320px; 
height : 213px; 
position : absolute; 
top : 22em; 
right : 10%; 
} 
.img_border { 
border : 1px solid #62c0f4; 
background : white; 
padding : 5px; 
} 
#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%; 
display : block; 
background : transparent url(""); 
} 
#prevLink { 
left : 0; 
float : left; 
} 
#nextLink { 
right : 0; 
float : right; 
} 
#prevLink:hover, #prevLink:visited:hover { 
background : url(http://www.cam.seebach.info/images/prevlabel.gif) no-repeat left 15%; 
} 
#nextLink:hover, #nextLink:visited:hover { 
background : url(http://www.cam.seebach.info/images/nextlabel.gif) no-repeat right 15%; 
} 
#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 : 1em; 
} 
#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; 
} 
.photo { 
width : 635px; 
text-align : left; 
position : relative; 
margin : 0 auto; 
} 
.photo ul.topic { 
padding : 0; 
margin : 0; 
list-style : none; 
width : 635px; 
height : auto; 
position : relative; 
z-index : 10; 
} 
.photo ul.topic li { 
display : block; 
width : 125px; 
height : 31px; 
float : left; 
} 
.photo ul.topic li a.set { 
display : block; 
font-size : 11px; 
width : 124px; 
height : 30px; 
text-align : center; 
line-height : 30px; 
color : #000000; 
text-decoration : none; 
border : 1px solid #fff; 
border-width : 1px 1px 0 0; 
background : #ccc; 
font-family : verdana, arial, sans-serif; 
} 
.photo ul.topic li a ul, .photo ul.topic li ul { 
display : none; 
} 
.photo ul.topic li.active a { 
color : #000; 
background : #bbb; 
} 
.photo ul.topic li a:hover, .photo ul.topic li:hover a { 
color : #fff; 
background : #aaa; 
} 
.photo ul.topic li.active ul { 
display : block; 
position : absolute; 
left : 0; 
top : 31px; 
list-style : none; 
padding : 0; 
margin : 0; 
height : 375px; 
background : #ddd; 
width : 464px; 
padding : 40px 60px; 
border : 20px solid #bbb; 
z-index : 1; 
} 
.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul { 
display : block; 
position : absolute; 
left : 0; 
top : 31px; 
list-style : none; 
padding : 0; 
margin : 0; 
height : 375px; 
background : #ddd; 
width : 464px; 
padding : 40px 60px; 
border : 20px solid #aaa; 
z-index : 100; 
} 
.photo ul.topic li ul li { 
display : inline; 
width : 112px; 
height : 87px; 
float : left; 
border : 1px solid #fff; 
margin : 1px; 
} 
.photo ul.topic li ul li a { 
display : block; 
width : 110px; 
height : 85px; 
cursor : default; 
float : left; 
text-decoration : none; 
background : #444; 
border : 1px solid #888; 
} 
.photo ul.topic li ul li a img { 
display : block; 
width : 100px; 
height : 75px; 
border : 5px solid #eee; 
} 
.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover { 
white-space : normal; 
position : relative; 
} 
.photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img { 
position : absolute; 
left : -50px; 
top : -32px; 
width : 200px; 
height : 150px; 
border-color : #fff; 
}
.img_border {
	border: 1px solid #62c0f4;
	background: white;
    padding: 5px;
}

/* videobox */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(http://cam.seebach.info/images/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(http://cam.seebach.info/images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(http://cam.seebach.info/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(http://cam.seebach.info/shr/images/close.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}