@charset "utf-8";
/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #005C9D;
	color:#005C9D;
	text-align:center;
	line-height:145%;
}
div#outer {
	text-align:center;
	width:960px;
	padding: 5px 0;
	margin:20px auto 6px auto;
	background:transparent url(../images/bg_container.jpg) no-repeat left bottom;/*red*/
}
div#container {
	text-align:left;
	width:950px;
	margin:0px auto;
	background-color:#FFFFFF;
	padding-bottom:10px;
}
div#footer {
	width:950px;
	margin:0 auto;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	position: relative;
}	
div#footer a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
div#homeButton {
	position:absolute;
	right:0;
	top:0;
}
div#homeButton a{
	font-weight:bold;
}
body#body07 div#footer a {color:#37DC14;}
div#footer a:hover {
	text-decoration:underline;
}
hr {display:none;}
/*	----------------------------------------------------

	Header - Bereich

	---------------------------------------------------- */

	div#header {
		z-index:100;	
	position:relative;
	width:950px;
	height:160px;
}
	#header h1 span, #header h2 span {
		display:none;
	}
	#header h1 a {
		position:absolute;
		display:block;
		top:11px;
		left:11px;
		width:470px;
		height:100px;
		background:transparent url(../images/Berg-und-Mark_Logo.gif) no-repeat;
	}
	#header h2 a {
		position:absolute;
		display:block;
		top:60px;
		left:787px;
		width:140px;
		height:42px;
		background:transparent url(../images/Eurobaustoff_Logo.gif) no-repeat;
	}
/*	----------------------------------------------------

	Hauptnavigation

	---------------------------------------------------- */


	ul#naviMain {
		position: absolute; 
		z-index: 100;	
		top:116px;
		left:10px; 
		margin: 0;
		width: 930px; 
		height:35px;
		list-style-type: none;
		overflow:hidden;
		background:transparent url(../images/bg_navigation.gif) no-repeat; 
	}
	ul#naviMain li a {
		position: absolute;
		top: 0;
		left: 0;
		width: 140px;
		text-indent: -9000px;
		text-decoration: none;
		padding: 24px 0 0 0;
		overflow: hidden;
		height: 0px !important; 
		height /**/:35px; /* IE5/Win */
		background: transparent url(../images/navigation.gif) no-repeat;
	}
	
	ul#naviMain ul {
		display:none;
	}
	ul#naviMain ul li a {
		display:none;
	}
	
	
	body#body00 li#nav01 a 			{ background-position:   -8px    0px; width: 181px; left: 8px; }
	body#body00 li#nav01 a:hover	{ background-position:   -8px -245px; }
	body#body00 li#nav02 a 			{ background-position: -217px    0px; width: 189px; left: 217px; top: 0}
	body#body00 li#nav02 a:hover	{ background-position: -217px -245px; }
	body#body00 li#nav03 a 			{ background-position: -435px    0px; width: 112px; left: 435px; top: 0}
	body#body00 li#nav03 a:hover	{ background-position: -435px -245px; }
	body#body00 li#nav04 a 			{ background-position: -576px    0px; width: 89px; left: 576px; top: 0}
	body#body00 li#nav04 a:hover	{ background-position: -576px -245px; }
	body#body00 li#nav05 a 			{ background-position: -692px    0px; width: 99px; left: 692px; top: 0}
	body#body00 li#nav05 a:hover	{ background-position: -692px -245px; }
	body#body00 li#nav06 a 			{ background-position: -820px    0px; width: 96px; left: 820px; top: 0}
	body#body00 li#nav06 a:hover	{ background-position: -820px -245px; }

	body#body01 li#nav01 a 			{ background-position:   -8px  -35px; width: 181px; left: 8px; }
	body#body01 li#nav01 a:hover	{ background-position:   -8px -245px; }
	body#body01 li#nav02 a 			{ background-position: -217px    0px; width: 189px; left: 217px; top: 0}
	body#body01 li#nav02 a:hover	{ background-position: -217px -245px; }
	body#body01 li#nav03 a 			{ background-position: -435px    0px; width: 112px; left: 435px; top: 0}
	body#body01 li#nav03 a:hover	{ background-position: -435px -245px; }
	body#body01 li#nav04 a 			{ background-position: -576px    0px; width: 89px; left: 576px; top: 0}
	body#body01 li#nav04 a:hover	{ background-position: -576px -245px; }
	body#body01 li#nav05 a 			{ background-position: -692px    0px; width: 99px; left: 692px; top: 0}
	body#body01 li#nav05 a:hover	{ background-position: -692px -245px; }
	body#body01 li#nav06 a 			{ background-position: -820px    0px; width: 96px; left: 820px; top: 0}
	body#body01 li#nav06 a:hover	{ background-position: -820px -245px; }

	body#body02 li#nav01 a 			{ background-position:   -8px    0px; width: 181px; left: 8px; }
	body#body02 li#nav01 a:hover	{ background-position:   -8px -245px; }
	body#body02 li#nav02 a 			{ background-position: -217px   -70px; width: 189px; left: 217px; top: 0}
	body#body02 li#nav02 a:hover	{ background-position: -217px -245px; }
	body#body02 li#nav03 a 			{ background-position: -435px    0px; width: 112px; left: 435px; top: 0}
	body#body02 li#nav03 a:hover	{ background-position: -435px -245px; }
	body#body02 li#nav04 a 			{ background-position: -576px    0px; width: 89px; left: 576px; top: 0}
	body#body02 li#nav04 a:hover	{ background-position: -576px -245px; }
	body#body02 li#nav05 a 			{ background-position: -692px    0px; width: 99px; left: 692px; top: 0}
	body#body02 li#nav05 a:hover	{ background-position: -692px -245px; }
	body#body02 li#nav06 a 			{ background-position: -820px    0px; width: 96px; left: 820px; top: 0}
	body#body02 li#nav06 a:hover	{ background-position: -820px -245px; }

	body#body03 li#nav01 a 			{ background-position:   -8px    0px; width: 181px; left: 8px; }
	body#body03 li#nav01 a:hover	{ background-position:   -8px -245px; }
	body#body03 li#nav02 a 			{ background-position: -217px    0px; width: 189px; left: 217px; top: 0}
	body#body03 li#nav02 a:hover	{ background-position: -217px -245px; }
	body#body03 li#nav03 a 			{ background-position: -435px -105px; width: 112px; left: 435px; top: 0}
	body#body03 li#nav03 a:hover	{ background-position: -435px -245px; }
	body#body03 li#nav04 a 			{ background-position: -576px    0px; width: 89px; left: 576px; top: 0}
	body#body03 li#nav04 a:hover	{ background-position: -576px -245px; }
	body#body03 li#nav05 a 			{ background-position: -692px    0px; width: 99px; left: 692px; top: 0}
	body#body03 li#nav05 a:hover	{ background-position: -692px -245px; }
	body#body03 li#nav06 a 			{ background-position: -820px    0px; width: 96px; left: 820px; top: 0}
	body#body03 li#nav06 a:hover	{ background-position: -820px -245px; }

	body#body04 li#nav01 a 			{ background-position:   -8px    0px; width: 181px; left: 8px; }
	body#body04 li#nav01 a:hover	{ background-position:   -8px -245px; }
	body#body04 li#nav02 a 			{ background-position: -217px    0px; width: 189px; left: 217px; top: 0}
	body#body04 li#nav02 a:hover	{ background-position: -217px -245px; }
	body#body04 li#nav03 a 			{ background-position: -435px    0px; width: 112px; left: 435px; top: 0}
	body#body04 li#nav03 a:hover	{ background-position: -435px -245px; }
	body#body04 li#nav04 a 			{ background-position: -576px -140px; width: 89px; left: 576px; top: 0}
	body#body04 li#nav04 a:hover	{ background-position: -576px -245px; }
	body#body04 li#nav05 a 			{ background-position: -692px    0px; width: 99px; left: 692px; top: 0}
	body#body04 li#nav05 a:hover	{ background-position: -692px -245px; }
	body#body04 li#nav06 a 			{ background-position: -820px    0px; width: 96px; left: 820px; top: 0}
	body#body04 li#nav06 a:hover	{ background-position: -820px -245px; }

	body#body05 li#nav01 a 			{ background-position:   -8px    0px; width: 181px; left: 8px; }
	body#body05 li#nav01 a:hover	{ background-position:   -8px -245px; }
	body#body05 li#nav02 a 			{ background-position: -217px    0px; width: 189px; left: 217px; top: 0}
	body#body05 li#nav02 a:hover	{ background-position: -217px -245px; }
	body#body05 li#nav03 a 			{ background-position: -435px    0px; width: 112px; left: 435px; top: 0}
	body#body05 li#nav03 a:hover	{ background-position: -435px -245px; }
	body#body05 li#nav04 a 			{ background-position: -576px    0px; width: 89px; left: 576px; top: 0}
	body#body05 li#nav04 a:hover	{ background-position: -576px -245px; }
	body#body05 li#nav05 a 			{ background-position: -692px -175px; width: 99px; left: 692px; top: 0}
	body#body05 li#nav05 a:hover	{ background-position: -692px -245px; }
	body#body05 li#nav06 a 			{ background-position: -820px    0px; width: 96px; left: 820px; top: 0}
	body#body05 li#nav06 a:hover	{ background-position: -820px -245px; }

	body#body06 li#nav01 a 			{ background-position:   -8px    0px; width: 181px; left: 8px; }
	body#body06 li#nav01 a:hover	{ background-position:   -8px -245px; }
	body#body06 li#nav02 a 			{ background-position: -217px    0px; width: 189px; left: 217px; top: 0}
	body#body06 li#nav02 a:hover	{ background-position: -217px -245px; }
	body#body06 li#nav03 a 			{ background-position: -435px    0px; width: 112px; left: 435px; top: 0}
	body#body06 li#nav03 a:hover	{ background-position: -435px -245px; }
	body#body06 li#nav04 a 			{ background-position: -576px    0px; width: 89px; left: 576px; top: 0}
	body#body06 li#nav04 a:hover	{ background-position: -576px -245px; }
	body#body06 li#nav05 a 			{ background-position: -692px    0px; width: 99px; left: 692px; top: 0}
	body#body06 li#nav05 a:hover	{ background-position: -692px -245px; }
	body#body06 li#nav06 a 			{ background-position: -820px -210px; width: 96px; left: 820px; top: 0}
	body#body06 li#nav06 a:hover	{ background-position: -820px -245px; }

	body#body07 li#nav01 a 			{ background-position:   -8px    0px; width: 181px; left: 8px; }
	body#body07 li#nav01 a:hover	{ background-position:   -8px -245px; }
	body#body07 li#nav02 a 			{ background-position: -217px    0px; width: 189px; left: 217px; top: 0}
	body#body07 li#nav02 a:hover	{ background-position: -217px -245px; }
	body#body07 li#nav03 a 			{ background-position: -435px    0px; width: 112px; left: 435px; top: 0}
	body#body07 li#nav03 a:hover	{ background-position: -435px -245px; }
	body#body07 li#nav04 a 			{ background-position: -576px    0px; width: 89px; left: 576px; top: 0}
	body#body07 li#nav04 a:hover	{ background-position: -576px -245px; }
	body#body07 li#nav05 a 			{ background-position: -692px    0px; width: 99px; left: 692px; top: 0}
	body#body07 li#nav05 a:hover	{ background-position: -692px -245px; }
	body#body07 li#nav06 a 			{ background-position: -820px    0px; width: 96px; left: 820px; top: 0}
	body#body07 li#nav06 a:hover	{ background-position: -820px -245px; }

/*	----------------------------------------------------

	Subnavigation (Bereich 01)

	---------------------------------------------------- */

	ul#naviSub {
		position: absolute; 
		top:146px;
		left:33px; 
		margin: 0!important;
		padding:0;
		width: 105px; 
		list-style-type: none;
		overflow:hidden;
		background-color:#FFEB14;
	}
	ul#naviSub li a {
		font-family:Verdana, Arial, Helvetiva, sans-serif;
		font-size:12px;
		font-weight:bold;
		line-height:26px;
		color:#005C9D ;
		display:block;
		width: 89px;
		height:26px;
		text-decoration: none;
		padding: 0 8px;
		margin:0;
	}
	
	li#snav02 a{height:35px!important;padding-top:5px!important;line-height:130%!important;}
	
	li#snav01 a:hover, li#snav01 a.active {background-color:#3F3B3A;color:#FFFFFF;}
	li#snav02 a:hover, li#snav02 a.active {background-color:#E30916;color:#FFFFFF;}
	li#snav03 a:hover, li#snav03 a.active {background-color:#FFF58A;}
	li#snav04 a:hover, li#snav04 a.active {background-color:#FCC729;color:#FFFFFF;}
	li#snav05 a:hover, li#snav05 a.active {background-color:#005C9D;color:#FFFFFF;}
	li#snav06 a:hover, li#snav06 a.active {background-color:#00E0FF;color:#FFFFFF;}
	li#snav07 a:hover, li#snav07 a.active {background-color:#37DC14;color:#FFFFFF;}


	/* Fachbereichsnavigation */
	ul#fachabteilungen {
		top:146px;
		left:33px; 
		margin: 0;
		padding:0;
		width: 909px; 
		height:155px;
		list-style-type: none;
		overflow:hidden;

	}
	ul#fachabteilungen li {
		display:inline;
		float:left;
		margin-right:16px;
	}
	ul#fachabteilungen li a {
		font-family:Verdana, Arial, Helvetiva, sans-serif;
		font-size:12px;
		font-weight:bold;
		line-height:26px;
		color:#005C9D ;
		display:block;
		width: 109px;
		height:41px;
		text-decoration: none;
		padding:0;
		margin:0;
		background-color:#CCDFEC;
		padding-top:115px;
		padding-left:7px;
	}
	
	ul#fachabteilungen li a:hover {background-color:#005C9D;color:white;}

	li#fa01 a {background: transparent url(../images/navFA_01.jpg) no-repeat;}
	li#fa02 a {background: transparent url(../images/navFA_02.jpg) no-repeat;line-height:17px!important;padding-top:118px!important;}
	li#fa03 a {background: transparent url(../images/navFA_03.jpg) no-repeat;}
	li#fa04 a {background: transparent url(../images/navFA_04.jpg) no-repeat;}
	li#fa05 a {background: transparent url(../images/navFA_05.jpg) no-repeat;}
	li#fa06 a {background: transparent url(../images/navFA_06.jpg) no-repeat;}
	li#fa07 a {background: transparent url(../images/navFA_07.jpg) no-repeat;}
	li#fa07 {margin-right:0px!important;}


/*	----------------------------------------------------

	Content

	---------------------------------------------------- */

	div#content {
		width:910px;
	}
	
	div#content {
		z-index:0;
		position:relative;
		background-color:#E6EFF6;
		\width:938px;
		w\idth:910px;
		margin:10px;
		padding:14px 10px;
	}
	
	#content ul, #content li, h1, h2, h3, h4, h5, p {padding:0;margin:0;}

	div.colLeft {
		width:355px;
	}

	div.colLeft {
		position:relative;
		z-index:0;
		float:left;
		padding-left:135px;
		\width:490px;
		w\idth:355px;
		
	}
	img, a img {
		border:none;
	}
	body#body00 div.colLeft {padding-left:145px!important;}
	
	div.colRight {
		position:relative;
		float:left;
		padding:0;
		margin-left:25px;
		width:395px;
	}
	body#body00 div.colRight {width:335px!important;}
	
	div.clearer {
		clear:both;
		width:100%;
		height:0px;
		line-height:0px;
		font-size:0px;
	}
	div.content2 {
		margin:10px 10px 0 10px;
		background-color:#E6EFF6;
		padding:10px;
		z-index:0;
	}
	body#body01 div.content2 {margin:10px;}

	#content h1{
		font-size: 14px;
		font-weight:bold;
		margin: 12px 0 1em 0;
	}
	.content2 h1 {
		font-size: 14px;
		font-weight:bold;
		margin: 0 0 1em 0;
	}
	#content h3, .content2 h3 {
		font-size: 12px;
		font-weight:bold;
		margin: 0;
	}
	#body00 #content h1, #body03 #content h1, #body03 .content2 h1, #body04 #content h1, #body04 .content2 h1{
		color:#E30916;
	}	
	#body00 #content strong, #body03 #content strong, #body03 .content2 strong{
		color:#E30916;
	}
	#content a, .content2 a {
		text-decoration:underline;
		color:#E30916;
	}
	
	
	/*	Eigenständige Elemente */
	div.contentBlue {
		background-color: #005C9D;
	}
	div.contentBlue h2{
	color:#FFFFFF;
	font-size:12px;
	padding:10px 146px;
	}
	div.contentPartner {
	background-color:white;
	height:95px;
	
	}
	
	.teaserAngebote h1 span, .teaserAngebote h2 span {
		display:none;
	}
	.teaserAngebote h2 a {
	position:absolute;
	display:block;
	top:9px;
	left:8px;
	width:116px;
	height:308px;
	background:transparent url(../images/teaser_angebote.jpg) no-repeat;
	}
	.picsAngebote {
		position:absolute;
		top:15px;
		left:134px;
		width:779px;
		height:280px;
		padding:14px 0;
		background-color:#E30916;
		text-align:center;
	}
	.picsAngebote table{
	margin:0 auto;
	}
	.teaserAngebote h2 a.active {
	background:transparent url(../images/teaser_angebote2.jpg) no-repeat;
	}
	
	/* Mitarbeiterzeilen */
	
	div.mitarbeiter, div.mitarbeiterZ {
		float:left;
		width:300px;
		margin-right:5px;
		}
	.mitarbeiterZ {
	width:295px!important;
		margin-right:0px;
	}
	.mitarbeiter img, .mitarbeiterZ img {
		margin-right:10px;
		border:none;
	}
	.mitarbeiter h2, .mitarbeiterZ h2 {
		font-size:14px;
		margin-bottom:10px;
	}
	
	/*	Partnerfirmen */
	div.contentPartner {
	}
	
	div.contentPartner table {
		border-spacing: 0;
		border-collapse:collapse;
		border:none;
		margin:0;
			margin-left:18px;
	}
	
	div.contentPartner td {
		padding-right:40px;
		height:95px;
		vertical-align:middle;
	}
	div.contentPartner a img {
		border:none;
	}
	
	
	ul.green{
		position:relative;
		padding:0;
		margin:0;
		list-style:none;
	}
	ul.green li {
		list-style:none;
		margin:0;
		background: transparent url(../images/bullet_green.gif) no-repeat 0px 4px;
		padding: 0 0 0 16px;
	}
	/*	Kataloge */
	div.kataloge {
	}
	
	div.kataloge table {
		border-spacing: 0;
		border-collapse:collapse;
		border:none;
		margin:0;
		margin-left:0px;
	}
	
	div.kataloge td {
		padding-right:20px;
		vertical-align:middle;
	}
	div.kataloge a img {
		border:none;
	}
	div.kataloge .eingabe{
		text-align:right;
		background:transparent url(../images/katalog_bg.gif) no-repeat left center;
		height:12px;
	}
	div.kataloge .leer{
		height:6px;
		line-height:6px;
		font-size:6px;
	}

	/*	Formular	*/
	input {
		margin:0;
		padding:0;
	}
	div.formular {
	position:absolute;
	left:13px;
	top:31px;
	width:895px;
	height:120px;
	}
	div.formular td {
		padding-bottom:12px;
		
	}
	div.formular table {
		table-layout:fixed;
		border-spacing: 0;
		border-collapse:collapse;
		border:none;
		margin:0;
		padding:0;
	}
	.tdLabel {
		text-align:right;
		padding-right:10px;
		width:106px;
	}
	.tdInput {
		width:255px;
		padding-right:10px;
	}
	div.formular input {
		/*height:24px;
		line-height:24px;*/
		width:100%;
		color:#005C9D;
		background-color:white;
		border:none;
		padding:4px 0 4px 0;
	}
	input#Submit {
		font-weight:bold;
		background-color:#FFEB14;
	}
	
	div.formular textarea {
		width:100%;
		height:62px;
		border:none;
		background-color:white;
		color:#005C9D;
		padding:4px 0 4px 0;
	}
	.error {
		color:#E30916!important;
	}