/*
Theme Name: vorlage - gray_0
Description: Tabellenloses Design
Version: 0.1
Author: sbDESIGN, S. Bechtold
Author URI: http://bechti.de
*/

/*---------------------------------------------------------------------------*/
/*----------------- Plugins und eigene Syntaxelemente ---------------------***/
/*---------------------------------------------------------------------------*/
/****************************** PLUGINS **************************************/
/* Plugin FotoGalerie*/
#fotogalerie 
  {width  : 99%;
   margin : 0 0 10px 0;
  }

#fotogalerie grafiken.thumbnail 
  {border     : 1px solid #000;
   padding    : 2px;                            
   box-shadow : none !important;
   background : transparent;
  }

#glisse-overlay, #glisse-controls, #glisse-overlay-content {z-index:100;}

/* Plugin GalleryPreview */
.latestgalleryimage 
  {border : 1px solid #8e5e20;
   margin : 5px auto 10px auto;
  }

/* RSS Feed */
.RSSReaderTitle
  {background-color : #B0B0B0 !important;
   box-shadow       : 5px 5px 10px #DBDBDB;
   color            : #000 !important;
   padding          : 5px;
   width            : 95% !important;
  }
.RSSReaderTitle a {color : #000;}
  
.RSSReaderTitleDescription {color : #E9E9E9 !important;} 

.RSSReaderItem 
  {margin-left : 0px !important;
   width       : 95% !important;
  }
  
.RSSReaderItemTitle
  {background-color : #B0B0B0 !important;}

.RSSReaderItemTitle a {color : #000;}

.RSSReaderItemDescription grafiken 
  {float     : left;
   margin    : 3px;
   max-width : 100%;
  }

/* Plugin jqback2Top fuer Link nach oben */
#jqback2top 
  {background-color : transparent !important;
   bottom           : 30px;
   color            : #525252 !important;
   display          : block;
   font-size        : 19px;
   font-size        : 1.1875rem !important;
   padding          : 10px 12px;
   position         : fixed;
   right            : 30px;
   z-index          : 10;
  }

/* LayoutSwitcher */
.layoutswitcher 
  {background-color : transparent !important;
   border           : none !important;
   padding          : 10px 0 10px 0px !important;
   text-align       : left !important;
  }

.layoutswitcher select 
  {background-color : #606060 !important;
   border           : 1px solid #1F1F1F;
   border-radius    : 5px;
   width            : 170px !important;
   color            : #fff;
  }

.layoutswitcher input 
  {background-color : #606060 !important;
   border           : 1px solid #1f1f1f !important;
   color            : #fff;
   border-radius    : 5px;
   margin-top       : 5px !important;
   margin-left      : 2px !important;
  }


/******************************* EIGENE SYNTAXELEMENTE ***********************/
/*** Newsbox auf Startseite ***/
div.nbox 
  {float   : right;
   width   : 12.5em;
   padding : 0;
   margin  : 10px 0 0 1em;
  }

div.newsheader 
  {height      : 20px;
   padding     : 5px 1px 5px 1px;
   border      : 1px solid #6e6e6e;
   margin      : 0;
   color       : white;
   background  : #6e6e6e;
   font-weight : bold;
   text-align  : center;
  }

div.newsbox 
  {border     : 1px solid #d3d3d3;
   padding    : 5px;
   background : #fff;
  }

/*** Infobox ***/
div.infobox 
  {text-align : center;
   margin     : 0px auto;
  }


.infobox 
  {width            : 80%;
   border           : 1px solid #6e6e6e;
   border-radius    : 15px;
   background       : #fff ;
   padding          : 5px;
  }

.infobox a 
  {color           : #6e6e6e;
   text-decoration : underline;
  }

.infoheader 
  {background    : #6e6e6e;
   border-radius : 10px;
   height        : 20px;
   text-align    : center;
   font-weight   : bold;
   padding-top   : 5px;
   color         : #fff;
  }

.infoinhalt 
  {padding          : 3px;
   text-align       : left;
  }

/*** zusätzliche Sidebar in Inhaltsseiten***/
/* rechts breit*/
.rightside_w 
   {float       : right;
   width       : 360px;
   padding     : 10px 0 0 5px;
   margin      : 0 0 10px 1em;
   border      : none;
  }

.rightside_w h1, .rightside_w h2, .rightside_w h3 {margin-top : 0px;}
.rightside_w ul 
  {list-style-type : none;
   padding-left    : 10px;
  }

 /* rechts schmal*/
.rightside_s
   {float       : right;
   width       : 260px;
   padding     : 10px 0 0 5px;
   margin      : 0 0 10px 1em;
   border      : none;
  }

.rightside_s h1, .rightside_s h2, .rightside_s h3 {margin-top : 0px;}
.rightside_s ul 
  {list-style-type : none;
   padding-left    : 10px;
  }
  
/* links */
.leftside 
  {float       : left;
   width       : 180px;
   border-right: 1px solid #d3d3d3;
   padding     : 10px 10px 0 0;
   margin      : 0 1em 10px 0;
  }

.leftside h1, .leftside h2, .leftside h3 {margin-top : 0px;}
.leftside ul {list-style-type : none;}

/* Boxen fuer 3-spaltigen Inhalt auf Galerieübersicht */

.col_1_3 
  {display    : inline-block;
   margin     : 0 5px 5px 0;
   padding    : 5px;
   width      : 190px;
   text-align : center;
   border     : 1px solid #000;
   background : #fff;
  }

.features .title 
  {padding       : 15px 15px 5px 15px;
   margin        : 0 0 5px 0;
  }

grafiken.vorschau 
  {border        : 1px solid #000;
   border-radius : 10px;
   margin        : 5px auto;
  }

  
.tab2 
 {
 border:1px solid #aaaaaa; 
 border-collapse:collapse;
 padding:6px;
 vertical-align:top;
 }