@charset "utf-8";

/*
div
{
  	border:1px solid yellow;
}*/

html 
{ 
} 

body 
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	/*color: #696766;*/
  	color: #555;
	font-size:15px;
    animation:fadein 0.5s;
    -moz-animation:fadein 1.0s;
    -webkit-animation:fadein 0.5s;
}


#Container
{
  background-color:white;
  padding-bottom:0px;
  padding-bottom:25px;
}

h1 
{
	font-size: 45px;
  	text-transform: uppercase;
  	margin-top: 50px;
}

h2 
{
	font-size: 35px;
	text-transform: uppercase;
  	margin-top: 50px;
  color: #0067AC;
}

h3 
{
	font-size: 25px;
}

h4
{
  font-size: 20px;
  color: #59A32E;
  
}

a
{
  color: #73C93F;
  text-decoration:none;
}

a:hover, a:visited, a:active, a:focus
{
  color: #73C93F;
  text-decoration:underline;
}

.newsflash_newsblog h3
{
  	color: #59A32E;;
  	margin-top: 30px;
}

.newsdate
{
  	display:none;
}

.newsflash_newsblog .newsdate
{
  	color: #59A32E;
  	font-size: 15px;
  	padding-bottom: 10px;
  	display:initial;
}

#kartenfeldblocked
{ 
  width: 100%; 
  height: 450px; 
  background-color: lightgrey;
}

#kartenfeldblocked .row
{
}

#textfeldkarte
{
  margin-top:5%;
  margin-left: auto; 
  margin-right: auto;
  
  padding-bottom:20px;
  
  background-color: white;  
  
  border:1px solid #555;

}

#buttonkarte
{
  background-color: white;
  text-align:center;
  padding-top:0.5%;
  padding-bottom:0.5%;
  color: #555;
  border:1px solid #555;
}

#buttonspalte a:hover
{
  text-decoration: none;
  color: #555;
  
  background-color: lightgrey;
  color:white;
}

#buttonspalte a:hover > #buttonkarte
{
  text-decoration: none;
  color: #555;
  border: 1px solid #555;
  
  background-color: lightgrey;
  color:white;
}

#Farbrand1
{
	min-height:10px;
	background-color:#59A32E;
  	z-index:1; /* wird sonst von überschrift überdeckt */
}

#Header
{
    /* position:absolute; */
    width:100%;
  
  	background-color: rgba(234,242,229,0.9);
}



#Logo
{
	min-height:100px;
}

#Logo img
{
  	margin: 5px auto 5px auto;
}

#Platzhalter
{	
	min-height:100px;
}

#modulBild img
{
  	width:100%;
}

#Slider
{
	overflow:hidden;
	min-height:250px;
}

#Menupos
{
  	margin-top: 20px;
}

#Menu 
{
  font-size: 20px;
}

#Menu li 
{
    list-style: outside none none;
    margin-left: -9%;
}

#Menu li a 
{
    color: #59A32E;
    text-align: center;
    
  	padding-left: 0px;
    padding-right: 0px;

	margin-left: 20px;
  	margin-right: 20px;
}

#Menu span 
{
    font-size: 15px;
}

#Menu li.active > a 
{
/*  	border-bottom: 2px solid #2178B7; */
  	border-bottom: 2px solid #59A32E;
}

#Menu li a:hover 
{
    background-color: rgba(234,242,229,0.0); /*transparent - durchsichtig*/
  	border-bottom: 2px solid #59A32E;
}

#Untermenu 
{
	background-color: rgba(234,242,229,0.0);
    font-size: 20px;
  	min-height:65px
}

#Untermenu li 
{
    list-style: outside none none;
    margin-left: -9%;
}

#Untermenu-mitte li a 
{
    color: #59a32e;
    text-align: center;
  
  	margin-left: 20px;
  	margin-right: 20px;
  	
  	margin-bottom: 5px;
}

#Untermenu li.active > a 
{
/*  	border-bottom: 2px solid #2178B7; */
  	border-bottom: 2px solid #59A32E;
}


#Untermenu-mitte span 
{
    font-size: 15px;
}

#Untermenu-mitte li a.staticuntermenu:hover 
{
  	border-bottom: 2px solid #59A32E;
	background-color: rgba(234,242,229,0.0); /*transparent - durchsichtig*/
}

#Untermenu-mitte li a.fixeduntermenu:hover 
{
  	border-bottom: 2px solid white;
	background-color: rgba(234,242,229,0.0); /*transparent - durchsichtig*/
}

#Content
{
}

#Content_oben
{
	min-height:120px;
}

#Content_mitte
{
	min-height:120px;
}

#Content_unten
{
	min-height:120px;
}

#Servicemenu
{
  	/*min-height:20px;*/
	background-color:#0067AC;
  	/*margin-top: 25px;*/
}

#Servicemenu_rechts
{
  	min-height:20px;
}

#Servicemenu_links
{
  	min-height:20px;
}

#Footer
{
	background-color:#2178B7;

	
  	color:white;
  
  	font-size:15px;
}

#Footer a 
{
    color: white;
}

#Footer a:hover 
{
    background-color: rgba(234, 242, 229, 0);
    text-decoration: underline;
}

#Footer_links
{
	min-height:100px;
  	text-align:left;
}

#Footer_mitte
{
	min-height:100px;
  text-align:left;
}

#Footer_rechts
{
	min-height:100px;
  text-align:left;
}

#Farbrand2
{
	min-height:20px;
	background-color:#0067AC;
}

#copyright
{
  	color:white;
  	font-size: 12px;
  	padding-top: 5px;
  	padding-bottom: 5px;
}

#festebox 
{
	display:block;
	position:fixed;

	height:110px;
	width:215px;

	right:0;
	top:425px;	
	bottom:-10px;

	border-top:2px solid green;
	border-left:2px solid green;	
	border-bottom-left-radius:14px;

	text-align:center;	
	background-color:white;
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: black;
}

span.mail::before
{
	font-family: Glyphicons Halflings;
  	content: "\2709 ";	
}

span.telefon::before
{
  	font-family: Glyphicons Halflings;
  	content: "\e145 ";	
}

span.fax::before
{
  	font-family: Glyphicons Halflings;
  	content: "\e045 ";	
}

span.teamviewer::before
{
  	font-family: Glyphicons Halflings;
	content: "\e034 ";	
}

.container-fluid 
{
  	padding-left:0px;
  	padding-right:0px;
}

.page-header 
{
	border:0;
}

.row-fluid 
{
	margin-bottom: 20px;
}

.row 
{
	margin-bottom: 20px;
}

/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
@media (max-width: 768px) 
{
    #modulBild img
	{
  		width:auto;
      	height:600px;
      	float:right;
	}
  
  #Slider
  {
    height:100%;
    top:0px;
  }

  #Slider img
  {
    z-index: -10;
    top:13%;
  }
  
  #buttonkarte
  {
    padding-top:1.5%;
    padding-bottom:0.5%;
  }

}

/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width: 768px) and (max-width: 991px)
{
  
  #Slider
  {
    height:600px;
    top:0px;
  }

  #Slider img
  {
    position:fixed;
    z-index: -10;
    top:20%;
    
    width: 100%;
    height: auto;
  }

}

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: 992px) and (max-width: 1199px)
{
  #Slider
  {
    height:650px;
    top:0px;
  }

  #Slider img
  {
    position:fixed;
    z-index: -10;
    top:10%;
    
    width: 100%;
    height: auto;
  }

}

/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media (min-width: 1200px)  and (max-width: 1999px)
{
  #Slider
  {
    height:820px;
    top:0px;
  }

  #Slider img
  {
    position:fixed;
    z-index: -10;
    
    width: 100%;
    height: auto;
  }
}

@media (min-width: 1999px)  and (max-width: 2570px)
{
  #Slider
  {
    height:1060px;
    top:0px;
  }

  #Slider img
  {
    position:fixed;
    z-index: -10;
    
    width: 100%;
    height: auto;
  }
}

@media (min-width: 2571px)
{
  #Slider
  {
    height:1550px;
    top:0px;
  }

  #Slider img
  {
    position:fixed;
    z-index: -10;
    
    width: 100%;
    height: auto;
  }
}


/* nur minimale effekte --> damit laden nicht so stockend wirkt */
@keyframes fadein{from{opacity:0.6;}to{opacity:1;}}
@-moz-keyframes fadein{from{opacity:0.6;}to{opacity:1;}}
@-webkit-keyframes fadein{from{opacity:0.6;}to{opacity:1;}}
@-o-keyframes fadein{from{opacity:0.6;}to{opacity:1;}}