@charset "UTF-8";
/* CSS Document css_home*/
/*Rothmayr-illustration.ch*/

/* Smartphones (landscape) ----------- */
@media screen and (max-width: 480px){

*{
margin: 0;
padding: 0;
}


 body {
		width:480px!important;
		/*background-color:lightblue;*/
		
    }
#BgContainer{
	
	width:480px;
	max-width:480px!important;
	float:none!important;
	margin:0 auto!important;
	padding:0!important;
background-image:none!important;
border:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;

}
	#Container{
	width:100% !important;
	padding-top:10px;
	margin:0!important;
	padding:0!important;

}

	
	header {
	background-position:left;
	background-repeat:no-repeat;
	width:90%;
	display:block;
	margin:10% 0 0 7%;
	padding:0;
	/*background-color:lightgreen;*/
}
.logo{
	
	/*background-color:lightgreen;
	width:60%;*/
}
#Layout{
	width:100%!important;
	display:block;
	margin-top:30px;
	margin:0!important;
	padding:0;
	z-index:50;
	
}

section{
/*background-color:green!important;*/
	display:block;
	margin-top:120%;
	margin-left:5%;
	margin-right:5%;
	width:73.5%;
	width:90%;
	/*background-color:pink;*/
}
	
/**** Text unten  ****/
	
h3.left {
	text-align:left!important;
	display:inline!important;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold!important;
	padding:5px 5px 5px 0!important;
	width:100%;
}
p{
	font-size:0.675em!important;
	line-height:1.2em;
	padding:3% 0 0.3% 0!important;
}


p.home{
	font-size:0.675em!important;
	display:inline!important;
	line-height:1.2em;
	padding:3% 0 0.3% 0!important;
}
	
.a_box {
width:175px;
width:36.45833%;
margin:3.125% 3.125% 2.08% 12%;
background-image:url(../images/web-hintergrund-2.png);
background-origin:content-box;
float:left;
}
.b_box { /*display:hidden;*/display:none;z-index:5;}
.c_box { 
width:36.45833% !important;
height:175px;
margin:15px 0 10px 0;
margin:3.125% 0 2.08% 0;
padding: 0 4% 0 4% !important; 
background-image:url(../images/malerei-hintergrund.png);
background-origin:content-box; 
float:left;
z-index:5;
}

/*.c_box h2 a:link,*/
.c_box h2{
	background-origin:content-box;
	text-align:center!important;
	padding-top:84px;
	margin:0;
	}
.c_box img{
	padding:0 !important;
	margin:0 !important;
	width:100%!important;
	height:100%!important;
}
.c_box a{
	
	text-align:center!important;
}

	

.bigbox { width:185px; width:38.54166%;/*height:360px;*/
margin:0 5px 5px 10px;
margin:1.04% 1.04% 1.04% 11%;
background-image:url(../images/gold-hintergrund-neu.jpg);
background-origin:content-box;
float:left;
display:inline;
z-index:2;
}

/* Neue Angabe h2.thin bigbox  */

.bigbox h2.thin {
	font-family: Helvetica , Arial, sans-serif;
	font-size:18px!important;
	letter-spacing:0!important;
	text-align:center;
	margin:5px 2px 0 2px!important;
}


.d_box { width:175px; width:36.45833% !important;background-origin:content-box;
margin:0 0 5px 5px;
margin:1.04% 3.125% 1.04% 1.04%;
float:left; z-index:5;}

.e_box {display:none;}
.f_box { width:175px; width:36.45833% !important; /*height:180px;*/ 
margin:0 0 5px 5px;
margin:0 0 1.04%  1.04%;  
background-image: url(../images/f_box_illustration-2.png);background-origin:content-box;/*background-color:#e48d67;*/ float:left; /*display:inline;*/z-index:5;}

/*footer{
	clear:both;
	width:100%;
	margin:0 !important;
}*/
	


 /* *****hebt das float auf****** */ 
  nav:after,
  .clear {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

/**********FOOTER************/
footer {
	clear:both;
	width:100%!important;
	/*margin:10% 0 0 0;*/
	margin:0 !important;
	padding:0;
	border-top:none;
	}	
footer p{
	margin:0;
	font-size:0.95em;
	font-size:1em;
	text-align:center!important;
	/*padding:3%;*/
	}
.footer-segment-left{
	float:left;
	width:100%;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin-top:20px;
	/*padding:3%;*/
	padding:12px;
	padding:10px;
	/*-moz-box-shadow:    inset 0 0 5px #c0c0c0;
   -webkit-box-shadow: inset 0 0 5px #c0c0c0;
   box-shadow:         inset 0 0 5px #c0c0c0;*/
	}
.footer-segment-mitte{
	float:left;
	width:100%;
	border-bottom:1px solid #666;
	/*padding:3%;*/
	padding:10px;
	padding:8px;
	/*-moz-box-shadow:   inset 0 0 5px #c0c0c0;
   -webkit-box-shadow: inset 0 0 5px #c0c0c0;
   box-shadow:         inset 0 0 5px #c0c0c0;*/
	}
.footer-segment-right{
	width:100%;
	float:left;
	border-bottom:1px solid #666;
	/*padding:3%;*/
	padding:10px;
	padding:8px;
	/*-moz-box-shadow:    inset 0 0 5px #c0c0c0;
   -webkit-box-shadow: inset 0 0 5px #c0c0c0;
   box-shadow:         inset 0 0 5px #c0c0c0;*/
	}

}