/*  
Theme Name: sam-audio
Description: TheSam Template
Version: 1.0
Author: Dirk Wrana
*/

/*------------------Fonts local-------------------*/

/* pt-sans-narrow-regular - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-narrow-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Narrow'), local('PTSans-Narrow'),
       url('../fonts/pt-sans-narrow-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-narrow-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-narrow-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-narrow-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-narrow-v8-latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}
/* pt-sans-narrow-700 - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-narrow-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'),
       url('../fonts/pt-sans-narrow-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-narrow-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-narrow-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-narrow-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-narrow-v8-latin-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

/* fredericka-the-great-regular - latin */
@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fredericka-the-great-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fredericka the Great'), local('FrederickatheGreat'),
       url('../fonts/fredericka-the-great-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fredericka-the-great-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fredericka-the-great-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fredericka-the-great-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fredericka-the-great-v6-latin-regular.svg#FrederickatheGreat') format('svg'); /* Legacy iOS */
}
/* gochi-hand-regular - latin */
@font-face {
  font-family: 'Gochi Hand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gochi-hand-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Gochi Hand'), local('GochiHand-Regular'),
       url('../fonts/gochi-hand-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gochi-hand-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/gochi-hand-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gochi-hand-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/gochi-hand-v8-latin-regular.svg#GochiHand') format('svg'); /* Legacy iOS */
}


/*------------------CSS Klassen in Beiträgen-------------------*/

.contentstyletext {
   color: #222222;
   background: #ffffff;
   padding: 5px;
   }
/*------------------Basics-------------------*/
*{
   margin:0;
   padding:0;
   }

body {
   background: #f4f4f4;
   color: #4c4c4c;
   font-size: 18px;
   line-height: 1.5;
   font-family: 'PT Sans Narrow', Arial, sans-serif, helvetica;    
   text-align: left;
   }
#bg {
    position: fixed;
    top: 0px;
    left: 0px;
   z-index: -999999;
}
.bgwidth {
    width: 100%;
}
/*------------------Grundstruktur-------------------*/
.container {
   margin: 0px auto;
   width: 980px;
   }
.container-13 {
   float: left;
   margin-right: 10px;
   width: 30%;
   }
.container-23 {
   float: left;
   margin-right: 10px;
   width: 60%;
   }
.container-33 {
   float: left;
   margin-right: 10px;
   width: 90%;
   }

/*------------------Grundfunktionen-------------------*/
.clear {
   clear:both;
   }
hr.clear {
   clear:both;
   visibility: hidden;
   margin: 0px;
   padding: 0px;
   }
.alignleft {
   float: left;
   }   
.alignright {
   float: right;
   }  
.aligncenter{
   display:block;
   margin:auto;
   }
p {
   margin: 0px;
   padding: 0px;
   } 
form {
   margin:0px;
   padding:0px;
   } 
/*------------------Image Styles-------------------*/ 
img {
   border: none;
   }
img.center, img[align="center"] {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }
img.alignleft, img[align="left"] {
   float:left;
   margin: 2px 10px 5px 0px;
   }
img.alignright, img[align="right"] {
   float:right;
   margin: 2px 0px 5px 10px;
   }   

/*------------------Font Styles-------------------*/
a {
   color: #43a8da;
   text-decoration: none;
   }
a:visited {
   color: #43a8da;
   text-decoration: none;
   }
a:hover {
   color: #43a8da;
   text-decoration: underline;
   }
h1 {
   margin:0px;
   font-size: 28px;
   font-weight: bold;
   color: #555555;
   }
h1 a, h1 a:visited{
   color: #c9eefe;
   text-decoration: none;
   }
h1 a:hover{
   color: #2971ad;
   text-decoration: none;
   }
h2 {
   color: #cd2721;
   margin: 0px 0px 2px;
   border-bottom: 1px solid #e0e0e0;
   font-size: 26px;
   padding-bottom: 3px;
   }
h2 a, h2 a:visited {
   color: #cd2721;
   text-decoration: none;
   }
h2 a:hover {
   color: #2b2b2b;
   text-decoration: none;
   }
h3 {
   font-size: 16px;
   color: #202020;
   margin: 10px 0px 5px;
   }
h4 {
   font-size: 22px;
   color: #595959;
   margin: 10px 0px 5px;
   }
h5 {
   padding-left: 160px;
   font-size: 20px;
   color: #989898;
   }
/*------------------Front Page-------------------*/
#front {
   overflow: hidden;
   height: 530px;
   }

.fact-block {
   float: left;
   margin: 40px 10px 0px 0px;
   width: 230px;
   height: 195px;
   background: #fdfdfd;
  -webkit-box-shadow: 4px 4px 5px 0px rgba(204,204,204,1);
  -moz-box-shadow: 4px 4px 5px 0px rgba(204,204,204,1);
  box-shadow: 4px 4px 5px 0px rgba(204,204,204,1);
   }
.fact-block h2 {
   color: #ffffff;
   font-size: 20px;
   text-shadow: 0 2px 0 rgba(96,96,96,0.15);
   padding: 5px;
   background: #24A5D9;
   border-bottom: 1px solid #cccccc;
   }
.block {
   height: 105px;
   }
.fact-block a {
   color: #fefefe;
   text-decoration: none;
   }
.fact-block a:hover {
   color: #efefef;
   text-decoration: underline;
   }
.fact-block p {
   padding: 5px 5px 0px 15px;
   }
.more-facts {
   clear: both;
   position: relative;
   margin: 10px 0px 0px 0px;
   padding: 5px;
   float: right;
   width: 120px;
   font-size: 18px;
   font-weight: bold;
   color: #ffffff;
   background: #00B9F3;
   }

/*------------------Header-------------------*/
#header {
   margin: 0px auto;
   padding: 0px;
   height: 120px;
   overflow: hidden;
   color: #333333;
   background: rgba(255,255,255,0.9);
   /*background: url(images/header-bg.png);*/
   }
/*-----Logo-----*/
#logo {
   float: left;
   width: 200px;
   height: 120px;
   }
#logo img {
   width: 180px;
   height: 108px;
   margin: 10px 0px 0px 10px;
   }
/*-----Navigation-----*/
#navigation {
   float: right;
   height: 40px;
   margin: 10px 20px 0px 0px;
   list-style: none;
   }
#navigation li {
   float: left;
   margin-left: 15px;
   }
#navigation a:link, #navigation a:visited {
   text-transform: uppercase;
   text-decoration: none;
   font-size: 18px;
   color: #333333;
   }
#navigation a:hover {
   color: #000000;
   }
#hotline {
   float: right;
   width: 445px;
   height: 40px;
   }
/*------------------Main-Navigation------------------*/
#main-nav {
   margin: 0px auto;
   padding: 0px;
   overflow: hidden;
   height: 60px;
   color: #ffffff;
   background: #3d3d3d;
   }
#top-nav ul {
   float:right;
   list-style: none;
   margin: 0;
   padding: 0;
   background: transparent;
   }
#top-nav li { 
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   }
#top-nav ul li { 
   list-style: none;
   margin:0;
   padding: 0;
   }
#top-nav li a {
   color: #cccccc;
   font-size: 20px;
   font-weight: bold;
   background: transparent;
   display: block;
   margin: 0;
   padding:8px;
   text-decoration: none;
   text-shadow: #000 0 1px 1px;
   }
#top-nav li a:hover {
   background: transparent;
   color: #56B0D7;
   text-shadow: #000 0 1px 1px;
   transition: all .45s linear;
   -o-transition: all .45s linear;
   -moz-transition: all .45s linear;
   -webkit-transition: all .45s linear;
   display: block;
   margin: 0;
   padding: 8px;
   text-decoration: none;
   }
#top-nav li li a, #top-nav li li a:link, #top-nav li li a:visited {
   background: #fff;
   width: 170px;
   font-size: 18px;
   font-weight: normal;
   color: #0A556E;
   text-shadow: #cccccc 0 1px 1px;
   float: none;
   margin: 0;
   padding: 8px;
   text-decoration: none;
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   border-radius: 9px;
   -moz-box-shadow: 0 2px 2px #000;
   -webkit-box-shadow: 0 2px 2px #000;
   box-shadow: 0 2px 2px #000;
   }
#top-nav li li a:hover {
   background: #56B0D7;
   color: #fff;
   text-shadow: #000 0 1px 1px;
   transition: all .45s linear;
   -o-transition: all .45s linear;
   -moz-transition: all .45s linear;
   -webkit-transition: all .45s linear;
   padding:8px;
   }
#top-nav li ul {z-index: 999 !important;position: absolute;left: -999em;height: auto;width: 185px;margin: 0;padding: 0;}
#top-nav li ul a { width: 160px;}
#top-nav li ul ul {margin:-35px 0 0 185px;}
#top-nav li:hover ul ul, #top-nav li:hover ul ul ul, #top-nav li.sfhover ul ul, #top-nav li.sfhover ul ul ul {left: -999em;}
#top-nav li:hover ul, #top-nav li li:hover ul, #top-nav li li li:hover ul, #top-nav li.sfhover ul, #top-nav li li.sfhover ul, #top-nav li li li.sfhover ul {left: auto;}
#top-nav li:hover, #top-nav li.sfhover { position: static;}
#top-nav .current_page_item a,#top-nav li a:active,#top-nav .current-menu-item a,
.profile #top-nav .current_page_item a,.directory #top-nav .current_page_item a,.activity #top-nav .current_page_item a{background:transparent;color: #fff;text-shadow:#000 0 1px 1px;display: block;margin: 0;padding:8px;text-decoration: none;}
/*------------------Content-------------------*/
article {
   margin: 0px auto;
   overflow: hidden;
   }
#content {
   width: 680px;
   float: left;
   margin: 0px auto;
   padding: 10px;
   text-align: justify;
   background: #ededed;
   -webkit-box-shadow: 4px 4px 5px 0px rgba(204,204,204,1);
   -moz-box-shadow: 4px 4px 5px 0px rgba(204,204,204,1);
   box-shadow: 4px 4px 5px 0px rgba(204,204,204,1);
   }
#content h2 {
   color: #666666;
   font-size: 26px;
   border-bottom: 1px solid #cccccc;
   }
#content h2 a, h2 a:visited {
   color: #43a8da;
   text-decoration: none;
   }
#content h2 a:hover {
   color: #43a8da;
   text-decoration: none;
   }
#content p {
   padding: 0px 0px 15px;
   }
.post {
   clear:both;
   }
.post ul {
  margin: 0px auto;
  padding: 0px 0px 0px 20px;
   }
.post-title {
   }
.entry {
   clear: both;
   padding-top: 10px;
   }
.article-info {
   color: #666666;
   float: left;
   font-size: 16px;
   margin: 0px auto;
   padding: 10px;
   width: 90%;
   overflow: hidden;
   background: #fefefe;
   border: 1px solid #cccccc;
   }
.post-aut {
   padding-right: 10px;
   float: left;
   color: #666666;
   }
.post-cat {
   padding-left: 0px;
   float:left;
   color: #666666;
   }
.post-top {
   color: #666666;
   text-transform: uppercase;
   display: block;
   float: right;
   font-size: 20px;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   }
/*----- Artikel Navigation -----*/
.article-navigation {
   clear: both;
   padding: 10px 0px;
   }
.article-navigation a, .article-navigation a:visited {
   color: #252525;
   }
.previous-entries a {
   float: right;
   min-width: 120px;
   margin-left: 15px;
   padding: 5px 15px;
   font-size: 18px;
   font-weight: bold;
   color: #fffff2;
   display: block;
   }
.next-entries a {
   float: right;
   min-width: 120px;
   margin-right: 25px;
   padding: 5px 15px;
   font-size: 18px;
   font-weight: bold;
   color: #fffff2;
   display: block;
   }
/*------------------Sidebar-------------------*/
#sidebar {
   position: relative;
   margin: 0px auto;
   padding: 0px;
   float: right;
   overflow: hidden;
   width: 220px;
   font-size: 18px;
   background: #e1e1e1; -moz-linear-gradient(left,  #e1e1e1 0%, #f4f4f4 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e1e1e1), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(left,  #e1e1e1 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(left,  #e1e1e1 0%,#f4f4f4 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(left,  #e1e1e1 0%,#f4f4f4 100%); /* IE10+ */
   background: linear-gradient(to right,  #e1e1e1 0%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */
   }
#sidebar a {
   color: #44ABBF;
   text-decoration: none;
   }
#sidebar a:visited {
   color: #44ABBF;
   text-decoration: none;
   }
#sidebar a:hover {
   color: #44ABBF;
   text-decoration: underline;
   }
#sidebar h2 {
   color: #000000;
   padding: 10px;
   font-size: 20px;
   background: #f4f4f4;
   }
#sidebar ul {
   clear: both;
   padding: 5px 5px;
   list-style: none;
   }
#sidebar ul li {
   padding: 5px 0px;
   border-bottom: 1px solid #ececec;
   width: 240px;
   list-style: none;
   }
#sidebar .sidebox {
   clear: both;
   overflow: hidden;
   margin-top: 10px;
   padding: 5px 0px 10px 10px;
   }
.sdb-icon {
   float: left;
   margin: 5px 5px 0px 0px;
   padding: 0px 0px 0px 5px;
   font-size: 28px;
   font-weight: normal;
   color: #666666;
   }
.breadcrumbs {
   float:left;
   color: #666666;
   }
/*------------------Footer-------------------*/
footer {
   padding: 0px;
   overflow: hidden;
   font-size: 16px;
   color: #ffffff;
   font-weight: normal;
   background: #3d3d3d;
   }
footer h3 {
   margin-top: 10px;
   font-size: 16px;
   color: #ffffff;
   font-weight: bold;
   text-shadow: 0 2px 0 rgba(96,96,96,0.15);
   text-transform: uppercase;
   }
footer a {
   color: #fefefe;
   text-decoration: none;
   }
footer a:hover {
   color: #efefef;
   text-decoration: underline;
   }
#social {
   float: left;
   margin: 0px 5px 0px 5px;
   width: 220px;
   height: 140px;
   }
#openingHours {
   float: left;
   margin: 0px 5px 0px 5px;
   width: 220px;
   height: 140px;
   }
#location {
   float: left;
   margin: 0px 5px 0px 5px;
   width: 220px;
   height: 140px;
   }
#contact {
   float: left;
   margin: 0px 5px 0px 5px;
   width: 220px;
   height: 140px;
   }
#credits {
   margin: 0px auto;
   padding: 10px 0px 20px 0px;
   font-size: 14px;
   }