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




/*--------  Index ---------*/	
/*----------------------------------------------*/	


body {
	margin:0;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #A0C241;
	background-color:#FFF;
	background-image:url(../img/background_dach.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-position:800px 0%;
	background-position:100% 0%;
}



#wrapper {
	width: 1200px;
	height: 950px;
	margin: 0 auto;
	background-color:transparent;
	
}


/*-------- Logo: Reinigung + STudio Lingua  ---------*/


#reinigung {
	background: url(../img/index_reinigung.png);
	background-repeat: no-repeat;
	display:block;
	height: 153px;
	width: 751px;
	background-color:transparent;
	float:left;
	margin-top: 300px;
	overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
	
	-web-transition: background 0.2s;
	-webkit-transition-property: all;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: easeIn;
    -webkit-transition-delay: 1s;
	
	/* transition: background 0.2s; */
	transition-property: background;
    transition-duration: 1s;
    transition-timing-function: easeIn;
    transition-delay: 1s;
	
	/*-web-transition: background 0.2s;*/
	-moz-transition-property: background;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: easeIn;
    -moz-transition-delay: 1s;
	
	-ms-transition: background 0.2s;
	-ms-transition-property: all;
	-ms-transition-duration: 1s;
	-ms-transition-timing-function: easeIn;
	-ms-transition-delay: 1s;
}


#reinigung:hover {
	background:transparent url(../img/reinigung_schrift.png);
	border:none;
}


#studio_logo {
	background-image:url(../img/index_studio_logo.png);
	background-repeat: no-repeat;
	display:block;
	height: 165px;
	width: 460px;
	background-color:transparent;
	overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
	border:none;
	float:left;
	
	-webkit-transition: background 0.2s;
	-webkit-transition-property: all;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: easeIn;
    -webkit-transition-delay: 1s;
	
	-moz-transition: background 0.2s;
	-moz-transition-property: all;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: easeIn;
    -moz-transition-delay: 1s;
	
	-o-transition: background 0.2s;
	-o-transition-property: all;
    -o-transition-duration: 1s;
    -o-transition-timing-function: easeIn;
    -0-transition-delay: 1s;
		
	transition: background 0.2s;
	transition-property: all;
    transition-duration: 1s;
    transition-timing-function: easeIn;
    transition-delay: 1s;
}


#studio_logo:hover {
	background:transparent url(../img/studio_schrift.jpg);
	border:none;
}




/*-------- Ostereier: Hase Karotte Pistole  ---------*/



#osterei1 {
	margin-top: 100px;
/*	background-color:#639;	*/
	background-color:#fff;	
	float: left;	
}


#osterei2 {
	background-color:#fff;
	float: right;
}


#osterei3 {
	background-color:transparent;
	float: left;
	margin-top: 280px;
	margin-left: 240px;
}





/*------  Osterei - Hase  -----------*/


#hase {
	background-image:url(../img/index_hase_weiss.png);
	background-repeat: no-repeat;
	display:block;
	height: 95px;
	width:120px;
	overflow: hidden;
	text-indent:100%;
    white-space:nowrap;	
	border:none;
}

#hase:hover {
	background-image:url(../img/index_hase_grau.png);
	border:none;
}


/*------  Osterei - Karotte  -----------*/

#karotte {
	background-image:url(../img/index_karotte_weiss.png);
	background-repeat: no-repeat;
	display:block;
	height: 95px;
	width:103px;
	overflow: hidden;
	text-indent:100%;
    white-space:nowrap;	
	border:none;
}

#karotte:hover {
	background:transparent url(../img/index_karotte_grau.png);
	border:none;
}


/*--------------------------------------------*/


#pistole {
	background-image:url(../img/index_pistole_weiss.png);
	background-repeat: no-repeat;
	display:block;
	height: 95px;
	width:113px;
	overflow: hidden;
	text-indent:100%;
    white-space:nowrap;	
	border:none;
}

#pistole:hover {
	background:transparent url(../img/index_pistole_grau.png); 
	border:none;
}

a {
	border: none;		
}


*:focus {
    outline: 0;
	border: none;
}

a: active {
	outline: 0;
	border: none;
}

/*--------------------------------------------*/


.clearing {
	clear:both;
}


.clear_right {
	clear:left;
	
}

/*----------------------------------------------*/	


/*--------  Impressum ---------*/	



/*--body steht direkt auf der Seite--*/	

#wrapper_impressum {
	width: 1200px;
	height: 950px;
	margin: 0 auto;
	background-color:transparent;
	margin-top: 120px;	
}


#main {
	/*min-height:101%;*/
	/*height: auto;*/
	overflow-y: scroll;
	width: 875px;
	height: 500px;
	background-color:#CFC;
	background-color:transparent;
	float: left;
	margin: 0 auto;
	margin-top: 45px;
	margin-left: 13%;
	-webkit-appearance: none;
}


#impressum {
	height: 420px;
	width: 280px;
	float: left;
	margin-left: 8%;
	/*margin-top: 80px;*/
	/*margin-top: 40px;*/
}


#impressum h1 {
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0.2em;
	color:#938f8f;
	font-family: Arial,Helvetica,sans-serif;
	margin-top:0px;
	margin-bottom: 10px;
}


#impressum h3 {
	color:#938f8f;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin-top:7px;
	margin-bottom: 3px;
}

#impressum p {
	color:#938f8f;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin-top:0px;
	margin-bottom: 0px;
}


#impressum a {
	list-style: none;
	 text-decoration:none;
	font-family: Arial,Helvetica,sans-serif;
	color:#938f8f;	
}


#agb {
	height: 420px;
	width: 280px;
	float: left;
	padding-left: 5px;
	padding-right: 18px;
	/*margin-top: 40px;*/
	/*margin-left: 18%;*/
	margin-left: 24%;
	position: relative;	
}



#agb h1 {
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0.2em;
	color:#938f8f;
	font-family: Arial,Helvetica,sans-serif;
	margin-top:0px;
	margin-bottom: 10px;
}


#agb h3 {
	color:#938f8f;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin-top: 7px;
	margin-bottom: 3px;	
}



#agb p {
	color:#938f8f;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin-top:0px;
	margin-bottom: 0px;
}



/*-------- Footer  ---------*/

.line { 
    margin: 25px auto;
    height: 1px;
	width: 872px;
    border: 0;
    background:#b4aaa9;
  /*  background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));*/
}



footer {
	width: 900px;
	height: 150px;
	padding-top: 0px;
	background-color:#FFF;
	/*background-color:#CCC;*/
	position: relative;
	float: left;
	margin: 0 auto;
	margin-left: 12%;
	z-index: 20;
}


#logo_reinigung_klein {
	margin-top: 10px;
	margin-right:20px;
	display: block;
	float: left;
}



#logo_studio_klein {
	display: block;
	float: left;
	margin-left:30px;
	
	/*float: right;*/
}



footer p {
	color:#938f8f;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 18px;
	/*display:block;*/
	/*float: left;*/
	
}


.trenner {
	background-image:url(../img/trenner.jpg);
	background-color:#F90;
	width: 13px;
	height: 60px;
	float: left;	
}


#adresse {
	width: 160px;
	float: left;
	padding-top: 5px;
	padding-left: 18px;	
}



#ruf {
	width: 200px;
	float: left;
	padding-top: 5px;
	padding-left: 15px;			
}