@charset "utf-8";
/* CSS Document */

.box-3
{float:left;
width:33%;
margin-bottom:30px;
}


.box-3-1
{float:left;
width:33%;
margin-bottom:40px;}

.box-3 h3, .box-3-1 h3
{line-height:1.3em;
 font-size: 19px;
margin-bottom:5px;}


  
	 
.anmeldung form.anfrage {
margin-left: 10px;
}	 

.anmeldung form.anfrage p {
margin-left: 0 !important;
padding-left: 0;
}
	 
	 
	 

    
    
    a.details:hover
    { display:block;
    position: relative;
    width:auto;
        font-size:100%;
    background:#464646 url(../img/icons/Adobe_PDF_file_icon_32x32.png) 0 0 no-repeat;
    color:#fff;
    padding:8px 20px 7px 40px;
    text-decoration:none;
    
    /*border-radius: 30px;*/
    border-radius: 5px;
     behavior: url(js/pie/PIE.htc);
    xxxbox-shadow: inset 0 0.3px 2px #000;
	margin-left:0px;
  margin-bottom:10px;
  width:35%;
  display:block;
       } 
	   
    a.mehrdetails:hover
    { display:block;
    position: relative;
    width:auto;
        font-size:100%;
    background:#464646;
    color:#fff;
    padding:5px 20px 7px 20px;
    text-decoration:none;
    
    /*border-radius: 30px;*/
    border-radius: 5px;
     behavior: url(js/pie/PIE.htc);
    xxxbox-shadow: inset 0 0.3px 2px #000;
	margin-left:0px;
  margin-bottom:10px;
  width:35%;
  display:block;
       }   

    
    
    
    
    
	
	 a.details_rechts:hover
         {display:block;
    width:auto;
        font-size:120%;
    background:#464646;
    color:#fff;
    padding:5px 20px 7px 20px;
    text-decoration:none;
    float:right;
    border-radius: 5px;
    behavior: url(js/pie/PIE.htc);
    xxxbox-shadow: inset 0 0.3px 2px #000;}
	
	
	.nodecor
	{text-decoration:none;}

	.content_small img.streifen 
	{margin:0;
	padding:0;}
	
	ul.termine li
	{font-size:1.4em;
	padding:8px 0;}
	
	
	 #sticky_navigation_wrapper { 
   /* position: fixed;*/
left: 0px;
width: 100%;
 z-index: 999;
      padding-top: 0px; /* roten Kasten oben randabfallend */
      padding-bottom: 5px;
background: #fff;
  
       -webkit-box-shadow: 0px 2px 5px 0px rgba(142,142,145,1);
-moz-box-shadow: 0px 2px 5px 0px rgba(142,142,145,1);
box-shadow: 0px 2px 5px 0px rgba(142,142,145,1);
  /*width:100%;*/  /*height:50px;*/

 }
	
	
	
	#sticky_navigation #shortcut_kontakt 
	{background:#e3e3e3 !important;
	padding:8px 15px 12px 0px;
	
	-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
margin-bottom:10px;}
	
	
	

.flexover {
width: 100%;
background: #E3E3E3;
}


ul.leistungen-overview li
{float:left; width:auto;
list-style-type:none;
padding: 10px 20px 20px 0;}

ul.leistungen-overview li a
{padding:8px;
background:#ccc;
text-decoration:none;
border-radius: 5px;
-webkit-border-radius:5px; /* im Chrome bleibt der Bildauschnitt eckig...???*/
-ms-border-radius: 5px;
-o-border-radius:5px;
font-weight:bold;}

img.map
{
max-width:450px;
margin-right: 20px;
}

  body.anmeldung a.mehr
    {   
    background:#ccc;
    color:#464646;
    padding:5px 20px 7px 10px;
    text-decoration:none;
    
    /*border-radius: 30px;*/
    border-radius: 5px;
     behavior: url(js/pie/PIE.htc);
    xxxbox-shadow: inset 0 0.3px 2px #000;
	
        
        } 
        
        body.anmeldung a.mehr:hover
        { background:#464646;
    color:#fff;}
    
    a.dark
     {color:#464646;}
     
     a.dark:hover
     {color:#fff;}
	
  .mitarbeiter
  {
  background:#e3e3e3;
  width: 30%;
  margin: 20px 10px 40px 0;
  float:left;
  padding:10px;
  } 
  
  .mitarbeiter address
  {color:#464646;
  font-size:1.0em;}
  
  .mitarbeiter address a
  {text-decoration:none;}
  
  
  .aktuelles
  {margin-bottom:0;
  padding-bottom:0;
 font-style:italic;
text-transform: uppercase;}

.fett
{font-weight:bold;
color:#464646;}



  
  
  
  .higru
  {background:#ccc;}
  
  .left_column {
			
				padding-left:0px;
				width:60%;
				float:left;
			      
			}
      
      .rahmen
      {border:1px solid #ccc;
      margin: 10px 0 40px 0;}
      
        	.right_column {
			
				width:35%;
				float:left;
				margin-left:30px;
			
			}
      
      
      
      
      .angebot
   {background:#717171;
   
  
   padding:5px 10px;
      color:#fff;
   line-height:1em;
   margin:10px 0;
   }
   
    .angebot  p
   { 
   font-size:1.2em;
   color:#fff;
   line-height:1em;
   }
   
    h1.lp_angebote
   {margin-bottom:0;
   padding-bottom:0;
   }
   
   
     p.unserpreis 
     {
     display:block;
   font-size: 36px;
   text-transform:uppercase;
   color:#fff;
   font-weight:bold;}
  
      
      .xxs
 {font-size:12px; color:#fff;
 font-weight:normal;
 text-transform:none;}
 
 
 sup
 {font-size:0.8em;}
 
 
  .angebot sup
  {color:#fff;
  font-size:0.4em;}
  
  .anfragebutton
  {background:#ccc;
 background: #bcbcbc; /* Old browsers */
background: -moz-linear-gradient(top, #bcbcbc 0%, #bfbfbf 51%, #b5b5b5 52%, #a1a1a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bcbcbc 0%,#bfbfbf 51%,#b5b5b5 52%,#a1a1a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bcbcbc 0%,#bfbfbf 51%,#b5b5b5 52%,#a1a1a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#a1a1a1',GradientType=0 ); /* IE6-9 */
  padding:10px 20px 10px 20px;
  display:block;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
  
  a.anfragebutton
  {text-decoration:none;
  color:#fff;
  }
  
  a.anfragebutton:hover
  {text-decoration:none;
  color:#464646;}
  
  .abwicklung
  {margin-left:50px;}
  
  .reservieren
  {font-size:1.2em;
  text-decoration:none;}
  
  .reservieren:hover, a:hover
  {color:#a3a3a3;
  }
  
  #reservierungsbutton
  {border:1px solid #ccc;
  
}

p.fussnote
{font-size:0.8em;}

.zumangebot
{font-size:1.2em;
}

.flex-caption { 
  xbackground: tomato; 
  xcolor: white;
  position: absolute;
  top: 10%;
left: 5%;
  padding: 1em;
max-width:250px;
font-size:1.1em;
}
  
.flex-caption span
{font-size:3em;line-height:1em;margin-bottom:10px;
display:block;
}

.flex-caption .gross
{
position: absolute;
xdisplay:block;
font-size:1.5em;
font-weight:bold;
background-color:#cd1719;
color:#ffffff;
padding:1em;
xmargin:20px 0 0 30px;
width: 130px;
    height: 130px;
    top: 200px;
    left:175px;
    border: 1px solid #cd1719;
    text-align: center;
border-radius: 65px;
line-height:1.3em;
}
  
sup
{
margin:0;
padding:0;
line-height:1em;
font-size:0.6em;
}

.gross sup
{
color:#ffffff;
}

/*************** Fügt für Sprunganker einen Abstand nach oben ein, so dass das Ziel nicht hinter dem sticky menue verdeckt wird ************/
a.anchorPos {
    display: block;
    position: relative;
    top: -120px;  //Die Verschiebung in Pixel
    visibility: hidden;
}