/* emion interaktive medien */
/* http://www.emion.de      */
/* mschmidt@20070319 1220   */

@import url(navig.css);
@import url(anfrage.css);

html { margin:0; padding:0 }
body { margin:0; padding:0; text-align:center; font:11px/1.2em Tahoma,Verdana,sans-serif; background:#fff url(../images/main/bg.gif) repeat-x; color:#686563 }

#seite { width:770px; margin:0 auto; padding:0; text-align:left; background:#fff url(../images/main/bg_seite.gif) repeat-x }

#kopf { height:90px }
#aussen-l { width:10px; height:144px; padding:0; float:left; background:#f2eedf url(../images/main/bg_aussen-l.gif) no-repeat top left }
#mitte { width:750px; padding:0; float:left; background:#fff url(../images/main/bg_mitte.gif) }
#aussen-r { width:10px; height:144px; padding:0; float:left; background:#f2eedf url(../images/main/bg_aussen-r.gif) no-repeat top right }

.kontakt-agb { margin:40px 20px 30px 20px }
.kontakt-agb h1 { font-size:14px }
.kontakt-agb h2 { font-size:12px }

/* -------------------------------------------------
DEF: Allgemein
------------------------------------------------- */
td { vertical-align:top; font:11px/1.2em Tahoma,Verdana,sans-serif }
td a { padding:0 1px; text-decoration:none; color:#848484; border-bottom:1px dotted #292929 }
td a:hover { border-bottom:1px solid #000 }
a img { border:0 !important }
p img.l { margin:0 12px 5px 0; float:left; border:1px solid #bcbcbc }
p img.r { margin:0 0 5px 12px; float:right; border:1px solid #bcbcbc }
.clear { clear:both }
acronym { border:0 }


/* -------------------------------------------------
DEF: Kopf-Bereich
------------------------------------------------- */
#logobox { width:195px; height:90px; float:left }
#logoboxInnen { margin:48px 0 0 52px }
#navigbox { width:575px; height:90px; float:left }
#navigboxInnen { margin:58px 0 0 35px }
#bildbox1 { width:185px; height:144px; float:left }
#bildbox2 { width:565px; height:144px; float:left }


/* -------------------------------------------------
DEF: Balken
------------------------------------------------- */
#balken { width:185px; float:left }
#balkenInnen { padding:0 1px }
#balkenNewsHeadline { border-bottom:1px solid #bfbfbf }
.balkenNewsIcon { width:28px; margin:12px 0 10px 0; float:left }
.balkenNewsText { width:140px; margin:12px 0 10px 0; float:left }
.balkenNewsText span { color:#000 }
.balkenNewsText h3 { margin:2px 0 0 0; font-size:10px; font-weight:bold; color:#6e98a6 }
.balkenNewsText h3 a { text-decoration:none; color:#6e98a6 }
.balkenNewsText h3 a:hover { text-decoration:underline }
.balkenNewsText p { margin:2px 0 0 0; font-size:10px }
.balkenNewsText a.mehr { width:49px; height:17px; display:block; background:url(../images/main/icon_balken-news-mehr.gif) no-repeat }
.balkenNewsText a.mehr:hover { background:url(../images/main/icon_balken-news-mehr_an.gif) no-repeat }
.balkenNewsText a.mehr span { display:none }
#balkenCallback { padding:0 0 10px 0; background:#efefef }
#balkenCallback p { width:140px; margin:0 0 0 28px; font-size:10px }
#balkenCallback form { margin:10px 0 0 28px; padding:0 }
#balkenCallback label { display:block; font-size:11px }
#balkenCallback input { width:120px; margin:0 0 5px 0; padding:1px; font-size:11px; border:1px solid #bfbfbf }
#balkenCallback input:focus { border:1px solid #65290a }
#balkenCallback select { width:125px; margin:0 0 10px 0; font-size:11px; color:#848484 }
#balkenCallback #submitButton { width:60px; font-size:10px; color:#848484; background:#efefef; border:0 }


/* -------------------------------------------------
DEF: Inhalt
------------------------------------------------- */
#inhalt { width:565px; float:left }
.inhaltInnen { margin:22px 25px 20px 25px }
.inhaltInnen h1 { font-size:14px }
.inhaltInnen h3 { padding:0 0 2px 5px; font-size:12px; border-left:4px solid #6e98a6; border-bottom:1px solid #6e98a6 }
.inhaltInnen p { margin:0 0 10px 0; font-size:12px; line-height:1.5em }
.inhaltInnen p a { padding:0 1px; text-decoration:none; color:#848484; border-bottom:1px dotted #6e98a6 }
.inhaltInnen p a:hover { border-bottom:1px solid #000 }
.inhaltInnen .teaserStartseite { border:0; border:1px solid #bcbcbc }
.inhaltInnen2 { display:none }
.infobox { width:230px; margin:0 15px 0 0; float:left }
.infobox span { display:block; margin:0 6px 0 0; line-height:1.5em }
.infobox img.infoboxTeaser { margin:0 0 12px 0; border:1px solid #bcbcbc }
.infobox h2 { height:35px; margin:0; padding:0 0 0 35px; font-weight:bold; font-size:11px; color:#6e98a6; background:url(../images/main/icon_infobox-headline.gif) no-repeat }
.infobox h2.einzeilig { height:28px; margin:0; padding:7px 0 0 35px; font-weight:bold; font-size:11px; color:#6e98a6; background:url(../images/main/icon_infobox-headline.gif) no-repeat }
.infobox h2 a { text-decoration:none; color:#6e98a6 }
.infobox h2 a:hover { text-decoration:underline }
.infobox a.mehr { width:160px; height:17px; display:block; background:url(../images/main/icon_infobox-weitere-informationen.gif) no-repeat }
.infobox a.mehr:hover { background:url(../images/main/icon_infobox-weitere-informationen_an.gif) no-repeat }
.infobox a.mehr span { display:none }


/* -------------------------------------------------
DEF: Fuss
------------------------------------------------- */
#fuss { width:750px; margin:0 10px 5px 10px; height:8px; background:#5F80AC }
#fuss2 { width:750px; margin:0 0 0 12px }
#fuss2 a { text-decoration:none; color:#848484 }


/* -------------------------------------------------
DEF: Dropdowns
------------------------------------------------- */
a#unternehmenbtn, a#leistungenbtn, a#suchmaschinenbtn, a#kundenbtn { cursor:default }

#unternehmen { width:200px; height:142px; position:absolute; display:none; padding:12px 0 0 0; background:#fff url(../images/main/bg_dropdown.gif) repeat-y; filter:alpha(opacity=90); -moz-opacity:0.9; z-index:2 }
#unternehmen a { display:block; padding:2px 6px 8px 13px; text-align:left; text-decoration:none; font-size:12px; font-weight:bold; color:#b4b4b4 }
#unternehmen a:hover { color:#000 }

#leistungen { width:200px; height:142px; position:absolute; display:none; padding:12px 0 0 0; background:#fff url(../images/main/bg_dropdown.gif) repeat-y; filter:alpha(opacity=90); -moz-opacity:0.9; z-index:2 }
#leistungen a { display:block; padding:2px 6px 8px 13px; text-align:left; text-decoration:none; font-size:12px; font-weight:bold; color:#b4b4b4 }
#leistungen a:hover { color:#000 }

#suchmaschinen { width:200px; height:142px; position:absolute; display:none; padding:12px 0 0 0; background:#fff url(../images/main/bg_dropdown.gif) repeat-y; filter:alpha(opacity=90); -moz-opacity:0.9; z-index:2 }
#suchmaschinen a { display:block; padding:2px 6px 8px 13px; text-align:left; text-decoration:none; font-size:12px; font-weight:bold; color:#b4b4b4 }
#suchmaschinen a:hover { color:#000 }

#kunden { width:200px; height:142px; position:absolute; display:none; padding:12px 0 0 0; background:#fff url(../images/main/bg_dropdown.gif) repeat-y; filter:alpha(opacity=90); -moz-opacity:0.9; z-index:2 }
#kunden a { display:block; padding:2px 6px 8px 13px; text-align:left; text-decoration:none; font-size:12px; font-weight:bold; color:#b4b4b4 }
#kunden a:hover { color:#000 }


/* -------------------------------------------------
DEF: Kontaktformular
------------------------------------------------- */
#kontaktformular input, #kontaktformular textarea { display:block; width:190px; padding:1px; border:1px solid #999 }
#kontaktformular input:focus, #kontaktformular textarea:focus { border:1px solid #65290a }
#kontaktformular label { display:block; margin:5px 0 0 0 }
#kontaktformular select { display:block }
#kontaktformular textarea { height:160px }
#kontaktformular .senden { width:120px; background:#fff; color:#848484; border:0 }
#kontaktformular .senden:hover, .senden:focus { color:#65290a; border:0 }


/* -------------------------------------------------
DEF: Referenzen
------------------------------------------------- */
#refListe h6 { margin:0; padding:25px 0 5px 0; clear:both; font:bold 11px Verdana,Arial,sans-serif; color:#2b78b0; background:url(/images/bg_refListe_h6.gif) left 39px repeat-x }
#refListe h6 span { margin:0 0 0 8px; padding:0 0 0 9px; font-weight:normal; color:#686563; background:url(/images/bg_refListe_h6_span.gif) left top repeat-y }
#refListe h6 a { text-decoration:none; color:#686563 }
#refListe h6 a:hover { color:#2b78b0 }
#refListe .bild { width:160px; padding:3px 0 0 0; display:block; float:left }
#refListe .bild a { width:150px; height:100px; padding:1px; display:block; border:1px solid #d7d7d7 }
#refListe .text { width:350px; display:block; float:left; line-height:1.5em }
#refListe .zp { padding:0 0 0 10px; text-decoration:none; font-weight:bold; color:#686563 }
#refListe .zp:hover { text-decoration:underline }