#xpage {
position:relative;	
height:1000px;
width:850px;
overflow;visible;
margin:0 auto;
background:transparent url("/gfx/slogan-light.png") 220px 140px no-repeat fixed;
}

#xwrapper {
position:absolute;
top:0;
left:0;
width:850px;
height:auto;
display:block;
text-align:left;
}

#xfloatleft {
display:inline-block;
width:450px;
height:350px;
float:left;
margin-left:10px;
}

#xfloatright {
display:inline-block;
width:350px;
height:100%;
float:right;
margin:0 10px 0 0;
overflow:visible;
text-align:left;
}

#xlist {
position:absolute;
top:375px;
left:10px;
width:450px;
letter-spacing:.02em;
text-align:left;
word-spacing:.08em;
padding:0;
margin:0px auto 40px auto;
}

#xcams {
position:absolute;
left:-155px;
top:26px;
width:140px;
height:auto;
z-index:2;
text-align:center;
display:none;
}

.swap {
position:absolute;
top:336px;
left:30px;
width:400px;
height:10px;
z-index:16;
font-size:10px;
display:inline-block;
}

ul#iconnav {
position:absolute;
top:525px;
width:340px;
height:40px;
left:490px;
z-index:4;
}

ul#iconnav2 {
height:40px;
width:140px;
z-index:4;
position:relative;
margin:0 auto;
text-align:center;
}

ul#iconnav li, ul#iconnav2 li {
overflow:hidden; display:inline-block; float:left; margin-right:5px;
}

a.navit {
width:36px;
height:36px;
display:block;
background: url("/gfx/sprite_nav.png");
background-repeat:no-repeat;
text-indent:-9999px;
}
		
#sprite-back { background-position: 0 0; }
#sprite-card { background-position: 0 -54px; }
#sprite-globe { background-position: 0 -108px; }
#sprite-heart { background-position: 0 -162px; }
#sprite-home { background-position: 0 -216px; }
#sprite-review { background-position: 0 -270px; }
#sprite-webcam { background-position: 0 -324px; } 

ul.preview li {
background:#28303e;
border-right: 1px solid #52627a;
border-bottom: 1px solid #52627a;
border-left: 1px solid #3d495c;
border-top: 1px solid #3d495c;
display:block;
float:left;
position:relative;
text-align:center;
overflow:hidden;
width:445px;
height:322px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 2px 4px rgba(255,255,255,.08);
-moz-box-shadow: 1px 2px 4px rgba(255,255,255,.08);
box-shadow: 1px 2px 4px rgba(255,255,255,.08);
}

ul.preview li:hover {
-webkit-box-shadow: 2px 3px 5px rgba(255,255,255,.12);
-moz-box-shadow: 2px 3px 5px rgba(255,255,255,.12);
box-shadow: 2px 3px 5px rgba(255,255,255,.12);
}

ul.preview li img {
width:423px;
height:300px;
margin:10px;
display:block;
}

ul.live {
display:block;
}

ul.live li {
background:#28303e;
border-right: 1px solid #52627a;
border-bottom: 1px solid #52627a;
border-left: 1px solid #3d495c;
border-top: 1px solid #3d495c;
display:inline-block;
float:none;
position:relative;
text-align:center;
overflow:hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin:0 auto;
}

ul.live li:hover {
border-left: 1px solid #13181F;
border-top: 1px solid #13181F;
border-right: 1px solid #313D4F;
border-bottom: 1px solid #313D4F;
background:transparent url("/gfx/darkbg.png") top left;
cursor: pointer;
/* 
-webkit-box-shadow: 1px 3px 5px rgba(255,255,255,.12);
-moz-box-shadow: 1px 3px 5px rgba(255,255,255,.12);
box-shadow: 1px 3px 5px rgba(255,255,255,.12);
*/
} 

ul.live li img {
width:auto;
height:auto;
margin:10px;
display:block;
}

.live li span {
display:inline-block;	
margin-right:10px;
width:100%;
height:30px;
left:10px;
bottom:10px;
padding:4px 6px 4px 6px;
position:absolute;
z-index:20;
text-align:left;
overflow:hidden;
vertical-align:text-bottom;
}

ul.preview li a.xlthumb span.shade {
left:-9999px;
position:absolute;
font-size:10px;
line-height:1.9;
}

ul.preview li a.xlthumb:hover span.shade  {
display:block;
border:1px solid #120E0D;
border-width:0 0 1px;
height:auto;
left:10px;
padding:20px 0 5px;
text-align:left;
top:10px;
width:425px;
}

.showcase li {
background:white;
border-bottom:1px solid #47535F;
border-right:1px solid #47535F;
border-left:1px solid #3B454F;
border-top:1px solid #3B454F;
display:block;
margin:3px 3px 10px 3px;
text-align:center;
height:90px;
width:130px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 2px 4px rgba(255, 255, 255, .08);
-moz-box-shadow: 1px 2px 4px rgba(255, 255, 255, .08);
box-shadow:1px 2px 4px rgba(255, 255, 255, .08);
}

.showcase li:nth-child(even) {
 -webkit-transform: rotate(2deg);
 -moz-transform: rotate(2deg);
}

.showcase li:nth-child(3n) {
 -webkit-transform: rotate(-1deg);
 -moz-transform: rotate(-1deg);
 position: relative;
 right: 3px;
}

.showcase li:nth-child(5n) {
 -webkit-transform: rotate(-5deg);
 -moz-transform: rotate(-5deg);
 position: relative;
 right: 5px;
 }

.showcase li img {
height:78px;
width:118px;
margin:5px;
display:block;
}

.showcase li:hover {
border-bottom: 1px solid #52627a;
border-right: 1px solid #52627a;	
border-top:1px solid #47535F;
border-left:1px solid #47535F;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
position: relative;
z-index: 5;
-webkit-box-shadow: 0 3px 6px rgba(255,255,255,.1);
-moz-box-shadow: 0 3px 6px rgba(255,255,255,.1);
box-shadow: 0 3px 6px rgba(255,255,255,.1);
background:#1D242F;
border-left: 1px solid #13181F;
border-top: 1px solid #13181F;
border-right: 1px solid #313D4F;
border-bottom: 1px solid #313D4F;
}

#xwrapper .caption-bottom {
height:50px;
}

#xcams .caption-bottom {
font-weight:600;
height:auto;
font-size:10px;
}

#xtransbox {
display:block;
width:445px;
}

#xhotelads {
position:absolute;
top:40px;
left:840px;
z-index:3;
width:160px;
height:auto;
text-align:center;
}

#forecast {
position:relative;
bottom:58px;
left:180px;
width:280px;
height:30px;
z-index:6;
text-align:left;
letter-spacing:0.009em;
word-spacing:0.018em;
vertical-align:text-bottom;
}

#livecam #forecast {
position:relative;
margin:0 auto;
}

.day2day {
display:inline;
height:50px;
width:50px;
position:relative;
}

.angebote img {
display:block;
margin:1px auto;
padding:5px;
}

#xfloatright p {
margin:0 0 15px 0;
color:#FFEFFF;
}

#xlist .showcase {
width:440px;
height:110px;
display:block;
text-align:left;
margin-bottom:5px;
}

.listing {
height:auto;
margin-bottom:5px;
}

#xtransbox div {
position:relative;
}

.naked {
border:0;
}

#xfloatright h1 {
display:block;
margin-bottom:20px;
text-shadow: 0 -1px 1px rgba(35,37,47,0.85);
}

.title {
color:#fff;
font-size:20px;
height:20px;
margin-bottom:18px;
text-transform:uppercase;
}

#xfloatleft h2 {
margin-left:10px;
margin-bottom:5px;
height:22px;
overflow:hidden;
}

#zeitraffer h1, #zeitraffer h2  {
display:inline;	
text-align:left;
font-size:12px;
}

.cat {
display:inline-block;
text-align:left;
margin-right:2px;
}

#xtransbox2 {
width:99%;
height:auto;
}

#ready {
display:none;
}

.author {
color:#fff !important;
}

#newurl {
display:none;
position:relative;
top:-20px;
left:0;
cursor: pointer;
z-index:88;
}

.addcat {
cursor: pointer;
}

#dayswitch, #currentswitch, #suggest {
cursor: pointer;
display:inline-block;
margin-right:4px;
}

#gone {
display:inline-block;
margin-right:4px;
}

.highlight {
font-size:110%;
font-style:italic;
margin-right:5px;
}

.avrate {
color:#FF7FAB;
font-weight:700;
}

a.angebote:link img,a.angebote:visited img, a.continu:link img, a.continu:visited img  {
filter:alpha(opacity=60);
opacity:.6;
}

a.xlthumb:link img,a.xlthumb:visited img {
filter:alpha(opacity=80);
opacity:.8;
}

.preview li:hover, .live li:hover {
background:transparent url("/gfx/header-light.png");
background-position:0px 0px;
background-repeat:no-repeat;
cursor: pointer;
} 

a.angebote:hover img,a.angebote:active img, a.continu:hover img,a.continu:active img, a.xlthumb:hover img,a.xlthumb:active img {
filter:alpha(opacity=90);
opacity:1;
}

#xfloatright a,#xfloatright p {

}

#xfloatright p a.courtesy:link,#xfloatright p a.courtesy:visited {
color:#EF4A4A;
}

#xfloatright p a.courtesy:active,#xfloatright p a.courtesy:hover {
color:#EF6868;
}

a.courtesy:hover, a.courtesy:focus { 
position : relative; 
top : 1px; 
left:1px;
}

.showcase a:link {
margin-right:2px;
display:inline-block;
}

.swap a:link, .swap a:visited {
font-size:10px;
display:inline-block;
} 

.navigate {
width:400px;
}

#full b, #full strong {
color:#6f6461;
font-weight:300;
margin:0 2px;
}

#full tr td {
color:#3F3837;
}

#full h1 {
margin-top:20px;
}

#full #xfloatright h1 {
margin-top:0px;
}

.eip_mouseover { background-color: #ff9; color:#120e0d; padding: 3px; }
.eip_savebutton { background-color: #36f; color: #fff; }
.eip_cancelbutton { background-color: #000; color: #fff; }
.eip_saving { background-color: #903; color: #fff; padding: 3px; }
.eip_empty { color: #afafaf; }

.ratingblock {
	display:block;
	}

.loading {
	height: 30px;
	background: url("/gfx/spinner.gif") 50% 50% no-repeat;
	}
	

.thanks {color:#fff;}

.icon {
cursor:pointer;
}

.jeip-saving {
background-image: url( 'ajax-loader.gif' );
background-repeat: no-repeat;
background-position: left;
background-color: #903;
color: #fff;
padding: 0 2px 0 20px;
}

.jeip-editfield {
	
}

.jeip-mouseover {
background-color: #FEDE65;
}

.jeip-savebutton {
background-color: #36f;
color: #FFEFFF;
}

.jeip-cancelbutton {
background-color: #c50a1f;
color: #FFEFFF;
}

.text-edit {
display:inline-block;
width:300px;
margin:0 auto;
}

.cold {
color:#9cb0c9 !important;	
}

.warm {
color:#FFD88B;
}

.comment {
border-right: 1px solid #52627a;
border-bottom: 1px solid #52627a;
border-left: 1px solid #3d495c;
border-top: 1px solid #3d495c;
background:transparent url("/gfx/white.png") !important;
background:transparent url("/gfx/lightbg.png") !important;
background-position:right top;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin:10px 0;
text-align:left;
position:relative;
padding:10px;
}

.comment .avatar{
	height:50px;
	left:370px;
	position:absolute;
	width:50px;
	background:transparent;
	margin-top:-25px;
	top:50%;
}

.comment .avatar img{
	display:block;
}

label span.error{
	color:red;
	position:relative;
	right:-10px;
}

#msg {
width:99%;
}

.vote { 
	display: block;
	width: 320px;
	height: 16px;
}

.vote span {
	float: left;
	cursor: pointer;
	display:inline-block;
	height:16px;
	width:16px;
	overflow:hidden;
}

.hover {
	background: url("/fivestars/star.png"); 
	z-index: 1;
	position:relative;
	margin:0;
	padding:0;
}

#submit {
clear:left;
}

#personal {
display:none;
}

.comment:nth-child(2n+1) { 
border-left: 1px solid #1D242F;
border-top: 1px solid #1D242F;
border-right: 1px solid #3d495c;
border-bottom: 1px solid #3d495c;  
background:transparent url("/gfx/darkbg.png") !important;
 }
 
#edit_here { 
margin:20px auto;
width:400px;
text-align:center;
}