/*@import url('https://fonts.googleapis.com/css?family=Bellefair|Lato');*/

	/*BEZIEHT SICH AUF KOMPLETTE HOMEPAGE*/	
* {
	font-family: arial;
	margin: 0px;
	font-size: 12px;
	color:black;

	
}

a img {
border:0px;
}

	/*HINTERGRUND*/	
body {
		background-color: white;
		background-color: white;
		padding-top: 0.3%;
		
}

	/*UMFASST DEN KOMPLETTEN INHALT*/

#wrapper {
	width: 70%;
	margin: 0 auto;
	background-color: grey;
	padding-left: 10px;
	padding-right: 10px;
}

	/* KOPFZEILE*/

#head {
	background-color: lightgrey;
	width: auto;
	height: 100px;
	
	
}

.logoweiss  {
float:left;

	
}

.schrift_logo {
	float:left;
	margin-top: 1%;
	font-weight: bold;

}

.schrift_logo p {
	float: left;
	font-weight: bold;
	font-size: calc(08px + (13 - 08) * ((100vw - 320px) / (1600 - 320)));

}


.logoweiss img {

      height: auto;
	
}


.wir_liefern_sicher {
	float: left;
	margin-left: 10%;
	margin-top: 1%;	
}
			
.wir_liefern_sicher p{
background-color: yellow;
padding: 10px;
	font-size: calc(10px + (18 - 10) * ((100vw - 320px) / (1600 - 320)));
	font-weight: bold;}	
	
	
.smartlogo {
	float:left;
	top: 10px;
	padding: 10px 0 10px 0;
	margin-left: 10%;
	margin-bottom: 1%;
	
}
	
	
	

.flagge {
float: right;
margin-top: 1%;
margin-right: 0.2% 
}	


	
	/*OBERE NAVIGATION*/	
	
.navigation {
	border-bottom: 10px solid rgb(10, 108, 180);
	border-right: 5px solid rgb(10, 108, 180);	
    border-style: solid;
    border-color: rgb(10, 108, 180);
	clear: both;
	background-color: rgb(10, 108, 180);
	color: white;
	height:20px;

			
}

	.navigation1 {
		float: left;
		padding-top: 8px;
		
	}

	.navigationsearch {
		float: right;
		
	}
	
	.navigation a {
		font-size: 12px;
		text-decoration: none;
		padding-right: 50px;
		padding-left: 10px;
		font-weight: bold;
		color: white;
}

	.navigation a:hover {
		color: lightgrey;
		
	}
	
	.navigation iframe {
		float: right;
		height: 40px;
		
	}
	
	
	
	/*LINKE NAVIGATION*/
.smart {
	
	border-bottom:5px solid grey;
	
	
}	
	.smart img {
		padding-bottom: 10px;
		
		
		
	}
.iso {
	
	border-bottom:5px solid grey;
	
	
}	
	.iso img {
		padding-left: 50%;
		padding-bottom: 10px;
		
		
		
	}	
.liste {

	border-top: 10px solid grey;
	background-color: darkred;
	width: 26%;
	float: left;
	height: auto;
	clear: both;

	
}

	.liste a {
		display: block;
		text-align: left;
		text-decoration: none;
		font-weight: bold;
		color: darkred;
		padding: 0.8px;
		background-color: lightgrey;
		padding-left: 3%;
		font-size: 12px;
		
}		



.hover {
		border-top: 10px solid lightgrey;
	
	
}
		.hover a:hover {
			font-size:100%;
			color: darkred;
			text-decoration: underline;
		}
		
	.liste img {
		
		padding-top: 5px;
		padding-left: 110px;

		max-width: 100%; 
		height: auto 
}

.smart img {
	
	max-width:100%;
	padding-left: 0px;
	margin-right: 100px;
}

.iso img {
	
	max-width:100%;
	padding-left: 0px;
	margin-right: 100px;
}
	.suche {
	border-bottom: 10px solid lightgrey;
	border-top: 10px solid lightgrey;;
	}
	
	.suche a {
			color: #0A6CB4;
	font-size: 14px;
		
		
	}

	/*STARTSEITE*/	
	
	.home p { 
	padding-top:10px;
	padding-left: 220px;
	line-height: 1.2;			
	font-size: 12px;
		
	}

		.home img {
			max-height: 150px !important;
			max-width: 150px !important;
			height: 100%;
			margin-left: 50px;		
			margin-top: 10px;		
			margin-bottom: 10px;					
		}
	
	
	
	/*INHALT*/
	
#content {
	background-color: white;
	width: 72%;
	margin-top: 1%;
	margin-right: 1%;	
	height: auto;
	float: right;
}

		#content a:hover {
			text-decoration: underline;
		}



	#content h1 {
		background-color: lightgrey;
		font-size: 12px;
		margin: 1%;
		padding: 0.5%;
		clear: both;
		color: #0A6CB4;
}	


	#content a {
	color: darkred;
	text-decoration: none;
	padding-left: 5%;
	
}		
	 a#half  {
	color: darkred;
	text-decoration: none;
	padding-left:1% !important;
	
}			
	#content p {
	margin-left: 5%;
	margin-bottom: 0.4%;
	}		
	
	#content img {
		float: left;
		padding-right: 5%;
		width: 100%; 
		height: auto 
}	
			#content span {

				font-size: 11px;
				font-style:italic;
}

			#content a span {

				font-size: 11px;
				font-style:italic;
}





	.bilder {
			width: 100%!important;

}		  		

	.bilder img{
    width: 100%;

				



				
		
	}

	.bildergrau {
				width: 800px;
				height: 100px;
				background-color: lightgrey;
}	
	.bildergrau img {
		max-width: 950px;
		
		
	}

	.bilder1 {
				clear: both;
}	
		.bilder2 {
				clear: both;
				border-color: rgba(112,128,144,0.8);
				border-width: 5px;
				border-style: solid;
}	

		.bilder2 img {
				padding-top: 1%;
}


		.content1 { 	
			clear: both;
}		

		.content2 { 	
			clear: both;	
}	
		
		.content3 { 	
			clear: both;
}
		.content4 { 	
			clear: both;
			text-decoration: none;
}
		.content5 a { 	
			clear: both;
}


	/*NUR FÜR INDEX UND HÄNDLER RELEVANT*/
	
#rest {
	background-color: white;
	height: auto;
	width: 72% !important;
	float: right;
	margin-right: 1%;	
}



	#rest h1 {
		background-color: lightgrey;
		font-size: 12px;
		margin: 1%;
		padding: 0.5%;
		clear: both;
		color: #0A6CB4;
}	


	#rest a {
	color: darkred;
	text-decoration: none;
}		
	
	
	#rest img {
		float: left;
		padding-right: 5%;
}			

	.bilder {
		margin-top: 3%;
}

		.bilder img {
			max-height: 170px;
			
		}


		.bilder img {
			margin-bottom: 2%;
			
}			

	.lieferprogramm h4 {
		text-align: center;
		margin-top: 1.5%;
		margin-bottom: 1.5%;
		background-color: lightgrey;
}		

		.newsletter { 	
			clear: both;
			background-color: lightgrey;
}	

			.newsletter a {
				text-decoration: none;
				padding-bottom: 1%;
				padding-left: 17%;
				color: darkred;
				margin-top: 100px;
}			

				.newsletter h1 {
					margin-left: 30% !important;
					font-size:12px !important;
					color: #0A6CB4;
}				
				
				
		.usb { 	
			clear: both;
			padding-top: 1%;
}
			.usb img {
				padding: 2%;
				max-height: 60px;
}	
			
			.usb a {
				text-decoration: none;			
				color: darkred;
				padding-left: 0px !important;		
}			
	
		.preisliste { 	
			clear: both;
			text-align: center;
			background-color: lightgrey;
			margin-bottom: 1%;
}		

		.adobe { 	
			clear: both;
			text-align: center;		
			background-color: lightgrey;
			width: 100%;
}	
			.adobe p {
						background-color: lightgrey;
						margin-left: 5%;
}
			.adobe a {
						background-color: lightgrey;			
}

		#gesamtkatalog {

			clear: both;
			margin-top: 4%;
			margin-bottom: 1%;
}			
	

/* Händler */

.clear4 {
	clear: both;
	height: 3px;
	background-color: lightgrey;	
	margin-bottom: 10px;
	
}	


.linksh {
	
	float: left;
	margin-left: 100px;
	
	
}

.rechtsh {
		width: 300px;
		float: right;
		margin-right: 200px;
}

.content1 h3 {

	clear: both;
	font-size: 12px;
	background-color: black;
	
	
}

/* Produkte */

	.gogas  {
	width: 750px;
}

.links {
	
	float: left;
	margin-left: 60px;
	margin-bottom: -10px;
	margin-top: -10px;

}



.links img {
	margin-bottom: 25px;
	
}


.rechts {
	float: right;
	width: 480px;
	height: 40px;

}

.rechts p {
		font-size: 12px;
}


.clear1 {
	clear: both;

}

/* Kontaktdaten */
		.contentkontaktdaten  {
}
		
		.anschrift {
			margin-top: 5px;
			float: left;	
			margin-right: 30px;
			margin-left: 3%;
}		

		.nummern {
		margin-left: 3%;
		float: left;
		margin-top: 5px;
		margin-right: 30px;
}	

		.agb {
		margin-left: 3%;
		float: left;
		min-width: 20%;
		margin-top: 5px;
		margin-right: 30px;
		margin-bottom: 5px;
}	

		.maps {
		margin-left: 3%;
		float: left;
}

	#karte img {
	width: 75px !important;
	float: left;
}

/* Ansprechpartner */

.ansprechpartner {
	font-size: 12px;
	
}

.ansprechpartner img {
	width: 100px !important;
	
	
}

	#content h1 {
		background-color: lightgrey;
		font-size: 12px;
		margin: 1%;
		padding: 0.5%;
		clear: both;
		color: #0A6CB4;
}	

.clear2 {
	clear: both;	
	padding-top: 5px;
}



.personal
 {
	width: 200px;
	float: left;
	text-align: center;	
}

.personal img {
	margin-left: 30%;
}

.personal p {
clear: left;
text-align: center;
}



	/*ZUM SEITENANFANG BUTTON*/
.return {
	clear: both;
	float: right;	
	padding-right: 10px;
}

	/*FUßZEILE*/
.footer {
	clear: both;
	background-color: rgb(10, 108, 180);
	color: white;
	text-align: center;
	
}

.footer a {
color: white;
text-decoration: none !important;
font-size: 13px;
}

	.footer a:hover {
		color: lightgrey;
		
	}


	/*TO CANCEL FLOAT FUNCTIONS*/

.clear {
	
	clear: both;
	background-color: lightgrey;
	height: 15px;
}

	/*für Verdrahtungssysteme.htm*/

.framelinks {
	
float: left;
padding-left: 5%;
width: 250px;
}

	.framelinks a {
	color: darkred;
	text-decoration: none;
	padding-left: 5%;

}
.framerechts {
	
float: left;
padding-left: 5%;
width: 250px;
}

	.framerechts a {
	color: darkred;
	text-decoration: none;
	padding-left: 5%;
}