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

/* ============================================================ */
/* ==================== Global Tags =========================== */
/* ============================================================ */

* { margin:0; padding:0; border:0; }

body { font:62.5%/1.8em arial, verdana, arials, sans-serif; color:#000; background:url(../images/bg-body.jpg) 0 0 repeat-x; }

div#container { width:960px; margin:0 auto; font-size:1.2em; }
div#container a { color:#93c44f; text-decoration:none; }
div#container a:hover { text-decoration:underline; }

h1.branding a { width:398px; height:44px; display:block; position:absolute; top:20px; left:282px; }

h2 { font-size:1.2em; color:#fff; margin:0 0 1.2em 0; padding:4px 0 0 5px; width:421px; height:23px; display:block; background:url(../images/bg-h2.jpg) 0 0 no-repeat; } 

h3 { font-size:1.2em; color:#999; margin:0 10px 1.2em 10px; padding:4px 0 0 5px; width:401px; height:22px; display:block; background:url(../images/bg-h3.jpg) 0 0 no-repeat; }

h4 { width:230px; height:27px; padding:9px 0 0 10px; background:url(../images/bg-h4.jpg) 0 0 no-repeat; color:#fff; font-size:1em; }

h5 { width:182px; height:23px; padding:4px 0 0 5px; background:url(../images/bg-h5.jpg) 0 0 no-repeat; margin:0 0 1.2em 0; color:#999; font-size:1em; }

p { margin:0 0 1.2em 0; }

div#euroweb { width:100%!important; padding:0 10px; }
div#euroweb img { float:left; margin: 0 10px 0 0; }

/* ============================================================ */
/* ==================== Global Classes ======================== */
/* ============================================================ */

.clear { float:none; clear:both; }

.noMargin { margin:0!important; }

.noText { text-indent:-9999px; color:#fff; font-size:1px; overflow:hidden; }

.trenner { width:100%; height:1px; margin:0 0 1.2em 0; border-top:1px dashed #515151; float:none; clear:both; }

/* ============================================================ */
/* ==================== header ================================ */
/* ============================================================ */

div#header { width:960px; height:38px; padding:212px 0 0 0; position:relative; background:url(../images/bg-header.jpg) 0 0 no-repeat; }

div#header ul#navi { width:920px; height:38px; margin:0 19px 0 22px; background:url(../images/bg-navi.jpg) 0 0 no-repeat; list-style:none; }
div#header ul#navi li { float:left; }
div#header ul#navi li a { height:38px; display:block; background:url(../images/bg-navi-hover.jpg) no-repeat; }

div#header ul#navi li a.firmenprofil { width:180px; background-position:0 0; }
div#header ul#navi li a.dienstleistungen { width:191px; background-position:0 -38px; }
div#header ul#navi li a.leistungsbereiche { width:208px; background-position:0 -76px; }
div#header ul#navi li a.referenzen { width:157px; background-position:0 -114px; }
div#header ul#navi li a.kundenkreis { width:184px; background-position:0 -152px; }

div#header ul#navi li a:hover,
div#header ul#navi li.active a { background:none; }

div#header ul#navi-add { width:333px; height:24px; list-style:none; position:absolute; top:190px; left:630px; }
div#header ul#navi-add li { float:left; }
div#header ul#navi-add li a { width:111px; height:24px; display:block; text-align:center; color:#aaa; text-decoration:none; }
div#header ul#navi-add li a:hover,
div#header ul#navi-add li.active a { color:#515151; }

/* ============================================================ */
/* ==================== contentContainer ====================== */
/* ============================================================ */

div#contentContainer { width:907px; padding:29px 26px 29px 27px; background:#fff; }

/* ============================================================ */
/* ==================== contentMain =========================== */
/* ============================================================ */

div#contentMain { width:426px; margin:0 27px 0 0; padding:5px 0 0 0; float:left; }

div#contentMain p { padding:0 10px; }

div#contentMain .img { border:1px solid #ccc; background:#fff; padding:3px; }
div#contentMain .img:hover { border:1px solid #ccc; background:#ccc; padding:3px; }

div#contentMain ul { list-style:none; margin:0 0 1.2em 0; padding:0 10px; }
div#contentMain ul li { background:url(../images/required.png) 0 0 no-repeat; padding:0 0 0 20px; margin:0 0 0.6em 0; }

div#contentMain table { width:406px; margin:0 10px 1.2em 10px; }
div#contentMain table tr td { width:198px; padding:5px 5px 5px 0; }

/* ============================================================ */
/* ==================== contentMitte ======================== */
/* ============================================================ */

div#contentMitte { width:240px; margin:0 27px 0 0; background:url(../images/bg-content-sidebar.jpg) 0 0 no-repeat; float:left; }

div#contentMitte .box { width:240px; margin:0 0 10px 0; background:url(../images/bg-content-boxes.jpg) 0 0 repeat-y; }
div#contentMitte .box-bottom { width:220px; padding:10px 10px 10px 10px; background:url(../images/bg-content-boxes-bottom.jpg) 0 bottom no-repeat; }

/* ============================================================ */
/* ==================== contentSidebar ======================== */
/* ============================================================ */

div#contentSidebar { width:187px; background:url(../images/bg-content-sidebar.jpg) 0 0 no-repeat; float:left; padding:5px 0 0 0; }

div#contentSidebar p { padding:0 5px; }

/* ===========================
	Ende ;)
=========================== */