/* 
Website: www.bieg.de
Dateiname: /styles/modern.css
*/


body {
	color: #333;
	background-color: #fff;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: 82.5%;
}

h1, h2, h3, h4, h5, h6, p, address, th, td, li, dt, dd, a {
	color: #333;
	font-family: 'Lucida Grande', Verdana, sans-serif;
}

h1 { color: #333; font-size: 1.8em; font-weight: bold; }
h2 { color: #333; font-size: 1.2em; font-weight: bold; }
h3 { color: #333; font-size: 1.0em; font-weight: bold; }
h4, h5, h6 { color: #333; font-weight: bold; font-size: 1.0em; }
h1, h2, h3, h4, h5, h6 { line-height: 1.5em; }
p, dl, ul, ol, address { font-size: 1.0em; line-height: 1.5em; }
ul { list-style-type: square; }

table, th, td { font-size: 1.0em; line-height: 1.5em;}

a:link, a:visited { color: #222; text-decoration: none; }
a:hover, a:active { color: #f00; text-decoration: underline; }

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

textarea, input { font-size: 1.0em; font-family: 'Lucida Grande', Verdana, sans-serif; }


/* in modernen Browsern nicht anzeigen */
.hide { display: none !important; }

/* Margin und Padding bei allen Blockelementen auf Null setzen */
* { margin: 0; padding: 0; }


/* Dokument */
html { min-width: 760px; }

body {
	margin: 0;
	padding: 10px 0 10px 0;
	background-color: #ffff7d;
	text-align: center;
	}

#page {
	position: relative;
	margin: 0 auto 0 auto;
	width: 760px;
	text-align: left;
	background: transparent url(bg-middle.gif) repeat-y left top;
	}

/* Header - Beginn */
#header {
	padding: 0;
	height: 80px;
	}
#header h1 {
	width: 760px;
	height: 80px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -999em;
	background: transparent url(bg-top.gif) no-repeat left top;
	}
/* Header - Ende */


/* Menu - Beginn */

#menu {
	height: 40px;
	padding-left: 30px;
	background: transparent url(bg-menu.gif) no-repeat left top;
	}
	
#menu dt { display: none; }
#menu dd { 
	float: left;
	margin-bottom: 0;
	margin-left: 0;
	height: 36px;
	}

dd#menu-01 { width: 47px; }
dd#menu-02 { width: 47px; }
dd#menu-03 { width: 141px; }
dd#menu-04 { width: 48px; }
dd#menu-05 { width: 65px; }

#menu dd a {
	display: block;
	width: 100%;
	height: 36px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -999em;
	text-decoration: none;
	}

	
#menu>dd a { width: auto; }
#menu dd a:hover, #menu dd a:active { background-position: 0px -36px; }
dd#menu-01 a  { background-image: url(menu-01.gif); }
dd#menu-02 a  { background-image: url(menu-02.gif); }
dd#menu-03 a  { background-image: url(menu-03.gif); }
dd#menu-04 a  { background-image: url(menu-04.gif); }
dd#menu-05 a  { background-image: url(menu-05.gif); }

body#start dd#menu-01 a { background-position: 0px -36px; }
body#news dd#menu-02 a { background-position: 0px -36px; }
body#leistungsspektrum dd#menu-03 a { background-position: 0px -36px; }
body#firma dd#menu-04 a { background-position: 0px -36px; }
body#kontakt dd#menu-05 a { background-position: 0px -36px; }
/* Menu - Ende */



/* Content - Beginn */
#content {
	min-height: 500px;
	margin: 0;
	padding: 0 0 0 30px;
	}

#content-left {
	float: left;
	margin: 0;
	padding: 30px 0 30px 0;
	width: 490px;
	}
#content-left h2 {
	margin: 1.0em 0 0.5em 0;
	}
#content-left h3, #content-left h4  {
	margin: 1.0em 0 0 0;
	}
#content-left p {
	margin: 0 0 1.0em 0;
	padding: 0;
	}
#content-left p.bildtext {
	margin-bottom: 2.0em;
	}
#content-left ul, #content-left ol {
	margin: 0 0 2.0em 1.0em;
	padding: 0 1.0em 0 1.0em;
	}
#content-left li {
	margin-left: 0;
	padding: 0.3em 0.3em 0.3em 1.5em;
	list-style-type: none;
	background: transparent url(bg-list.gif) no-repeat 0 0.7em;
	}

#content-right {
	float: right;
	margin: 0 0 30px 0;
	padding: 0;
	width: 220px;
	background: transparent url(bg-submenu-middle.gif) repeat-y left top;
	}

#submenu {
	margin: 0;
	min-height: 200px;
	}
#submenu h2 {
	font-size: 1.0em;
	margin-left: 20px;
	}	
#submenu p {
	color: #000000;
	line-height: 130%;
	font-size: 0.8em;
	margin: 0px 10px 1em 30px;
	padding: 3px;
	}
#submenu a.active, #submenu span.active {
	color: #f00;
	}


#address {
	margin: 0;
	padding-top: 20px;
	height: 200px;
	background: transparent url(bg-submenu-motor.gif) no-repeat left top;
	}
#address p {
	margin: 0px 20px 0px 20px;
	padding: 20px 0 0 0;
	font-size: 0.7em;
	}

/* Submenu mit JavaScript */
.mhead {
	color: #000000;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 130%;
	display: block;
	margin-left: 20px
	}

.submenu {
	color: #000000;
	line-height: 130%;
	display: none;
	margin: 0px 10px 1em 30px;
	padding: 3px;
	}

.submenu a {
	font-size: 0.8em;
	}
/* Content - Ende */



/* Footer - Beginn */
#footer {
	clear: both;
	height: 30px;
	padding: 0;
	background: transparent url(bg-bottom.gif) no-repeat left bottom;
	}
/* Footer - Ende */



/* Klassen fuer spezielle Zwecke */
.bold { font-weight: bold !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.clear { clear: both !important; }