/*/////////////////////////////////////////////////////////////////////
 // 
 // Custom theme code styles
 // Written by Themelize.me (http://themelize.me)
 // 
 // This is an empty starter template for overriding styles
 // set by Bootstrap & the theme
 // 
 // ----------------------------------------------------
 // 
 // Remove unused code for better performances
 // 
 // ----------------------------------------------------
 // 
 // @see - Usefuls tools online for editing
 // 1. http://charliepark.org/bootstrap_buttons/ - Button style generator
 // 2. http://www.colorzilla.com/gradient-editor/ - CSS3 gradient maker
 // 
 // @note
 // To ensure custom styles are picked up
 // wrap definitions in body tag
 // ie.
 // body .navbar-inner {
 //   background: #ff0000;
 // }
 // 
 /////////////////////////////////////////////////////////////////////*/
/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
 */
 a {
	color: #bf9a19; 
 }
 .rechts {
 	float: right;
 }
#navigation {
  /* 1. Navigation wrapper */
  margin-bottom: 0px;
}
.navbar-inner { 
	background-color: transparent;
	background: none;
}
.navbar .nav { 
	float: right;
}
#highlighted {
  /* 2. Highlighted (below header) wrapper */
}
#content {
  /* 3. Content wrapper */
}
#content p strong {
	color: #666666;
	font-weight: normal;
}
.lang-but {
	background: #f5f5f5; 
	padding: 4px 5px 8px; 
	display: block; 
	float: right; 	
}
.lang-but-off {
	background: rgba(224,197,107,0.4); 
	padding: 4px 5px 8px; 
	display: block; 
	float: right;
	opacity: 0.6; 	
}




.carousel {
	margin-bottom: 0px; 
}
.carousel-inner > .item > img {
	width: 100%;
}
.carousel-control {
	top: 48%;
	color: #888;
	background: rgba(255,255,255,0.8);
	border: 2px solid #fff;
	opacity: 0.9;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	border-radius: 0px;
	font-size: 50px;
	left: -15px;
	width: 24px;
	height: 40px;
	line-height: 28px;
}

.carousel-control.right {
    left: auto;
    right: -15px;
}

.carousel-control:hover {
	background: rgba(255,255,255,1);
	color: #000000;
}

.carousel img {
	width: 100%;
}






.well {
  min-height: 20px;
  padding: 12px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow:  0 1px 12px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:  0 1px 12px rgba(0, 0, 0, 0.15);
  box-shadow:  0 1px 12px rgba(0, 0, 0, 0.15);
}

.well-start {
  min-height: 20px;
  padding: 6px;
  margin-bottom: 20px;
  background-color: #E0C569;
  border: 1px solid #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow:  0 1px 12px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow:  0 1px 12px rgba(0, 0, 0, 0.15) inset;
  box-shadow:  0 1px 12px rgba(0, 0, 0, 0.15) inset;
}
.well-img {
  min-height: 20px;
  padding: 4px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow:  0 1px 12px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:  0 1px 12px rgba(0, 0, 0, 0.15);
  box-shadow:  0 1px 12px rgba(0, 0, 0, 0.15);
}
.container {
	background: #f6f6f6;
	padding: 20px 20px;	
	-webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.24) ;
	-moz-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.24) ;
	box-shadow: 0 1px 12px rgba(0, 0, 0, 0.24) ;
}


.logobox {
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
  background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
  background-image: linear-gradient(to bottom, #ffffff, #f4f4f4);
  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);	
  
	padding: 6px 10px 10px;	
	border: 5px solid #ffffff;
	text-align: center;
	
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.07);
}

.videobox {
	/*
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
  background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
  background-image: linear-gradient(to bottom, #ffffff, #f4f4f4);
  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
  */
  
  background-color: #E0C569;	
  
	padding: 6px 10px 10px;	
	border: 5px solid #ffffff;
	text-align: center;
	
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}


.gallerybox {

  	background-color: #E0C569;	
	padding: 0px;	
	border: 5px solid #ffffff;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}

.logoname {
	font-size: 37px;
	color: #e0c872;
	font-style: italic;
	font-family: "Crimson Text",serif;
	letter-spacing: -0.025em;	
	margin-bottom:3px;
}
.logoname strong {
	font-weight: 400;
	font-style: normal;
	color: #d6ae21 !important;
}
.logophone {
	font-size: 24px;	
	color: #e0c872;
	font-family: "Crimson Text",serif;	
	margin-bottom: 6px;
}
.logophone strong {
	color: rgba(240,98,24,0.8);
	font-weight: 600;
	background-color: rgba(240,98,24,0.0);
	padding: 6px 8px 2px;
}
.logomail{
	font-size: 19px;
	font-weight: 600;	
	color: #e0c872;
	font-family: "Crimson Text",serif;	
}
.logomail a{ 
	text-decoration: none;
	color: #957102 ;
}

.logomail a:hover {
	color: rgba(240,98,24,0.8);	
}
	
	


.flexslider-wrapper,
.static-banner {
  overflow: hidden;
  background: url("http://www.sonjamassage.com/content/bgrnd_layer_slider.jpg") repeat-x #F9F6E5;
  background-size: 100%;
}
.nobottom {
	margin-bottom: 0px;
}
.liste strong {
	font-weight: normal;
	color: #666666;
}
.liste ul,.liste ol {
	margin-left: 0px;
}

ul.liste, ol.liste{
	margin-left: 0px;
}

ul.liste li {
    background-position: 0 3px;
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 20px;
	margin: 6px 0px;
	background-image: url("../content/bullet-arrows.png");
}

.liste-hotels strong {
	font-weight: normal;
	color: #666666;
}
.liste-hotels ul,.liste ol {
	margin-left: 0px;
}

ul.liste-hotels, ol.liste-hotels{
	margin-left: 0px;
}

ul.liste-hotels li {
    background-position: 0 3px;
    background-repeat: no-repeat;
	border-top: 1px solid #cccccc;
	display: block;
	clear: both;
    list-style-type: none;
    padding-left: 0px;
	margin: 6px 0px;
}

hr {
	border: 2px solid #E0C569;
	opacity: 0.1;
	margin: 40px 0px;
}
.fullWidth {
    margin: 0 auto;
}

#content-below {
  /* 4. Content Below wrapper */
}
#footer {
  /* 5. Footer wrapper */
}

.topnavi {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fdfdfd, #e9e9e9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #fdfdfd, #f5f5f5);
  background-image: -o-linear-gradient(top, #fdfdfd, #f5f5f5);
  background-image: linear-gradient(to bottom, #fdfdfd, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f5f5f5', GradientType=0);	
  padding:  10px 20px 0px;
}






	#topbar {
		display: block;
		background: #faebb4;
		/* background: url("http://www.sonjakunst.com/content/bgrnd.jpg") no-repeat scroll center; */
		box-shadow: 0px -5px 5px rgba(0,0,0,0.03) inset;
		border-bottom: 1px solid rgba(255,255,255,0.5);
		padding: 0px 5px;
		color: #777;
		font-family: 'Crimson Text', serif;
		font-size: 19px;
		font-weight: 600;
		/* text-transform: uppercase; */
	}
	
	#topbar .container {
		background: transparent; 
		padding: 5px;
		box-shadow: 0px 0px;
		text-align: right;
	}
	
	#topbar .container span {
		margin: 0px 1px
	}

	#topbar a, #topbar a:hover {
		text-decoration:  none;
	}
	
	.toplinks span {
		padding: 3px 6px 0px;
	}
	
	.sonjamassage a, .sonjamassage a:hover {color: #D6AD1F }
	.sonjagardenart a, .sonjagardenart a:hover {color: #577E69 }
	.sonjakunst a, .sonjakunst a:hover {color: #db4c4c }
	
	.sonjakunst-on {background-color: #db4c4c; color: rgba(255,255,255,0.6) !important; }
	.sonjagardenart-on {background-color: #577E69; color: rgba(255,255,255,0.6) !important; }
	.sonjamassage-on {background-color: #D6AD1F; color: rgba(255,255,255,0.6) !important; }






/*
 * --------------------------------------------------
 * 2. Colours
 *-------------------------------------------------- 
 */
/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */
@media (max-width: 979px) {
  /* Navbar Collapsed (mobile) */
}
@media (min-width: 980px) {
  /* Navbar Expanded (desktop) */
}
@media (min-width: 1200px) {
  /* Responsive: Large desktop and up (wide) */
}
@media (max-width: 979px) {
  /* Responsive: Mobile to desktop (common for all narrow devices) */
  
  .logophone {
		line-height: 1.1em;
  }
  .logophone strong {
		display: block;  
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  /* Responsive: Tablet to desktop (normal) */
}
@media (max-width: 767px) {
  /* Responsive: Landscape phone to desktop/tablet (narrow) */

	#navigation .brand {
		margin-top: -30px;
		max-width: 230px;	
	}

  
}
@media (max-width: 480px) {
  /* Responsive: Up to Landscape phone (mobile) */
  

}
/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */