body
  {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #121211;
    background: #fffff0;
  }

  /* Textformatierungsklassen START */
  h1 {
      font-size: 18px;
      line-height: 21px !important;
      margin-bottom: 10px;
  }
  h2 {
      font-size: 16px;
      margin-bottom: 10px;
  }
  h3 {
      font-size: 14px;
      margin-bottom: 10px;
  }
  p {
      margin-bottom: 10px;
  }
  .small {font-size: 11px;}
  .center {	text-align: center;}
  /* Textformatierungsklassen ENDE */

  /* Trenner, Abstände, Linien, Borders, etc. START */
	#subnav > ul:nth-child(1) > li:nth-child(1) > span:nth-child(1),#subnav > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1)  { border-top: none; }
    #subnav ul li span,#subnav ul li a {border-top: #ffb79e 1px dotted;}
	#nav > ul:nth-child(1) > li:nth-child(1) > span:nth-child(1),#nav > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1)  { border-top: none; }
    #nav ul li{}
    #subnav ul li:last-child {border-bottom: #ffb79e 1px dotted;}
    #nav ul li:last-child {border-right: none;}
    
	.horizontal-separator {
      height: 1px;
      background: url(../gfx/sephorizontal.gif);
      overflow: hidden;
    }
      #nav ul img, #rechte img {
      margin-bottom: -2px;
      }
      /*.vertical-separator {
      /height: 13px;
      float: left;
      background: url(../gfx/sepvertical.gif) no-repeat;
      overflow: hidden;
      } */
      .inner {
      padding-left: 20px;
      padding-right: 20px;
      }
      
  /* Trenner, Linien, Borders, etc. ENDE */

  #wrapper {
    position: relative;
    z-index: 10;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
  }

  #header {
    position: relative;
    height: auto;
    top: 0;
    left: 0;
    position: relative;
    
  }
    #logo{
     
    }
      #logo img {
	  max-width:95%;
      padding-left: 24px;
      padding-top: 50px;
      padding-bottom: 50px;
      }
    #titel{

    height: 120px;
    }  
    #titel h1 {
    padding-top: 50px;
    padding-left: 20px;
    }
  #main{
    position: relative;
  }
    #search {
    height: 60px;
    background: none repeat scroll 0 0 #3E3A86;
    }
    .search{
        padding-top: 14px;
        display: block;
        border-left: none;
        border-right: none;
        padding-left: 20px;
        font-weight: bold;
    }
      .search form label{
      display: none;
      }
      .search form {
        border: 0px; 
        margin: 0px; 
        padding: 0px;
        }
        div.search form input.search-query{
        width: 75%;
        font-size: 11px;
        padding: 5px;
        margin: 0px;
        height: 20px;
        border: 1px solid #dddddd;
        float: left;
        vertical-align: top;
      }
        div.search form button{
		min-width: 25px;
        position: relative;
        background: #d0cdff url(/templates/iavg/gfx/suchen.gif) no-repeat 7px;
        height: 32px;
        width:19%;
        max-width: 30px;
        border: none;
        margin: 0px 0px 0px -4px;
        padding: 0px 0px 0px 0px;
        cursor: pointer;
        overflow: hidden;
        float: left;
        vertical-align: top;
      }
    
    #content{ 
    }
    #beitrag{
    max-width: 570px;
    padding: 20px;
    }

  #footer{
    float: left;
    color: #121211;
    overflow: hidden;
    position: relative;
    height: 4em;
	z-index: 20;
  }
    #rechte{
    margin-left: 20%;
    line-height: 60px;
    }
      #rechte a {
      color: #121211;
      padding-right: 5px;
      padding-left: 5px;
      }
      #rechte a:hover {
      cursor: pointer;
      text-decoration: none;
      }
    #footer-links{
    line-height: 60px;
    }
   
   #print {
     width: 100%; 
     padding-top: 10px; 
     padding-bottom: 30px;
     border-top: 1px dotted #121211;
   } 
   
   table.category {
   width: 100%;
   }
   
   table.category th {
   border-bottom: 1px dotted;
   text-align: left;
   }
   
   table.category td.list-title {
   width: 70%;
   border-right: 1px dotted;
   }
   
   table.category td.list-hits {
   width: 29%;
   padding-left: 10px;
   }
	
	#categorylist_header_hits {
	padding-left: 10px;
	}
/* Text resize */

	ul.textresizer .small-text
   {
      font-size: 12px;
   }
    
   ul.textresizer .medium-text
   {
      font-size: 14px;
   }
    
   ul.textresizer .large-text
   {
      font-size: 18px;
   }

   #beitrag.small-text
   {
      font-size: 10px;
   }
    
   #beitrag.medium-text
   {
      font-size: 13px;
   }
    
   #beitrag.large-text
   {
      font-size: 16px;
   }
   
   div#fontsize {
	float: right;
	height: 0px;
	margin-top: 10px;
	z-index:200;
	position:absolute;
	right:2em;
   }
   
   div#fontsize ul li{
		display:inline;
	 }
	 div#fontsize ul li a{	 
   text-decoration: nonen;
   color: #3e3a86;
	 }
   input#search-searchword.inputbox {
    font-size: 11px;
    padding: 5px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    height: 20px;
    border: 1px solid #dddddd;
    float: left;
    vertical-align: top;
    }
    div.searchintro {clear: both; }
 /* Menüs START */
     #nav {background: #3e3a86;}
      #nav ul{
      padding: 0 20px 0 10px !important;
      }
        #nav ul li{
        padding-right: 7px;
        padding-left: 7px;
        line-height: 60px;
        text-align: center;
        list-style: none;
        border-right: #dadadc 1px dotted; 
		display: inline;
        }
          #nav ul li a{
          color: #fffff0;
          font-weight: bold;
          text-decoration: none;
          }
          #nav ul li a:hover{
          border-bottom: 1px solid #fffff0;
          padding-bottom: 5px;
          text-decoration: none;
          }
		  #nav ul li span{
          color: #988A86;
          font-weight: bold;
          text-decoration: none;
          }
          #nav ul li span:hover{
          border-bottom: 1px solid #988A86;
          padding-bottom: 5px;
          text-decoration: none;
          }
            #nav ul li ul {
            display: none;
            }
            #nav ul li:hover ul {
            position: absolute;
            display: block;
            background: #3e3a86;
            z-index: 200;
            height: auto;
            width: auto;
            }
            #nav ul li ul li {
            line-height: 3em;
            float: none;
            display: block;
            border-bottom: 1px dotted #fffff0;
            }
            #nav ul li ul li a {
            padding-left: 20px;
            padding-right: 20px;
            font-weight: normal !important;
            }
            #nav ul li ul li a:hover {
            text-decoration: none !important;
            border: none !important;
            font-weight: bold;
            background: url(../gfx/pfeil-nav.gif) no-repeat 0px 0px;
            } 
            #nav ul li ul li:last-child {
            border: none;
            }          
            #nav ul li ul li a.active {
            background: url(../gfx/pfeil-nav.gif) no-repeat;
            font-weight: bold !important;
            }         
            
    #subnav{
    background: #ff3300;
    }
      #subnav ul:first-child{
      margin-top: 30px;
      }
        #subnav ul li {

        }
        #subnav ul li a{
        padding-top: 5px;
        padding-bottom: 5px;
        color: #fffff0;
        text-decoration: none;
        display: block;
        padding-left: 20px;
        font-weight: bold;
        }
        #subnav ul li a:hover{
        background: url(/templates/iavg/gfx/pfeil-nav.gif) no-repeat 3px;
        }      
        #subnav ul li a.active {
        /*margin-left: 15px;*/
        background: url(/templates/iavg/gfx/pfeil-nav-down.gif) no-repeat 3px 8px;;
        }
		#subnav ul li span{
        padding-top: 5px;
        padding-bottom: 5px;
        color: #d8cac6;
        text-decoration: none;
        display: block;
        padding-left: 20px;
        font-weight: bold;
        }
        #subnav ul li span:hover{
        background: url(/templates/iavg/gfx/pfeil-nav.gif) no-repeat 3px;
        }      
        #subnav ul li span.active {
        /*margin-left: 15px;*/
        background: url(/templates/iavg/gfx/pfeil-nav-down.gif) no-repeat 3px 8px;;
        }
          #subnav ul li ul{
          display: none;
          background: #ff5930;
          }
          #subnav ul li:hover ul {
          }
          #subnav ul li ul li{  
          padding-left: 40px;
          }
          #subnav ul li ul li a {
          font-weight: normal;
          }
          #subnav ul li ul li a.active {
          font-weight: bold;
          background: url(/templates/iavg/gfx/pfeil-nav.gif) no-repeat 0px;
          }         
.clearer {
clear: both;
}
      #responsive, #trigger {display: none;}
		  /*Menüs ENDE */
      .quote { 
      font-size: 18px;
      color: #121211;
      font-weight: 300;
      margin: 0.4em 0 0.5em;
      line-height: 1.3em;
      }
      .author {font-size: 0.8em;}
      .author:before {content: '\2013 '; padding-right: 4px;}
      #subnav ul li:last-child {margin-bottom: 20px;}
      li.print-icon {float: left !important;padding-top: 10px; list-style-type: none !important; margin-left: 0px !important;}
      li.print-icon a {text-decoration: none; color: #121211;}
      .icons {border: 1px dotted #777; margin-top: 10px;}
      fieldset.only, fieldset.phrases {border: 1px dotted #121111 !important;}
      div.item-page ul li {list-style-type: square;margin-left: 15px;}
      .fett {font-weight: bold;}
      .subli {list-style-type: none !important;}
      #title-container {display: none; }
      /*To Top Button */
      #toTop {
          display: none;
          opacity: 0.6;
          text-decoration: none;
          position: fixed;
          line-height: 20px;
          z-index: 999999;
          bottom: 2em;
          right: 2em;
          overflow: hidden;
          width: 50px;
          height: 50px;
          border: none;
          background: url("../gfx/top.jpg");
      }

      #toTopHover {
          background: url("../gfx/top.jpg");
          opacity: 1;
          width: 50px;
          height: 50px;
          display: block;
          overflow: hidden;
          float: left;
      }

      #toTopHover {
          content: "Email address: ";
      }

      #toTop:active, #toTop:focus {
          outline: none;
      }

 /*
 
    @media only screen and (min-width: 250px)  and (max-width: 380px)
    {
      #responsive {display: block !important;}
      #nav, #subnav {display: none !important;}
    }
     
    @media only screen and (min-width: 320px)  and (max-width: 717px)
    {

    }
*/
    @media only screen and (min-width: 250px)  and (max-width: 765px)
    {
		div#footer  div ul.nav {
		display: none;
		}
		div#footer {
		height: auto;
		}
      div#fontsize {display: none;}
      #title-container {display: block; background: #3e3a86; color: #fff;}
      #title-container p{padding-left: 20px; padding-top: 5px; padding-bottom: 5px; text-align: center;}
      #rechte {margin-left: 0 !important; line-height: 1.2em !important;}
      #trigger {display: block !important;}
      #trigger {
        position: relative;
        padding-left: 30px;
        padding-right: 30px;
        display: none;
        line-height: 120px;
        border-left: solid 1px #dfdfdf;
        border-right: solid 1px #dfdfdf;
        background: #fffff0;
        color: #111;
        cursor: pointer;
      }
      #nav, #subnav {display: none !important;}
      #search, #titel {display: none;}
      #logo img {
      padding-bottom: 50px;
      /*padding-left: 50%;*/
      width: 100%;
      padding-top: 50px;
      }
      #responsive ul li a{
              text-decoration: none;
              display: block;
              color: #121211;
              transition: background 0.4s ease-out;
             /* explorer 10 */
              -webkit-transition: background 0.4s ease-out;
             /* chrome & safari */
              -moz-transition: background 0.4 ease-out;
             /* firefox */
              -o-transition: background 0.4 ease-out;
             /* opera */
              ;
          }
      #responsive ul li a:hover {
      color: #ff3300;
      }    
      #responsive ul li, #responsive ul{
              line-height: 40px;
              float: none !important;
              background:#fffff0;
              text-align: center;
          }

      #responsive ul li {
              height: 40px;
              border-top: 1px solid #ddd;
              border-left: none;
              border-right: none;
      }

      #responsive ul li:hover > ul {
              visibility: visible;
          }

      #responsive ul li ul {
              display: none;
              visibility: visible;
              position: relative;
              padding: 0px;
          }

      #responsive ul li ul li {
              float: none;
          }

      #responsive ul li ul li a {
              padding: 0 35px 0 35px  !important;
              font-size: 12px;
              color: #121211;
              background: #fff;
              transition: all 0.15s;
          }

      #responsive ul li ul li a:hover {
              color: #ff3300;
              background-color: #fff !important;
          }
      #responsive ul li ul li a:active {
              font-weight: bold;
          }
      #responsive {
      border-bottom: 1px solid #ddd;
      border-top: 1px solid #ddd;
      }
      #header {
        height: auto !important;
      }
      #content.eighty {
      width: 100% !important;
      }
      #content {border-top: 1px solid #dfdfdf;}
      div#footer.hundred {overflow: visible !important;padding-top: 10px;padding-bottom: 10px;}

    }

    @media only screen and (min-width: 766px)
    {
      #responsive {display: none;}

    }