/* CSS Document */


/* alles zentrieren */
body {
	text-align: center;  
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;					 /*  Style für Fliesstext  */
    font-size: small;
	color:#707070;
}


.headline {
	font-family:Arial, Helvetica, sans-serif;					 /*  Style für Fliesstext  */
    font-size: small;
	font-weight:bold;
	color:#707070;
}

#container {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	position: relative; 
	text-align:left;
}
/* ENDE alles zentrieren */


#kopfleiste {
	position:absolute;
	top:0px;
	left:0px;
	height:170px;
	width:960px;
	background-color:#FFFFFF;
	z-index:-1;
}

#kopfleiste img#logo {
float:right;
margin-top:30px;		/* Abstand Logo von oben */
}




#bildleiste {
	position:absolute;
	background-color:#FFFFFF;
	top:170px;
	left:0px;
	width:960px;
	height:250px;
	z-index:3;
}

#balken_links {
	background-color:#8ec3a8;
	width: 101px;
	height:247px;
	z-index:4;
}


#bilder {
	position:absolute;
	top:0px;
	left:106px;
	height:247px;
	width:748px;
}


/* Bild Handel Startseite*/
#bild_handel {
	position:absolute;
	top:0px;
	left:0px;
	height:250px;
	width:246px;
}

#bild_handel a img {
	background-image:url(img/handel.jpg);
	background-position:0px  0px;
	background-repeat:no-repeat;
}

#bild_handel a:hover img {
	background-image:url(img/handel.jpg);
	background-position:0px  -250px;
	background-repeat:no-repeat;
}


/* Bild Handwerk Startseite */
#bild_handwerk {
	position:absolute;
	top:0px;
	left:251px;
	height:250px;
	width:246px;
}

#bild_handwerk  a img {
	background-image:url(img/handwerk.jpg);
	background-position:0px  0px;
	background-repeat:no-repeat;
}

#bild_handwerk  a:hover img {
	background-image:url(img/handwerk.jpg);
	background-position:0px  -250px;
	background-repeat:no-repeat;
}

/* Bild Kontakt Startseite */
#bild_kontakt {
	position:absolute;
	top:0px;
	left:502px;
	height:250px;
	width:246px;
}

#bild_kontakt  a img {
	background-image:url(img/kontakt.jpg);
	background-position:0px  0px;
	background-repeat:no-repeat;
}

#bild_kontakt  a:hover img {
	background-image:url(img/kontakt.jpg);
	background-position:0px  -250px;
	background-repeat:no-repeat;
}



#balken_rechts {
	background-color:#8ec3a8;
	position:absolute;
	top:0px;
	left:859px;
	width: 101px;
	height:250px;
}

#text {
	position:absolute;
	background-color:#FFFFFF;
	top:417px;
	left:0px;
	width:748px;
	padding: 20px 106px 10px 106px;   /*  links und rechts - padding werte (2ter und 4ter Wert) von width 960px abziehen  */
	z-index:3;
}

#text a{
	text-decoration:none;
	color:#707070;
}


.right{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}

#impressum {
	position:relative;
	top:60px;
	left:-100px;
	width:300px;
	color:#000000;
	font-size:10px;
	height: 40px;
	}


#impressum a{
	color:#777;
}

img.rechts {
float:right;
margin: 0px 0 0px 20px;	
}
img.rechts2 {
float:right;
margin: 0px 0 40px 20px;	
}
img.links {
float:left;
margin: 0px 20px 0px 0px;	
}

img.abstand{
margin: 0px 20px 0px 20px;	
}

#klein {
text-size:9px;
color:#000;	
padding-left:20px;
width:150px;
}


.rechts-teamviewer {
	float:right;
	margin-right:120px;
	position:relative;
	top:-20px;
}

.bild {
	margin-left:10px;
}

.links {
	float:left;
	margin-right:20px;
}

.verschieben {
	position:relative;
	left:-13px;	
}