@charset "UTF-8";
/* CSS Document */
/*Rothmayr-illustration.ch*/
/*css_home ist für Startseite (index.html)*/

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}


@font-face {
    font-family: 'franklin_gothic_fsbook';
    src: url('../webfonts/FranklinGothic-Book-webfont.eot');
    src: url('../webfonts/FranklinGothic-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/FranklinGothic-Book-webfont.woff2') format('woff2'),
         url('../webfonts/FranklinGothic-Book-webfont.woff') format('woff'),
         url('../webfonts/FranklinGothic-Book-webfont.ttf') format('truetype'),
         url('../webfonts/FranklinGothic-Book-webfont.svg#franklin_gothic_fsbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'franklin_gothic_fsdemi';
    src: url('../webfonts/FranklinGothic-Demi-webfont.eot');
    src: url('../webfonts/FranklinGothic-Demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/FranklinGothic-Demi-webfont.woff2') format('woff2'),
         url('../webfonts/FranklinGothic-Demi-webfont.woff') format('woff'),
         url('../webfonts/FranklinGothic-Demi-webfont.ttf') format('truetype'),
         url('../webfonts/FranklinGothic-Demi-webfont.svg#franklin_gothic_fsdemi') format('svg');
    font-weight: normal;
    font-style: normal;

}
html{
    font-size: 16px;
	height: 101%;
}

/* render html5 elements as block 
   rendert html5 elemente als block  */

#BgContainer, #Container, header, footer, section, aside, nav, article { display: block;}

.menubutton a {
  cursor:pointer;
}


*{
margin: 0;padding:0;
}
img { border:none }

a:focus {
  outline: none;
} 

body {
height: 100%;
color: #000;
font-size: 1em; /* 16px*/
font-size: 100%; /* 16px*/
font-family:/*'Conv_News-Gothic'*/'franklin_gothic_fsbook', Arial, Helvetica, sans-serif;
margin:0;padding:0;
/*background-color:#CFF;*/
background-color:#fff;
/*background-image:url(../images/tiger-gross.png);
background-position:84% 70%;
background-repeat:no-repeat;*/
}


/*neue Angaben* Hintergrund Farbwechsel*/
/*animation: pulse 5s infinite;
animation: pulse 5s ease-in;

}*/
/*@keyframes pulse {
  0% {
    background-color: #001F3F;
	background-color: #fff;
  }
  100% {
    background-color: #FF4136;
	background-color: #f2f4f4;
  }*/
/*}*/

/*TEST BLUME*/


/*.image {
    position: absolute;
	top: 86%;
    left: 90%;
    width: 50px;
    height: 50px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}*/
/*@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }*/

#BgContainer{

width:1000px;
margin:0 auto;
background-image:url(../images/holunder.jpg), url(../images/tiger-gross.png)!important;
/*background-position:13% -60%;*/
/*background-position:13% -5%!important;*/
background-position:13% -1%, 84% 78%!important;
background-position:13% -25%, 84% 78%!important;
/*background-repeat:no-repeat;*/
/*background-image:url(../images/tiger-gross.png)!important;*/
/*background-position:84% 75%!important;*/
background-repeat:no-repeat!important;
/*margin-top:0 !important;*/
/*border:1px solid #000;*/
background-color:#fff;
height:100%;
/*border-left:4px solid #e4e7e7;*/
/*border-right:4px solid #e4e7e7;/*
/*box-shadow: 10px -10px 25px rgba(192,192,192,0.6); 
  -moz-box-shadow: 10px -10px 25px rgba(192,192,192,0.6); 
  -webkit-box-shadow: 10px -10px 25px rgba(192,192,192,0.6); 
  -o-box-shadow: 10px -10px 25px rgba(192,192,192,0.6);*/
  /*-moz-box-shadow: 3px 3px 25px 5px #e4e7e7;
  -webkit-box-shadow: 3px 3px 25px 5px #e4e7e7;
  -o-box-shadow:3px 3px 25px 5px #e4e7e7;
  box-shadow: 3px 3px 25px 5px #e4e7e7;*/



}
#BgContainerweiss{
width:1000px;
background-color:#FFF;
margin:0 auto;

}

#Container{
	width:1000px;
	width:100%;
	padding-top:60px;
	padding-top:150px;
	padding-top:80px;
	/*height:100%;*/
	/*padding-top:100px;*/
	/*border:1px solid #c0c0c0;*/

	
}

header {
	min-height:26px;
	background-position:left;
	background-repeat:no-repeat;
	width:411px;
	width:80%;
	margin-left:50px;
	margin-left:5%;
	margin-top:-5%; /*das hebt das Logo*/
	background-origin: content-box;
	float:left;
}
/*header.web{
	margin-left:0px;
	margin-left:0%!important;
}*/
header img{/*
	
	/*width:50%;*/
	
	/*width:400px;
	margin-left:40px;*/
	}
header p{
	font-size:21px;
	margin-left:40px;
	}
header p{
	font-size:21px;
	margin-left:40px;
	}
	
#Layout{
	/*margin:10px 140px 0 140px;
	margin:1% 13.15% 0 13.15%;*/
	margin:0 13.15% 0 13.15%;
	width:73.5%;
	z-index:300;
	/*background-color:pink;*/
	
}
.box{
	
}
	
.a_box {
width:175px;
width:23.74491%;
height:175px;
margin:5px 10px 5px 0;
background-image:url(../images/web-hintergrund-2.png);
/*filter:alpha(opacity=80);*/ /* IE 5-7 */
/*opacity: 0.8; *//* CSS3 Standard */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
float:left;
display:inline;
z-index:5;
}
.b_box { width:175px; width:23.74491%;height:175px; margin:5px 10px 5px 0; background-color:transparent; float:left; display:inline;z-index:5;}
.c_box { 
width:175px; 
width:23.74491%;
height:175px; 
margin:5px 0; 
background-image:url(../images/malerei-hintergrund.png); 
float:left; 
display:inline;
z-index:5;
text-align:center!important;
}

.bigbox { width:185px; width:25.1%;height:360px;
margin:5px 0 5px 5px;
background-image:url(../images/gold-hintergrund-neu.jpg);
float:right;
display:inline;
z-index:2;}

.bildwechselbigbox {
    position:relative;
    height:113px;
    width:178px;
	margin-top:115px;
}
.bildwechsel {
    position:relative;
    height:175px;
    width:175px;
	margin-top:0!important;
	background-origin:content-box;
}
.bildwechselbigbox img,
.bildwechsel img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
}

/*.bildwechselbigbox img.top:hover,
.bildwechsel img.top:hover,
.bildwechsel img.top:focus {
    opacity:0;
}*/

.bildwechselbigbox img:hover,
.bildwechsel img:hover,
.bildwechsel img:focus {
    opacity:0;
}

/*  NEUE ANGABE  */

.d_box { width:175px; width:23.74491%;height:175px; margin:5px 10px 5px 0;float:left; display:inline;z-index:5;}

.e_box { width:175px; 
width:23.74491%;
height:175px; 
margin:5px 10px 5px 0; 
float:left; 
display:inline;
/*background-image: url(../images/schafgarbe-web.png);*/
background-image:url(../images/grasshopper.png)!important;
z-index:5;
}
.f_box { width:175px; width:23.74491%;height:180px; margin:0 0 5px 0; background-image: url(../images/f_box_illustration-2.png);float:left; display:inline;z-index:5;}

h2{text-align:center!important;}

section{
/*background-color:green!important;*/
/*margin-top:80px!important;*/
	margin:40% 13.15% 0 13.15%;/* eigenartigerweise 40% margin-top!!! */
	width:73.5%;
	/*background-color:pink;*/}

/**** Text unten  ****/

h3.left {
display:inline!important;
font-size:1em;
text-transform:uppercase;
padding:0 0 1% 0!important;
}

p{
	font-size:1em;
	line-height:1.2em;
	padding:1% 0 0.3% 0!important;
}

p.home{
	display:inline!important;
	/*padding:5px 8px 25px 8px;*/
	padding:0 0 1% 1.5%!important;
	line-height:1.2em;
}


.a_box h2,
.b_box h2,
.c_box h2,
/*.bigbox h2,*/
.d_box h2,
.e_box h2,
.f_box h2{
	
	font-family: 'franklin_gothic_fsbook', Arial;
	font-weight:600!important;
	padding-top:84px;
	font-size:1.68em;
	/*color:#FFF;*/ /*falls angegeben funktioniert farbe Link nicht*/
	text-align:center!important;
	letter-spacing:1px;
	text-transform:uppercase;	
}
.f_box h2 {
	
	padding-top:90px;	
}
.d_box h2 {
	padding-top:88px;
	
}
.bigbox h2{
	margin-top:9px;
	padding-top:0!important;
	font-family: 'franklin_gothic_fsbook'/*'franklin_gothic_fsdemi'*/,Arial;
	font-weight:600!important;
	font-size:1.68em;
	text-align:center;
	letter-spacing:1px;
	text-transform:uppercase;}

.bigbox a:link,
.bigbox a:visited 
{text-decoration:none;
color:#FFF;
z-index:20;

}
.bigbox a:hover, 
.bigbox a:active,
.bigbox a:focus,
.d_box a:hover, 
.d_box a:active,
.d_box a:focus  {
	
text-decoration:none;
color:#666565!important;
transition:all 0.5s linear;
-webkit-transition: all 0.5s linear; 
opacity:1;

}

.bigbox span.thin,
.bigbox h2 span.thin
{
	/*font-family: 'franklin_gothic_fsbook';*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	/*letter-spacing:none;*/
	letter-spacing:0;
	font-size:0.78em;
	word-wrap:break-word;
	/*white-space:wrap;*/
	text-align:center;
		
}
.bigbox h2.thin {
	line-height:100%;/*normale line-height ist 110% bis 120% */
	font-family: Helvetica , Arial, sans-serif;
	font-weight:100!important;
	font-size:1.3em;
	font-size:1.25em;
	word-wrap:break-word!important;
	/*letter-spacing:none;*/
	letter-spacing:0;
	text-align:center;
	/*white-space:wrap;*/
}

.d_box h2.thin{
	font-family: 'franklin_gothic_fsbook';
	font-weight:100;
	/*letter-spacing:none;*/
	letter-spacing:0;
	line-height:none;/* bringt nichts*/
	font-size:1.4em;
}

	


.a_box a,
.b_box a,
.c_box a,
/*.bigbox a,*/
.d_box a,
.e_box a,
.f_box a,
.a_box a:visited,
.b_box a:visited,
.c_box a:visited,
/*.bigbox a:visited,*/
.d_box a:visited,
/*.e_box a:visited,*/
.f_box a:visited{
	text-decoration:none;
	color:#FFF;
	
}
.e_box a:link,
.e_box a:visited
 {
    background-color:transparent;
	/*background-image:url(../images/johannisbeeren.jpg)!important;*/
	background-image:url(../images/dickmaulruessler-web.png)!important;
    color: #ffffff;
    text-decoration: none;
	width:175px;
	height:175px;
	display:block;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

.e_box a:hover,
.e_box a:active,
.e_box a:focus

{ 
 background-image:url(../images/grasshopper.png)!important;
   color:#666565!important;
    text-decoration: none;
	width:175px;
	height:175px;
	display:block;
opacity:0;}

.d_box a:link,
.d_box a:visited
 {
    background-color:transparent;
	background-image: url(../images/restaurierung-hintergrund-neu.png)!important;
    color: #ffffff;
    text-decoration: none;
	width:175px;
	height:175px;
	display:block;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}


.d_box a:hover,
.d_box a:active,
.d_box a:focus

 { background-image: url(../images/restaurierung.jpg)!important;
   color:#666565!important;
    text-decoration: none;
	width:175px;
	height:175px;
	display:block;
opacity:0.7;
z-index: 100;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear; }



.a_box a:hover,
.b_box a:hover,
.c_box a:hover,
/*.bigbox a:hover,*/
.d_box a:hover,
.f_box a:hover,
.a_box a:active,
.b_box a:active,
.c_box a:active,
/*.bigbox a:active,*/
/*.d_box a:active,*/
.f_box a:active,
.a_box a:focus,
.b_box a:focus,
.c_box a:focus,
.d_box a:focus,
.f_box a:focus
{
	text-decoration:none;
	color:#9f9d9d!important;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;	
}
/******Angaben .c_box weil die schrift immer nach rechts geht*********/
.c_box a{ 

padding-left:10.85714%;
padding: 0 10% 0 10%!important; 
}


 /* *****hebt das float auf****** */ 
  nav:after,
  .clear {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
	
footer{
	clear:both;
	width:73.7%;
	margin:0 140px 0 140px;
	margin:0 13.54166% 0 13.2% !important;
	margin:5% 13.54166% 0 13.2% !important;
	margin:5% 13.54166% 2% 13.2% !important;
	margin:4% 13.54166% 2% 13.2% !important;
	border-top:1px solid #666;
	
}

	
footer p{
font-size:0.85em;
color:#666;
padding:6px 0;
padding:9px 0 12px 0!important;
}

.footer-segment-left{
	display: inline;
	text-align:left;
	float:left;
	width:25%;
	margin-top:1%;
	margin-bottom:1%;
	/*background-color:lightgreen;*/
}
	.footer-segment-mitte{
	display: inline;
	text-align:left;
	float:left;
	width:25.1%;
	margin-top:1%;
	margin-bottom:1%;
/*background-color:lightblue;*/
	}
.footer-segment-right{
	display: inline;
	text-align:left;
	width:25%;
	float:left;
	margin-top:1%;
	margin-bottom:1%;
	/*background-color:pink;*/}

footer a{
	text-decoration:none;
	color:#9e9e9e;
	color:#666;
}
footer a:hover,
footer a:focus{
	color:#d80a0a;/*rot*/
	color:#dd0318;/*rot neu -29-2-16*/
}

/*.clear{clear:both;}*/
/************CSS for non-handheld devices*************/
.mobilesOnly {visibility:hidden;}

/******GROSSE BILDSCHIRME******/
/*@media screen and (min-width : 1224px)*/
@media screen and (min-width : 1700px){
#BgContainer{
padding-top:3%!important;
background-image:url(../images/holunder.jpg);
background-position:90px -80px;
background-position:13% -60%;
background-position:13% -30%;
background-repeat:no-repeat;
margin-top:0 !important;
}

#BgContainerweiss{
padding-top:3%!important;
background-color:#FFF;
margin:0 auto;


		}		
}