/*   
Theme Name: The Art of Rosetta
Theme URI: http://www.roesner-sylt-werbung.de
Description: http://www.roesner-sylt-werbung.de
Author: Markus Krüger
Version:1.0

*/

/*###############################
BASIC TAGS         
###############################*/

.sl-wrapper .sl-image img {
    border: 10px solid #fff !important;
}


@font-face {	font-family: "SnellRoundhandScript-Black";
  src: url("https://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.eot"); /* IE9*/
  src: url("https://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("https://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.woff2") format("woff2"), /* chrome、firefox */
  url("https://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.woff") format("woff"), /* chrome、firefox */
  url("https://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("https://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.svg#SnellRoundhandScript-Black") format("svg"); /* iOS 4.1- */
}

.sl-wrapper .sl-close {
	color: #fff !important;
}

.sl-overlay {
	background: #000 !important;
}

.sl-wrapper .sl-image .sl-caption {
	display: none !important;
}

* {
    margin:0; 
    padding:0;
    text-rendering: optimizelegibility;
}

a {
    color: #ccc;
    text-decoration: none;
}

.slider {
    margin-bottom: 30px;
}

strong{
    font-weight: 600;
}

body {
    text-rendering: optimizelegibility;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background: #000;
}

.herrum {
    margin: 10px auto;
    width: 1298px;
    border: 1px solid #fff;
    color: #fff;
    padding-bottom: 15px;
}

.as-mask {
	width: 100% !important;
}

.accordion-slider {
	width: 100% !important;
}

.menu {
	width: 200px;
	padding: 0 15px;
	float: left;
	margin-right: 0px;
}

.sf-menu li {
	list-style: none;
}

.inhalt {
    float: right;
    width: 1005px;
    font-size: 14px;
    font-weight: 400;
    padding-right: 20px;
    font-family: "Times New Roman", Times, serif;
    font-size: 17px;
    line-height: 24px;
}

.inhalt p {
	margin-bottom: 20px;
}

.inhalt h1 {
    margin-top: 25px;
    margin-bottom: 35px;
	font-family: "SnellRoundhandScript-Black";
  src: url("http://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.eot"); /* IE9*/
  src: url("http://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("http://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.woff2") format("woff2"), /* chrome、firefox */
  url("http://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.woff") format("woff"), /* chrome、firefox */
  url("http://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("http://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.svg#SnellRoundhandScript-Black") format("svg"); /* iOS 4.1- */
    font-size: 60px;
}

.inhalt h2 {
	font-family: "SnellRoundhandScript-Black";
  src: url("http://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.eot"); /* IE9*/
  src: url("http://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("http://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.woff2") format("woff2"), /* chrome、firefox */
  url("http://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.woff") format("woff"), /* chrome、firefox */
  url("http://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("http://www.rosetta-sylt.de/fonts/f71f16aa10c7aed82effb008a2fdc65d.svg#SnellRoundhandScript-Black") format("svg"); /* iOS 4.1- */
    border-bottom: 1px solid #333;
    font-size: 46px;
    line-height: 69px;
    margin-bottom: 35px;
    padding-bottom: 14px;
    text-align: left;
}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.sf-menu li a {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #4e6883 0px, #11171d 100%) no-repeat scroll 0 0;
    color: #dddddd;
    line-height: 35px;
    margin: 0 auto;
    min-height: 35px;
    padding: 0 15px;
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 15px;
}

.sf-menu li a:hover {
	color: #ab9973;
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #738eab 0px, #607e9f 20%, #324253 100%) no-repeat scroll 0 0;
}

.footer {
    float: left;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    width: 100%;
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
}

#fancybox-overlay {
	background-color: #000 !important;
	opacity: 0.9 !important;
	-webkit-opacity: 0.9 !important;
	-moz-opacity: 0.9 !important;
}

.ngg-album-compactbox::before, .ngg-album-compactbox::after, .ngg-album-compactbox {
	border: 0px !important;
}

.ngg-album-compactbox {
	padding: 5px !important;
}

.ngg-album-compact {
	padding: 0 0 5px !important;
}


/*###############################
Drop
###############################*/


.dropbtn {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+26,11171d+100 */
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 26%, #11171d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #666666 26%,#11171d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #666666 26%,#11171d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#11171d',GradientType=0 ); /* IE6-9 */

    color: #dddddd;
    line-height: 35px;
    margin: 0 auto;
    min-height: 35px;
    padding: 0 15px;
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}

.dropbtn:hover {
	color: #ab9973;
background: #4e6883; /* Old browsers */

}

.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s; 
}

.dropdown {
    position: ;
    display: block;
}

.dropdown-content {
    display: none;
    position: static;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s; 
    
}

.dropdown-content a {
    background: #000;
    color: #dddddd;
    line-height: 35px;
    margin: 0 auto;
    min-height: 35px;
    padding: 0 15px;
    display: block;
    margin-bottom: 1px;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}

.dropdown a:hover {background-color: #11171d;}

.show {display:block;    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s; }
    
    .inhalt h2 span {
    margin: 0 13px;
}

/*###############################
CLEARFIX
###############################*/

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {/* display:inline-block;*/}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}