@charset "UTF-8";
/* CSS Document */

/*verwendete farben*/

/****** #245486 = dunkelblau ******************/
/****** #cb3f53 = zahnfleischfarbendes rot *********/
/****** #efd9dc = helle zahnfleichfarbe ***************/
html { height: 100% } 
body { min-height: 101%; }

body {
background-color:#78ff44;
background:url(kiel/karo.png) #ffffff fixed;
margin:0px;
padding:0px;
font: 13px  Arial,Helvetica,sans-serif;
color: #777c7c;

}
p{
margin:0px;
padding:5px 0px;
line-height:17px;
text-align:justify;
}
.jus{
margin:0px;
padding:5px 0px;
line-height:17px;
text-align:right;
}

p.justi{
margin:0px;
padding:5px 0px;
line-height:16px;
text-align:justify;
}

p.tab{
padding:10px 0 10px 0;
font-size:11px;
}

ul{
line-height:19px;
padding: 0 0 0 12px;
}

li{
}

.border {border-bottom:dashed #B2BBBB 1px;}

h1{
color:#cb3f53;
font-size:6px;
margin:0px;
padding:0px 0 0px 0;
}
h1.header{
color:#bbb;
font-size:12px;
font-weight:bold;
margin:0px;
padding:0 10px 15px 0;
letter-spacing:0.5px;
}
h2.header{
color:#bbb;
font-size:12px;
font-weight:bold;
margin:0px;
padding:0 10px 15px 0;
letter-spacing:0.5px;
}
h2{
color:#2a5d92;
font-size:24px;
font-weight:bold;
margin:5px;
padding:5px 0 10px 0;
}
h3{
color:#cb3f53;
font-size:15px;
font-weight:bold;
margin:0px;
padding:5px 0 3px 0;
}
h4{

font-size:14px;
font-weight:bold;
margin:0px;
padding:5px 0 3px 0;
}
h5{
color:#245486;
font-size:13px;
font-weight:bold;
margin:0px;
padding:5px 0 0px 0;
}
abbr, acronym {
  border-bottom:dotted thin;
}
a{
color:#2e5a88;text-decoration:underline;
}
a:focus,
a:hover,
a:active { background-color: #eee; text-decoration:underline; }

a img {text-decoration:none;border:none;} 

#main_container{
border-bottom:3px solid #ccc;
width:756px;
height:auto;
margin:auto;
background-color:#ffffff;
}
#main_content{
margin:0 10px;

}
#header{
/*background:url(images/karo.png) #ffffff fixed;*/
border-bottom:3px solid #ccc;
width:756px;
height:110px;
margin:auto;
}
#header-start{
/*background:url(images/karo.png) #ffffff fixed;*/
width:756px;
height:110px;
margin:auto;
}
#logo{
padding:2px 0 0 0;
float:left;
}
#logo a:hover{
padding:0px 0 0 0;
float:left;
background-color: #fff;
text-decoration:underline; 
}
#icon a:hover, 
#icon a:focus,
#icon a:hover,{

}
/*---------------------navigation der seite-----------------*/

#menu {height:80px;float:right;text-align:right; overflow:hidden;padding:15px 10px 0 0; width:480px;}/**/

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap;}
#menu ul {display:inline-block;} 

#menu ul li.divider{
height:24px;width:19px;background:url(kiel/menu_divider.gif) no-repeat center; float:left; letter-spacing:0.5px; display:block; padding:8px 0 0 0;
}

#menu li {display:inline-block; display:inline;}
#menu ul.level1 div {position:absolute; left:-9999px;}

#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu ul li div ul {margin:0; background:url(kiel/trans.gif);}

#menu a.level1-a {display:block; font:bold 14px Arial,Helvetica,sans-serif; color:#386F9B; line-height:32px; text-decoration:none;padding:0 11px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover div {left:50%; top:25px;}
#menu ul li:hover div ul {display:block; position:relative; left:-50%; padding-top: 3px;}
#menu ul li div ul li a {height:25px; font:normal 12px Arial,Helvetica,sans-serif; color:#777; line-height:32px; text-decoration:none; padding:6px;}

#menu a:hover div {left:0; top:23px;}

#menu a:hover div ul {position:relative; left:-50%;}

/*#menu li a.fly {background:transparent url(../zahnarzt/down-arrow2.gif) no-repeat right center;}*/

#menu li a:hover,
#menu li a.fly:hover {white-space:nowrap; color:#386F9B;background-color: #eee; } 
#menu li:hover > a,
#menu ul li:hover > a.fly {color:#386F9B;background-color: #eee; }
#menu ul li div ul li a:hover {color:#245486;background-color: #eee; }

#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}

#menu a.level1-a-current {display:block; background-color: #eee; font:bold 14px Arial,Helvetica,sans-serif; color:#386F9B; line-height:32px; text-decoration:none;padding:0 15px; text-align:center;}
#menu a.level1-a fly-current {display:block; background-color: #eee; font:bold 14px Arial,Helvetica,sans-serif; color:#386F9B; line-height:32px; text-decoration:none;padding:0 15px; text-align:center;}

/*---------------------diverses------------------*/

.versteck {
visibility:hidden;
}

#middle_box{
width:756px;
height:320px;
clear:both;
margin:auto;
/*background:url(../zahnarzt/team-zahnarzt-dr-warner.jpg) no-repeat center;*/
}
.pa{
border-bottom:1px dashed #B2BBBB;
height:auto;
min-height:270px;
}
.ue{
color:#cb3f53;
font-size:14px;
font-weight:bold;
margin:0px;
padding:5px 0 3px 0;
line-height:19px;

}

.title{
height:26px;
font-size:16px;
font-weight:bold;
padding:5px 0 0 35px;
color:#877685;
background:url(test/images/news_icon.gif) no-repeat left;
background-position:0px 0px;
}
a.read_more {
width:150px;
height:27px;
display:block;
background:url(kiel/view_all_bg.gif) no-repeat center;
line-height:27px;
color:#428fb8;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align:center;
float:right;
margin:15px 0 15px 0;
}
/*---------------------main_content------------------*/

	.flowli { /*lässt elemente nach links fließen*/
float: left;
margin-right: 8px;
}
	.flowre { /*lässt elemente nach links fließen*/
float: right;
margin-left: 8px;
}
hr {border:1px dashed #B2BBBB;}	

#zettel{
	position:absolute;
	top:50px;
	left:1300px;
	height: 220px;
	width: 200px;
	z-index:2;
}

#rechts {
    	float: right; 
    	width: 420px; 
    	background: #fff; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 15px 20px;
    }
	
	#linkespalte {
	width:248px;
    	margin: 0 480px 0 0; /* Durch den rechten Rand dieses div- Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabh�ngig von der Inhaltsmenge des rechts-div immer gleich.  Sie k�nnen diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #rechts f�llen soll, wenn der Inhalt in #rechts endet. */
    	padding: 0 0px; 
    }
	
/*---------------------main_content seite praxis------------------*/
#rechts2 {
float: right; 
width: 240px; 
background: #fff; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px 10px;
    }

#linkespalte2 {
width:auto;
margin: 0 300px 0 0; /* Durch den rechten Rand dieses div- Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des rechts-div immer gleich.  Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #rechts füllen soll, wenn der Inhalt in #rechts endet. */
padding: 0 0 0 10px; 
    }

/*---------------------main_content seite kontakt------------------*/
#rechts3 {
float: right; 
width: 265px; 
padding: 0px 10px;
    }

#linkespalte3 {
	width:auto;
	margin: 0 300px 0 10px; /* Durch den rechten Rand dieses div- Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des rechts-div immer gleich.  Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #rechts füllen soll, wenn der Inhalt in #rechts endet. */
	padding: 0 0px;
    }

.clear{
clear:both;
}

.blue{ color:#245486;}

/*-----------------------------footer------------------*/
#footer{
background:url(kiel/karo.png) #ffffff fixed;
font: 12px  Arial,Helvetica,sans-serif;
margin:10px 0px;
/*border-top:1px #bbb dashed;*/
}

.footer_links{
float:right;
padding-right:15px;
padding-top:12px;
color:#999999;
/*background-color:#fff;*/
}
#footer a{color:#999;text-decoration:underline;}

#footer a:focus,
#footer a:hover,
#footera:active { background-color: #eee; text-decoration:underline; }