@charset "UTF-8";

html {
     margin:0;
     padding:0;
     height:100%;
	 overflow-y:scroll;
}

* { margin: 0; padding: 0; }

body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #fffff4;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
		background-image:url(../images/backs/streifen_gross.gif);
		background-repeat:no-repeat;
     height:100%;
    }
	
	img {
	border-color:#fffff4;
	border-style:solid;
	border-width:3px;
	outline:0; -moz-outline:0;
	text-align:center;
	margin:3px;
	}
	
	img:hover{
	border-width:6px;
	outline:0; -moz-outline:0; 
		margin:0;
	}
	
	#header img{
	border:0;
		border-width:0px;
			margin:0;
				outline:0; -moz-outline:0;
	}
	
		#header img a{
	border:0;
			border-width:0px;
			outline:0; -moz-outline:0; 
	}
	
		#header img a:hover, #header img a:focus, #header img a:active{
	border:0;
			border-width:0px;
			outline:0; -moz-outline:0; 
	}
	
#container { 
    	width: 930px; 
    	margin: 0 auto; 
    	text-align: left;
		z-index:100;
		padding:0;
		background-image:url(../images/backs/back_mitte.png);
	background-repeat:no-repeat;
		background-position:0 185px;
		min-height:100%;
	background-size: 100% 50000px;

		    } 
	
#reparaturen #container { 
		background-image:url(../images/backs/orange.png);
		color:#000000;

    } 
	
	#handicap_div #container { 
		background-image:url(../images/backs/black.png);
    } 
	
	#kontakt_div #container { 
		background-image:url(../images/backs/tuerkis.png);
			color:#000000;
    } 
	
		#impressum_div #container { 
		background-image:url(../images/backs/grau.png);
			color:#000000;
    } 
	
		
#header { 
    	padding: 0;  
		height:185px;
		background-image:url(../images/backs/logo.png);
		background-repeat:no-repeat;
		margin:0;
		overflow:hidden;
    } 

#left {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 270px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	padding: 10px 10px 40px 30px; 
		z-index:100;
				overflow:hidden;


    }
	
#right {
    	float: right; 
    	width: 280px; 
    	padding: 10px 40px 40px 10px; 
		z-index:100;
		overflow:hidden;

    }

	
	
	
	#mainContent { 
    	margin: 0px 330px 0px 310px; 
    	padding: 10px 10px 40px 10px; 
    } 
	
	#reparaturen #mainContent, #handicap_div #mainContent, #impressum_div #mainContent { 
	    	margin: 0 0 0 310px; 
    	padding: 30px 140px 40px 10px; 
    } 
	
	#kontakt_div #left {
    	float: left; 
    	width: 400px; 
    	padding: 60px 0px 40px 20px; 
		z-index:100;
		overflow:hidden;
    }
	
	#kontakt_div #mainContent { 
    	margin: 0 0px 0 580px; 
    	padding: 40px 40px 40px 0px; 
    } 
	
	#kontakt_div img {
	border:0;
	margin:0;
    }
	
	    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
#impressum {
position:fixed;
bottom:0;
left:0;
    	width: 200px; 
		height:25px;
    	padding: 5px 10px 5px 20px; 
		z-index:1000;
		overflow:hidden;
		background-color:#fffff4;
    }