* {
	margin: 0;
	border: none;	
	padding: 0;	
}

html {
	height: 100%
}

body {
	position: relative;
	background: #FFFFFF;
	color: #000000;
	text-align: left;
	font: 1em "Trebuchet MS";
}

div#container {
	position: absolute;
	top: 60px;
	left: 50%;	
	width: 820px;
	margin: -50px -50px -50px -410px;
	padding-left: -410px;
	background: #FFFFFF;
}

.box {
	width: 189px;
	height: 189px;
	background: #FFFFFF;
	margin: 0 12px 12px 0;
	float: left;
}

a.quad {
	display: block;
	width: 189px;
	height: 189px;
}

a.quad span {
    position: absolute;
    overflow: hidden;
    z-index: 0;
    width: 1px;
    height: 1px;
    margin: -2px 0 0 -2px;
    background: transparent;
    
}

a#haut {
	background: url(../images/haut.jpg) no-repeat;
}

#haut:hover {
	background: url(../images/haut_hover.jpg) no-repeat;
}

a#content_2 {
	background: url(../images/bild1.jpg) no-repeat;
}

a#kinderheilkunde {
	background: url(../images/kinderheilkunde.jpg) no-repeat;
}

a#kinderheilkunde:hover {
	background: url(../images/kinderheilkunde_hover.jpg) no-repeat;
}

#content_4 {
	background: url(../images/hell.jpg) no-repeat;
}

#content_5 {
	background: url(../images/mittel.jpg) no-repeat;
}

a#dermatologie {
	background: url(../images/dermatologie.jpg) no-repeat;
}

a#dermatologie:hover {
	background: url(../images/dermatologie_hover.jpg) no-repeat;
}

a#text {
	background: url(../images/text.jpg) no-repeat;
}

a#orthopaedie {
	background: url(../images/orthopaedie.jpg) no-repeat;
}

a#orthopaedie:hover {
	background: url(../images/orthopaedie_hover.jpg) no-repeat;
}

a#physiotherapie {
	background: url(../images/physiotherapie.jpg) no-repeat;
}

a#physiotherapie:hover {
	background: url(../images/physiotherapie_hover.jpg) no-repeat;
}

#content_10 {
	background: url(../images/dunkel.jpg) no-repeat;
}

#content_11 {
	background: url(../images/bild3.jpg) no-repeat;
}

a#akademie {
	background: url(../images/akademie.jpg) no-repeat;
}

a#akademie:hover {
	background: url(../images/akademie_hover.jpg) no-repeat;
}