/* 
    Document   : isnstyle
    Author     : Patrick Kreutzer
    Modified   : Thomas Kreutzer 
    Description: Stylesheet for http://www.isn-planung.de/
    font       : goooglefonts for free use Montserrat

// merken
#FFA500 - orange dkl
#FFD88E - orange hell
#FFB300 - orange anders
#406CBA helles blau
*/

/*@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url("schrift/Montserrat-Regular.eot");
    src: url("schrift/Montserrat-Regular.eot?#iefix") format('embedded-opentype'),
         url("schrift/Montserrat-Regular.woff2") format("woff2"),
         url("schrift/Montserrat-Regular.woff") format("woff"),
         url("schrift/Montserrat-Regular.ttf") format("truetype");
}*/


@font-face {
    font-family: isnschriftalias;
    font-weight: 300;
    font-style: normal;
    src: url("schrift/Nunito-Regular.ttf") format("truetype");
}


@media print {  
    
.header {    
    display: none;  
}

.navicell {   
    display:none;
}

.navibottom {
    display:none;
    }
  
.printheader {   
  border-width: 0px;
  display: block;
  color: green;
}
  
body {
  background-color: white;  
  background-image: url('graphics/white.png');
 
}

}


body {
   font-family: isnschriftalias ,Helvetica, sans-serif;
   font-size: 13px;
   text-align: center;
   padding: 8px 24px 44px 24px;
   margin: 0px;
   /*background-image: url('graphics/background.png');
   background-position: center top;
   background-repeat:repeat-y;*/
   background-color: white;
}

* b
{
    font-weight: 600;
    letter-spacing: 1px;
}

table {
   font-size: 13px;
   border-collapse: collapse;
   background-color: white;
   margin: 0px;
   padding: 0px;
}

td {
   vertical-align: top;
   padding: 8px;
   text-align: left;
}

img {
   border: none;
}

.header {
   padding: 0px;
   margin: 0 auto;
   margin-bottom: 8px;
   background-color: white;
   width: 1138px;
   position: relative;   
   border-width: 0px 0px 0px 0px;
   border-style: solid;
   border-color: #FFA500;   
}

.printheader
{
   padding: 0;
   margin: 0 auto; 
   margin-bottom: 12px;
   width: 1138px;
   height:53px;
   border-width: 0px 0px 3px 0px;
   border-style: solid;
   border-color: #FFA500;
   position: relative;    
   background-image: url('graphics/printheader.png');
   background-repeat: repeat-x;
   display:none;
}

.main {
   padding: 0;
   margin: 0 auto;
   width: 1138px;
}

.navicell {
   padding: 0px;
   margin: 0px;
   vertical-align: top;
   background-color: #EBEBEB;
   border-width: 1px 1px 0px 1px;
   border-style: solid;
   border-color: #B8B8B8;
}

.navicontent {
   padding: 28px 0px 12px 0px;
   text-align: right;
   border-style: none;
   background-color: #EBEBEB;
}

.navicontent p {
   padding: 0px 12px 12px 24px;
   text-align: center;
   border-style: none;
   color: black;
   background-color: #EBEBEB;
}

.navicontent h1 {
   display: block;
   line-height: 28px;
   font-size: 16px;
   text-align: right;
   padding: 0px 12px 0px 0px;
   margin: 0px 0px 20px -1px;
   color: white;
   letter-spacing: 4px;
   font-weight: normal;
   background-color: #406CBA;
}

.navicontent h3 {
   display: block;
   line-height: 28px;
   font-size: 16px;
   text-align: right;
   padding: 0px 0px 0px 0px;
   margin: 0;
   position: relative;
   top: 0px;
   left: 0px;
   color: white;
   letter-spacing: 4px;
   font-weight: normal;
   background-color: #DA251D;
   }
   
   .navicontent h4 {
   display: block;
   line-height: 28px;
   font-size: 16px;
   text-align: right;
   padding: 0px 0px 0px 0px;
   margin: 0;
   position: relative;
   top: 0px;
   left: 0px;
   color: white;
   font-weight: normal;
   background-color: #DA251D;
   }
   
.navicontent a {
   display: block;
   padding: 0px 20px 0px 0px;
   margin: 0px 18px 6px 0px;
   line-height: 19px;
   background-image: url('graphics/bullet.png');
   background-position: right top;
   background-repeat: no-repeat;
   text-decoration: none;
   font-weight: 600;
   letter-spacing: 1px;   
   color: #3173C0;
}

.navicontent a:link, .navicontent a:visited {
   color: #3173C0;
   font-weight: 600;
   letter-spacing: 1px;   
}

.navicontent a:hover {
   color: black;
   font-weight: 600;  
}

.navibottom {
   padding: 0px;
   margin: 0px;
   vertical-align: bottom;
   background-color: #EBEBEB;
   border-width: 0px 1px 1px 1px;
   border-style: solid;
   border-color: #B8B8B8;
}

.footer {
   padding: 4px 4px 4px 4px;
   text-align: center;
   color: white;
   background-color: #B8B8B8;/*#406CBA;  */
   font-size: 13px;
}

.footer a {
   padding: 2px 4px 2px 4px;
}

.footer a:link, .footer a:visited, .footer a:hover {
   text-decoration: underline;
   font-weight: normal;
   color: white;
}

.footer a:hover {
   color: black;
}

.contentcell {
   padding: 0px;
   margin: 0px;
   vertical-align: top;
   background-color: white;
}



.pruefSV {
   padding: 72px 0px 0px 10px;
   text-align: left;
   background-image: none;
}

.pruefSV a {
   background-image: none;
}

.pruefSV a:link, .pruefSV a:visited, .pruefSV a:hover {
   font-weight: 600;
   text-decoration: none;
   color: black;
   border-width:0px 0px 1px 0px;
   border-style:none;
   border-color:#3173C0;/*#FFB300;orangene Line tak 18-10-2016 entfernt  */ 
   display: inline;   
}

.pruefSV a:hover {
   border-style:solid;
}

































.content {
   padding: 0px 0px 0px 16px;
   text-align: left;
}

.content a {

}

.content a:link, .content a:visited, .content a:hover {
   font-weight: 600;
   letter-spacing: 1px;
   text-decoration: none;
   color: #3173C0;
   border-width:0px 0px 1px 0px;
   border-style:none;
   border-color:#3173C0;/*#FFB300;orangene Line tak 18-10-2016 entfernt  */ 
}

.content a:hover {
   border-style:solid;
}

.content li
{
    list-style-type: square;
    padding        : 0px 0px 8px 0px;
}

.block {
   background-color: white;
   border: 1px solid #B8B8B8;
   padding: 0px;
   margin: 0px 0px 16px 0px;
}

.blocktable, blocktable td {
   background-color: white;
   border: 1px solid #B8B8B8;
   padding: 12px;
   margin: 0px 1px 16px 0px;
}

.content h1, .block h2 {
   display: block;
   line-height: 28px;
   font-size: 16px;
   text-align: left;
   padding: 0px 0px 0px 12px;
   color: white;
   letter-spacing: 4px;
   font-weight: normal;
   background-color: #406CBA;   
   background-repeat: repeat-x;
}

.block h3
{
   display: block;
   line-height: 28px;
   font-size: 16px;
   text-align: left;
   padding: 0px 0px 0px 12px;
   color: white;
   letter-spacing: 4px;
   font-weight: normal; 
   background-color: #DA251D;
}

.block h1, .block h3 {
   margin: 28px 0px 10px 0px;
}

.block h2 {
   margin: 8px 0px 10px 0px;
}

.block h1 a,.block h1 a:link, .block h1 a:visited, .block h1 a:hover {
   text-decoration: none;
}

.bordertable {
   border: 1px solid #B8B8B8;
   border-collapse: collapse;
}

.bordertable td {
   border: 1px solid #B8B8B8;
   padding:6px;
   text-align: center;
}

.textblock {
   padding: 8px 8px 14px 8px;
   text-align: left;
}

.nachruf {
   border-width: 6px;
   border-style: solid;
   border-color: #000;
   padding: 4px;
   text-align: center;
   background-image: url('graphics/nachrufecke.png');
   background-repeat: no-repeat;
   background-position: top right;
}



.textblock h6 {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  margin : 20px 0 2px 0;
  padding : 0;
    
    
}

/* ***************************************************************************** */
* .headeractive, * .headerinactive {
   display: block;
   height:22px;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 1px;
   line-height: 22px;
   color: black;
   position: absolute;
   padding: 0;
   margin: 0;
   background-color: #406CBA;
   top: 148px;
   text-decoration: none;
}

* .headerinactive {
   background-color: #F0F0F0; /* GRAU */
   color: black;
}

/* ***************************************************************************** */

* .headeractive a {   
   background-color: #406CBA; /* GRAU */
   display: block;
   text-decoration: none;
   color: white; /**/
}

* .headerinactive a {
   background-color: #F0F0F0; /* GRAU */
   color: black;
   display: block;
   text-decoration: none;
}

/* ***************************************************************************** */

* .headeractive a:link,* .headerinactive a:link {
    color: black;
    background-color: #406CBA;
}    

* .headerinactive a:link {
   background-color: #F0F0F0 /* GRAU */
}

/* ***************************************************************************** */

* .headerinactive a:visited {
   background-color: #F0F0F0 /* GRAU */
}

/* ***************************************************************************** */

* .headerinactive a:hover {
    color: white;
    background-color: #808080;
}
* .headeractive a:hover {
    color: white;
    background-color: #808080;
}
/* ***************************************************************************** */


#Startseite {
   width: 268px;
   left: 0px;    
}

#Unternehmen {
   width: 126px;
   left: 284px;
}

#Leistungen {
   width: 126px;
   left: 426px;
}

#Projekte {
   width: 126px;
   left: 568px;
}

#Aktuelles {
   width: 126px;
   left: 710px;
}

#Links {
   width: 126px;
   left: 852px;
}

#Kontakt {
   width: 126px;
   left: 994px;
}




.GrayCell, .HoverCell {
   margin:0px;
   padding:6px 0px;
   text-align: center;
   vertical-align: middle;
   border: 1px solid #B8B8B8;
}

.GrayCell {
   color: #406CBA;
   background-color: #EBEBEB;
}

.HoverCell {
   color: black;
   background-color: white;/* #FFA500; /*#FFDFA0; /*#E7EDFE;*/
}

.tooltip {
   display: none;
   position: absolute;
   color   : #FFFFFF;
   text-align: left;
   padding:4px 8px;
   font-size: 13px;
   border-width:2px;
   border-style: solid;
   border-color: #FFFFFF;
   background-color: #406CBA;
   box-shadow: 4px 4px 6px #909090;
}

/*
.tooltip {
   display: none;
   position: absolute;
   color:black;
   text-align: left;
   padding:4px 8px;
   font-size: 13px;
   border-width:2px;
   border-style: solid;
   border-color: #406CBA;
   background-color: #F6F6F8;
   box-shadow: 4px 4px 6px #909090;
}

*/


.zeitleiste img{
   padding:0px;
   margin:0px;
   border-width:0px;
}

#line {
   position: absolute;
}

.zlinfo {
   text-align: left;
   padding:6px 12px;
   border-width:2px;
   border-style:solid;
   border-color: #FFFFFF;
   position: absolute;
   background-color: #406CBA;
   visibility: hidden;
   max-width:320px;
   box-shadow: 4px 4px 6px #909090;
   color: #FFFFFF;
}

/*
.zlinfo {
   text-align: left;
   padding:6px 12px;
   border-width:2px;
   border-style:solid;
   border-color: #406CBA;
   position: absolute;
   background-color: #F6F6F8;
   visibility: hidden;
   max-width:320px;
   box-shadow: 4px 4px 6px #909090;
}

*/

.year {
   padding:3px 8px;
   border-width:1px;
   border-style:solid;
   border-color:grey;
   background-color: white;
}

.yearisn {
   padding:3px 8px;
   border-width:1px;
   border-style:solid;
   border-color:gray;
   background-color: #B8B8B8;
   font-weight: bold;
}


.newsheader {
   font-size:13px;
   letter-spacing: 4px;
   padding:4px 8px;
   margin:0px 8px 0px 8px;
   /*color:#454545;*/
   color:black;
   border-width:1px;
   border-style:solid;
   border-color:#B8B8B8;
   background-color:#EBEBEB;
   font-weight: 600;
}

.leistungheader {
   font-size:13px;
   padding:4px 8px;
   margin:0px 8px 0px 8px;
   color: #406CBA;
   border-width:1px;
   border-style:solid;
   border-color:#B8B8B8;
   background-color:#EBEBEB;
   font-weight: 600;
   letter-spacing: 1px;
}

.news {
   padding:8px 8px;
   margin:0px 8px 16px 8px;
   border-width:0px 1px 1px 1px;
   border-style:solid;
   border-color:#B8B8B8;
   /*    box-shadow: 4px 4px 2px #D0D0D0;*/
}


.news img{
   padding:0;
   display: block;
   margin:0px 16px 4px 0px;
}

.news h4{
   display: block;
   font-size: 13px;
   font-weight: 600;
   padding:0;
   margin:0;
   clear: none;
}

.news td {
   padding:4px 0px 4px 0px;
   margin:0px;
   border: 1px silver dotted;
   border-width: 1px 0 1px 0;
}

h4
{
   font-size: 16px;
   font-weight: 600;
   display: block;
   clear: both;
   margin-top: 0;
   margin-bottom: 0;
   color: #406CBA;
}

/*by TAK*/

#dia
{
     margin: 3% auto;
     width : auto;
     height: auto;
     text-align: center;
     background-color: transparent;
     padding: 30px 0px 0px 0px;
}

#picbox
{
     width: 100%;
     height:100%;
     display: block;
     background-image: url('graphics/bkpicbox.png');
     background-color: transparent;
     float: none;
     left:0;
     top:0;
     position: fixed;
     z-index:1;
     visibility: hidden;
     text-align: center;
     cursor: pointer;
}



/*  *************************** SV-Projekte! */
#svprjcontent
{
     margin: 20px;
     padding: 20px;
     height:auto;
     text-align: left;
     background-color: white;
}

#svprjcontent a
{
     margin: 0;
     padding: 10px;
     display: block;
     text-align: left;
     background-color: white;
     border-width: 1px;
     border-style: solid;
     border-color: silver;
     border-radius: 0 0 18px 0;
     background-image: url('graphics/updownarrow.png');
     background-repeat: no-repeat;
     background-position: right;
}


#svprjcontent a:link
{   
     margin: 0 10px 0 10px;
     background-color: white;
}

#svprjcontent a:hover
{   
     background-color: #F0F0F0;
}

#svprjcontent table
{     
     margin: 0 10px 0 10px;
/*     padding: 12px 0 12px 0px;*/
     display: none;
     text-align: left;
     background-color: transparent;
     empty-cells:show;
     
}

#svprjcontent table td
{     
     width:40%;
     empty-cells:show;
     border-width: 0 0 1px 0;
     border-style: dotted;
     border-color: #B8B8B8; 
     border-collapse: separate; 
     padding:4px 4px 0 12px;
     text-align: left;
     vertical-align: middle;
     display: table-cell;
     
}

#svprjcontent table tr
{        
     background-color: transparent;
     empty-cells:show; 
}

/* ANIMATIONSZEUCH von tak */

.tak-ani-content
{
 width:580px;
 height: 387px;
 display: block; 
 text-align: center; 
 margin: -8px -14px 0 0px; 
 background-color: #FFFFFF;
}

@keyframes takfading /* angaben zum zeitlichen ablauf (% der zeit)  */
{
 0%  {opacity:0;}
 80% {opacity:1;}   /*werte von 0 bis 1 (fließkomma)*/
 100%{opacity:0;}
}

.tak-pic-fading 
{
animation: takfading 8s infinite; /* @keyframes definition sieh oben, 8s. javascript in index.php wechselt src aus :-)*/  
}