@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: small;
	font-family: inherit;
	vertical-align: baseline;
	
}


body {
      color: black;
	   	font-family:Geneva,Arial,Verdana,  Helvetica, sans-serif;
      background:#f1f1f1 url(../img/bg_top03.jpg) 0 -3px repeat-x;
	   xxbackground: linear-gradient(to bottom, rgba(0,0,0,0.23) 0%,rgba(0,0,0,0) 100%); 
}
 

#pageContainer 
{
      margin: 0 auto;   /* sorgt für zentrierung */   
      width: 960px; /* legt die Breite auf   960px fest */
      text-align:left; /* sorgt für Linksbündigkeit bei Zentrierung */
}

#wrapper {
     
      height:auto;
      
}


      
/************** LOGO  ******************/

#logo
{
      position:relative;
      width:100%;
      height:117px;
      
}

#logo h1
{
      font-size:1.4em;
      margin-top:0;
      padding:85px 20px 0px 0px;
      line-height:1.2em;
      color:#fff;
      text-align:right;
    
      }



img.fest
{
      position:absolute;
      top:10px;
      left:0px;
      }

/************** HEADER  ******************/


#header
{
      position:relative;
      border:none;
      margin:0;
      padding:0;
      width:960px;
      height: 330px;
      color: #fff;
      background:transparent url(../img/header_fotoquick_rund.png) 0px 0px no-repeat ;
    
    margin-top:5px;  
      
}



#header_main
{
      float: left;
      width: 60%;
}

#header_main h1, #header_main h2
{
      margin:0;
      padding:0;
      color:#585858;
      padding:35px 0 0 20px;
      text-indent:-99999em;
}

img.oeffnungszeiten
{position:absolute;
bottom:4px;
left:40px;}


/********************* Anweisungen für left und middle *****************/


#left
{
      width:0%;
      clear:both;
      margin:0;
      padding:0;
}


#middle 
{
      float: left;
      width:99%;
      color: #464646;
      line-height: 1.4em;
      margin:0;
      padding:0;
}









/**************** Anweisungen für right ***********************/

#right {
      float: left;
      padding:0;
      margin:0;
      width:0%;
      color: #464646;
      background:#fcfcfc; 
      border:1px solid #ccc;
      height:auto;
      -moz-border-radius:10px;
      -khtml-border-radius:10px;
/* height: auto !important; */
/* overflow: auto;  dadurch bildet sich nach Bedarf ein vertikaler Scrollbar */
}




#content
{
      width:100%;
      height:auto;
      min-height:450px;
      background:transparent;
}


/****************** Allgemeine Angaben *********************/

h1 {
	    font-size: 1em;
	    font-weight:400;
	    padding:0 0 0 20px;
	}
	
h2 {
      margin:20px 0 10px 20px;
      font-size: 1.1em;
      font-weight:bold;
     
        
      
      
}
h3 {
      margin:10px 0 5px 20px;
	    font-size: 0.9em;
	    font-weight:bold;
		}

.clearer
{
      clear:both;
      }
      
a
{
color:#444444;
font-weight:bold;
font-size:0.9em;
}

p
{
      margin:0 10px 2px 20px;
      padding:0;
      line-height:1.6em;
      font-size:0.9em;
}


p.kontaktadresse
{
      margin-bottom:5px;
}

hr
{
      width:90%;
      margin: 20px 10px;
      padding:0px;
      border:1px dotted #ccc;
}

body#impressum h1, body#impressum h2, body#impressum h3, body#impressum p
{margin-left:0;}





/*********************** NAVIGATION *************************/
#navigation{
      clear:both;
      width:100%;
      margin:0;
      padding:0;
      height:46px;
      xxbackground:#ccc;
 }

#nav, #nav ul { list-style-type: none; 

}
#nav li { float: left; position: relative; white-space: nowrap;  font-weight: bold; font-size: 1.0em;  }
#nav li li { float: none; }
#nav li:hover { background: #b2b2b2  url(../img/nav_bg_hover.jpg) 0 0 repeat-x; }
#nav li a { color: #ccc; text-decoration: none; padding: 15px 15px; display: block; border-right:1px solid #e5e5e5; }
#nav li:hover a {color:#e5e5e5; }
#nav li li { background-color: #585858; color: #6d9982; font-weight: normal;  opacity:0.90; filter:alpha(opacity=90);}
#nav li li:hover { background-color: #101010; background-image:none; }
#nav li li a, #nav li:hover li a { color: #e5e5e5; padding: 15px 15px; border-right:none; border-top:1px solid #e5e5e5; }
#nav li li:hover a {color:#e5e5e5; }
#nav li li li { background-color: #f6ffb0; }
#nav li li li a, #nav li li:hover li a, #nav li:hover li li a { color: #6d9982; padding: 15px 15px; }
#nav li li li:hover a { color: #f6ffb0; }
#nav li ul, #nav li:hover ul ul { position: absolute; left: -999em; }
#nav li:hover ul { left: 0; }
#nav li li:hover ul { left: 100%; top: 0; }



body#home #nav li.index
{
      background: #585858  url(../img/nav_bg_hover.jpg) 0 0 repeat-x;
}

body#home #nav li.index a
{
      color:#fff;
      padding-left:25px;}


/*********** Anweisungen für footer ***********/


#footer {
      position:relative;
      clear: both;
      margin: 0;
      padding:10px 0 30px 0;
      height:25px;
      width:960px;
      color: #444444;
      font-size:1em;
      
      border-top:1px solid #ccc;
      margin-top:20px;
}

#footer p
{
      margin:0;
      padding:5px 0 2px 5px;
      
      }

#footer a
{
      text-decoration: none;
      color: #444444;
      
}




/* *********** kontaktformular ****************/


#middle form {width:450px;margin-left: 10px;}
#middle legend {color: #fff; padding: 3px 6px 3px 0px;}
#middle fieldset {padding-left:5px;border:none;}
#middle label {display:block;width:25%;float:left;margin-left:5px;margin-top:0px;padding-top:2px;}
#middle input {font-size:14px;padding: 3px 20px 0 0;width:62%;margin:2px 0 0 0;background-color:#fac16f;}
#middle textarea {clear:left;font-size:11px;width:400px;height:100px;margin:0 0 0 5px;background-color:#fac16f;}
#middle input.button {background:#fac16f;margin: 5px; padding:0;width:40%;}
#middle .fehler {border:1px solid red;}
#middle p.error {color:red;background: #fff;}

#middle .eingerueckt {margin-top:10px;}
#middle p.index
{font-size:0.85em;margin-left:5px;}


/*********** Boxen Startseite **************/

.box
{float:left;
width:31%;
margin-right:2.35em;
margin-top:30px;
}


.box_r
{
margin-right:0px;
}

/************
.xxapple{
background: #fff;
border: 1px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 0px 6px rgba(0,0,0,.4);
height:380px;
padding:5px;
}

.apple{
xxbackground: #fff;
border: 1px solid #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 0px 6px rgba(0,0,0,.4);
height:380px;
padding:5px 0px;
background:#fff url(../img/gelber_titel.png) 0 0 repeat-x;
}

********/


.apple{

height:395px;
padding:5px 5px;
background:transparent url(../img/bg_box.png) 0 0 repeat-x;
}


.apple h2
{font-size:1.2em;
margin-top:12px;
padding:7px 0 5px 0;
padding-left:40px;
background:transparent url(../img/kamera_dark.png) 0 0 no-repeat ;}


.apple img
{margin:15px 20px;}


.apple table
{margin: 0 0 5px 20px;
font-weight:bold;}

.apple table td
{padding:0px 5px 0 0;}


/******************** SONSTIGE ********************/
.highlight
{color:#e2001a;
font-size:1em;}

.bigger
{font-size:1.2em;}

/*************** Template-Bilderleiste Konzeptauswahl ************/
img.konzeptmenu
{margin-right:10px;
margin-bottom:10px;
border:none;}



ul.leistungen
{list-style-type:none;
padding-top:12px;

}

ul.leistungen li
{
display:inline;
color:#fff;font-size:1.1em;}