@charset "utf-8";
/* CSS Document */
@import url('reset.css');
@import url('typo.css');

div#main {
	padding-bottom: 80px;
	margin: auto;
	background-image: url(bilder/hintergrund.png);
	background-repeat: repeat-y;
	width: 756px;
	min-height: 600px;
}


div#logo {
	float: left;
	position: relative; left: 20px; top: 30px;
	background-image: url(bilder/logo.png);
	background-repeat: no-repeat;
	width: 141px;
	height: 131px;
}
div#header {
	float: right;
	position: relative; left: -30px; top: 30px;
	background-image: url(bilder/header.png);
	background-repeat: no-repeat;
	width: 547px;
	height: 71px;
}

div#menue {
	float: right;
	position: relative; left: -30px; top: 45px;
	background-image: url(bilder/menu.png);
	background-repeat: no-repeat;
	width: 546px;
	height: 37px;
}

div#menue li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 5;}
  div#menue li, #menue a {
    height: 37px; display: block;}
    
  #panel1 {left: 0; width: 47px;}
  #panel2 {left: 47px; width: 90px;}
  #panel3 {left: 137px; width: 95px;}
  #panel4 {left: 232px; width: 79px;}
  #panel5 {left: 311px; width: 46px;}
  #panel6 {left: 357px; width: 101px;}
  #panel7 {left: 458px; width: 43px;}
  #panel8 {left: 501px; width: 46px;}
  
   #panel1 a:hover {
    background: transparent url(bilder/menu.png)
    -2px -48px no-repeat;}
  #panel2 a:hover {
    background: transparent url(bilder/menu.png)
    -48px -48px no-repeat;}
  #panel3 a:hover {
    background: transparent url(bilder/menu.png)
    -137px -48px no-repeat;}
  #panel4 a:hover {
   	background: transparent url(bilder/menu.png)
   	-232px -48px no-repeat;}
	#panel5 a:hover {
    background: transparent url(bilder/menu.png)
    -311px -48px no-repeat;}
	#panel6 a:hover {
    background: transparent url(bilder/menu.png)
    -357px -48px no-repeat;}
	#panel7 a:hover {
    background: transparent url(bilder/menu.png)
    -458px -48px no-repeat;}
	#panel8 a:hover {
    background: transparent url(bilder/menu.png)
    -501px -48px no-repeat;}

div#termin {
	float: left;
	position: relative; left: -123px; top: 80px;
	background-image: url(bilder/termin.png);
	background-repeat: no-repeat;
	width: 153px;
	height: 124px;
}
div#termin li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 5;}
  div#termin li, #termin a {
    height: 124px; width: 153px; display: block;}
    
  #termin_link {left: 0; width: 47px;}
  
   #termin_link a:hover {
    background: transparent url(bilder/termin.png)
    0px -129px no-repeat;}
  

div#sprechzeiten {
	float: left;
	position: relative; left: -276px; top: 220px;
	background-image: url(bilder/sprechzeiten.png);
	background-repeat: no-repeat;
	width: 153px;
	height: 124px;
}
div#sprechzeiten li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 5;}
  div#sprechzeiten li, #sprechzeiten a {
    height: 124px; width: 153px; display: block;}
    
  #sprechzeiten_link {left: 0; width: 47px;}
  
   #sprechzeiten_link a:hover {
    background: transparent url(bilder/sprechzeiten.png)
    0px -129px no-repeat;}

div#notdienst {
	float: left;
	position: relative; left: -429px; top: 360px;
	background-image: url(bilder/notdienst.png);
	background-repeat: no-repeat;
	width: 153px;
	height: 124px;
}
div#notdienst li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 5;}
  div#notdienst li, #notdienst a {
    height: 124px; width: 153px; display: block;}
    
  #notdienst_link {left: 0; width: 47px;}
  
   #notdienst_link a:hover {
    background: transparent url(bilder/notdienst.png)
    0px -129px no-repeat;}

div#willkommen {
	float: left;
	position: relative; left: 200px; top: -50px;
	width: 400px;
	height: auto;
}

div#haupt_spalte {
	padding: 0 35px 0 0;
	float: right;
	width: 520px;
	height: auto;
}

div#spalte1 {
	padding: 0 40px 0 0;
	float: right;
	width: 228px;
	height: auto;
}

div#spalte2 {
	padding: 44px 50px 0 0;
	float: right;
	width: 228px;
	height: auto;
}

div#footer {
	margin: auto;
	background-image: url(bilder/footer.png);
	background-repeat: no-repeat;
	width: 756px;
	height: 124px;
}
div#copyright {
	position: relative; left: 30px; top: 30px;
	width: 150px;
	height: auto;
}
div#kammer {
	position: relative; left: 200px; top: 18px;
	width: 230px;
	height: auto;
}

div#kontakt {
	position: relative; left: 435px; top: -35px;
	width: 230px;
	height: auto;
}
div#kontakt2 {
	position: relative; left: 600px; top: -86px;
	width: 150px;
	height: auto;
}


.clear {
	clear: both;	
}