* { margin: 0; padding: 0; }
body { font-family: Verdana, Helvetica, sans-serif; text-align: center; color: #857475; background-color: #fff; }

h2 { font-size: 24px; font-weight: normal; padding: 0 30px 10px 0; }
p { font-size: 13px; margin: 0 30px 5px 0; }
ul { font-size: 13px; margin: 0 30px 5px 15px; }
p.clear { clear: both; line-height: 0px; }
img { border: 0; }
a { text-decoration: none; color: #6e5e53; }

/** { behavior: url("iepngfix/iepngfix.htc"); }*/

div#container {  width: 990px; margin: 0px auto; text-align: left; background: url(../images/layout/bg_container.gif) top left repeat-y; }

div#header { width: 990px; height: 280px; }
div#header h1, div#header h2, div#header p { display: none; }
div#header #flash { position: absolute; }

div#navigation { position: absolute; margin: 210px 0 0 60px; z-index: 100; }
div#navigation ul { float: left; width: 870px; height: 45px; list-style: none; margin: 0; }
div#navigation  ul li { float: left; width: 145px; height: 45px; }
div#navigation  ul li a { display: block; width: 145px; text-align: center; font-size: 12px; padding: 14px 0; color: #ddd4c9; outline: 0; }


div#content { height: 360px; padding: 0 60px 0 60px; background: url(../images/layout/bg_content.gif) bottom left no-repeat; }
div#content.start { background: url(../images/layout/bg_content_start.jpg) bottom left no-repeat; }

div#content div.col1 { float: left; width: 290px; }
div#content div.col2 { float: left; width: 435px; }
div#content div.col3 { float: left; width: 145px; }

div#content .content_1 { display: none; }
div#content .content_2 { display: none; }
div#content .content_3 { display: none; }
div#content .content_4 { display: none; }

div.cycle { height: 190px; }

div.control { clear: left; }
div.control a { outline: 0; }
div.control h4 { font-size: 12px; font-weight: bold; padding: 5px 0 3px 8px; }
div.control ul { list-style: none; padding: 0 0 50px 3px; margin: 0; }
div.control ul li { float: left; width: 37px; height: 37px; background: url(../images/layout/bg_button_select_content.gif) top left no-repeat; }
div.control ul li.beispiel { width: 76px; background: url(../images/layout/bg_button_beispiel.gif) top left no-repeat;  }
div.control ul li.ablauf { width: 110px; background: url(../images/layout/bg_button_techn_ablauf.gif) top left no-repeat;  }
div.control ul li.play { width: 37px; background: url(../images/layout/bg_button_play.gif) top left no-repeat;  }
div.control ul li.prev { width: 37px; background: url(../images/layout/bg_button_prev.gif) top left no-repeat;  }
div.control ul li.next { width: 37px; background: url(../images/layout/bg_button_next.gif) top left no-repeat;  }
div.control ul li a span { display: none; }
div.control ul li a, div.control ul li.beispiel span.a, div.control ul li.ablauf span.a { display: block; font-size: 12px; color: #ddd4c9; padding: 9px 15px; }
div.control ul li.beispiel span.a { padding: 9px 12px; }
div.control ul li.ablauf span.a { padding: 10px 10px 0 12px; }

div#content div.col3 h2 { font-size: 16px; margin: 5px 0 10px 0; }
div#content div.col3 p { font-size: 12px; margin: 0 0 5px 0; }


/*
div#content div.col2 h2 { width: 200px; height: 50px; margin: 0 25px; } div#content div.col2 h2 span { display: none; }
div#content div.col2 h2.start { background: url(../images/layout/h2_welcome.gif) top left no-repeat; }
div#content div.col2 h2.veneer { background: url(../images/layout/h2_veneer.gif) top left no-repeat; }
div#content div.col2 h2.vollkeramik { background: url(../images/layout/h2_vollkeramik.gif) top left no-repeat; }
div#content div.col2 h2.implantat { background: url(../images/layout/h2_implantat.gif) top left no-repeat; }
div#content div.col2 h2.gesamtsanierung { background: url(../images/layout/h2_gesamtsanierung.gif) top left no-repeat; }
div#content div.col2 h2.zahnregulierung { background: url(../images/layout/h2_zahnregulierung.gif) top left no-repeat; }
div#content div.col2 h2.zahnersatz { background: url(../images/layout/h2_zahnersatz.gif) top left no-repeat; }
div#content div.col2 h2.impressum { background: url(../images/layout/h2_impressum.gif) top left no-repeat; }
div#content div.col2 p { margin: 0 25px; }


div#content div.col3 h2 { width: 65px; height: 30px; background: url(../images/layout/h2_contact.gif) top left no-repeat; } div#content div.col3 h2 span { display: none; }
div#content div.col3 p { font-size: 11px; line-height: 16px; }

div#control a { outline: 0; }
div#control ul { list-style: none; padding: 20px 0 50px 0; }
div#control ul li { float: left; width: 35px; height: 31px; background: url(../images/layout/bg_button_select_content.gif) top left no-repeat; }
div#control ul li.beispiel { width: 83px; background: url(../images/layout/bg_button_beispiel.gif) top left no-repeat;  }
div#control ul li a, div#control ul li.beispiel span.a { display: block; font-size: 11px; color: #3e352f; padding: 9px 14px; }

div#footer { clear: left; width: 1044px; height: 60px; background-color: #fff; }
div#footer p { font-size: 10px; color: #c8c4b9; float: right; padding: 25px 25px 0 0; }
div#footer p a { font-size: 10px; color: #c8c4b9; }*/

div#inline { text-align: left; }
div#inline table { }
div#inline table tr { vertical-align: top; }
div#inline table td { padding: 0 20px 10px 0; }

/* navigation graphics */
div#navigation  ul li.b0_1 { background: url(../images/layout/bg_menu_button_0_1.gif) top left no-repeat; }
div#navigation  ul li.b0_2 { background: url(../images/layout/bg_menu_button_0_2.gif) top left no-repeat; }
div#navigation  ul li.b0_5 { background: url(../images/layout/bg_menu_button_0_5.gif) top left no-repeat; }
div#navigation  ul li.b0_6 { background: url(../images/layout/bg_menu_button_0_6.gif) top left no-repeat; }

div#navigation  ul li.b1_5 { background: url(../images/layout/bg_menu_button_1_5.gif) top left no-repeat; }
div#navigation  ul li.b1_6 { background: url(../images/layout/bg_menu_button_1_6.gif) top left no-repeat; }

div#navigation  ul li.b2_5 { background: url(../images/layout/bg_menu_button_2_5.gif) top left no-repeat; }
div#navigation  ul li.b2_6 { background: url(../images/layout/bg_menu_button_2_6.gif) top left no-repeat; }

div#navigation  ul li.b3_4 { background: url(../images/layout/bg_menu_button_3_4.gif) top left no-repeat; }
div#navigation  ul li.b3_5 { background: url(../images/layout/bg_menu_button_3_5.gif) top left no-repeat; }
div#navigation  ul li.b3_6 { background: url(../images/layout/bg_menu_button_3_6.gif) top left no-repeat; }

div#navigation  ul li.b4_4 { background: url(../images/layout/bg_menu_button_4_4.gif) top left no-repeat; }
div#navigation  ul li.b4_5 { background: url(../images/layout/bg_menu_button_4_5.gif) top left no-repeat; }
div#navigation  ul li.b4_6 { background: url(../images/layout/bg_menu_button_4_6.gif) top left no-repeat; }

div#navigation  ul li.b5_3 { background: url(../images/layout/bg_menu_button_5_3.gif) top left no-repeat; }
div#navigation  ul li.b5_4 { background: url(../images/layout/bg_menu_button_5_4.gif) top left no-repeat; }
div#navigation  ul li.b5_5 { background: url(../images/layout/bg_menu_button_5_5.gif) top left no-repeat; }
div#navigation  ul li.b5_6 { background: url(../images/layout/bg_menu_button_5_6.gif) top left no-repeat; }

div#navigation  ul li.b6_4 { background: url(../images/layout/bg_menu_button_6_4.gif) top left no-repeat; }
div#navigation  ul li.b6_5 { background: url(../images/layout/bg_menu_button_6_5.gif) top left no-repeat; }
div#navigation  ul li.b6_6 { background: url(../images/layout/bg_menu_button_6_6.gif) top left no-repeat; }


dl {font-size:13px;}
dt {min-width:40px;float:left;clear:left;}

.clr {clear:both;}