/* -----------------Search Field--------------------- */

#search_box {
margin:40px 0 0 0;
padding:0;
	float:left;
	width: 85px;
	height: 20px;
}
#search_box form {
    margin: 0;
	    padding: 4px 1px 0 0;

}
/*Suchbegriff*/
#search_box #s {
    float: left;
    border: 0;
    width: 60px;
    background: none;
    font-size: 8pt;
    color:#999999;
}
/*Lupe*/
#search_box #go {
    float: right;
	padding:0;
    margin: 0;
}

#search_box input {
}









/*-----------------------------------------------------------------------------
Overlapping CSS Navigation
version:   1.0
date:      09/12/06
author:    george ornbo
email:     george at shapeshed dot com

Licensed under a 2.0 Creative Commons License

-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------

Allgemeine angaben zum Menü

-----------------------------------------------------------------------------*/
#nav a:active a:focus {
  /* reduce the link size to zero when the link is in the 
  active/focus state.
  This literally removes the dotted border which is ONLY applied
  to the link itself and not any containing elements WHEN THOSE
  ELEMENTS HAVE A POSITION ABSOLUTE! */
  width:0; height:0;
  outline:0; /* for browsers that understand */
  }

/*Menue Positionierung*/	
	#nav {
	padding:20px 0 0 0px !important;
	float:left;
	
}

#nav { 
	width:610px; 
	height: 56px;
	}
	
#nav ul {
	list-style:none;
	height: 56px;
	}

#nav li {
    list-style: none;
	display: inline;
	text-align: center;
	}

#nav li a {
	text-decoration: none;
	display:block;
	float:left;
	text-indent:-9999px;
	background-image: url(../upload/pix/menuematrix.gif);
	background-repeat: no-repeat;
	}	
	
/*-----------------------------------------------------------------------------

Define the width of each li item. This is used as a letter box to show the 
correct part of the background image

-----------------------------------------------------------------------------*/	
	
li#beruf a {
	width:129px;
	height:56px;
	 }
li#kinder a {
	width:120px;
	height:56px;
	 }
li#partner a {
	width:116px;
	height:56px;
	 }
li#geburt a {
	width:118px;
	height:56px;
	 }
li#balance a {
	width:118px;
	height:56px;
	 }

	
/*-----------------------------------------------------------------------------

Position X linker Schnitt vom jeweiligen Reiter eintragen
Position Y Null eintragen

Für Focus Position X den rechten Schnitt eintragen
Für Focus Position Y immer die 3. Reihe (bei 3 Zuständen)  eintragen

Margin Left gleicht den Abstand der Überlappungen an

-----------------------------------------------------------------------------*/	


li#beruf a:link, li#beruf a:visited {	
	background-position: -0px -0px;
	}
	
li#beruf a:hover, li#beruf a:focus {	
	background-position: -0px -56px;
	}
	
li#kinder a:link, li#kinder a:visited {	
	background-position: -130px 0px;
	}
	
li#kinder a:hover, li#kinder a:focus {	
	background-position: -113px -169px;
	width: 136px;
	margin-left: -16px;
	}	
	
li#partner a:link, li#partner a:visited {	
	background-position: -250px 0px;
	}
	
li#partner a:hover, li#partner a:focus {	
	background-position: -225px -340px;
	width: 141px;
	margin-left: -25px;
	}	
	
li#geburt a:link, li#geburt a:visited {	
	background-position: -367px 0px;
	}
	
li#geburt a:hover, li#geburt a:focus {	
	background-position: -350px -513px;
	width: 134px;
	margin-left: -16px;
	}

li#balance a:link, li#balance a:visited {	
	background-position: -485px 0px;
	}
	
li#balance a:hover, li#balance a:focus {	
	background-position: -460px -681px;
	width: 143px;
	margin-left: -25px;
	}

/*-----------------------------------------------------------------------------

Body ID für den richtigen Hintergrund
x = rechter Schnitt
y = Reihe

-----------------------------------------------------------------------------*/	

body#beruf li#beruf a:link, body#beruf li#beruf a:visited {	
	background-position: -1px -56px;
	}

body#beruf li#kinder a:hover, body#beruf li#kinder a:focus {	
	background-position: -113px -113px;
	width: 136px;
	margin-left: -16px;
	}
/*------------------Reihe 3-5--------------------------------*/	
body#kinder li#kinder a:link, body#kinder li#kinder a:visited {	
	background-position: -113px -169px;
	width: 136px;
	margin-left: -16px;
	}

body#kinder li#beruf a:hover, body#kinder li#kinder a:focus {	
	background-position: -0px -226px;
	overflow: auto;
	position: relative;

	}

body#kinder li#partner a:hover, body#kinder li#partner a:focus {	
	background-position: -225px -284px;
	width: 142px;
	margin-left: -25px;
	}
/*------------------Reihe 6-8--------------------------------*/	

body#partner li#partner a:link, body#partner li#partner a:visited {	
	background-position: -225px -340px;
	width: 142px;
	margin-left: -25px;
	}


body#partner li#kinder a:hover, body#partner li#kinder a:focus {	
	background-position: -113px -399px;
	width: 136px;
	margin-left: -16px;
	overflow: auto;
	position: relative;
	}
	
body#partner li#geburt a:hover, body#partner li#geburt a:focus {	
	background-position: -350px -456px;
	width: 134px;
	margin-left: -16px;
	position: relative;
	}
/*-------------------Reihe 9-11-------------------------------*/	

body#geburt li#geburt a:link, body#geburt li#geburt a:visited {	
	background-position: -350px -513px;
	width: 134px;
	margin-left: -16px;
	}

body#geburt li#partner a:hover, body#geburt li#partner a:focus {	
	background-position: -225px -569px;
	width: 142px;
	margin-left: -26px;
	overflow: auto;
 	position: relative;
	}

body#geburt li#balance a:hover, body#geburt li#balance a:focus {	
	background-position: -460px -625px;
	width: 143px;
	margin-left: -25px;
	overflow: auto;
	position: relative;
	}
/*------------------Reihe 12--------------------------------*/		
	
body#balance li#geburt a:link, body#balance li#balance a:visited {	
	background-position: -460px -681px;
	width: 143px;
	margin-left: -25px;
	}

body#balance li#geburt a:hover, body#balance li#geburt a:focus {	
	background-position: -350px -738px;
	width: 134px;
	margin-left: -16px;
	overflow: auto;
 	position: relative;
	}

body#balance li#blogs a:hover, body#balance li#blogs a:focus {	
	background-position: -580px -681px;
	width: 128px;
	margin-left: -25px;
	overflow: auto;
	position: relative;
	}

-->




/* ----------Servicemenue------------ */
 #footer h5 {
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    margin:14px 5px 0  28px;
    font-size:11px;
  }
 
  
  .strich {
  padding: 0 6px 0 6px;
    border-right:1px dotted #666; 

  }
   .ohnestrich {
  padding: 0 6px 0 6px;
  }
  
  
  #footer a {
     font-weight:normal;
    font-variant: small-caps;
	color:#666;
  }

 






 
/* nach oben */
 #footer h6 a, #footer h6 a:visited{
    float:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    padding:14px 35px 0  0;
 }
 

 .rechts {
    float:right;
    margin:9px 15px 0 6px;
 }
 
  .links {
    float:left;
    margin:9px 0 0 15px;
 }
    
 .i {
    float:left;
    margin:5px 0 0 15px;
 }
    





/* ----------Servicemenue ENDE------------ */