body { background-color: #f3f3f3; color: #5a5a5a; padding:.625em; margin: 0; border: 0; font: normal normal 100.01%/100% Verdana,Tahoma,Arial,Helvetica; }
img, ul, li, p { border: 0; margin: 0; padding: 0; }
a { color: #5a5a5a; text-decoration: none; }
h1, h2 { display: none; }
.clearall { clear: both; }
img.fit { width: 100%; height: 100%; }

/* === basic grid === */
#mainCanvas { width: 54.375em; height: auto; }
#colLeft { width: 14.375em; height: auto; margin-right: .625em; float: left; }
#colLeftBlank { width: 14.375em; height: 10.625em; margin-right: .625em; float: left; }
#colRight { width: 39.37499em; height: auto; float: left; }

/* === header === */
#pgHeader { width: 100%; height: 7.5em; background: #fff; overflow: hidden; margin-bottom: .625em; }
#pgHeader #pgHeaderContent { padding: 1em 1em 1em .5em; line-height: 100%; }
#pgHeader #pgHeaderContent #hdrLeft { float: left; }
#pgHeader #pgHeaderContent #hdrRight { float: right; text-align: right; }
#pgHeader #pgHeaderContent #hdrRight #mainSignature { width: 10em; height: 2em; margin-left: auto; }
#pgHeader #pgHeaderContent #hdrRight #metaNav { width: 37.375em; height: 1em; margin-top: 2.5em; }
#pgHeader #pgHeaderContent #hdrRight #metaNav #metaNavContent { font-size: .57em; }
#pgHeader #metaNavContent a { padding-left: 1em; background: transparent url(arrow1.gif) no-repeat left center; margin-left: 1em; }
#pgHeader #metaNavContent a:hover, #metaNavContent a:focus { color: #09f; text-decoration: underline; }

#moodImage { width: 100%; height: 10.625em; margin-bottom: .625em; }
#moodImage img { width: 100%; height: 100%; }

/* === nav level 1 === */
ul#navLevel1 { list-style: none; width: 13.37em; position: relative; top: -.3em; left: 0; }
ul#navLevel1 li { font-size: .57em; }
ul#navLevel1 li a { display: block; height: 100%; padding:0 0 0 .9em; }
ul#navLevel1 li a:hover, ul#navLevel1 li a:focus  { background: #eee !important; }
ul#navLevel1 li a, ul#navLevel1 li a:visited { color: #5a5a5a; text-decoration: none; }
ul#navLevel1 li a.current { font-weight: bold; }


/* === nav level 2 === */
#nav2Pane { width: 100%; height: 10.625em; background: #fff; }
#nav2PaneContent { padding: .5em; }
ul#navLevel2 { list-style: none; position: relative; top: 0; left: 0; }
ul#navLevel2 li { font-size: .57em; }
ul#navLevel2 li a { display: block; padding: 0 0 0 1.8em; background: transparent url(arrow1.gif) no-repeat .8em .4em; }
ul#navLevel2 li.level3 a { padding-left: 2.8em; background-position: 1.8em .4em; }
ul#navLevel2 li a:hover, ul#navLevel2 li a:focus { background-color: #eee !important; }
ul#navLevel2 li.current a { color: #09f !important; font-weight: bold; }
ul#navLevel2 li a, ul#navLevel2 li a:visited { color: #5a5a5a; text-decoration: none; }
ul#navLevel2 li.title {  margin-bottom: 6px; padding-left: .9em; }
ul#navLevel2 li.title a, ul#navLevel2 li.title a:focus { font-weight: bold; color: #09f !important; background: none !important; padding: 0; display: inline; }
ul#navLevel2 li.title a:hover { background: none !important; }


/* === content === */
#mainContent { background: #fff; }
#mainContentInner { padding: 1em; }

#mainCol1 { width: 27em; float: left; }
#mainCol1inner { padding-right: 1em; }
#mainCol2 { float: left; width: 10em; }
#mainCol2inner { padding-left: 1em; }

/* Layout-Abwandlungen: */
#mainLayoutA #mainCol1 { border-right: solid #f3f3f3 1px; }
#mainLayoutB #mainCol1 { border-right: none; }
#mainLayoutA #mainCol1inner { border-right: none; }
#mainLayoutB #mainCol1inner { border-right: solid #f3f3f3 1px; }
#mainLayoutB #mainCol2inner { border-left: solid #fff 1px; }

/* Headers */
.contentHeader { position: relative; width: 27em; height: 1em; overflow: hidden; margin-bottom: 3.5em; }
.contentHeader div { position: relative; width: 100%; height: 100%; }
.contentHeader img { width: 100%; }
.contentHeader div#hdg_home { top: 0em; }
.contentHeader div#hdg_unternehmen { top: -1em; }
.contentHeader div#hdg_unternehmen_news { top: -2em; }
.contentHeader div#hdg_unternehmen_geschichte { top: -3em; }
.contentHeader div#hdg_unternehmen_werte { top: -4em; }
.contentHeader div#hdg_unternehmen_wiewirarbeiten { top: -5em; }
.contentHeader div#hdg_kompetenzen { top: -6em; }
.contentHeader div#hdg_kompetenzen_technologie { top: -7em; }
.contentHeader div#hdg_kompetenzen_technologie_portale { top: -8em; }
.contentHeader div#hdg_kompetenzen_technologie_communities { top: -9em; }
.contentHeader div#hdg_kompetenzen_technologie_cms { top: -10em; }
.contentHeader div#hdg_kompetenzen_design { top: -11em; }
.contentHeader div#hdg_kompetenzen_design_multimedia { top: -12em; }
.contentHeader div#hdg_kompetenzen_design_image { top: -13em; }
.contentHeader div#hdg_kompetenzen_design_barrierefrei { top: -14em; }
.contentHeader div#hdg_kompetenzen_design_styleguides { top: -15em; }
.contentHeader div#hdg_kompetenzen_support { top: -16em; }
.contentHeader div#hdg_kompetenzen_support_anwendung { top: -17em; }
.contentHeader div#hdg_kompetenzen_support_redaktionell { top: -18em; }
.contentHeader div#hdg_kompetenzen_vermarktung { top: -19em; }
.contentHeader div#hdg_referenzen { top: -20em; }
.contentHeader div#hdg_referenzen_kunden { top: -29em; }	/* #last# */
.contentHeader div#hdg_referenzen_fallstudien { top: -21em; }
.contentHeader div#hdg_referenzen_kundenstimmen { top: -22em; }
.contentHeader div#hdg_jobs { top: -24em; }
/*.contentHeader div#hdg_jobs_ausschreibungen { top: -24em; }*/
.contentHeader div#hdg_kontakt { top: -25em; }
.contentHeader div#hdg_kontakt_anfahrt { top: -26em; }
.contentHeader div#hdg_kontakt_anfrage { top: -27em; }
.contentHeader div#hdg_impressum { top: -28em; }

.rightHeader { width: 8em; height: 1em; margin-bottom: 3.5em; }

/* body */
.bodyText.std1 { font-size: .57em; line-height: 186%; }
.bodyText.narrow { line-height: 164%; }
.bodyText ul { list-style: square; margin-left: 1.5em; padding-left: 1.5em; }
.bodyText li { font-size: 1em; }
.bodyText a, .bodyText a:visited { color: #09f; text-decoration: underline; }
.bodyText a:hover, .bodyText a:focus { color: #09f; text-decoration: none; }
.bodyText .dotted { padding-bottom: 2em; border-bottom: dashed #ddd 1px; margin-bottom: 2em;  }

/* content graphics */
#kompetenzen_graph1 { width: 100%; height: 27.85em; }
#barrierefrei_graph1 { width: 100%; height: 26.86em; }
#styleguides_graph1 { width: 100%; height: 14.69em; }
#anfahrt_map { width: 42.54em; height: 29.93em; }


.newsItem { padding-bottom: 2em; }

a.arrow2 { padding-left: 1em; background: transparent url(arrow2.gif) no-repeat left center; }
a.arrow3 { padding-left: 1em; background: transparent url(arrow3.gif) no-repeat left center; }
a.arrow4 { padding-left: 1em; background: transparent url(arrow4.gif) no-repeat left .3em; }
a.arrow2:hover, a.arrow2:focus,
a.arrow3:hover, a.arrow3:focus,
a.arrow4:hover, a.arrow4:focus { color: #09f; text-decoration: none; }