@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Cinzel:400,700,900);


/* ### HTML ###################################################################### */
body, html, main {
/* important */
	height: 100%;
	
}


     body {
	 background-color:#fff;
	font-family: 'Roboto', sans-serif;
      font-style: normal;
	  font-weight: 400;
	  font-size:0.95em;
	  color:#20270e;
	  overflow:scroll;
    }
	
	p,h1,h2,h3 {margin:0px; padding:0px;}
	
	
    .headline {
      font-family: arial, sans-serif;
      font-style: normal;
      font-weight: bold;
	  font-size:2.0em;
	 margin:0; padding:0;
	 text-transform:uppercase;
    }
	
	    h1 {
     font-family: 'Roboto', sans-serif;
      font-weight: 500;
	  font-size:1.3em;
	  color:#425401;

    }
	
		    h2 {
     font-family: 'Roboto', sans-serif;
      font-style: normal;
      font-weight: bold;
	  font-size:1.1em;
	 margin:0; padding:0;
	 margin-bottom:10px;

    }
	
		a {		
		color:#303d01;
		text-decoration:none;
		text-decoration:underline;
		}
	
	a:hover {		
		color:#303d01;
		
		text-decoration:underline;
			}
	
		.footer a {		
		color:#303d01;
		text-decoration:none;
		font-size:0.8em;
		}
	
.footer a:hover {		
		color:#303d01;
		text-decoration:underline;
			}	
		
.bgfixedxx {top:0; left:0; right:0;
    
	min-height:100%;
    margin:0;
    padding:0;
    width:100%; border: 0px solid red;}	
	
	

.mmspace{clear:both;}

.header {position:absolute; display:block; width:100%; height:110px; margin:0px auto; border-top:0px solid white;}
.kopfrahmen {max-width:940px; margin:20px auto; border:0px solid red; padding-right:0px;}
.logo {position:relative; max-width:335px; float:left; margin-right:10px; padding-left:5px; padding-right:0px; border:0px solid red; z-index:100;}
.logo img {width:100%;}

.spruch {display:inline-block;  max-width:400px; float:right; margin-right:10px; padding-top:15px;  padding-left:0px; padding-right:0px; border:0px solid red; font-size:1.4em; color:#696969; text-align:right; font-weight:400; font-style:italic;}

.inhalterahmen {padding-left:15px; padding-right:10px; margin-bottom:20px; max-width:933px; margin:0px auto; border:0px solid red; display:block;  padding-top:20px;}
.inhalte { border:0px solid green; background-color:#e4efc6; padding-top:30px; margin-left:5px; margin-top:0px; margin-bottom:0px; min-height:300px; padding-left:35px; padding-right:250px; display:inline-block; min-width:69%; max-width:100%; padding-bottom:50px;}

.galeriebg {position:relative; margin-top: 120px; padding-left:5px; max-width:100%; max-height:375px; min-height:80px; border:0px solid #260000;  margin-bottom:0px; overflow:hidden; display:inline-block; z-index:1; padding-bottom:0px;}
.galeriebg img {width:100%;}

.keys {font-style:normal; font-size:0.70em;  color:white; padding:0px;}

.footerrahmen {display:block;  width:100%; background-color:#fff; border:0px solid red; padding:0px; min-height:10px; margin:0px; text-align:center;}
.footer {display:inline-block; max-width:920px; margin:0px auto;  padding-left:10px; padding-right:10px; border:0px solid red; min-height:10px; padding-bottom:10px;}

.footleft{width:450px; float:left; border: 0px solid red; text-align:left; font-size:0.8em; margin-left:5px;}
.footcenter{width:250px; float:left; border: 0px solid white; text-align:center;}
.footright{ width:420px; border: 0px solid red; float:right; text-align:right;}



.paperback {width:250px; min-height:220px; background: url(../img/grafiker_rosenheim_bester.png) top center; background-repeat:no-repeat; background-size:100% 100%; padding-left:20px; padding-top:25px; padding-right:15px; padding-bottom:10px; margin-right:20px; margin-bottom:20px; float:left;}
.paperback2 {width:255px; min-height:220px; background: url(../img/graphiker_rosenheim.png) top center; background-repeat:no-repeat; background-size:100% 100%; padding-left:25px; padding-top:20px; padding-right:15px; padding-bottom:10px; margin-right:10px; margin-bottom:20px; float:left;}
.paperback3 {width:260px; min-height:220px; background: url(../img/werbegrafiker_rosenheim.png) top center; background-repeat:no-repeat; background-size:100% 100%; padding-left:25px; padding-top:30px; padding-right:10px; padding-bottom:10px; margin-right:0px; margin-bottom:20px; float:left;}



.editor60 {max-width:550px; min-height:220px; margin-right:40px; margin-bottom:20px; float:left;}
.aktuelles {background-color:white; width:240px; min-height:220px; padding-left:15px; padding-top:15px; padding-right:15px; padding-bottom:15px; margin-right:0px; margin-top:10px; float:right; border:1px solid #fff; border-radius:10px;}




/* =Global
-------------------------------------------------------------- */

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }


  
  /* BOXER GALERIEN */
  
  .boxerfoto:hover,
   .boxergrafik:hover
 {
    transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    -webkit-transform: scale(1.03);
	
	-webkit-transition: all .20s ease;
    -moz-transition: all .20s ease;
    -ms-transition: all .20s ease;
    -o-transition: all .20s ease;
    transition: all .20s ease;
}

.boxerfoto {display:table; width:250px; height:250px; border:1px solid #eee; border-radius:10px; background-color:#fff; padding:10px; margin-right:15px; margin-bottom:10px; float:left; overflow:hidden;}
.boxerfotocenter {display:table-cell;  vertical-align: middle; margin:auto auto; border:0px solid red; text-align:center;overflow:hidden;}
.boxerfoto img {margin: 0px auto; max-width:220px; max-height:220px; border:1px dotted #999;overflow:hidden;}

.boxervideo {display:table; width:250px; height:200px; border:0px solid green; background: url(../img/graphiker_rosenheim.png) top center; background-repeat:no-repeat; background-size:100% 100%;  padding:20px; margin-right:10px; margin-bottom:10px; float:left; overflow:hidden;}
.boxervideocenter {display:table-cell;  vertical-align: top; margin:auto auto; border:0px solid red; text-align:center; overflow:hidden;}
.boxervideo img {margin: 0px auto; max-width:240px; max-height:180px; border:1px dotted #999;}

.boxergrafik {display:table; width:200px; height:200px; border:0px solid green; background: url(../img/graphiker_rosenheim.png) top center; background-repeat:no-repeat; background-size:100% 100%;  padding:10px; margin-right:5px; margin-bottom:10px; float:left; overflow:hidden;}
.boxergrafikcenter {display:table-cell;  vertical-align: middle; margin:auto auto; border:0px solid red; text-align:center; overflow:hidden;}
.boxergrafik img {margin: 0px auto; max-width:175px; max-height:175px; border:1px dotted #999;}

.paperbackfoto {display:inline-block; width:185px; height:185px; margin-top:10px;background: url(../img/graphiker_rosenheim.png) top center; background-repeat:no-repeat; background-size:100% 100%; padding-left:20px; padding-top:20px; padding-right:15px; padding-bottom:10px; margin-right:10px; margin-bottom:10px; float:left;}
.paperbackgrafik {display:inline-block; width:395px; min-height:200px; background: url(../img/grafiker_in_rosenheim.png) top center; background-repeat:no-repeat; background-size:100% 100%; padding-left:25px; padding-top:10px; padding-right:20px; padding-bottom:10px; margin-right:15px; margin-bottom:10px; margin-top:0px;float:left;}
.paperbackweb {display:inline-block; width:395px; min-height:200px; background: url(../img/werbegrafiker_rosenheim.png) top center; background-repeat:no-repeat; background-size:100% 100%; padding-left:25px; padding-top:20px; padding-right:20px; padding-bottom:10px; margin-right:15px; margin-bottom:10px; margin-top:0px;float:left;}

.paperback60 {display:inline-block; min-height:220px; width:550px; background: url(../img/grafiker_in_rosenheim.png) top center; background-repeat:no-repeat; background-size:100% 100%; border: 0px solid #eee; border-radius:5px; padding-left:25px; padding-top:20px; padding-right:20px; padding-bottom:10px; margin-right:15px; margin-bottom:10px; margin-top:0px;float:left;}


.paperback100 {display:inline-block; width:90%; min-height:220px; background-color:#eee; border: 1px solid #eee; border-radius:5px; padding-left:20px; padding-top:20px; padding-right:20px; padding-bottom:10px; margin-right:15px; margin-bottom:10px; margin-top:0px;float:left;}

.sitemap {display:inline-block; width:90%; min-height:220px;  padding-left:20px; padding-top:20px; padding-right:20px; padding-bottom:10px; margin-right:15px; margin-bottom:10px; margin-top:0px;float:left;}
.sitemap ul {list-style-type: square; margin:10px; padding:5px;}
.sitemap li {list-style-type: square; margin:10px; padding:5px;}
.sitemap li li{list-style-type: circle; margin:0px; padding:5px; border:0px solid red;}

.liste {margin-top:10px;}
.liste ul {list-style-type: disc; margin:10px; padding:5px;}
.liste li {list-style-type: disc; margin:10px; padding:5px;}
