/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

html {height: 100%}

/* General Styles */
label{ cursor:pointer; }

a:focus,a:hover{ text-decoration:underline; }
html{background: #fff url(../images/bgr_html.png) repeat-y;}
body{color:#000; font:62.5% Arial, Helvetica, sans-serif; height: 100%;}
#ref_wide{ margin:0 auto; padding:20px 0; overflow:hidden; width:700px; }
.wpic{
	float:left;
	width:365px;
}
.wtext{
	float:right;
	width:335px;
}
h1{
	font-size:20px;
	padding:6px 0 10px;
}
p{
	line-height:15px;
	padding:0 0 18px;
}
ul{
	line-height:15px;
	padding:0 0 18px;
}

#banners{ margin:0 auto; padding:20px 0; overflow:hidden; width:728px; }
.bleft{
	float:left;
	width:528px;
}
.bright{
	float:right;
	width:200px;
}
h1{
	font-size:20px;
	padding:6px 0 10px;
}
p{
	line-height:15px;
	padding:0 0 18px;
}
ul{
	line-height:15px;
	padding:0 0 18px;
}

#banners2{ margin:0 auto; padding:20px 0; overflow:hidden; width:468px; }
.bleft{
	float:left;
	width:308px;
}
.bright{
	float:right;
	width:160px;
}
h1{
	font-size:20px;
	padding:6px 0 10px;
}
p{
	line-height:15px;
	padding:0 0 18px;
}
ul{
	line-height:15px;
	padding:0 0 18px;
}


#ref_header{ margin:0 auto; padding:20px 0; overflow:hidden; width:705px; }
.hleft{
	float:left;
	width:345px;
}
.hright{
	float:right;
	width:345px;
}
h1{
	font-size:20px;
	padding:6px 0 10px;
}
p{
	line-height:15px;
	padding:0 0 18px;
}
ul{
	line-height:15px;
	padding:0 0 18px;
}

#team{ margin:0 auto; padding:20px 0; overflow:hidden; width:708px; }
.lfoto{
	float:left;
	width:160px;
}
.lbeschreibung{
	float:left;
	width:194px;
	font-size:13px;
}

.rfoto{
	float:left;
	width:160px;
}
.rbeschreibung{
	float:left;
	width:194px;
	font-size:13px;

}
h1{
	font-size:20px;
	padding:6px 0 10px;
}
.txt-area h5{
	margin:0;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
}	
p{
	line-height:15px;
	padding:0 0 18px;
}
ul{
	line-height:15px;
	padding:0 0 18px;
}

#referenzenbanner{ margin:0 auto; padding:20px 0; overflow:hidden; width:700px; }
.pic{
	float:left;
	width:315px;
}
.text{
	float:left;
	width:385px;
	text-align: justify;
}
h1{
	font-size:20px;
	padding:6px 0 10px;
}
p{
	line-height:15px;
	padding:0 0 18px;
}
ul{
	line-height:15px;
	padding:0 0 18px;
}

#bannerportfolio{ margin:0 auto; padding:20px 0; overflow:hidden; width:700px; }
.leftleftbanner{
	float:left;
	width:175px;
	text-align: center
}
.leftbanner{
	float:left;
	width:175px;
	text-align: center
}
.rightbanner{
	float:left;
	width:175px;
	text-align: center;
}
.rightrightbanner{
	float:left;
	width:175px;
	text-align: center;
}
h1{
	font-size:20px;
	padding:6px 0 10px;
}
p{
	line-height:15px;
	padding:0 0 18px;
}
ul{
	line-height:15px;
	padding:0 0 18px;
}


#referenzentable{ margin:0 auto; padding:20px 0; overflow:hidden; width:385px; }
.left{
	float:left;
	width:120px;
}
.right{
	float:right;
	width:205px;
}
h1{
	font-size:20px;
	padding:6px 0 10px;
}
p{
	line-height:15px;
	padding:0 0 18px;
}
ul{
	line-height:15px;
	padding:0 0 18px;
}  

#wrapper{
	background: url(../images/bgr_wrapper.png) no-repeat;
	margin:0 auto;
	position: relative;
	width: 1000px;
	}
/*header*/
#header{
	height: 228px;
	width: 100%;
	overflow: hidden;
	background: url(../images/bgr_header.png) no-repeat;
}

.header_text {
	margin: 57px 0 0 0;
	padding: 0 0 0 60px;
	width: 475px;
	}
	.header_text h3 {
		font: bold 20.45px arial;
		line-height: 21px;
		margin: 0 0 6px 0;
		}
	.header_text p {
		color: #4f4e4e;
		font: normal 18px arial;
		line-height: 20px;
		letter-spacing: 1px;
		}

span.bold_text {font-weight: bold;}


#logo{
	float: right;
	width: 245px;
	height: 68px;
	display: block;
	cursor: pointer;
	position: absolute;
		right: 0;
	text-indent: -9999em;
	background: url(../images/bgr_logo.png) no-repeat;
}
/*menu*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	}
.sf-menu {
	float:  		left;
	line-height:	1.0;
	}
.sf-menu ul {
	position:		absolute;
	top:			-999em;	
	}

/*we must use static width for sub_menus, because IE6 don't show them correctly*/
.sf-menu li.item1 ul {width: 150px;}
.sf-menu li.item2 ul {width: 135px;}
.sf-menu li.item3 ul {width: 180px;}
.sf-menu li.item4 ul {width: 136px;}
.sf-menu li.item5 ul {width: 105px;}
.sf-menu li.item6 ul {width: 130px;}
.sf-menu li.item7 ul {width: 86px;}
.sf-menu li.item8 ul {width: 130px;}

.sf-menu ul li {
	width:			100%;
	}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
.sf-menu li {
	float:			left;
	position:		relative;
	}
.sf-menu a {
	display:		block;
	position:		relative;
	}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			27px; /* match top ul list item height */
	z-index:		999;
	}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	}

/*** DEMO SKIN ***/
.sf-menu {
	background:		url(../images/bgr_nav2.png);
	float:			left;
	margin-bottom:	1em;
	width: 1000px;
	}
.sf-menu a {
	padding: 		4px 15px 7px;
	text-decoration:none;
	}

.sf-menu li.item2 a {padding: 4px 11px 7px}
.sf-menu li.item8 a {padding: 4px 18px 7px 17px}

.sf-menu li li a {padding: 		0.3em 16px; white-space: nowrap;}
	
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
	font:			normal 13.34px arial;
	}
.sf-menu li {	}
.sf-menu li li {
	background:		#e9e9e8;
	}
.sf-menu li li li {
	background:		#9AAEDB;
	}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#ff6305;
	outline:		0;
	text-decoration:none;
	}
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {background:		#c5c4c4;}
.sf-menu li li a, .sf-menu li li a:visited, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {color:		#4f4e4e;}


/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
	}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
	}
/*body*/
#body{
	width: 100%;
	overflow: hidden;
	background: url(../images/bgr_body.png) no-repeat;
}

.content_block {
	background: url(../images/bgr_content2.png);
	margin: 0 0 0 7px;
	padding: 12px 0 12px 18px;
	overflow: hidden;
	width: 980px;
	}

.content {
	float: left;
	overflow: hidden;
	width: 720px;
	padding: 0 10px 0 0
	}

.content_title {
	color: #4f4e4e;
	font: normal 12px arial;
	margin: 0 0 9px 0;
	}
	.content_title a {
		color: #4f4e4e;
		text-decoration: underline;
		}
		.content_title a:hover, .companies_block a:hover {text-decoration: none;}

.content_row1, .content_row2 {
	margin: 0 0 20px;
	overflow: hidden;
	width: 730px;
	}
.content_row2 {margin: 0 0 10px;}

	.content_row1 div, .content_row2 div {
		float: left;
		margin: 0 36px 0 0;
		width: 215px;
		}
		.content_row1 div.content_item2, .content_row2 div.content_item5 {margin: 0 33px 0 0;}
		.content_row1 div.content_item3, .content_row2 div.content_item6 {margin: 0;}
		
	.content_row1 a, .content_row2 a {
		color: #ff6305;
		display: inline-block;
		font: normal 14px arial;
		margin: 5px 0 0 10px;
		text-decoration: underline;
		}
		.content_row1 a:hover, .content_row2 a:hover {text-decoration: none;}
	.content_row1 p, .content_row2 p {
		font: normal 14px arial;
		line-height: 18px;
		margin: 0 0 0 10px;
		}
	.content_row1 span, .content_row2 span {
		border-bottom: 1px solid #c9c9c9;
		display: block;
		font-size: 0;
		height: 0;
		margin: 7px 0 0 0;
		width: 212px;
		}


.companies_block {padding: 0 0 0 7px;}
	.companies_block a {
		color: #FF6305;
		display: inline-block;
		font: normal 14px arial;
		margin: 0 0 5px 4px;
		text-decoration: underline;
		}		
	.companies_block img {margin: 0 15px 0 0;}		


.social_block {
	background: url(../images/bgr_social.png) no-repeat;
	height: 123px;
	margin: 36px 0 0 0;
	width: 710px;
	}

.social_header {
	overflow: hidden;
	width: 710px;
	}

.social_title {
	color: #000001;
	float: left;
	font: normal 15.37px arial;
	margin: 9px 0 0 35px;
	}

.social_price {
	background: url(../images/bgr_price.png) no-repeat;
	float: right;
	height: 47px;
	margin: 0 28px 0 0;
	padding: 9px 0 0 0;
	position: relative;
	text-align: center;
	width: 150px;
	}

.social_content {
	margin: -2px 0 0 0;
	overflow: hidden;
	width: 710px;
	}

.facebook, .twitter, .rss {
	float: left;
	width: 235px;
	margin: 0 0 0 10px;
	}

.rss {
	margin: 0 0 0 13px;
	width: 207px;
	}	

.facebook_title {
	color: #fff;
	font: normal 14px arial;
	}

.facebook_btn {
	background: url(../images/bgr_like_btn.png) no-repeat;
	display: block;
	height: 30px;
	margin: 4px 0 0 0;
	text-indent: -9999px;
	width: 128px;
	}

.twitter_btn {
	background: url(../images/bgr_retweet.png) no-repeat;
	color: #fff;
	display: block;
	font: normal 12px arial;
	height: 28px;
	padding: 15px 0 0 8px;
	text-decoration: none;
	width: 105px;
	}
	.twitter_btn:hover {text-decoration: none;}
	.twitter_btn span {
		color: #000;
		margin: 0 24px 0 0;
		}
	
.rss_btn {
	background: url(../images/bgr_rss.png) no-repeat;
	display: block;
	height: 44px;
	margin: 0 0 0 -7px;
	text-indent: -9999px;
	width: 160px;
	}


.right {
	float: left;
	padding: 23px 0 0 0;
	width: 245px;
	}
	
.links_head {
	margin:-13px 0 0 20px;
}
.links_head ul {
	overflow:hidden;
	width:100%;
}
.links_head li {
	float:left;
	padding:0 4px 0 0;
}

.right_block1 {
	background: #e8e8e8;
	margin: 0 0 10px 0;
	padding: 18px 11px 21px 21px;
	}
	.right_block1 h3 {
		background: url(../images/bgr_right_rss.png) no-repeat 182px 2px;
		color: #323231;
		font: normal 18px arial;
		height: 25px;
		}
	.right_block1 p.date {
		color: #323231;
		font: normal 12px arial;
		margin: 8px 0 2px 0;
		}
	.right_block1 p.right_block1_title {
		color: #ff6305;
		font: normal 14px arial;
		line-height: 18px;
		}
	.right_block1 p.right_block1_content {
		color: #323231;
		font: normal 12px arial;
		line-height: 18px;
		padding: 0 0 3px 0
		}
	.right_block1 a {
		color: #323231;
		font: normal 12px arial;
		text-decoration: underline;
		}
		.right_block1 a:hover, .right_block2_link a:hover, .right_block3 a:hover {text-decoration: none;}

.right_block2 {
	background: #fac90e;
	margin: 0 0 10px 0;
	padding: 18px 11px 21px 21px;
	}
	.right_block2 h3 {
		background: url(../images/bgr_right_popup.png) no-repeat 182px 2px;
		color: #323231;
		font: normal 18px arial;
		height: 25px;
		}
	.right_block2 p.right_block2_content {
		color: #fffffd;
		font: italic 12px arial;
		line-height: 18px;
		margin: 6px 0 3px 0;
		}

	.right_block2_link {
		color: #ff6305;
		font: normal 12px arial;
		}
		.right_block2_link a {
			color: #ff6305;
			text-decoration: underline;
			}
	.right_block2_lesson {
		color: #323231;
		font: normal 12px arial;
		margin: 22px 15px 0 0;
		text-align: right;
		}


.right_block3 {
	background: #4bc5ec;
	margin: 0 0 10px 0;
	padding: 18px 11px 21px 17px;
	}
	.right_block3 h3 {
		background: url(../images/bgr_right_tweet.png) no-repeat 182px 2px;
		color: #323231;
		font: normal 18px arial;
		height: 25px;
		margin: 0 0 4px 4px;
		}
	.right_block3 img {
		float: left;
		margin: 0 5px 0 0;
		position: relative;
		}
	.right_block3 p.right_block3_content {
		color: #065f7b;
		font: italic 12px arial;
		line-height: 18px;
		margin: 6px 0 3px 0;
		}
	.right_block3 a {
		color: #ffffff;
		font: italic 12px arial;
		}
	.right_block3_count {
		color: #fbfdfd;
		font: italic 12px arial;
		margin: 3px 0 0 5px;
		}
	.right_block3_via {
		color: #065f7b;
		font: normal 13px arial;
		margin: 22px 15px 0 0;
		text-align: center;
		}
	

/*footer*/
#footer{
	width: 940px;
	overflow: hidden;
	padding: 24px 30px 30px 26px;
	background:  url(../images/bgr_footer.png) repeat-y 7px 0;
}

.footer_adress {
	background: url(../images/bgr_footer_logo.png) no-repeat 0 8px;
	border-right: 1px solid #acacac;
	color: #acacac;
	float: left;
	font: normal 14px arial;
	line-height: 18px;
	padding: 44px 16px 32px 2px;
	width: 176px;
	}

.footer_contacts {
	border-left: 1px solid #fff;
	border-right: 1px solid #acacac;
	color: #acacac;
	float: left;
	font: normal 14px arial;
	padding: 10px 20px 12px 16px;
	width: 167px;
	}
	.footer_contacts .email {
		color: #acacac;
		display: inline-block;
		margin: 0 0 2px 0;
		text-decoration: none;
		}
		.footer_contacts .email:hover {text-decoration: underline;}

.skype {
	background: url(../images/bgr_footer_contacts.png) no-repeat -5px 0;
	padding: 4px 0 4px 26px;
	}

.icq {
	background: url(../images/bgr_footer_contacts.png) no-repeat -5px -24px;
	padding: 4px 0 4px 26px;
	}

.footer_xing, .footer_twitter, .footer_facebook, .footer_rss {
	background: url(../images/bgr_footer_contacts.png) no-repeat -5px -51px;
	display: block;
	float: left;
	height: 20px;
	margin: 3px 0 0 0;
	text-indent: -9999px;
	width: 20px;
	}

.footer_twitter {
	background: url(../images/bgr_footer_contacts.png) no-repeat -31px -50px;
	height: 22px;
	margin: 2px 0 0 6px;
	width: 25px;
	}

.footer_facebook {
	background: url(../images/bgr_footer_contacts.png) no-repeat -59px -51px;
	height: 20px;
	margin: 3px 0 0 3px;
	width: 22px;
	}

.footer_rss {
	background: url(../images/bgr_footer_contacts.png) no-repeat -84px -51px;
	height: 20px;
	margin: 3px 0 0 3px;
	width: 21px;
	}	

.footer_links {
	border-left: 1px solid #fff;
	border-right: 1px solid #acacac;
	float: left;
	padding: 10px 14px 12px 17px
	}
	.footer_links li {margin: 0 0 2px 0;}
	.footer_links a {
		color: #acacac;
		font: normal 14px arial;
		text-decoration: none;
		}
		.footer_links a:hover {text-decoration: underline;}

.footer_descr {
	border-left: 1px solid #fff;
	float: left;
	color: #acacac;
	font: normal 14px arial;
	line-height: 18px;
	padding: 9px 14px 31px 17px;
	width: 395px;
	}

.txt-area{
	font-size:14px;
	padding:11px 10px 0 0;
}
.txt-area p{
	margin:0 0 20px;
	line-height:20px;
}
.txt-area h1{
	margin:0;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
}	
.txt-area .ttl{
	display:block;
	padding:0 0 10px;
}

.txt-area ul{
	margin: 0 0 15px 30px;
	line-height: 23px;
	list-style: disc;
}

.txt-area .ttl span{font-weight:normal;}
.img-list{
	margin:0 -15px 0 0;
	padding:0 0 13px;
	list-style:none;
	width:720px;
	overflow:hidden;
}
.txt-area a {
		color: #000000;
		font: normal 14px arial;
		text-decoration: underline;
}		

.img-list li{
	float:left;
	padding:0 10px 10px 0;
}
.img-list img{display:block;}
.decorated-ttl{
	display:block;
	margin:0 0 10px;
	width:711px;
	background:#ff6305;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:31px;
	font-weight:normal;
}

.special {
   font-weight:  bold;
}

.form-area .holder{
	overflow:hidden;
	padding:0 0 5px;
	width:100%;
}
.form-area .block{
	float:left;
	width:222px;
}
.form-area label{
	display:block;
	font-size:12px;
	padding:0 0 1px;
	cursor:auto;
	line-height:15px;
}
.form-area .block input{
	display:block;
	border:0;
	background:#e8e8e8;
	width:214px;
	height:22px;
	font:12px Arial, Helvetica, sans-serif;
	height:15px;
	padding:4px 4px 3px;
	margin:0 0 4px;
}
.form-area select{
	display:block;
	background:#e8e8e8;
	padding:1px 0;
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #e8e8e8;
	width:100%;
}
.form-area .box{
	float:right;
	width:478px;
}
.form-area .box textarea{
	display:block;
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	overflow:auto;
	width:478px;
	max-width:478px;
	border:0;
	background:#e8e8e8;
	height:190px;
	max-height:190px;
}
.btn-holder{
	width:100%;
	overflow:hidden;
}
.btn-holder input{
	float:right;
	background:#ff6305;
	color:#fff;
	font-size:14px;
	border:0;
	padding:3px 6px;
	cursor:pointer;
}
.side-block{
	background:#e8e8e8;
	margin:0 0 13px;
	padding:18px 18px 18px 21px;
}
.side-block h2{
	margin:0;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
}
.side-block p{
	font-size:15px;
	line-height:18px;
	margin:0 0 25px;
}
.side-block .price{
	color: #ff6305;
	font-size: 36px;
	position: absolute;
	margin: 8px 0 0 6px;
}
.side-box .decorated-btn,
.side-block .decorated-btn{
	width:100%;
	overflow:hidden;
}
.side-box .decorated-btn a,
.side-block .decorated-btn a{
	float:left;
	background:#ff6305;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	line-height:30px;
	padding:0 10px;
}
.side-box .decorated-btn a{
	background:#fff;
	color:#ff6305;
}
.side-box{
	background:#ff6305 url(../images/bg-side-box.gif) no-repeat;
	padding:18px 18px 14px 21px;
	color:#fff;
	margin:0 0 13px;
}
.side-box p{
	margin:0 0 6px;
	font-size:15px;
	line-height:17px;
}

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

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

#referenztable .line{ overflow:hidden; width:100%; padding:0 0 4px; }
#referenztable .line .left_side{ float:left; width:115px; }
#referenztable .line .right_side{ float:left; width:250px; }