/*
 * dav-actaacustica-home-typo3 Positionierung der Elemente und Design-Vorgaben
 * 
*/

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
  background: #fff;
  margin: 0; padding: 0;
}

/* allgemeine Vorgaben, Links usw. */

table.layout img { border: 0 none; }
table.layout { border-collapse: collapse; width: 100%; }
table.layout tr td.td1,
table.layout tr td.td2,
table.layout tr td.td3 { margin: 0; padding: 0; vertical-align: top; }

table.layout tr.tr1 td.td1 { background-color: #0F56A8; height: 16px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

table.layout tr.tr2 td.td1,
table.layout tr.tr2 td.td3 { background: #BFC8E5; width: 144px; }
table.layout tr.tr2 td.td2 { background: #fff url('bg_top_middle.gif') 354px 0px; }
table.layout tr.tr2 td.td2 div { background: url('bg_top_middle.jpg') no-repeat 354px 0px; }

table.layout tr.tr3 td { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
table.layout tr.tr3 td.td1 { background-color: #FFCC00; height: 16px; }
table.layout tr.tr3 td.td2,
table.layout tr.tr3 td.td3 { background-color: #FCE57F; }

table.layout tr.tr4 td.td1,
table.layout tr.tr4 td.td3 { background: #FCE57F url('bg_left_right.gif'); }

table.layout tr.tr4 td.td1 { border-right: 1px solid #fff; }
table.layout tr.tr4 td.td3 { border-left: 1px solid #fff; }

table.layout tr.tr4 td.td2 { background: #fff url('bg_contentbox.gif') repeat-y 0px 0px; width: 100%; }
table.layout tr.tr4 td.td2r { background: #fff url('bg_content_right.gif') right 0px repeat-y; width: 6px; }
table.layout tr.tr4 td.td2r div { width: 6px; }

table.layout tr.tr5 td.td1 { background: url('bg_bottom_left.jpg') repeat-x; height: 34px; }
table.layout tr.tr5 { vertical-align: middle; }
table.layout tr.tr5 td { border-top: 1px solid #fff; }

table.layout tr.tr5 td.td2 { background: url('bg_bottom.gif'); }

table.layout tr.tr5 td.td2 p { margin: 10px; font-size: 90%; }


div#contentbox { margin: 10px 6px 10px 10px; }
div.hellblau { height: 20px; background-color: #BFC8E5; }


div.kontakt h2 { background: url('bg_kontakt.gif'); color: #fff; text-transform: uppercase; font-size: 90%; padding: .5em; margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
div.kontakt p { background-color: #6688C4; margin: 0; padding: .5em; font-size: 90%; }
div.suchen { background: url('bg_suche.gif'); }
div.drucken { padding: .5em 0; background-color: #FBE37F; border-top: 1px solid #fff; vertical-align: middle; }
div.drucken p { margin: 0; padding: .5em; font-size: 90%; background: url('drucker.gif') center right no-repeat; display: inline; padding-right: 30px; }
div.drucken p a { text-decoration: none; color: #000; }
div.drucken p a:hover { text-decoration: underline; color: #000; }

div.suchen form { margin: 0; padding: .3em 0; }
div.suchen form input { font-size: 80%; color: #0F57AA; }

/* Navigation */

/* Grundsaetzliches */
div#navi { border-bottom: 1px solid #fff; font-size: 90%; }
div#navi ul { margin: 0; padding: 0; font-size: 95%; }
div#navi ul li { list-style-type: none; background-color: #6688C4; text-transform: uppercase; color: #fff; border-top: 1px solid #fff; }
div#navi ul li a { color: #fff; padding: .5em 0 .5em .5em; display: block; text-decoration: none; }

/* aktive Navi ab der 2. Stufe */
div#navi ul li.act ul li.act a { font-weight: bold; }
div#navi ul li.act ul li a { padding: .3em 0 .3em .2em; }
div#navi ul li.act ul li a:hover { background-color: #EBD36F; }

/* reset */
div#navi ul li.act ul li.act ul li a { font-weight: normal; }

/* aktive 1. Stufe */
div#navi ul li.act a,
div#navi ul li a:hover { background-color: #0F57AA; }

/* 2. Stufe */
div#navi ul li.act ul li { text-transform: none; }
div#navi ul li.act ul li a { background-color: #FBE37F; }

div#navi ul li.act ul li a { padding-left: 12px; }
div#navi ul li.act ul li a,
div#navi ul li.act ul li a:hover {  color: #000; }

/* 3. Stufe */
div#navi ul li.act ul li.act ul li a {  background-color: #FFF1C0; color: #000;  padding-left: 20px; }

/* 3. Stufe aktiv */
div#navi ul li.act ul li.act ul li.act a { font-weight: bold; }


/* Content-Bereich */
div.content { margin: .5em; }

/* Servicenavigation */
table.layout tr.tr5 td.td2 p a,
table.layout tr.tr5 td.td2 p { color: #000; text-decoration: none; }
table.layout tr.tr5 td.td2 p a:hover { text-decoration: underline; }

/* Rootpath */
div#rootpath p { margin: 0; padding: .5em; font-style: italic; font-size: 90%; }
div#rootpath p a { text-decoration: none; color: #000; }
div#rootpath p a:hover { text-decoration: underline; color: #2D5DAC; }

div#left { font-size: 90%; margin-top: 1em; }