/* CSS Document */
@font-face {
    font-family: 'AvenirLTStd35Light';
    src: url('../fonts/avenirltstd-light-webfont.eot');
    src: local("☺"),
		 url('../fonts/avenirltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avenirltstd-light-webfont.woff') format('woff'),
         url('../fonts/avenirltstd-light-webfont.ttf') format('truetype'),
         url('../fonts/avenirltstd-light-webfont.svg#AvenirLTStd35Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{min-height:100%; background:#c6def2 url(../images/html-gradient.png) bottom repeat-x;}
body{margin:0; padding:0; font:13px 'AvenirLtStd35Light', Arial, sans-serif; color:#000; height:100%; background:url(../images/bottom-bg.png) bottom no-repeat;}

a{color:#5ba5c3; text-decoration:underline;}
a:hover{color:#5ba5c3; text-decoration:none;}
p{margin:0; padding:0; line-height:18px;}
h1{margin:0; padding:0; font-family:'AvenirLtStd35Light', Arial, Helvetica, sans-serif; font-size:20px; color:#5ba5c3; font-variant:small-caps;}
h2{margin:0; padding:0; font-family:'AvenirLtStd35Light', Arial, Helvetica, sans-serif; font-size:16px; color:#5ba5c3; font-variant:small-caps;}
h3{margin:0; padding:0 0 5px 0; font-family:'AvenirLtStd35Light', Arial, Helvetica, sans-serif; font-size:14px; color:#5ba5c3;}

h2 a{text-decoration:none;}

#top{width:100%; height:210px; background:url(../images/top-bg.png) repeat-x; position:absolute;}

#container{width:1008px; min-height:100%; margin:auto; position:relative; z-index:5;}
#header-bg{width:1008px; height:450px; margin-top:210px; background:url(../images/shadow-bg.png) repeat-y; position:absolute; z-index:10;}
#header{width:990px; height:660px; position:relative; z-index:15; margin-left:9px;}
#logo{width:990px; height:87px; position:absolute; z-index:20; margin-top:12px; text-align:center;}

#topnavi{width:345px; position:absolute; z-index:30; top:180px; right:0;}
#topnavi ul{margin:0; padding:0; list-style-type:none; float:right;}
#topnavi ul li{margin:0; padding:0 0 0 10px; float:left;}
#topnavi ul li a{font-size:12px; color:#fff; text-decoration:none;}
#topnavi ul li a:hover{text-decoration:underline;}
#topnavi ul li .ico-home{width:11px; height:9px; display:block; background:url(../images/ico-topnavi.png) no-repeat 0 -27px; float:left; margin-top:4px; padding-right:5px;}
#topnavi ul li .ico-kontakt{width:11px; height:9px; display:block; background:url(../images/ico-topnavi.png) no-repeat 0 -18px; float:left; margin-top:4px; padding-right:5px;}
#topnavi ul li .ico-sitemap{width:11px; height:9px; display:block; background:url(../images/ico-topnavi.png) no-repeat 0 -9px; float:left; margin-top:4px; padding-right:5px;}
#topnavi ul li .ico-impressum{width:8px; height:9px; display:block; background:url(../images/ico-topnavi.png) no-repeat -4px 0; float:left; margin-top:4px;}
* #topnavi ul li .ico-home{margin-top:3px;}
* #topnavi ul li .ico-kontakt{margin-top:3px;}
* #topnavi ul li .ico-sitemap{margin-top:3px;}
* #topnavi ul li .ico-impressum{margin-top:3px;}

#banner-overlay{width:990px; height:210px; position:absolute; z-index:10; background:url(../images/header-bg.png) no-repeat;}
#banner{width:990px; height:550px; padding-top:110px; overflow:hidden; background:#c6def2;}

#banner-wrapper{width:990px; height:550px;}

#navigation-holder{width:990px; height:550px; position:absolute; z-index:20; overflow:hidden;}
#navigation{width:990px; height:150px; background:url(../images/navigation-bg.png) repeat-x; bottom:-112px; position:absolute;}
#navigation ul{margin:10px 0 0 19px; padding:0; list-style-type:none;}
#navigation ul li{margin:0; padding:0 38px 0 0; float:left;}
#navigation ul li.last{padding:0;}
#navigation ul li a{font-family:'AvenirLtStd35Light', Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; color:#000; text-decoration:none;}
#navigation ul li a:hover{color:#fff;}
#navigation ul li a.active{color:#fff;}

#subnavigation{padding:10px 20px 0 20px; margin-top:38px;}
#subnavigation ul{margin:0; padding:0;}
#subnavigation ul li{margin:0; padding:0 15px 0 0;}
#subnavigation ul li a{font-size:14px; font-variant:normal; text-transform:none;}
#subnavigation ul li a:hover{color:#5ba5c3;}
#subnavigation ul li ul{padding-top:10px; margin-left:10px;}
#subnavigation ul li ul li{margin:0; padding:0 15px 5px 0; float:none;}
#subnavigation ul li ul li a{font-size:12px;}
#subnavigation ul li ul li a:hover{color:#5ba5c3;}
#subnavigation ul li .subsub{float:left;}

#sub-1{display:none;}
#sub-2{display:none;}
#sub-3{display:none;}
#sub-4{display:none;}
#sub-5{display:none;}
#sub-6{display:none;}
#sub-7{display:none;}
#sub-8{display:none;}

#content-holder{width:1008px; min-height:200px; background:url(../images/shadow-bg.png) repeat-y;}
#content{width:990px; margin:0 0 0 9px; padding:10px 0 10px 0;}
#content .left{width:730px; padding:15px 20px 10px 20px; min-height:450px; float:left; background:#fff;}
#content .left h1{font-size:22px;}
#content .right{width:195px; float:right; padding:16px 10px 0 0;}
#content .right h1{font-size:18px;}
#content .right .box{padding-bottom:15px; margin-bottom:11px; border-bottom:1px solid #fff;}
#content .right .lastminute{min-height:116px; background:url(../images/lastminute-bg.png) right no-repeat;}
#content .right .box a.mehr{color:#000; text-decoration:none; background:url(../images/ico-mehr.png) no-repeat right; padding-right:21px;}
#content .right .box a.mehr:hover{color:#5ba5c3; text-decoration:underline;}
#content .impressionen{width:213px; height:177px; background:url(../images/impressionen-bg.png) no-repeat; position:relative; margin-left:-10px;}
#content .impressionen .image{width:175px; height:115px; overflow:hidden; padding:18px 0 0 17px;}
#content .impressionen .image-overlay{width:175px; height:115px; display:block; cursor:pointer; background:url(../images/impressionen-overlay.png) no-repeat; position:absolute; z-index:20; top:18px; left:17px;}

#info-carousel{width:738px; padding:5px; border:1px solid #5ba5c3; position:relative; margin:16px 0 0 -10px;}
#info-holder{width:100%; height:140px; background:#ededed;}
#info-holder .info{width:330px; height:140px; position:relative;}
#info-holder .info h1{font-size:20px; width:100%; border-bottom:1px solid #5ba5c3; padding-top:6px; margin-bottom:5px;}
#info-holder .info .info-content{width:330px;}
#info-holder .info .info-content .left{width:140px; min-height:90px; overflow:hidden; float:left; margin:0; padding:0; background:none;}
#info-holder .info .info-content .right{width:180px; float:right; margin:0; padding:0;}
#info-holder h3{margin:0; padding:0; font-size:12px; font-weight:bold; color:#5ba5c3;}
#info-holder .datum{margin:0; padding:0 0 5px 0; font-size:12px; font-weight:bold; color:#5ba5c3;}
#info-holder p{font-size:12px; line-height:16px;}
#info-holder a.mehr{position:absolute; right:0; bottom:9px; color:#000; text-decoration:none; background:url(../images/ico-mehr.png) no-repeat right; padding-right:21px;}
#info-holder a.mehr:hover{color:#5ba5c3; text-decoration:underline;}
#info-holder .preis{width:100%; text-align:right; position:absolute; top:8px; right:0; font-size:18px; color:#5ba5c3; font-weight:bold;}

#boxes-holder{width:1008px; height:300px; background:url(../images/boxes-bg.png) no-repeat;}
#boxes{width:990px; margin-left:9px;}
#boxes .box{width:326px; height:300px; background:#fff; float:left; margin-right:6px;}
#boxes .last{margin:0;}
#boxes .box-content{padding:10px; width:306px; height:280px; position:relative;}
#boxes .box-image{width:306px; height:186px; overflow:hidden; position:relative;}
#boxes .box-overlay{width:306px; height:24px; position:absolute; z-index:20; bottom:0; background:url(../images/overlay-box.png) no-repeat;}
#boxes .box h1{padding:5px 0 2px 0;}
#boxes .box-mehr{width:306px; position:absolute; bottom:10px; text-align:right;}
#boxes .box-mehr a.mehr{color:#000; text-decoration:none; background:url(../images/ico-mehr.png) no-repeat right; padding-right:21px;}
#boxes .box-mehr a.mehr:hover{color:#5ba5c3; text-decoration:underline;}

#footer{width:990px; height:200px; padding:9px;}
#footer .left{width:445px; float:left; color:#fff;}
#footer .left p{padding-left:10px;}
#footer .right{width:445px; float:right;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer ul{margin:0; padding:0 7px 0 0; list-style-type:none; float:right;}
#footer ul li{text-align:right; padding-bottom:5px;}
#footer a.twitter{color:#fff; text-decoration:none; background:url(../images/ico-twitter.png) no-repeat right; padding-right:25px;}
#footer a.facebook{color:#fff; text-decoration:none; background:url(../images/ico-facebook.png) no-repeat right; padding-right:25px;}

.clear{clear:both;}
img{border:none;}

/*------------------------------CAROUSEL--------------------------------*/
.info-carousel .jcarousel-container{width:738px; height:140px;}
.info-carousel .jcarousel-direction-rtl{direction: rtl;}
.info-carousel .jcarousel-container-horizontal{width:676px; height:140px; margin:auto;}
.info-carousel .jcarousel-clip{overflow:hidden;}
.info-carousel .jcarousel-clip-horizontal{width:676px; height:140px;}
.info-carousel .jcarousel-item{width:346px; height:140px; background:url(../images/trenner-info.png) no-repeat 337px 0;}
.info-carousel .jcarousel-item-horizontal{margin-left:0; margin-right:0px;}
.info-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal{margin-left:10px; margin-right:0;}
.info-carousel .jcarousel-item-placeholder{background:none;}
/*Horizontal Buttons*/
.info-carousel .jcarousel-next-horizontal{position:absolute; top:60px; right:-25px; width:19px; height:19px; cursor:pointer; background:transparent url(../images/btn-next.png) no-repeat 0 0;}
.info-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal{left:5px; right:auto; background-image:url(../images/btn-prev.png);}
.info-carousel .jcarousel-next-horizontal:hover,
.info-carousel .jcarousel-next-horizontal:focus{background-position:0 -19px;}
.info-carousel .jcarousel-next-horizontal:active{background-position:0 -19px;}
.info-carousel .jcarousel-next-disabled-horizontal,
.info-carousel .jcarousel-next-disabled-horizontal:hover,
.info-carousel .jcarousel-next-disabled-horizontal:focus,
.info-carousel .jcarousel-next-disabled-horizontal:active{cursor:default; background-position:0 -19px;}
.info-carousel .jcarousel-prev-horizontal{position:absolute; top:60px; left:-25px; width:19px; height:19px; cursor:pointer; background:transparent url(../images/btn-prev.png) no-repeat 0 0;}
.info-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal{left:auto; right:5px; background-image:url(../images/btn-next.png);}
.info-carousel .jcarousel-prev-horizontal:hover, 
.info-carousel .jcarousel-prev-horizontal:focus{background-position:0 -19px;}
.info-carousel .jcarousel-prev-horizontal:active{background-position:0 -19px;}
.info-carousel .jcarousel-prev-disabled-horizontal,
.info-carousel .jcarousel-prev-disabled-horizontal:hover,
.info-carousel .jcarousel-prev-disabled-horizontal:focus,
.info-carousel .jcarousel-prev-disabled-horizontal:active{cursor:default; background-position:0 -19px;}
/*------------------------------CAROUSEL--------------------------------*/

form{margin:0; padding:0;}
input{width:325px;}
label{padding:0 0 5px 5px; font-weight:bold;}
button{margin:0 !important; padding:0 !important; border:none !important;}

.form-holder{padding:5px; border:1px solid #5ba5c3;}
.form{background:#e4dcd4; padding:5px 10px 10px 10px;}
.form div.form-left{float:left; width:325px;}
.form div.form-right{float:right; width:335px;}
.form div.buttons{padding:10px 0 0 0; margin-right:21px; float:right; width:150px;}
.form button.jqTransformButton span span{width:150px !important;}

#frm-schnellanfrage{margin-top:15px;}
#frm-schnellanfrage input{width:90px; font-size:12px;}
#frm-schnellanfrage select{width:65px;}
#frm-schnellanfrage button{font-size:12px; float:right; margin:10px 0 0 0 !important; height:20px; display:block;}

.zimmer-holder{width:720px; border:1px solid #5ba5c3; padding:5px; margin-top:10px;}
.zimmer-holder .zimmer-bg{background:#ededed; padding:5px 10px 10px 11px; position:relative;}
.zimmer-holder .zimmer-container{width:100%; padding:10px 0 10px 0;}
.zimmer-holder .zimmer-left{width:300px; float:left;}
.zimmer-holder .zimmer-right{width:350px; float:right;}
.zimmer-holder h2{font-size:22px; color:#5ba5c3; border-bottom:1px solid #5ba5c3; margin:0; padding:0 0 4px 0;}
.zimmer-holder .info{color:#999999}
.zimmer-holder .zimmer-preis{position:absolute; right:10px; top:9px; font-size:18px; font-weight:bold; color:#5ba5c3; margin:0; padding:0;}
.zimmer-holder a.btn-anfragen{width:130px; height:22px; display:block; background:url(../images/buttons.png) no-repeat 0 -66px; float:right; margin:20px 4px 0 0;}
.zimmer-holder a.btn-anfragen:hover{background-position:0 -44px;}
.zimmer-holder .zimmer-img{padding:5px; background:#fff;}
.zimmer-holder a.vergroessern{color:#000; text-decoration:none; background:url(../images/ico-vergroessern.png) no-repeat right; padding-right:21px; float:right; margin:10px 0 0 0; cursor:pointer;}
.zimmer-holder a.vergroessern:hover{color:#5ba5c3; text-decoration:underline;}

.list{margin:0; padding:5px 0 0 20px; list-style-image:url(../images/bullet.gif);}
.list li{padding-bottom:8px;}

table{margin-top:5px; padding-bottom:10px;}
table td{padding-right:10px; padding-bottom:5px;}

.preise{width:100%; padding-bottom:10px;}
.preise tr{height:30px;}
.preise td{width:100px; text-align:center; border-bottom:1px solid #5ba5c3; padding:0 !important;}
.preise td.noborder{border:none;}
.preise td.first{text-align:left;}
.preise tr.datum{font-size:11px; height:40px; vertical-align:top;}
.preise td a{font-weight:bold; text-decoration:none;}

.single{margin-top:0 !important;}

.preisinformation{padding:10px; background:#ededed;}

.breadcrumb{color:#5ba5c3; padding-bottom:5px;}
.breadcrumb a{text-decoration:none; font-weight:bold;}

.trenner{width:100%; height:1px; background:transparent url(../images/trenner.png) repeat; margin:15px 0 10px 0;}

#map-holder{padding:5px; border:1px solid #5ba5c3;}
#map{width:100%; height:500px;}

/* The Nivo Slider styles */
.nivoSlider{position:relative; width:990px; height:550px; background:url(../images/ajax-loader.gif) no-repeat 50% 50%;}
.nivoSlider img{position:absolute; top:0px; left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink{position:absolute;	top:0px; left:0px; width:100%; height:100%;	border:0; padding:0; margin:0; z-index:6; display:none;}
/* The slices and boxes in the Slider */
.nivo-slice{display:block; position:absolute; z-index:5; height:100%;}
.nivo-box{display:block; position:absolute; z-index:5;}
/* Caption styles */
.nivo-caption{position:absolute; left:0px; bottom:0px; background:#000; color:#fff;	opacity:0.8; /* Overridden by captionOpacity setting */	width:100%;	z-index:8;}
.nivo-caption p{padding:5px; margin:0;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a{position:absolute;	top:45%; z-index:9;	cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a{position:relative; z-index:99; cursor:pointer; width:10px; height:10px; background:url(../images/btnSlider.png) no-repeat -10px 0; float:right; margin:100px 5px 0 0; display:block; text-indent:-9999px;}
.nivo-controlNav a.active{background-position:0 0;}
.nivo-controlNav a:hover{background-position:0 0;}
.nivo-controlNav{padding:5px 0px 0px 5px;}
.nivo-wrapper{position:relative;}


.impressum{width:500px; line-height:16px; margin-top:20px;}
.impressum tr{height:20px;}
.impressum td{vertical-align:top;}
.impressum td.first{width:160px;}

.copy{width:100%; text-align:center; margin-top:20px;}

.valid{width:260px; margin:20px auto 20px auto; padding-bottom:10px;}
.valid ul{margin:0; padding:0; list-style-type:none;}
.valid ul li{margin:0; padding:0 10px 0 0; float:left;}
.valid ul li.last{padding:0;}

a.valid-xhtml{width:80px; height:19px; display:block; background:url(../images/valid-xhtml.png) no-repeat;}
a.valid-css{width:80px; height:19px; display:block; background:url(../images/valid-css.png) no-repeat;}
a.valid-wcag{width:80px; height:19px; display:block; background:url(../images/valid-wcag.png) no-repeat;}

.kontakt-left{width:500px; float:left;}
.kontakt-right{width:200px; float:right;}

textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#kontakt div.form-left{float:left; width:230px;}
#kontakt div.form-right{float:right; width:230px;}
#kontakt input{width:220px; font-size:12px;}
#kontakt input.long{width:460px; font-size:12px;}
#kontakt select{width:210px;}
#kontakt textarea{width:460px;}
#kontakt .jqTransformSelectWrapper{margin-left:0 !important;}
#kontakt div.buttons{padding:0; width:360px; float:none; margin:0 0 0 57px;}
#kontakt .buttons .left{width:180px; background:none; margin:0; padding:0; min-height:10px;}
#kontakt .buttons .right{width:180px; background:none; margin:0; padding:0; min-height:10px; float:left;}

#kinder-alter{display:none;}

div.error-container{border:2px solid #ed1c24;padding:5px;margin-bottom:10px;color:#000;}
div.error-container ul{margin:0px;padding:5px 0px 0px 35px;}
div.error-container ul li{list-style-type:decimal;padding-bottom:5px;}
div.error-container{display:none;}
div.error-container .content{background-color:#e4dcd4; padding:10px;}
.error-container label.error{display:inline;}
.error-container h4{margin:0px;padding:0px; font-size:12px;}

.sitemap{width:100%; margin-top:20px;}
.sitemap-box{width:218px; float:left; border:1px solid #5ba5c3; padding:5px; margin-right:20px;}
.sitemap-box-content{background:#e4dcd4; padding:5px 10px 5px 10px;}

.sitemap ul{margin:0; padding:5px 0 0 20px; list-style-image:url(../images/bullet.gif);}
.sitemap ul li{padding-bottom:8px;}
.sitemap ul li a{color:#000; text-decoration:none;}
.sitemap ul li a:hover{text-decoration:underline;}

.nomargin{margin:0;}

.pauschalen{width:100%; padding-top:10px;}
.pauschale-holder{width:720px; margin-top:10px; padding:5px; border:1px solid #dadada;}
.pauschale-bg{padding:5px 10px 10px 11px; background:#ededed; position:relative;}
.pauschale-preis{position:absolute; right:10px; top:9px; font-size:18px; font-weight:bold; color:#5ba5c3; margin:0; padding:0;}
.pauschale-holder h2{margin:0; padding:0 0 4px 0; font-size:22px; border-bottom:1px solid #5ba5c3;}
.pauschale-date{padding:5px 0 5px 0; font-weight:bold; font-size:14px;}
.pauschale-holder .info{color:#999;}
.pauschale-left{width:280px; float:left; margin-right:20px; padding-top:9px;}
.pauschale-right{width:390px; float:left;}

.pauschale-holder .buttons{position:absolute; bottom:14px; right:10px; width:300px; height:22px;}
.pauschale-holder .buttons ul{margin:0; padding:0; list-style-type:none; float:right;}
.pauschale-holder .buttons ul li{margin:0; padding:0 0 0 10px; float:left;}

.pauschale-left ul{margin:0; padding:5px 0 0 0; list-style-type:none;}
.pauschale-left ul li{margin:0; padding:0 20px 0 0; float:left;}
.pauschale-left ul li.nopadding{padding:0;}

.pauschale-holder a.btn-anfragen{width:130px; height:22px; display:block; background:url(../images/buttons.png) no-repeat 0 -66px;}
.pauschale-holder a.btn-anfragen:hover{background-position:0 -44px;}

.pauschale-holder a.btn-details{width:130px; height:22px; display:block; background:url(../images/buttons.png) no-repeat 0 -22px;}
.pauschale-holder a.btn-details:hover{background-position:0 0;}

.pauschale-holder a.btn-zurueck{width:130px; height:22px; display:block; background:url(../images/buttons.png) no-repeat 0 -110px;}
.pauschale-holder a.btn-zurueck:hover{background-position:0 -88px;}

.img-wrapper{width:730px; padding:15px 0 15px 0;}
.img-wrapper img{border:1px solid #5ba5c3 !important;}
.img-wrapper img.left{float:left; margin-right:20px; padding:4px !important;}
.img-wrapper img.right{float:left !important; padding:4px !important; margin:0; width:auto !important;}

div.content{
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	width: 730px; 
}
div.content a, div.navigation a{
	text-decoration: none;
	color: #5ba5c3;
	outline:none;
}
div.content a:focus, div.content a:hover, div.content a:active{
	text-decoration: underline;
}
div.controls{
	margin-top: 5px;
	height: 23px;
}
div.controls a{
	padding: 5px;
}
div.ss-controls{
	float: left;
}
div.nav-controls{
	float: right;
}
div.slideshow-container{
	position: relative;
	clear: both;
	height: 489px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding-bottom:15px;
}
div.loader{
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 730px;
	height: 489px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow{

}
div.slideshow span.image-wrapper{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link{
	display: block;
	width: 730px;
	height: 489px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 0px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img{
	vertical-align: middle;
	border: 2px solid #fff;
}
div.download {
	float: right;
}
div.caption-container{
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption{
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption{
	padding: 12px;
}
div.image-title{
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc{
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation{
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	height:192px;
	display:block;
}
ul.thumbs{
	height:192px;
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li{
	float: left;
	padding: 0;
	margin: 5px 12px 8px 0;
	list-style: none;
}

ul.thumbs li.last{
	margin-right:0;	
}

a.thumb{
	display: block;
	border: 2px solid #fff;
}
ul.thumbs li.selected a.thumb{
	border: 2px solid #5ba5c3;
}
a.thumb:focus{
	outline: none;
}
ul.thumbs img{
	border: none !important;
	display: block;
}
div.pagination{
	clear: both;
}
div.navigation div.top{
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom{
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis{
	display: block;
	float: left;
	margin-right: 2px;
	padding: 3px 7px 3px 7px;
	border: 1px solid #5ba5c3;
	color:#5ba5c3;
}
div.pagination a:hover{
	background-color: #5ba5c3;
	text-decoration: none;
	color:#fff;
}
div.pagination span.current{
	font-weight: bold;
	background-color: #5ba5c3;
	border-color: #fff;
	color: #fff;
}
div.pagination span.ellipsis{
	border: none;
	padding: 5px 0 3px 2px;
}