@charset "UTF-8";

/*
   
	perrotconsulting.ch - global.css

	cubegrafik, 2009
		
*/


/* --------------------- Reset */

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


/* --------------------- Misc */

body { background: #f8f8f8 url(../interface/bkg.jpg) fixed repeat-x bottom; }

html, body { height: 100%; }

.left { float: left; }

.right { float: right; }

a { outline: none; }


/* --------------------- Typography */

body { font: 12px/18px Arial, Helvetica, sans-serif; color: #595959; }

p { margin-bottom: 25px; }

h1 { position: relative; height: 18px; margin: 0 0 25px -1px; }

h1 img { position: absolute; bottom: 0; }

h2 { font: bold 12px/18px Arial, Helvetica, sans-serif; color: #595959; margin-bottom: 25px; }

#subNav { font: 11px Arial, Helvetica, sans-serif; color: #513a0a; }

#footer { font: 11px Arial, Helvetica, sans-serif; color: #6b6b6b; }


/* --------------------- Links */

a:link, a:active, a:visited { color: #ccae00; text-decoration: underline; }

a:hover { color: #513a0a; text-decoration: none; }


#footer a:link, #footer a:active, #footer a:visited { color: #6b6b6b; text-decoration: underline; }

#footer a:hover { color: #6b6b6b; text-decoration: none; }

#footer span.right a { text-decoration: none; }


/* --------------------- Layout */

#wrapper { position: relative; width: 952px; min-height: 100%; height: auto !important; height: 100%; margin: auto auto; }

#header { width: 932px; height: 69px; padding: 21px 10px 0 10px; }

#content { width: 952px; }

#leftCol { width: 319px; padding: 0 63px 0 94px; float: left; }

#rightCol { width: 476px; float: left; }

#rightCol table { min-height: 88px; border: 0; }

/* #rightCol table { width: 476px; min-height: 88px; border: 0; } */

/* #rightCol table td table { width: 316px; min-height: 88px; border: 0; } */

#rightCol td.about { text-align: right; padding-right: 26px; }

#rightCol td.aboutInfo { text-align: left; padding-left: 10px; vertical-align: bottom; }

#clear { clear: both; padding-bottom: 23px; }

#footer { position: relative; width: 859px; height: 17px; padding: 6px 0 0 93px; margin: -23px auto 0 auto; }


/* --------------------- Navigation */

#mainNav { width: 466px; float: right; list-style: none; }

#mainNav li { display: inline; margin-right: 15px; float: left; }

#mainNav li a span { display: none; }


li.n1 a { width: 60px; height: 18px; background: url(../interface/bkgMainNav.png) 0 0; display: block; }

li.n1 a:hover { width: 60px; height: 18px; background: url(../interface/bkgMainNav.png) 0 -18px; display: block; }

li.n2 a { width: 57px; height: 18px; background: url(../interface/bkgMainNav.png) 0 -36px; display: block; }

li.n2 a:hover { width: 57px; height: 18px; background: url(../interface/bkgMainNav.png) 0 -54px; display: block; }

li.n3 a { width: 78px; height: 18px; background: url(../interface/bkgMainNav.png) 0 -72px; display: block; }

li.n3 a:hover { width: 78px; height: 18px; background: url(../interface/bkgMainNav.png) 0 -90px; display: block; }

li.n4 a { width: 55px; height: 18px; background: url(../interface/bkgMainNav.png) 0 -108px; display: block; }

li.n4 a:hover { width: 55px; height: 18px; background: url(../interface/bkgMainNav.png) 0 -126px; display: block; }

li.n5 a { width: 55px; height: 18px; background: url(../interface/bkgMainNav.png) 0 -144px; display: block; }

li.n5 a:hover { width: 55px; height: 18px; background: url(../interface/bkgMainNav.png) 0 -162px; display: block; }


#subNav { position: absolute; margin: 5px 0 0 -5px; }

#subNav li { display: inline; margin: 0 5px 0 0; padding: 0 0 0 6px; background: url(../interface/separateSubNav.gif) no-repeat left; }

#subNav li:first-child { background: none; }

#subNav li a { width: 100%; height: 100%; display: inline; background: none; }


#subNav li a:link, #subNav li a:active, #subNav li a:visited { color: #ccae00; text-decoration: none; }

#subNav li a:hover { color: #513a0a; text-decoration: none; }


/* Start */

#navStart #subNav { display: none; }


/* Ueber uns */

#navUeberUns #mainNav li.n1 a { background: url(../interface/bkgMainNav.png) 0 -18px; }

#navUeberUns #subNav { display: none; }


/* Angebot */

#navAngebot #mainNav li.n2 a { background: url(../interface/bkgMainNav.png) 0 -54px; }

#navAngebot #subNav a { background: none !important; }


/* Referenzen */

#navReferenzen #mainNav li.n3 a { background: url(../interface/bkgMainNav.png) 0 -90px; }

#navReferenzen #subNav { display: none; }


/* Partner */

#navPartner #mainNav li.n4 a { background: url(../interface/bkgMainNav.png) 0 -126px; }

#navPartner #subNav { display: none; }


/* Kontakt */

#navKontakt #mainNav li.n5 a { background: url(../interface/bkgMainNav.png) 0 -162px; }

#navKontakt #subNav { display: none; }


/* Immobilien */

#subNavImmobilien #mainNav li.n2 a { background: url(../interface/bkgMainNav.png) 0 -54px; }

#subNavImmobilien #subNav a { background: none !important; }

#subNavImmobilien #subNav li.s1 a { color: #513a0a; text-decoration: none; }


/* Bautreuhand */

#subNavBautreuhand #mainNav li.n2 a { background: url(../interface/bkgMainNav.png) 0 -54px; }

#subNavBautreuhand #subNav a { background: none !important; }

#subNavBautreuhand #subNav li.s2 a { color: #513a0a; text-decoration: none; }


/* Projektentwicklung */

#subNavProjektentwicklung #mainNav li.n2 a { background: url(../interface/bkgMainNav.png) 0 -54px; }

#subNavProjektentwicklung #subNav a { background: none !important; }

#subNavProjektentwicklung #subNav li.s3 a { color: #513a0a; text-decoration: none; }


/* Unternehmensberatung */

#subNavUnternehmensberatung #mainNav li.n2 a { background: url(../interface/bkgMainNav.png) 0 -54px; }

#subNavUnternehmensberatung #subNav a { background: none !important; }

#subNavUnternehmensberatung #subNav li.s4 a { color: #513a0a; text-decoration: none; }
