a:focus { outline:none }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 300px; }
.csw .loading {margin: 125px 0 250px 275px; text-align: center; color:#fff;}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	position:absolute;
	width:550px;
	margin-left:354px;
	margin-top:355px;
	z-index:1;
}

*+html .stripNav {
	margin-left:269px;
	margin-top:335px;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	text-align:center;
	position:relative;
	width:550px;
}

.stripNav ul li {
	margin-right:8px;
	display:inline;
}

.stripNav ul li a {
	text-decoration:none;
	width:4px;
	height:4px;
	display:inline-block;
	background:#4d7380;
	cursor:default;
}

.stripNav ul li a.current {
	background: #adced9;
}
		
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow:hidden;
	margin: auto;
	width: 815px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 350px;
	clear: both;		
	background:url(../images/bg-slider.jpg);
	margin-bottom:35px;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 815px; /* Also specified in  .stripViewer  above */
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 305px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 50px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url(../images/arrow-left.gif) no-repeat center;
}

.stripNavR {
	background: url(../images/arrow-right.gif) no-repeat center;
}

.coda-links {
	width:240px;
	height:325px;
	float:left;
	padding:0px 25px 25px 0px;
}

*+html .coda-links {
	padding-top:0px;
}

.coda-links h3 {
	margin-bottom:19px;
}

.coda-links p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color: #000;
}

.coda-links ul {
	list-style:square;	
}

.coda-links li {		
	font-size:11px;
	line-height:15px;
	color:#888;
}
	
.coda-links p a, a.impressum {
	font-size:13px;
	color:#145266;
	padding-left:20px;
	background:url(../images/link.png) 0px 4px no-repeat;
}

.coda-links p a.fotos {
	font-size:11px;
	padding-left:18px;
	background:url(../images/link-small.png) 0px 4px no-repeat;
}

.coda-links p a:hover {
	color:#000;
}

.coda-links img {
	border:none;
	margin-right:6px;
	margin-bottom:5px;
	border:1px solid #d0dce0;
}

.coda-links .thumbs {		
	border-left:1px solid #d0dce0;
	padding-left:20px;
}

.coda-rechts {
	width:550px;
	height:350px;
	float:left;
}

.coda-rechts img {
	margin:24px 49px;
	border:1px solid #adced9;
}

.thumbs .flipbook {
	margin-left:10px;
	float:left;
	margin-top:3px;
	margin-bottom:-2px;
}

.euroweb {
	margin-left:10px;
	float:left;
	margin-top:2px;
	margin-bottom:-2px;
	border:none;
}

a.ew {
	padding:0px !important;
	background:none !important;
}

.thumbs a.mit, .coda-links .web {
	float:left;
}

.thumbs br {
	clear:both;
	float:none;
}