@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }

body {
	font-family: 'Lato', Arial, sans-serif; 
	color:#000;
	background:#fff;
	-webkit-text-size-adjust: none;
}

h1 { float:left; text-transform:uppercase; font-weight:normal; font-size:25px; margin: 20px 0 0 20px; }
h2 { font-weight:400; font-size:48px; color:#e75b12; margin:0 25px 30px 0; text-transform:uppercase; font-family: 'Lato', Arial, sans-serif; }

p {  line-height:130%; padding:0 0 15px 0; font-size:19px; }

li, a, address { font-size:19px; font-style:normal; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }

a.arrow { display:block; width:16px; height:26px; background:url(../images/arrow_white.png) center center no-repeat; position:absolute; right:10px; bottom:10px; }

fieldset { background:#eee; padding:20px; border:none; }
legend { display:none; }
label { float:left; width:100px; text-align:right; clear:both; margin:0 10px 15px 0; }
label.block { text-align:left; display:block; width:100%; }
label#bereiche { margin-left:108px; }
label.required { color: #E75B12; }

input { float:left; height:20px; }
input.text { width:300px; border:1px solid #ccc; background:#fff; }
input.chkbox { width:auto; margin:0px 5px 0 0 }

div.chkbox { float:left; width:auto; margin:5px 30px 35px 0; }
div#chkboxes { margin-left:92px; }
div#anruf { margin-left:92px; clear:both; float:left; width:auto; }
	div#anruf input { float:left; width:auto; margin:0 5px 0 0; }
	div#anruf label { clear:none; float:left; width:200px; text-align:left; }
div#buttons { float:right; margin:0 20px 0 0; }
	div#buttons input { width:auto; float:left; margin:0 0 0 5px; }

.clear { clear:both; height:0; width:100%; font-size:1px; }

.colorgruppe,
.colorindex,
.colorunternehmen,
.colorkontakt,
.colorimpressum { color:#e75b12; }
.colorkies { color:#e75b12; }
.colorbeton { color:#F9C42D; }
.colortransport { color:#00664f; }
.colorimmobilien,
.colorimmobilien_andernach,
.colorimmobilien_koblenz { color:#002D5D; }

ul.listkies,
ul.listbeton,
ul.listtransporte,
ul.listimmobilien { margin:0 0 20px 5px; list-style:none; }

ul.listkies li { background:url(../images/dot_kies.gif) 0px 8px no-repeat; padding:0 0 3px 20px; }
ul.listbeton li { background:url(../images/dot_beton.gif) 0px 8px no-repeat; padding:0 0 3px 20px; }
ul.listtransporte li { background:url(../images/dot_transport.gif) 0px 8px no-repeat; padding:0 0 3px 20px; }
ul.listimmobilien li { background:url(../images/dot_immobilien.gif) 0px 8px no-repeat; padding:0 0 3px 20px; }


#content .col2 { width:48%; margin:20px 2% 0 0; float:left; }
	#content .col2 img { margin-bottom:10px; }
#content .col3 { width:31%; margin:20px 2% 0 0; float:left; }
	#content .col3 img { margin-bottom:10px; }
	
	#content .col3 dl { width:100%; }
	#content .col3 dl dt { font-size:14px; font-weight:400; }
	#content .col3 dl dd { font-size:14px; font-weight:400; margin:0; }
	
	#content .col3 address { margin-bottom:20px; }

#content .col2 p, 
#content .col3 p { padding-right:0; }

.group { 
	background:url(../images/logo.png) top left no-repeat #e75b12; 
	color:fff; 
	height:100px;
	margin:50px 0 0 0;
}
	.group h1 { margin-left:100px; color:#fff; }
	.group p { color:#fff; float:right; width:300px; margin:15px 30px 0 0; padding:0; }
		.group p span { padding-right:20px; }
	.group a { color:#fff; text-decoration:none; }
	.group a:hover { text-decoration:underline; }

#content .error,
#content .success { background:#FFCCC6; border:1px solid #e75b12; padding:20px; margin:0 0 10px 0; }
#content .success { background:#E0FFCD; border:1px solid #00664f; }
	#content .error p,
	#content .success p { font-weight:bold; font-size:16px; margin:0 0 5px 0; padding:0; color:#e75b12; }
	#content .success p { color:#00664f; }


header { width:940px; height:117px; margin:0 auto; padding:20px 0; position:relative; }
	header img { float:left; }

	header ul { list-style:none; position:absolute; }
	header ul li { display:inline; margin-left:12px; }
	header ul li a { color:#000; text-decoration:none; text-transform:uppercase; font-size:17px;  font-weight:400; }
	header ul li a:hover,
	header ul li a.active { color:#e75b12; text-decoration:none; }
	
	header ul#main { float:left; bottom:20px; right:0; }
	
	header ul#main li#gruppe a:hover { color:#e75b12; }
	header ul#main li#kies a:hover { color:#e75b12; }
	header ul#main li#beton a:hover { color:#F9C42D; }
	header ul#main li#transport a:hover { color:#00664f; }
	header ul#main li#immobilien a:hover { color:#002D5D; }
	
	header ul#main li.active a,
	header ul#main li#gruppe.active a:hover,
	header ul#main li#kies.active a:hover,
	header ul#main li#beton.active a:hover,
	header ul#main li#transport.active a:hover,
	header ul#main li#immobilien.active a:hover { color:#fff; padding:2px 7px; }
	
	header ul#main li#gruppe.active a { background:#e75b12; }
	header ul#main li#kies.active a { background:#e75b12; }
	header ul#main li#beton.active a { background:#F9C42D; }
	header ul#main li#transport.active a { background:#00664f; }
	header ul#main li#immobilien.active a { background:#002D5D; }
	
	header ul#side { float:right; top:20px; right:0; }
	header ul#side li { margin:0 0 0 12px; }
	header ul#side li a { font-size:14px; }
	
#slider,
#banner { width:940px; margin:0 auto; }
#slider img,
#banner img { max-width:100%; height:auto; }

#banner .gmnoprint img { max-width:inherit !important; }

#slider { width:940px; height:auto; position:relative; margin-bottom:20px; }
	#slider #info { 
		width:388px; height:117px; padding:20px 0 0 20px;
		background:url(../images/bg_info_white.png) top left; 
		position:absolute; bottom:40px; left:0; 
		font-size:40px; text-transform:uppercase; 
	}
	#slider #info a {
		position:absolute; right:20px; bottom:20px; 
		display:block; width:20px; height:35px;
		background:url(../images/arrow_orange.png) center center no-repeat;
	}

#content { width:940px; height:auto; margin:20px auto; padding-bottom:50px; }
	#content p { padding:0 25px 25px 0; }
	#content dl { width:100%; margin:0 25px 25px 0px; }
		#content dl dt { clear:both; float:left; width:100px; font-size:30px; color:#e75b12; }
		#content dl dd { float:left; width:790px; font-size:19px; margin:2px 0 15px 0; font-weight:300; }
		
nav#subnavi { width:100%; margin-bottom:30px; }
	nav#subnavi ul { width:100%; list-style:none; }
	nav#subnavi ul li { display:block; float:left; text-transform:uppercase; text-align:left; padding:0 20px; border-right:2px solid #002D5D; height:46px; }
	nav#subnavi ul li:first-child { padding-left:0; }
	nav#subnavi ul li:last-child { border:none; }
	nav#subnavi ul li a { text-transform:uppercase; text-align:left; color:#002D5D; }
	nav#subnavi ul li a:hover,
	nav#subnavi ul li a.active { color:#000; text-decoration:none; }
	
	
nav#sections { width:940px; margin:8px auto 20px auto; padding-bottom:50px; }
	nav#sections ul { list-style:none; }
	nav#sections ul li { display:block; float:left; margin:0 8px 0 0; width:229px; height:240px; position:relative; cursor:pointer; }
	nav#sections ul li img { width:auto; height:auto; }
	nav#sections ul li:last-child { margin:0; }
	nav#sections ul li#kies { background:#e75b12; }
	nav#sections ul li#beton { background:#F9C42D; }
	nav#sections ul li#transport { background:#00664f; }
	nav#sections ul li#immo { background:#002D5D; margin:0; }
	nav#sections ul li h3 { 
		text-transform:uppercase; font-family: 'Lato', Arial, sans-serif; font-size:30px; color:#fff; font-weight:300; padding:8px 10px 1px 13px; display:block; margin:0;
	}
	nav#sections ul li p { font-size:13px; color:#fff; padding:0 32px 0 13px; }
		
#contact { width:940px; height:auto; margin:20px auto 100px auto; }

footer { background:#fff; padding:20px 0; color:#878787; font-size:14px; }

	footer p,
	footer a,
	footer li,
	footer address { font-size:14px; }
	
	footer div#inhalt { width:940px; margin:0 auto; }
		footer div#inhalt nav { float:left; width:50%; margin:0; padding:0; }
		footer div#inhalt address { float:left; width:32%; font-style:normal; }
		footer div#inhalt p { float:right; width:18%; text-align:right; }
		
		footer div#inhalt a { color:#878787; }
		footer div#inhalt a:hover { color:#000; }
		

#content #impressum dl { margin:0 0 20px 0; padding:0 0 0px 0; border-bottom:1px solid #e75b12; overflow:hidden; }
#content #impressum dl dt { clear:both; font-weight:bold; font-size:19px; width:40%; float:left; color:#000; }
#content #impressum dl dt.max { width:100%; margin-bottom:15px; }
#content #impressum dl dd { font-weight:normal; font-size:19px; width:60%; float:right; } 

#content #data p { font-size:14px; }

#map_kontakt { width:100%; height:330px; }

ul#kontakt { margin:0; padding:0; list-style:none; }
ul#kontakt li { display:block; float:left; width:48%; padding:0 2% 20px 0; margin:0; }
ul#kontakt li img { float:left; margin:0 20px 10px 0; }
ul#kontakt li address { float:left; font-size:16px; }
ul#kontakt a { font-size:16px; }
		
		
/******************************************************************************************************************************* @group Layouts for resolutions */

@media handheld and (max-width: 469px) and (orientation : portrait), screen and (max-width: 469px) { 
h1 { font-size:18px; margin:8px 0 0 10px; float:left; }
h2 { font-size:20px; margin:0 15px 20px 0; }

p { font-size:16px; }
li, a, address { font-size:16px; }

a.arrow { bottom:2px; }

fieldset { background:#eee; padding:20px; border:none; }
legend { display:none; }
label { float:none; text-align:left; display:block; margin:0 10px 1px 0; }
label.block { text-align:left; display:block; width:100%; }
label#bereiche { margin-left:0; }

input { float:none; height:20px; }
input.text { width:90%; margin-bottom:10px; }
input.chkbox { width:auto; margin:0px 5px 0 0; vertical-align: middle; }


div.chkbox { float:none; width:auto; margin:0px 30px 5px 0; }
div#chkboxes { margin: 10px 0 20px 0; }
div#anruf { margin:0px 0 15px 0; width:auto; }
	div#anruf input { float:left; width:auto; margin:0 5px 0 0; }
	div#anruf label { clear:none; float:left; width:130px;  }
div#buttons { float:left; margin:10px 20px 0 0px; }
	div#buttons input { width:auto; float:left; margin:0 5px 0 0; }
	
#content .col2 { width:100%; margin:20px 0% 0 0; float:none; }
#content .col3 { width:100%; margin:20px 0% 0 0; float:none; }
	#content .col3 img { margin-bottom:10px; }
	
	#content .col3 dl { width:100%; }
	#content .col3 dl dt { font-size:14px; font-weight:400; }
	#content .col3 dl dd { font-size:14px; font-weight:400; margin:0; }
	
	#content .col3 address { margin-bottom:20px; }

#content .col2 p, 
#content .col3 p { padding-right:0; }


header { width:300px; height:auto; margin:0 auto; padding:10px 0; position:relative; }
	header a { float:left; width:50px; height:auto; display:block; }
		header a img { width:50px; height:auto; }

	header ul { position:static; width:45%; margin:10px 0 0 0; padding:0; bottom:0; top:0; float:left; }
	header ul li { display:block; float:none; clear:both; margin:0; padding:0; }
	header ul li a { float:none; width:auto; }
	
	header ul#main { }
	header ul#main li { }
	header ul#main li a { font-size:14px; }
	
	header ul#side { float:right; }
	header ul#side li { text-align:right; }
	header ul#side li a { font-size:12px; }

#slider,
#banner { width:300px; margin:0 auto; }

#slider { width:300px; height:107px; background:url(../images/start_slider.jpg) top left no-repeat; background-size:100%; position:relative; }
	#slider #info { width:auto; height:auto; padding:5px; bottom:10px; font-size:14px; }
	#slider #info a { right:3px; bottom:3px; width:10px; height:18px; background-size:100%; }

	
#content { width:300px; height:auto; margin:20px auto; padding-bottom:50px; }
	#content p { }
	#content .col2 p,
	#content .col3 p { margin:0; }
	#content dl { width:100%; margin:0; }
		#content dl dt { clear:both; float:none; width:100%; font-size:20px; color:#e75b12; }
		#content dl dd { float:none; width:100%; font-size:16px; margin:2px 0 15px 0; font-weight:300; }
		
nav#subnavi { }
	nav#subnavi ul li { float:none; padding:0 0 0px 10px; margin-bottom:5px; border:none; height:auto; font-size:14px; border-left:2px solid #002D5D;  }
	nav#subnavi ul li:first-child { border:none; }
	nav#subnavi ul li:last-child { border-left:2px solid #002D5D; }
	nav#subnavi ul li a { font-size:14px; }
	
	
nav#sections { width:300px; margin:30px auto 15px auto; padding-bottom:50px; }
	nav#sections ul li { display:block; margin:0; width:100%; padding:0 0 10px 0; margin-bottom:1px; height:auto; }
	nav#sections ul li img { width:100%; height:auto; float:left; padding:0 15px 0 0; }
	nav#sections ul li br { display:none; }
	nav#sections ul li a { font-size:24px; font-weight:400; padding:18px 0 0 0; }
	
	nav#sections div#info p { padding:0 15px 15px 15px; font-size:16px; }
	
	nav#sections div#line { width:100%; margin:8px 0 0 0; position:relative; }
		nav#sections div#line hr { border:none; border-bottom:16px solid #e75b12; height:0; position:absolute; top:0; left:0; width:100%; border-radius:0px; }
		
#contact { width:300px; height:auto; margin:20px auto 50px auto; }

footer { background:#fff; padding:20px 0; font-size:14px; color:#878787; }

	footer p,
	footer a,
	footer li,
	footer address { font-size:12px; }
	
	footer div#inhalt { width:300px; margin:0 auto; }
		footer div#inhalt nav { float:none; width:100%; margin:0 0 10px 0; padding:0; }
		footer div#inhalt address { float:none; width:100%; font-style:normal; margin:0 0 10px 0; }
		footer div#inhalt p { float:none; width:100%; text-align:left; }
		
		footer div#inhalt a { color:#878787; }
		footer div#inhalt a:hover { color:#000; }


.group { }
	.group h1 { float:none; font-size:14px; margin:10px 0 0 100px; padding-top:5px; }
	.group p { float:none; width:auto; margin:0 0 0 100px !important; padding:0; font-size:11px; }
	.group a { float:right; margin:0 10px 0 0; font-size:12px; }
	
#content #impressum dl dt { font-size:13px; }
#content #impressum dl dd { font-size:13px; } 

#content #data p { font-size:12px; }

#map_kontakt { width:100%; height:106px; }

#content ul#kontakt { }
#content ul#kontakt li { float:none; width:100%; padding:0; margin:0 0 15px 0; }
#content ul#kontakt li img { width:90px; height:auto; float:left; margin:0 10px 0 0; }
#content ul#kontakt li address,
#content ul#kontakt li address a { font-size:13px; }
		
		
	
}

@media handheld and (min-width: 470px) and (max-width: 799px) and (orientation : landscape), screen and (min-width: 470px) and (max-width: 799px) { 
h1 { font-size:18px; margin:8px 0 0 10px; float:left; }
h2 { font-size:20px; margin:0 15px 20px 0; }

p { font-size:16px; }
li, a, address { font-size:16px; }

a.arrow { bottom:2px; }

fieldset { background:#eee; padding:20px; border:none; }
legend { display:none; }
label { float:none; text-align:left; display:block; margin:0 10px 1px 0; }
label.block { text-align:left; display:block; width:100%; }
label#bereiche { margin-left:0; }

input { float:none; height:20px; }
input.text { width:90%; margin-bottom:10px; }
input.chkbox { width:auto; margin:0px 5px 0 0; vertical-align: middle; }


div.chkbox { float:none; width:auto; margin:0px 30px 5px 0; }
div#chkboxes { margin: 10px 0 20px 0; }
div#anruf { margin:0px 0 15px 0; width:auto; }
	div#anruf input { float:left; width:auto; margin:0 5px 0 0; }
	div#anruf label { clear:none; float:left;  }
div#buttons { float:left; margin:10px 20px 0 0px; }
	div#buttons input { width:auto; float:left; margin:0 5px 0 0; }
	
#content .col2 { width:100%; margin:0 0 20px 0; float:none; }
#content .col3 { width:100%; margin:0 0 20px 0; float:none; }
	

header { width:460px; height:auto; margin:0 auto; padding:10px 0; position:relative; }
	header a { float:left; width:50px; height:auto; display:block; }
		header a img { width:50px; height:auto; }

	header ul { position:static; width:45%; margin:10px 0 0 0; padding:0; bottom:0; top:0; float:left; }
	header ul li { display:block; float:none; clear:both; margin:0; padding:0; }
	header ul li a { float:none; width:auto; }
	
	header ul#main { }
	header ul#main li { }
	header ul#main li a { font-size:16px; }
	
	header ul#side { float:right; }
	header ul#side li { text-align:right; }
	header ul#side li a { font-size:14px; }

#slider,
#banner { width:460px; margin:0 auto; }

#slider { width:460px; height:164px; background:url(../images/start_slider.jpg) top left no-repeat; background-size:100%; position:relative; }
	#slider #info { width:auto; height:auto; padding:10px; bottom:20px; font-size:18px; }
	#slider #info a { right:8px; bottom:8px; width:12px; height:21px; background-size:100%; }

	
#content { width:460px; height:auto; margin:20px auto; padding-bottom:50px; }
	#content p { }
	#content .col2 p,
	#content .col3 p { margin:0; }
	#content dl { width:100%; margin:0; }
		#content dl dt { clear:both; float:none; width:100%; font-size:20px; color:#e75b12; }
		#content dl dd { float:none; width:100%; font-size:16px; margin:2px 0 15px 0; font-weight:300; }
	
nav#sections { width:460px; margin:30px auto 15px auto; padding-bottom:50px; }
	nav#sections ul li { display:block; margin:0; width:49%; padding:0; margin-bottom:1px; height:225px; }
	nav#sections ul li.odd { float:left; margin:0 1% 10px 0; }
	nav#sections ul li.even { float:right; margin:0 0 10px 1%; }
	nav#sections ul li img { width:100%; height:auto; float:left; padding:0 15px 0 0; }
	nav#sections ul li br { display:none; }
	nav#sections ul li a { font-size:24px; font-weight:400; padding:18px 0 0 0; }
	
	nav#sections div#info p { padding:0 15px 15px 15px; font-size:16px; }
	
	nav#sections div#line { width:100%; margin:8px 0 0 0; position:relative; }
		nav#sections div#line hr { border:none; border-bottom:16px solid #e75b12; height:0; position:absolute; top:0; left:0; width:100%; border-radius:0px; }
		
nav#subnavi { }
	nav#subnavi ul li { float:none; padding:0 0 0 10px; margin-bottom:5px; border:none; height:auto; font-size:16px; border-left:2px solid #002D5D;  }
	nav#subnavi ul li:first-child { border:none; }
	nav#subnavi ul li:last-child { border-left:2px solid #002D5D; }
	nav#subnavi ul li a { font-size:16px; }
		
#contact { width:460px; height:auto; margin:20px auto 50px auto; }

footer { background:#fff; padding:20px 0; color:#878787; }

	footer p,
	footer a,
	footer li,
	footer address { font-size:13px; }
	
	footer div#inhalt { width:460px; }
		footer div#inhalt nav { float:none; width:auto; clear:both; margin:0 0 10px 0; padding:0; }
		footer div#inhalt address { float:left; width:auto; font-style:normal; }
		footer div#inhalt p { float:right; width:auto; text-align:right; }
		
		footer div#inhalt a { color:#878787; }
		footer div#inhalt a:hover { color:#000; }
		
.group { }
	.group h1 { float:none; font-size:16px; margin:10px 0 0 100px; padding-top:5px; }
	.group p { float:none; width:auto; margin:0 0 0 100px !important; padding:0; font-size:14px; }
		.group p span { padding-right:0px; }
	.group a { float:right; margin:0 10px 0 0; font-size:14px; }
		

#content #impressum dl dt { font-size:14px; }
#content #impressum dl dd { font-size:14px; } 

#content #data p { font-size:13px; }

#map_kontakt { width:100%; height:162px; }

#content ul#kontakt { }
#content ul#kontakt li { float:none; width:100%; padding:0; margin:0 0 15px 0; }
#content ul#kontakt li img { float:left; margin:0 10px 0 0; }
#content ul#kontakt li address { }
	
}

@media handheld and (min-width: 800px) and (max-width: 979px) and (orientation : landscape), screen and (min-width: 800px) and (max-width: 979px) { 
h1 { font-size:20px; }
h2 { font-size:40px; margin:0 0 20px 0; }

a.arrow { bottom:10px; }

.group { }
	.group p { margin:10px 5px 0 0; }

label { text-align:left; margin:0; }
label.block { text-align:left; display:block; width:100%; }
label#bereiche { margin-left:0; }

div#chkboxes { margin-left:0px; }
	div.chkbox { margin: 5px 30px 15px 0; }
div#anruf { margin:10px 0 10px 0; }
	div#anruf label { width: 160px; }
div#buttons { float:right; margin:0 55px 0 0; }




header { width:780px; }
	
	header ul#main li a { font-size:14px; }
	header ul#side li a { font-size:12px; }
	
#slider,
#banner { width:780px; margin:0 auto; }

#slider { width:780px; height:278px; background:url(../images/start_slider.jpg) top left no-repeat; background-size:100%; position:relative; }
	#slider #info { width:auto; height:auto; padding:15px; bottom:30px; font-size:24px; }
	#slider #info a { right:15px; bottom:15px; width:15px; height:26px; background-size:100%; }

#content { width:780px; }
	#content dl { }
		#content dl dd { width:680px; }
	
nav#sections { width:780px; }
	nav#sections ul li { margin:0 1.3333333% 0 0; width:24%; }
	nav#sections ul li img { max-width:100%; }
	nav#sections ul li:last-child { margin:0; }
	nav#sections ul li h3 { font-size:26px;	}
		
#contact { width:780px; }

footer { }

	footer p,
	footer a,
	footer li,
	footer address { font-size:14px; }
	
	footer div#inhalt { width:780px; margin:0 auto; }
		footer div#inhalt nav { float:left; width:50%; margin:0; padding:0; }
		footer div#inhalt address { float:left; width:25%; font-style:normal; }
		footer div#inhalt p { float:right; width:25%; text-align:right; }
		
		footer div#inhalt a { color:#878787; }
		footer div#inhalt a:hover { color:#000; }
		
#content #impressum dl dt { font-size:16px; }
#content #impressum dl dd { font-size:16px; } 

#content #data p { font-size:14px; }

#map_kontakt { width:100%; height:277px; }

#content ul#kontakt { }
#content ul#kontakt li { float:left; width:48%; padding:0 2% 0 0; margin:0 0 15px 0; }
#content ul#kontakt li img { width:100px; height:auto; float:left; margin:0 10px 0 0; }
#content ul#kontakt li address,
#content ul#kontakt li a { font-size:16px; }
		
		
}