@charset "utf-8";
/* CSS Document for SANEX Austria style v0.1 
violett: 4d1167
gelb/grün: 999c0c (heller: d4d54d) (noch heller: f3ec00) */


/* basic elements */
* { margin:0; padding:0 }
html,body { margin:0; padding:0; }

body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  text-align:center; background:transparent url(../images/hg_wg_.jpg) repeat left center; }

h1 { font-weight:bold; margin:5px 0 15px 0; font-size: 4em; color:#f3ec00; }
h1.span { font-weight:bold; margin:5px 0 15px 0; text-align:right; font-size:99%; border-right:6px solid #d4d54d; padding-right:5px; background-color:#fff; color:#4d1167; }
h2 { margin:5px 0 15px 0; font-size: 1.6em; color:#f3ec00; }
h3 { margin:15px 0 10px 0; color:#f3ec00; }
p { margin:10px 0; }
a { color:#fff; }
small { font:10px/12px verdana; color:#eee;}
h1.small { color:#fff; margin:-15px 0 25px 0; text-align:right; padding-right:12px; font:10px/12px verdana; }


/* specific divs */
#container { text-align:left; width:980px; margin:10px auto; border:1px solid #4d1167; }

#header { height:150px; line-height:80px; margin:0; color:#79B30B; background-color:#fff; }
#header img { text-align:center; border:none; margin:0 100px; }

#navigation_vertical { position:relative; width:100%; height:28px; float:right; font:1.3em/2.2 verdana; border-top:2px solid #4d1167; border-bottom:1px solid #4d1167; background:#999c0c url(../images/hg_g.jpg) repeat left bottom; }
#navigation_vertical ul { width:100%; float:left; list-style:none; text-align:left; }
#navigation_vertical li { display:inline; list-style:none; margin:10px 30px 10px 15px; }
#navigation_vertical li a { font-weight:bold; color:#fff; text-decoration:none; }
#navigation_vertical li a:hover, #leistung #leistung a, #unternehmen #unternehmen a, #galerie #galerie a, 
#kontakt #kontakt a, #referenz #referenz a, #job #job a { color:#4d1167; }

#wrapper { float:left; width:100%; background:transparent url(../images/hg_v.jpg) repeat left center; }

#content{ margin:0 150px 0 200px; color:#eee; padding:10px 20px; min-height:941px; font-size:1.2em; }
#content p{ line-height:1.4; }
#content ul { margin-left:2em; }
#content li { font-size:1.1em; list-style:none; background:transparent url(../images/logo_punkt.png) no-repeat left center; padding-left:30px; }
#content li a { color:#fff; line-height:1.4; }
#content li a img { border:none; }
#content table { margin:1em; width:100%; }
#content th { padding:.5em .2em; text-align:left; }
#content td { padding:.2em; }
#content thead { border-bottom:1px solid #4d1167; }

#navigation { float:left; width:200px; margin-left:-980px; font:1.3em verdana; background:#999c0c url(../images/hg_g.jpg) repeat left top; border-right:1px solid #4d1167; border-bottom:1px solid #4d1167; min-height:960px; }
#navigation ul { width:100%; float:left; list-style:none; text-align:left; }
#navigation li { list-style:none; margin:15px 10px; }
#navigation a { font-weight:bolder; color:#fff; text-decoration:none; display:block; padding:7px; }
#navigation a:hover, #abdichtung #abdichtung a, #natursteinteppich #natursteinteppich a, #beschichtung #beschichtung a, 
#trockenlegung #trockenlegung a, #injektion #injektion a, #portalanschluss #portalanschluss a { color:#4d1167; }

#navigation #navigation_ { float:left; font:1.0em verdana; background-color:transparent; }
#navigation #navigation_ ul { width:90%; float:left; list-style:none; text-align:left; margin:-10px 15px 15px 15px; }
#navigation #navigation_ li { list-style:none; margin:5px 20px; }
#navigation #navigation_ a { font-weight:normal; color:#4d1167; text-decoration:none; display:block; padding:7px; border-bottom:1px dotted #4d1167; }
#navigation #navigation_ a:hover, #eigenschaft #eigenschaft a { color:#fff; }

#gallery { position:relative; float:left; height: 150px; margin:50px 20px 35px 25px; text-align:center; border:1px dotted #4d1167; }
#gallery a { padding:0; }
#counter { position:relative; float:left; height: 60px; margin:20px 25px; padding:0 10px 10px 10px; text-align:left; font-size:0.8em; }
#counter span { border-top:1px solid #4d1167; }

#extra { float:left; width:149px; margin-left:-150px; text-align:center; background:#999c0c url(../images/hg_g.jpg) repeat right top; border-left:1px solid #4d1167; border-bottom:1px solid #4d1167; min-height:960px; }
#extra img { text-align:center; border:none; border-top:1px dashed #FFFFFF; border-bottom:1px dashed #FFFFFF; margin-top:20px; }

#footer { background-color:#4d1167; color:#fff; clear:left; width:100%; font:0.9em verdana; }
#footer p { margin:0; padding:5px 10px; text-align:right; }
#footer a { text-decoration:none; }

/* patches for ie x/6 */
* html #navigation_vertical { width:990px; }
* html #wrapper { width:975px; height:900px; }
* html #content { width:580px; }
* html #content p { padding-left:20px; }
* html #navigation { width:190px; }
* html #footer { width:990px; }