@charset 'utf-8';

/*

Firma
 blau
 #00305e
 #4c6289

Leistung
 grün
 #7ab51d
 #b6d180

Referenzen
 bordeux
 #73142c
 #9b5b5c

Service
 orange
 #df8606
 #ebaa5a

Hintergrund: #eef5e3

breite haupt-box: 854px
hoehe:            587px

*/

html, body {
	background: #eef5e3 url(../image/hg-mit-logo.jpg) center top no-repeat;
	text-align:center;
	font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
}

img { vertical-align: bottom; }

body#start, body#baustelle {
	background: #eef5e3 url(../image/hg-ohne-logo.jpg) center top no-repeat;	
}

#box {
	position: relative;
	top: 120px;
	width: 854px;
	height: 587px;
	margin: 0 auto;
	text-align: left;
}

#start #box {
	background: url(../image/box-start.png) center top no-repeat;	
}

#baustelle #box {
	background: url(../image/box-baustelle.png) center top no-repeat;	
}

#box {
	background: url(../image/box-slogan.png) center top no-repeat;
}

/* Navigation links */
#start #navi-left {
	position: relative;
	top: 189px;
	left:0;
	width:116px;
	height:397px;
}
#start #navi-left li {
	margin: 0 0 2px 0;
}
#navi-left a {
	font-size: 13px;
	display: block;
	height: 59px;	
	padding: 39px 0 0 13px;
	cursor: pointer;	
}
#navi-left a:link, #navi-left a:visited {
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: rgb(132,190,39);	
	color: #fff;
}
#navi-left .firma a:hover {background-color: #00305e; }
#navi-left .leistung a:hover {background-color: #7ab51d; }
#navi-left .referenzen a:hover {background-color: #73142c; }
#navi-left .service a:hover {background-color: #df8606; }
#navi-left a:active {
	margin-left: 1px;
}


/* Footer: 60x854px */

#baustelle #footer {
	position: relative;
	top: 595px;
	left:0;
	height: 60px;
	background: url(../image/footer-baustelle.png) center top no-repeat;
	text-align: right;
	padding: 19px 40px 0 0;
}
#footer {
	position: relative;
	width: 854px;
	margin: 0 auto;
	top: 130px;
	height: 60px;
	font-weight: bold;
	background: url(../image/footer.png) center top no-repeat;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #fff;
	margin: 0 0 0 30px;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
	margin: 0 0 0 30px;
}
#footer #left { position: absolute; left:120px; top:20px }
#footer #right { position: absolute; right:50px; top:20px }


/* Inhalt */

#firma      #corner, #firma .jScrollPaneDrag { background-color: #00305e; }
#leistung   #corner, #leistung .jScrollPaneDrag { background-color: #7ab51d }
#referenzen #corner, #referenzen .jScrollPaneDrag { background-color: #73142c }
#service    #corner, #service .jScrollPaneDrag { background-color: #df8606 }
#impressum  #corner, #impressum .jScrollPaneDrag { background-color: #00305e; }
#kontakt    #corner, #kontakt .jScrollPaneDrag { background-color: #00305e; }

#firma      #content { background-color: #4c6289 }
#leistung   #content { background-color: #8dc03e }
#referenzen #content { background-color: #9b5b5c }
#service    #content { background-color: #e9aa4f }
#impressum  #content { background-color: #4c6289 }
#kontakt    #content { background-color: #4c6289 }

#firma      #header { background: #00305e url(../image/header_firma.png) top left no-repeat }
#leistung   #header { background: #7ab51d url(../image/header_leistung.png) top left no-repeat }
#referenzen #header { background: #73142c url(../image/header_referenzen.png) top left no-repeat }
#service    #header { background: #df8606 url(../image/header_service.png) top left no-repeat }
#impressum  #header { background: #00305e url(../image/header_impressum.png) top left no-repeat }
#kontakt    #header { background: #00305e url(../image/header_impressum.png) top left no-repeat }

h1#corner {
	position: relative;
	width: 103px;
	height: 59px;	
	top: 189px;
	left: 0;
	padding: 39px 0 0 13px;
	color: #fff;
	font-size: 13px;	
	font-weight: bold;
	letter-spacing: 1px;
}
div#header {
	position: relative;
	width: 713px;
	height: 73px;	
	top: 189px;
	left: 116px;
	padding: 25px 0 0 25px;
	color: #fff;
}
#header h2, #header p { text-indent: -1000em }
div#content {
	position: relative;
	width: 738px;
	height: 202px;	
	top: 189px;
	left: 116px;
	color: #fff;
	line-height: 1.7em;
}
#content h3 {
	font-size: 12px;
	margin: 0 0 12px 0;
}
#content h3 img {
	vertical-align: middle;
}
div#scrollpane {
	width:688px;
	height:172px;
	padding:15px 17px 15px 33px;
}
#content p {
	font-size: 12px;
	margin: 0 0 7px 0;
}
#content ul {
	font-size: 12px;
	margin: 0 0 12px 13px;
	list-style-type: disc;
}
#content .intended {
	margin-left: 54px;
}
#content td, #content th {
	font-size: 12px;
	line-height:1.3em;
	padding: 0 6px 0 0;
}
#content table {
	margin: 0 0 7px 0;
}
#content a:link, #content a:visited {
	color: #fff;
	text-decoration: underline;
}
#content a:hover, #content a:active {
	color: #fff;
	text-decoration: none;
}
#content p.first, #content p.second, #content p.third {
	padding: 4px 0 7px 40px;
	margin:0;
}
#content p.first {
	background: url(../image/button-1.png) left top no-repeat;
}
#content p.second {
	background: url(../image/button-2.png) left top no-repeat;
}
#content p.third {
	background: url(../image/button-3.png) left top no-repeat;
}
.wide { font-weight: bold; letter-spacing:1px; padding: 0 2px; }

.gallery img { margin: 6px 14px 14px 0; border: 2px solid #fff; vertical-align: top;}
.gallery img.zweizeilen { float:left; }
.gallery img.abstandrechts { margin-right: 50px; }
.gallery img.eng { margin-right: 6px; }
.gallery img.flach { margin-bottom: 6px; }

.gallery span.neuezeile { display: block; height:1px; width:100%; clear:both; margin: 0;}

#tooltip {
	z-index: 100;
	position: absolute;
	padding: 10px;
	background: #fff;
}


/* Scrolling */

a.jScrollArrowUp {
background:transparent url(../image/arrow-up.png) repeat-x scroll 0 0;
height:15px;
}
a.jScrollArrowDown {
background:transparent url(../image/arrow-down.png) repeat-x scroll 0 0;
height:15px;
}
.jScrollPaneTrack { background: transparent; }

/* Versteckte Links */

a.hidden { position:absolute; display: block; text-indent: -1000em; }
#baustelle #kontakt_helm { width: 140px; height: 120px; top: 384px; left: 644px; }
#footer #home { width: 55px; height: 55px; top: 0px; left: 0px; }