/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-sans-v27-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v27-latin-italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-600 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-v27-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v27-latin-600.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-600italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/noto-sans-v27-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v27-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v27-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v27-latin-600italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-900 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-v27-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v27-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v27-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v27-latin-900.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-900italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/noto-sans-v27-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v27-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v27-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v27-latin-900italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* cinzel-regular - latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cinzel-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cinzel-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cinzel-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cinzel-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cinzel-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cinzel-v19-latin-regular.svg#Cinzel') format('svg'); /* Legacy iOS */
}

/* cinzel-500 - latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/cinzel-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cinzel-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cinzel-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cinzel-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cinzel-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cinzel-v19-latin-500.svg#Cinzel') format('svg'); /* Legacy iOS */
}

/* cinzel-600 - latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/cinzel-v19-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cinzel-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cinzel-v19-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cinzel-v19-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cinzel-v19-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cinzel-v19-latin-600.svg#Cinzel') format('svg'); /* Legacy iOS */
}

/* cinzel-700 - latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cinzel-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cinzel-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cinzel-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cinzel-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cinzel-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cinzel-v19-latin-700.svg#Cinzel') format('svg'); /* Legacy iOS */
}

/* cinzel-800 - latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/cinzel-v19-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cinzel-v19-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cinzel-v19-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cinzel-v19-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cinzel-v19-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cinzel-v19-latin-800.svg#Cinzel') format('svg'); /* Legacy iOS */
}

/* cinzel-900 - latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/cinzel-v19-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cinzel-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cinzel-v19-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cinzel-v19-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cinzel-v19-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cinzel-v19-latin-900.svg#Cinzel') format('svg'); /* Legacy iOS */
}

/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent
}
body {
	line-height:1
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
nav ul {
	list-style:none
}
img{ vertical-align:top;}

blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:none
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold
}
del {
	text-decoration:line-through
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help
}
table {
	border-collapse:collapse;
	border-spacing:0
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
input, select {
	vertical-align:middle
}


/* Default */
body {
	background:#cee8e3;
	font-family: 'Noto Sans', sans-serif;
	line-height:140%;
	color:#494948;
}

h1,h2,h3 {font-family: 'Cinzel', serif;}
.h1-start  {font-size:36px; line-height:120%; font-weight:normal; margin:0 0 15px 0; text-align:left;}
h1 {font-size:40px; line-height:120%; font-weight:normal; margin:0 0 70px 0; text-align:center;}

article {font-size:14px;}

article p {margin: 0 0 20px 0;}

a:link{color:#ca4949;}
a:hover{color:#ca4949;}
a:active{color:#ca4949;}
a:visited{color:#ca4949;}


.wrap {
	width:960px;
	margin:auto;
}

.dotted {
	border-bottom:dashed 1px #444;
	position:relative;
}

header.site {
	width:100%;
	background:#cee8e3;
	height:150px;
	z-index:999;
	border-bottom:solid 10px #fff9f3;
	position:absolute;
}
nav.site {
	border-top:solid 7px #7db4ab;
	position:absolute;
	z-index:99;
	bottom:0;
	margin:0 0 -117px;
	height:100px;
	width:100%;
}

.sign-teaser {
  background:url(../img/teaser.png);
  display:block;
  width:110px;
  padding:65px 20px 20px 20px;
  height:25px;
  font-size:12px;
  text-decoration:none;
  position:absolute;
  top:0;
  left:0;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  color:#000 !important;
}

/* NAVIGATION */

.mainnav  {padding:0 0 0 90px;}

.mainnav li a {display:block;text-align:center;float:left; color:#494948;text-decoration:none;font-family: 'Cinzel', serif; font-size:12px; margin-right:50px;}

.cafe{width:113px;height:70px;background:url(../img/cafe.png) 0 bottom;padding:50px 0 0 5px;margin-top:10px;}
.cafe:hover{background-position:0 top;}

.hotel{width:113px;height:64px;background:url(../img/hotel.png) 0 bottom;padding:35px 0 0 0;margin-top:20px;}
.hotel:hover{background-position:0 top;}

.impressionen{width:118px;height:75px;background:url(../img/impressionen.png) 0 bottom;padding:48px 0 0 2px;}
.impressionen:hover{background-position:0 top;}

.muenster{width:165px;height:30px;background:url(../img/muenster.png) 0 bottom;padding:69px 0 0 2px;margin-top:10px;}
.muenster:hover{background-position:0 top;}

.kontakt{width:105px;height:72px;background:url(../img/contact.png) 0 bottom;padding:3px 10px 0 0;margin-top:30px;}
.kontakt:hover{background-position:0 top;}

.inner {
	position:relative;
	}

.logo {
	display:block;
	width:300px;
	height:100px;
	padding:20px 0;
	margin:auto;
	}

.facebook {
	position:absolute;
	right:0;
	bottom:0;
	margin:0 0 2px 0;
	}

.site-wrap {
	padding:150px 0 0 0;
	background:url(../img/bg.jpg);
	-moz-box-shadow: 0 0 180px #000 inset;
  	-webkit-box-shadow:rgba(0,0,0, 0.5) 0 0 120px inset;
	box-shadow:rgba(0,0,0, 0.5) 0 0 120px inset;
	border-bottom:solid 12px #7db4ab;
	}

.start-content {
	position:relative;
	padding:740px 0 350px 0;
	}
	
.content {
	padding:200px 0 350px 0;
	}

/* UNTERSEITE */

.trans-bg {
background:rgba(255,255,255, 0.8);
border-top: solid 10px #fff9f3;
padding:50px 90px 50px 90px;
width:780px !important;
}

/* Cafe */

.welcome {
	z-index:999;
	position:absolute;
	top:-80px;
	left:30px;
	}

.opening-hours {
	margin-top:170px;
	width:300px;
	-webkit-transform:rotate(-3deg);
	transform:rotate(-3deg);
	}
	
.opening-hours .inner {
	background:url(../img/bg-paper.jpg) #fcecd6;
	padding:15px 30px 15px 30px;
	box-shadow:0 0 30px rgba(0,0,0, 0.2);
    border-top:solid 8px #fff9f3;
    }
    
.opening-hours h2 {
	display:inline-block;
	margin:0 0 20px 0;
	font-size:24px;
	}

.opening-hours ul {
	display:block;
    padding:0;
}

.opening-hours ul li {
	font-size:12px;
	line-height: 140%;
	list-style:none;
	margin:0 0 10px 0;
}

.card {
position:absolute;
top:0;
left:0;
height:194px;
width:194px;
margin:-380px 0 0 165px;
z-index:999;
vertical-align:bottom;
font-size:16px;
-webkit-transform:rotate(-3deg);
transform:rotate(-3deg);
/*
background:url(/img/menukarte.png);
text-indent: -9999px;
*/
}

/* HOTEL */

.rooms li {
	float:left;
	list-style:none;
	margin:0 30px 0 0;
	width:210px;
	}

.rooms li img {
	margin:0 0 10px 0;
	}

.rooms li a {
	padding:15px;
	background:url(../img/bg-paper.jpg);
	display:block;
	font-size:28px;
	color:#000;
	text-decoration:none;
	text-align:center;
	position:relative;
	font-family: 'Cinzel', serif;
	outline:none;
	}

.rooms li a:hover:before {
	-webkit-transform-origin:top;
	transform-origin:top;
	-webkit-animation:swing 500ms ease-out;
	animation:swing 500ms ease-out;
	}

.room:before {
	position: absolute;
	display: block;
	content: "";
	z-index: 9999;
	}

.room-one:before {
	background:url(../img/key-1.png) 0 bottom;
	bottom:0;
	width:40px;
	height:105px;
	margin:0 0 -65px 3px;
	}

.room-two:before {
	background:url(../img/key-2.png) 0 bottom;
	width: 27px;
	bottom:0;
	height:80px;
	margin:0 0 -45px 3px;
	}
	
.room-three:before {
	background:url(../img/key-3.png) 0 bottom;
	width: 36px;
	bottom:0;
	height:98px;
	margin:0 0 -65px 3px;
	}
	
.room-four:before {
	background:url(../img/key-4.png) 0 bottom;
	bottom:0;
	width:40px;
	height:106px;
	margin:0 0 -65px 3px;
	}

.sheep {
	position:absolute;
	top:700px;
	right:0;
	z-index:1200;
	background:#900;
	}
	
.sheep div {-webkit-animation:rotate 4s infinite;animation:rotate 4s infinite;}
	
.sheepone {
	position:absolute;
	background:url(../img/sheep-1.png);
	width:77px;
	left:-400px;
	height:71px;
	}

.sheeptwo {
	position:absolute;
	background:url(../img/sheep-2.png);
	width:88px;
	top:-30px;
	left:-300px;
	height:76px;
	-webkit-animation-delay:0.5s !important;
	-moz-animation-delay:0.5s !important;
	animation-delay:0.5s !important;
	}
	
.sheepthree {
	position:absolute;
	background:url(../img/sheep-3.png);
	width:78px;
	left:-200px;
	height:71px;
	-webkit-animation-delay:1s !important;
	-moz-animation-delay:1s !important;
	animation-delay:1s !important;
	}

.sheepfour {
	position:absolute;
	background:url(../img/sheep-4.png);
	width:69px;
	top:-30px;
	left:-100px;
	height:59px;
	-webkit-animation-delay:1.5s !important;
	animation-delay:1.5s !important;
	}


/* FOOTER */

footer.site {
	height:200px;
	border-top:solid 9px #fff;
	}

footer.site .inner {
	border-top:dashed 1px #444;
	position:relative;
	margin:80px 0 0 0;
	font-size:14px;
	padding:5px 0 0 0;
	}
	
.footer-image {
	position:absolute;
	left:50%;
	top:0;
	}

.service-nav {color:#494948 !important; text-decoration:none;}

.start-set {margin:-415px 0 0 -425px;}
.cafe-set {margin:-420px 0 0 -423px;}
.muenster-set {margin:-330px 0 0 -475px;}
.hotel-set  {margin:-300px 0 0 -217px;}
.impressionen-set  {margin:-260px 0 0 -230px;}
.kontakt-set  {margin:-290px 0 0 -130px;}

/* GALLERY */

.gallery {
	display:block;
	width: 800px;
	background: #f00;
	margin:70px auto 0 auto;
	}

.gallery li {
	display:block;
	float:left;
	margin:0 70px 70px 0;
	}
	
.gallery li a img {
	vertical-align:top;
	display:block;
	float:left;
	}

.center-half {
	width:400px;
    text-align:center;
    margin:auto;
}

.impressionen-h1 {
margin-bottom:20px;
}

/* KONTAKT */

#kontaktform {
  background:url(../img/kontakt-hintergrund.png); 
  width:940px;
  height:1000px;
  margin:0 10px;
  float:left;
  position:relative;
}

.senden {
background:#ff0;
background:none;
display:block;
border:0;
position:absolute;
margin:40px 180px 0 0;
width:100px;
height:120px;
right:0;
top:0;
font-size:16px;
cursor:pointer;
border-radius:10px;
font-family: 'Noto Sans', sans-serif;
}

.senden:hover {
background:#333;
color:#fff;
}

.textarea {
font-family: 'Noto Sans', sans-serif;
background:none;
display:block;
padding:20px;
border:0;
position:absolute;
left:0;
top:0;
font-size:14px;
margin:190px 0 0 70px;
width:260px;
height:260px;
}

.mail-input {
background:none;
font-family: 'Noto Sans', sans-serif;
display:block;
border:0;
position:absolute;
left:0;
height:30px;
width:300px;
margin:70px 0 0 60px;
top:0;
font-size:14px;
}

.name-input {
background:none;
font-family: 'Noto Sans', sans-serif;
display:block;
border:0;
position:absolute;
left:0;
height:30px;
width:300px;
margin:130px 0 0 60px;
top:0;
font-size:14px;
}

.formerr {
	background: #ca4949;
    border: solid 10px #fff;
    padding:20px;
    color:#fff;
    float:left;
    width:900px;
    margin:auto;
}

.formerr ul {padding:0 0 0 20px;}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000;}
::-moz-placeholder {color:#000;}
:-ms-input-placeholder {color:#000;}

/* HELPER */

.last { margin-right:0 !important;}

.pull-right {
	float:right;
	}

.pull-left {
	float:left;
	}

.flower {
	padding:10px 0 10px 30px;
	display:inline-block;
	background:url(../img/icon-flower.png) 0 center no-repeat;
	}

.polaroid {
	padding:15px 15px  30px 15px;
	background:url(../img/bg-paper.jpg);
	}
	
.img-left, article img[align="left"] {
	float:left;
	margin:0 30px 30px 0;
	}
	
.img-right, article img[align="right"] {
	float:right;
	margin:0 0 30px 30px;
	}

.img-center {
	margin:50px auto 50px 0;
	clear:both;
	}
	
.col {
	float:left;
	position:relative;
	}

.col-left {
	width:330px;
	}

.col-right {
	width:620px;
	}
	
.col-full {
	width:960px;
	}

/* ANIMATIONEN */

@-webkit-keyframes drop-in {
	0%{margin-top:200px;}
	100%{margin-top:300px}
}

@-webkit-keyframes swing {
	0%{-webkit-transform:rotate(0deg);}
	33%{-webkit-transform:rotate(10deg);}
	66%{-webkit-transform:rotate(-10deg);}
	100%{-webkit-transform:rotate(0deg);}
}

@-webkit-keyframes rotate {
	30%{margin-top:-30px;-webkit-transform:rotate(-30deg);}
	60%{-webkit-transform:rotate(5deg);}
	70%{margin-top:0px;-webkit-transform:rotate(0deg);}
}

@keyframes drop-in {
	0%{margin-top:200px;}
	100%{margin-top:300px}
}

@keyframes swing {
	0%{transform:rotate(0deg);}
	33%{transform:rotate(10deg);}
	66%{transform:rotate(-10deg);}
	100%{transform:rotate(0deg);}
}

@keyframes rotate {
	30%{margin-top:-30px;transform:rotate(-30deg);}
	60%{transform:rotate(5deg);}
	70%{margin-top:0px;transform:rotate(0deg);}
}

/* CF */

.group:after {
  content: "";
  display: table;
  clear: both;
}

.slider-wrap {
	position:absolute;
	top:0;
	left:50%;
	z-index: 400;
	margin:320px 0 0 -470px;
	width:900px;
	padding:20px 20px 60px 20px;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	background:url(../img/bg-paper.jpg) #fcecd6;
	box-shadow:0 0 30px rgba(0,0,0, 0.5);
    /*
	-webkit-animation:drop-in .75s ease-out;
	-moz-animation:drop-in .75s ease-out;
	animation:drop-in .75s ease-out;
    */
    }

.slider-wrap:before, .slider-wrap:after {
	background:url(../img/cable.png) 0 bottom;
	position: absolute;
	display: block;
	content: "";
	z-index:9999;
	width:72px;
	top:0;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	transform: rotate(2deg);
	}

/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* 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;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 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;
	
	position: absolute;
	display: block;
	margin-bottom: -20px;
	width:56px;
	height:56px;
	text-indent:-9999px;
	background:url(../img/slider-sprite.png);
}
.nivo-prevNav {
	left: 20px;
	background-position:0 56px !important;
}

.nivo-nextNav {
	right: 20px;
	background-position:56px 56px !important;
}

.nivo-nextNav:hover {background-position:56px 0 !important;;}
.nivo-prevNav:hover {background-position:0 0 !important;;}

/*.nivo-nextNav:active {margin:0 0 -22px 0;}*/

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/bg-colorbox.png);}
#colorbox{outline:0;}
#cboxContent{overflow:hidden; padding:20px 20px 40px 20px; background:url(../img/bg-paper.jpg);}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; outline:0;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; top:50%; left:40px; background: url(../img/slider-sprite.png); background-position: 0 56px; width:56px; height:56px; text-indent:-9999px;}
#cboxPrevious:hover{background-position: 0 0;}
#cboxNext{position:absolute; top:50%; right:40px; background: url(../img/slider-sprite.png); background-position: 56px 56px; width:56px; height:56px; text-indent:-9999px;}
#cboxNext:hover{background-position: 56px 0;}
#cboxClose{background:url(/img/close.png);position:absolute; bottom:10px; right:10px; width:50px; height:50px; text-indent:-9999px;}