@charset "utf-8";

* {
margin:0;
padding:0;
}

body {
background:#e3f2fc url(../images/bg-body.jpg) repeat-x;	
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
color:#373737;
line-height:18px;
}
a {
color:#373737;	
}
a:hover {
color:#000;	
}

html, body, div#container {height: 100%;}

body > div#container {height: auto; min-height: 100%;}

div#container {
width:970px;
}

h1#branding {
width:325px;
height:34px;
background:url(../images/bg-branding.jpg) center center;
text-indent:-10000px;
margin-top:48px;
}
h1#branding a {
display:block;	
width:325px;
height:34px;
}

ul#navigation {
height:76px;	
width:558px;
margin-left:88px;
list-style:none;
}

ul#navigation li {
float:left;
height:76px;
text-indent:-10000px;
}

ul#navigation li a {
height:76px;
display:block;
background-image:url(../images/bg-navigation.jpg);
}

ul#navigation li#ueber a {
width:93px;
}
ul#navigation li#ueber a:hover,ul#navigation li#ueber a.aktiv {
background-position:0 -76px;
}

ul#navigation li#leistungen a {
width:164px;
background-position:-93px 0;
}
ul#navigation li#leistungen a:hover, ul#navigation li#leistungen a.aktiv {
background-position:-93px -76px;
}

ul#navigation li#spezialitaeten a {
width:121px;
background-position:-257px 0;
}
ul#navigation li#spezialitaeten a:hover, ul#navigation li#spezialitaeten a.aktiv {
background-position:-257px -76px;
}

ul#navigation li#service a {
width:81px;
background-position:-378px 0;
}
ul#navigation li#service a:hover, ul#navigation li#service a.aktiv {
background-position:-378px -76px;
}

ul#navigation li#preisliste a {
width:90px;
background-position:-459px 0;
}
ul#navigation li#preisliste a:hover, ul#navigation li#preisliste a.aktiv {
background-position:-459px -76px;
}

div#header {
height:238px;
padding:14px 0 0 79px;
width:891px;
position:relative;
}

div#adress {
position:absolute;
background:url(../images/bg-adress.png) no-repeat;
width:193px;
height:129px;
top:85px;
right:44px;
}
div#adress dl {
text-indent:-10000px;	
}

ul#naviAdd {
font-size:14px;
list-style:none;
height:14px;
}
ul#naviAdd li {
float:left;	
border-right:1px solid #3f9ee8;
padding-right:20px;
margin-right:20px;
line-height:14px;
}

ul#naviAdd li.last {
padding-right:0px;
margin-right:0px;
border-right:none;
}
ul#naviAdd li a {
text-decoration:none;
color:#000;
}
ul#naviAdd li a:hover,ul#naviAdd li a.aktiv {
color:#0986dd;
}

div#foto {
margin:29px 0 0 -79px;
width:970px;
height:113px;
overflow:hidden;
}

div#contentColumn {
width:970px;
background:url(../images/koch.gif) no-repeat 8px 30px;
overflow:auto;
padding-bottom:76px;
min-height:350px;
}

div#colLeft {
float:left;	
}

div#content {
width:450px;
padding:31px 0 0 180px;
} 

div#content p {
margin-bottom:18px;
}
div#content ul {
margin:0 0 18px 0;
line-height:20px;
}
div#content ul li {
padding:3px;
list-style:none;
border-bottom:1px solid #0F89DE;
}
div#content ul li.secnd {
	background:#9CCEF3;
}

div#content h2 {
width:434px;
height:68px;
text-indent:-10000px;
margin-bottom:18px;
background:url(../images/bg-h2.jpg);
}
div#content h2#h2-no1 {
background-position:0 0;
}
div#content h2#h2-no2 {
background-position:0 -68px;
}
div#content h2#h2-no3 {
background-position:0 -136px;
}
div#content h2#h2-no4 {
background-position:0 -204px;
}
div#content h2#h2-no5 {
background-position:0 -272px;
}
div#content h2#h2-no6 {
background-position:0 -340px;
}
div#content h2#h2-no7 {
background-position:0 -408px;
}
div#content h2#h2-no8 {
background-position:0 -476px;
}
div#content h3 {
margin-bottom:18px;
}

div#content table {
width:100%;
vertical-align:top;
}
div#content table td {
padding:0 10px 5px 10px;
}

div#sidebar {
width:300px;
height:306px;
float:left;
background:url(../images/bg-sidebar.jpg);
margin-top:23px;
position:relative;
margin-left:24px;
}
div#sidebar img { 
position:absolute;
top:11px;
left:11px;
}

div#sidebar p {
text-indent:-10000px;	
}

div#footer {
height:76px;
width:100%;
position: relative;
margin-top: -76px;
clear:both;
background:#fff;
}


/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
