/* master.css fuer voss-halver.de */

/* Allgemeine HTML-Tags */
body {
	background-color: #fff;
	color: #000;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: 82%;
}

div { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, p, address, th, td, li, dt, dd, form, input, textarea, a {
	color: #000;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	line-height: 1.5em;
}
h1 { color: #194294; font-size: 2.1em; }
h2 { color: #194294; font-size: 1.5em; }
h3 { color: #194294; font-size: 1.2em; }
h4 { color: #194294; font-size: 1.0em; }
h5, h6 { color: #000; font-size: 1.0em; }
p, dl, ul, ol { font-size: 1.0em; line-height: 1.5em; }

table, tr, th, td { font-size: 1.0em; line-height: 1.3em; }
table tr { vertical-align: baseline; }
table td { text-align: left; }

form { margin: 0; padding: 0; }
input, textarea { font-size: 1.0em; color: #003;}

a:link, a:visited { color: #194294; text-decoration: none; }
a:hover, a:active { color: #194294; font-size: 1.0em; text-decoration: underline; }

strong, b { color: #194294; font-weight: bold; }
em, i { color: #333; font-style: italic; }
img, a img { border: 0 none; }


/* Spezielle Klassen */
.red { color: #f00 !important; }
.bold { font-weight: bold !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.clear { clear: both !important; }
.hide { display: none !important; }
.bg-transparent { background: transparent url(bg-transparent.gif) 0 0; }


/* Raender, Breite, Hintergrundfarbe, etc. der Seite */
html { margin: 0; padding: 0; min-width: 993px; height: 100%; }
body { margin: 0; padding: 0; height: 100%; background: #9db1c9 url(bg-middle.jpg) repeat-y top left; }
#page { position: relative; margin: 0 auto 0 0; width: 993px; min-height: 100%; }


/* Beginn Header */
#header { width: 993px; height: 47px; background: transparent url(bg-top.jpg) no-repeat 0 0; }
#header h1 { margin: 0; padding: 0; width: 980px; height: 47px; text-indent: -9999px; overflow: hidden; }
/* Ende Header */


/* Beginn Wrapper fuer Navigation + Inhalt */
#wrap { 
	position: relative;
	padding-bottom: 2.5em;
	width: 993px;
	min-height: 535px;
	background: url(bg-content.jpg) no-repeat 0 68px;
}
/* Ende Wrapper fuer Navigation + Inhalt */


/* Beginn Menu */
#menu {
	position: relative;
	width: 993px; height: 68px;
	background: transparent url(bg-menu.jpg) no-repeat 0 0;
}
#menu span { display: none; }
#menu a {
	position: absolute; top: 40px;
	display: block;
	height: 17px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -999em;
	text-decoration: none;
	overflow: hidden;
}
a#menu-1 { left: 24px; width: 109px; background-image: url(menu-01.jpg); }
a#menu-2 { left: 150px; width: 62px; background-image: url(menu-02.jpg); }
a#menu-3 { left: 230px; width: 41px; background-image: url(menu-03.jpg); }
a#menu-4 { left: 288px; width: 72px; background-image: url(menu-04.jpg); }
a#menu-5 { left: 380px; width: 62px; background-image: url(menu-05.jpg); }
a#menu-1:hover, a#menu-1:active { background-image: url(menu-01-over.jpg); }
a#menu-2:hover, a#menu-2:active { background-image: url(menu-02-over.jpg); }
a#menu-3:hover, a#menu-3:active { background-image: url(menu-03-over.jpg); }
a#menu-4:hover, a#menu-4:active { background-image: url(menu-04-over.jpg); }
a#menu-5:hover, a#menu-5:active { background-image: url(menu-05-over.jpg); }
body#unternehmen a#menu-1 { background-image: url(menu-01-over.jpg); }
body#service a#menu-2 { background-image: url(menu-02-over.jpg); }
body#infos a#menu-3 { background-image: url(menu-03-over.jpg); }
body#produkte a#menu-4 { background-image: url(menu-04-over.jpg); }
body#kontakt a#menu-5 { background-image: url(menu-05-over.jpg); }
/* Ende Menu */

/* Beginn Untermenu (Bilder) */
#menu-sub-1 { position: absolute; top: 65px; left: 23px; }
#menu-sub-2 { position: absolute; top: 174px; left: 134px; }
body#produkte #menu-sub-2 { position: absolute; top: 177px; left: 134px; }
body#produkte #menu-sub-1 { left: 21px; }
#menu-sub-1 img, #menu-sub-2 img, #menu-sub-1 a, #menu-sub-2 a { vertical-align: top; }
/* Ende Untermenu (Bilder) */

/* Beginn Extra-Menu (Links) */
#menu-extra ul { list-style: none; }
#menu-extra li a {
	display: block;
	width: 100%; height: 100%;
	text-indent: -999em;
	text-decoration: none;
	overflow: hidden;
}
#menu-extra-1 { position: absolute; top: 368px; left: 45px; width: 66px; height: 86px; }
#menu-extra-2 { position: absolute; top: 475px; left: 41px; width: 75px; height: 58px; }
#menu-extra-3 { position: absolute; top: 548px; left: 45px; width: 70px; height: 42px; }
#menu-extra-3 a { background: url(drucken.gif) no-repeat 0 0; }
#menu-extra-3 a:hover, #menu-extra-3 a:active { background-position: -70px 0px; }
#menu-extra-4 { position: absolute; top: 598px; left: 45px; width: 70px; height: 16px; }
#menu-extra-4 a { background: url(impressum.gif) no-repeat 0 0; }
#menu-extra-4 a:hover, #menu-extra-4 a:active { background-position: -70px 0px; }
/* Ende Extra-Menu (Links) */

	
/* Begin Content */
#content {
	margin: 0; padding: 250px 0 0 480px;
	width: 450px; min-height: 350px; }

#content h2 { margin: 0 0 0.5em 0; padding: 0; }
#content h3 { margin: 1.5em 0 0.5em 0; }
#content h4 { margin: 1.5em 0 0 0; padding: 0; }
#content p { margin: 0 0 1.0em 0; padding: 0; }

#content ul, #content ol { margin: 5px 0 15px 9px; padding: 0 10px 0 9px; }
#content li { margin-left: 9px; padding: 3px; }

#content dl { margin: 5px 0 15px 0; padding: 0 10px 0 10px; }
#content dt { font-weight: bold; color: #003;}
#content dd { padding: 0 0 0 10px; }

#content table { margin: 1.0em 0 0 0; border: 0 none; padding: 0; }
#content table tr { margin: 0; padding: 0; }
#content table td { margin: 0; padding: 0 0 1.0em 0; }

/* Ende Content-Right */

/* Begin Content-Contact */
body#kontakt #content { 
	margin: 0; padding: 110px 50px 10px 245px;
	width: 680px; min-height: 470px; }
body#kontakt #content h2 { margin: 0; padding: 10px 25px 15px 15px; }
body#kontakt #content h3 { margin: 0 0 1.0em 0; padding: 0 25px 0 15px; }
body#kontakt #content p.message { margin: 0 0 1.0em 0; padding: 0 25px 0 15px; }
body#kontakt #content p.submit { margin: 0; padding: 10px 35px 0 15px; text-align: right; }
body#kontakt #content table { margin: 0 15px 0 15px; border: 0 none; padding: 0; }
body#kontakt #content table tr { margin: 0; padding: 0; }
body#kontakt #content table tr td { margin: 0; padding: 0 10px 5px 0; }
body#kontakt #content table tr td p { margin: 0 0 1.0em 0; padding: 0; }
/* Ende Content-Contact */

/* Beginn Footer */
#footer { position: absolute; bottom: 0; width: 993px; height: 1.5em; }
#footer p#address { margin: 0 40px 0 170px; padding: 0; font-size: 0.87em; }
#footer p#address a { font-size: 1.0em; }
#footer p#copyright { position: absolute; top: 0; left: 30px; width: 97px; height: 16px; margin:0; padding:0; }
#footer p#copyright a {
	display: block; margin:0; padding:0; 
	width: 97px; height: 16px;
	text-indent: -999em;
	text-decoration: none;
	background: url(copyright.gif) no-repeat 0 0;
	overflow: hidden;
}
/* Ende Footer */