/*
Pierre Gieseke
März-August 2013
CSS Angaben für Brauer-Homepage
*/

/*Allgemeine angaben*/
body 	{background-color:#e6e8ea;
		padding:0px;
		}
/*		
@font-face{
		font-family: Roboto;
		src: url ('schriftarten/RobotoRegular.woff') format('woff');
}

@font-face{
		font-family: Karla;
		src: url ('KarlaRegular.woff') format('woff');
}

@font-face{
		font-family: Scada;
		src: url ('ScadaRegular.woff') format('woff');
}*/
		
a:link	{text-decoration:none;
		color:white;
		}
a:visited{text-decoration:none;
		color:white;
		}
a:hover	{text-decoration:none;
		color:#00FF00;
		}
a:active{text-decoration:none;
		color:#838B8B;
		}
		/*universal selektor --> verknüpft jedes vorhandene Element mit Stylesheetangaben*/
	* 	{font-family: 'Cabin Condensed', sans-serif;
		margin: 0;
		padding: 0;
		}
		
h1		{
		font-size:34px;
		font-weight: normal;
		color:#00FF00;
}

h3		{font-size:18px;
		font-weight: 700;
		
}

h2		{font-size:24px;
	
}

h4		{font-size:14px;
	
}


/*Klassen und ID's*/
.gesamt {background-color:white;
    box-shadow:0px 0px 14px #a1a3a5;
		padding-top:20px;
		margin-bottom:50px;
		margin-left:auto;
		margin-right:auto;
		width:900px;
		}
			
		
.logo	{background-color:white;
		font-size:40px;
        letter-spacing:6px;
		width:800px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		}
		
.bilder	{background-color:white;
		width:840px;
		height:180px;
		white-space:nowrap;
		margin-top:15px;
		margin-left:auto;
		margin-right:auto;
		}
		
#bildStyle {margin-right:12px;
		}
		
/*Menü*/
.menue {background-color:gray;
		margin-top:18px;
		width:840px;
		margin-left:auto;
		margin-right:auto;
		}
		
.menue ul {list-style-type: none;
		background-image:url(menueHintergrund.png)/*tpa=http://www.brauer-schleiferei.de/bilder/menueHintergrund.png*/;
		height:37px;
		}
		
.menue li {
		float: left;
		}
		
ul a 	{
		background-image: url(menueTrenner03.png)/*tpa=http://www.brauer-schleiferei.de/bilder/menueTrenner03.png*/;
		background-repeat: no-repeat;
		background-position: right;
		width:168px;
		text-align:center;
		display: block;
		line-height: 37px;
		/*font-family:Comic Sans MS, "Comic Sans MS", Times, serif;
		font-size: 21px;
		color: #371C1C;*/
		}
		
				
.hauptteil{background-color:white;
		/*position:relative;*/
		width:840px;
		min-height:500px;
		margin-top:15px;
		margin-left:auto;
		margin-right:auto;
		}

		
.haupttext{background-color:white;
		font-size:18px;
		margin-bottom:20px;
		}
		
.info	{background-color:white;
        margin-left:12px;
		width:200px;
		float:right;
		}
		
.oeffnung {margin-bottom:15px;	
		}
		
.kontakt {background-color:none;
		/*height:180px;*/
		}
		
.oeffnung, .kontakt {padding:10px;
		background-color:#D3D3D3;
		border-style:none;
		}
		
.impressum {background-color:gray;
			margin-top:35px;
			text-align: center;
			height:25px;
			clear:both;		
}

.impressumFloat {
	width:310px;
	float:left;
}

.impressumText {
	margin-left:340px;
}

.preise {
		width:410px;
		background-color:none;
		float:left;
		margin-right:12px;

	
}

.linkeSpalte {
		width:300px;
}

.rechteSpalte {
		float:right;
		width:100px;
}

.zweiteZeile {
	background-color:#00FF00;
}

.ersteZeile {
	background-color:none;
}

.messerInfo {
	margin-top:50px;
	margin-right:200px;
}

.fotoEingang{
	float:left;
	margin-right:15px;
}

/*Unsere Leistungen*/
.leistungenLinks{
	width:420px;
	background-color:white;
	float:left;
}

.leistungenBeispiele{
	border-style:none;
	background-color:#D3D3D3;
	padding-left:20px;
	padding-top:6px;
	padding-bottom:6px;
	margin-top:6px;
	margin-right:20px;
}

.leistungenRechts {
	background-color:white;
	margin-left:420px;
	margin-right:0;
}

.fotoAuto {
	margin-top:5px;
	margin-bottom:30px;
}

.stopper {
	clear:both;
}