/**
 * @author      Jan Linke
 * @package     Joomla!
 * @subpackage  Initiative Region Mittelrhein e. V.
 * @link        http://www.colimo.de
 * @email       info@colimo.de
 * @copyright   Jan Linke
 *
 * HTML5 Initiative Region Mittelrhein e. V. 
 * Copyright (C) 2015 Jan Linke
 *
**/

/* Background pattern from subtlepatterns.com */

/*Block-Darstellung für HTML5-Elemente im IE8 */

*{
  font-family: Arial, Helvetica, sans-serif;
}

header,
nav,
footer{
  display: block;
}

p{
  padding: 10px;
  margin: 5px;
  word-wrap:break-word;
}

#contentWrapper a{
  color: #372D2A;
}

img{
  max-width: 100%;
  height: auto;
  align: center;
}

body{
  background-image: url(../images/texture.png);
  background-repeat: both;
}

#wrapper{
  max-width: 960px;
  margin: 0px auto;
  margin-top: -8px;
  box-shadow: 10px 20px 30px grey;
}

h2{
  color: #3ABCDE;
  padding-top: 10px;
  margin: 15px;
}

h6{
  color: #3ABCDE;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 5px;
}


hr{
  border:none;
  border-top:1px dotted #3ABCDE;
  height:1px;
  width:95%;
}

#topMenuModul{
width: 100px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

#top-menu ul{
  width: 30%;
  list-style: none;
  float: right;
}

#top-menu li a{
  text-decoration: none;
  color: #EEEEEE;
  float: left;
  margin: 5px;
}

#top-menu li a:hover{
  text-decoration: underline;
  color: #EFEFEF;
  float: left;
  margin: 5px;
  font-weight: bold;
}

header{
  width: 100%;
}

#searchbar{
  margin-top: 60px;
  float: right;
  margin-right: 70px;
}

#searchbar #mod-search-searchword{
  width: 210px;
}

#slideshow{
  width: 100%;
}




#logoBanner img{
    margin: 2%;
    width: 30%;
}

.titreck{
  font-size: 13px;
}

#contentWrapper{
    background-color: #FAFAFA;
}

#content{
  width: 94%;
  min-height: 520px;
  background-color: #FAFAFA;
  color: #454545;
  background-image: url(../images/contentBackground.png);
  background-repeat: no-repeat;
  margin-top: -20px;
  padding: 3%;

}

nav{
  width: 100%;
}

#top-menu{
  width: 100%;
  height: 30px;
  /*background-image: url(../images/verlaufTop.png);
  background-repeat: repeat-y;*/
  background-color: #74b74e;
}

.level3 a span{
  color: #BFA69A;
  margin-left: 30px;
}

.level3 a span:hover{
  color: #FFF;
}

.blog img{
  float: left;
  margin: 15px;
  width: 130px;
}






@media only screen and (max-width: 950px) {
  #searchbar{
    display: none;
  }
  
  #logoBanner{
   /* background-image: url(../images/logoBackground.png);*/


}

  nav#mobile{
    margin-bottom: 10px;
  }
    nav#desktop{
    display: none;
  }
  #contentSchmal{
  width: 94%;
  min-height: 520px;
  background-color: #FAFAFA;
  color: #454545;
  background-image: url(../images/contentBackground.png);
  background-repeat: no-repeat;
  margin-top: -10px;
  padding: 3%;
  }
  #sidebar{
    display: none;
  }
  #top-menu{
    display: none;
  }

}

@media only screen and (min-width: 951px) {
  nav#mobile{
    display: none;
  }
  
  #logoBanner{
   /* background-image: url(../images/logoBackground.png);*/
  height: 164px;
}
  #contentSchmal{
  width: 74%;
  min-height: 520px;
  background-color: #FAFAFA;
  color: #454545;
  background-image: url(../images/contentBackground.png);
  background-repeat: no-repeat;
  float:left;
  padding: 3%;
}

#sidebar{
  width: 20%;
  min-height: 520px;
  background-color: #FAFAFA;
  color: #454545;
  background-image: url(../images/contentBackground.png);
  background-repeat: no-repeat;
  float: left;
  padding-top: 15px;
}
}

.pagination ul{
 list-style-type: none; 
 
}

.pagination li{
 float: left; 
 
}
.pagenav{
 margin: 10px; 
 
}



.clear{
  clear: both;
}

footer{
  width: 100%;
  min-height: 50px;
  background-image: url(../images/footer_Background.png);
  background-repeat: repeat-x;
  position: relative;
}
#accordeonck97{
  border-radius: 0px;
  box-shadow: none;
}