/* CSS Document */



/* Damit der Content nicht von der Navigation überragt wird */
	body { 
		padding-top: 0px;
		padding-bottom: 20px;		
		background: #eee;
		color: #6a81bf;
		font-family: 'Trebuchet MS', Tahoma, sans-serif;	
	}
	
	
	#rahmen_top {
		width:100%;
		height: 20px;
		background-image:url(/images/header.png);
		background-repeat: no-repeat;
		margin-top:10px;
	}
	
	#rahmen_bottom {
		width:100%;
		height: 20px;
		background-image:url(/images/bottom.png);
		background-repeat: no-repeat;
		margin-bottom:10px;
	}
	
	
	
	
	#header {
		width:100%;
		height: 40px;
		background-image:url(/images/content.png);
		background-repeat: repeat-y;
		z-index:1;
	}
	

	#logo_header {
		width:100%;
		height: 200px;
		background-image:url(/images/content.png);
		background-repeat: repeat-y;
		z-index:1;
	}
	

	
	#maincontent {
		width:100%;
		min-height: 150px;
		background-image:url(/images/content.png);
		background-repeat: repeat-y;
		padding-left:25px;
		padding-right:25px;
		padding-bottom:40px;
		z-index:1;	
	}
	
	
			#maincontent p, td, li, ol {
				font-size: 1.1em;
			}
			
			#maincontent h1 {
				color:#7dc069;
				font-size: 1.9em;
				
			}
			#maincontent h2 {
				color:#7dc069;
				font-size: 1.7em;
				
			}
			#maincontent h3 {
				color:#7dc069;
				font-size: 1.5em;
				
			}
			#maincontent h4 {
				color:#7dc069;
				font-size: 1.3em;
				
			}
	
	
	
	.thumbnail {
		background-color: #ececec;	
		
	}
	
		
	#oeffnungszeiten {
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;
		padding-bottom:10px;
		margin-right:7px;
		margin-top:10px;
		background: #F5F5F5;
		border: 1px solid #EFEDED;
		margin-bottom: 10px;
	}
	
			#oeffnungszeiten h1 {
				padding: 5px 0px 5px 10px;
				margin: 0;	
				font: 1.7em 'Trebuchet MS', Tahoma, Sans-serif;
			}
			
			
			#oeffnungszeiten .green .active a,
				.green .active a:hover {
					background-color: #bfe0b4;
					border-left: 5px solid  #6a81bf;
					color: #6a81bf;
				}
				
			#oeffnungszeiten .green a:hover {
					background-color: #bfe0b4;
					border-left: 5px solid  #6a81bf;
					color: #6a81bf;
				}
	
	

	
	.center {
		 float: none;
		 margin-left: auto;
		 margin-right: auto;
		 display: table;
	}
	

	

	#footercontent {
		width:100%;
		min-height: 50px;
		color: #000;
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	
	





.navbar { 
	border: 1px solid transparent;
    margin-bottom: 0px;
    min-height: 20px;
    position: relative;
	padding-top:4px;
	font-size: 1em;
	z-index:900;
}


.navbar-brand {
    float: left;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    padding-top:4px;
}


.dropdown-menu .divider {
	 margin:0;
   }



.navbar-custom {
  background-color: #7dc069;
  border-color: #7dc069;
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  padding-top:5px;
  padding-bottom:5px;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #ffffff;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #7e406c;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #ffffff;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
  
 
}




@media (max-width: 480px) 
{
	.navbar-custom .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu {
		background-color: #7dc069;
		color:#ffffff;
  	}
  
  .navbar-custom .navbar-link {
	  color: #ffffff;
	}
	.navbar-custom .navbar-link:hover {
	  color: #c0c0c0;
	}

}








/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {



		
		#logo img { 
			width:300px;
			padding-left:20px;
		}
		
		
		.navbar-brand {display:none;}

}

@media (min-width: 992px) {

  			#maincontent {
				width:100%;
				background-image:url(/images/content.png);
				min-height: 150px;
				padding-left:60px;
				padding-right:25px;
				padding-bottom:40px;	
			}
	
			.navbar-brand {display:none;}
}

@media (max-width: 768px) 
{
		
			body { 
					padding-top: 0px;
					padding-bottom: 0px;
					background: #fff;
			}
		
			#rahmen_top {display:none;}
			#rahmen_bottom {display:none;}
		
			#logo_header { 
				width:100%;		
				background:#fff;
				
			}
			
			#logo img { 
				width:200px;
				padding-top:10px;
				margin: 0 auto;
			}
		
			
			#maincontent {
				width:100%;
				background:#fff;
				min-height: 150px;				
				padding-left:25px;
				padding-right:25px;
				padding-bottom:40px;		
			}
			
			#header {
				width:100%;
				height: 40px;
				background:#fff;
				z-index:1;
			}
			
			
	
}	
	
@media (max-width: 480px) 
{
		
			body { 
				padding-top: 0px;
				padding-bottom: 0px;
			}
		
			#rahmen_top {display:none;}
			#rahmen_bottom {display:none;}
		
			#logo_header { 
				width:100%;		
				background:#fff;
				z-index:1;
			}
			
			#logo img { 
				width:250px;
				padding-top:10px;
				padding-bottom:10px;
				margin: 0 auto;
			}
			
			
			#maincontent {
				width:100%;
				min-height: 150px;
				padding-left:25px;
				padding-right:25px;
				padding-bottom:40px;
				background:#fff;
				z-index:1;	
			}
			
		
		/* - - - - - - - -  - - - - - -  */
		
		
		
		
		.container {
			width: 100%;
			padding:0px;
		}	
		
		
		.breadcrumb {
				background-color: #f5f5f5;
				border-radius: 4px;
				list-style: outside none none;
				margin-top: 30px;
				margin-bottom: 20px;
				padding: 8px 15px;
		}



		.navbar-brand {
			float: left;
			font-size: 18px;
			height: 50px;
			line-height: 20px;
			padding:15px;
		}
		
		
		
		 
}






@media (max-width: 767px) {
    .portfolio>.clear:nth-child(6n)::before {
      content: '';
      display: table;
      clear: both;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .portfolio>.clear:nth-child(8n)::before {
      content: '';
      display: table;
      clear: both;
    }
}
@media (min-width: 1200px) {
    .portfolio>.clear:nth-child(6n)::before {  
      content: '';
      display: table;
      clear: both;
    }
}