html,body{height:100%;width:100%;overflow:auto;background-attachment:fixed;margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,ol,ul,li,p,textarea,select,td,div{font-family:arial, helvetica, Verdana, sans-serif, geneva;font-size:17px;text-align:left;color:#fff;}
.cufon-loading {visibility: hidden;}/*kein delay mehr*/
a:link{font-size:17px;color:#fff;text-decoration:none;font-weight:400;}
a:visited{font-size:17px;text-decoration:none;color:#fff;}
a:hover,a:active{font-size:17px;text-decoration:none;color:#b60000;}
#tooltip{position:absolute;z-index:6000;/*border:1px solid #000;*/background-image:url(../images/textarea_background.png);padding:5px;}
#tooltip h3,#tooltip div{color:#fff;margin:0;font-size:14px !important;font-weight:normal;}

.klause a{margin-bottom:20px;float:left;display:block;width:372px;height:286px;background:url(../portfolio/klause.jpg) 0px 0px no-repeat;text-decoration:none;padding:0;border:1px solid #727272;}
.klause a:hover{background-position:0px -286px;background-repeat:no-repeat;border:1px solid #fff;}
.klause a:active{background-position:0px -572px;background-repeat:no-repeat;}
.krispel a{margin-bottom:20px;float:left;display:block;width:372px;height:286px;background:url(../portfolio/krispel.jpg) 0px 0px no-repeat;text-decoration:none;padding:0;border:1px solid #727272;}
.krispel a:hover{background-position:0px -286px;background-repeat:no-repeat;border:1px solid #fff;}
.krispel a:active{background-position:0px -572px;background-repeat:no-repeat;}
.lebenshilfe a{margin-bottom:20px;float:left;display:block;width:372px;height:286px;background:url(../portfolio/lebenshilfe.jpg) 0px 0px no-repeat;text-decoration:none;padding:0;border:1px solid #727272;}
.lebenshilfe a:hover{background-position:0px -286px;background-repeat:no-repeat;border:1px solid #fff;}
.lebenshilfe a:active{background-position:0px -572px;background-repeat:no-repeat;}
.fratelli a{margin-bottom:20px;float:left;display:block;width:372px;height:286px;background:url(../portfolio/fratelli.jpg) 0px 0px no-repeat;text-decoration:none;padding:0;border:1px solid #727272;}
.fratelli a:hover{background-position:0px -286px;background-repeat:no-repeat;border:1px solid #fff;}
.fratelli a:active{background-position:0px -572px;background-repeat:no-repeat;}
.mueller a{margin-bottom:20px;float:left;display:block;width:372px;height:286px;background:url(../portfolio/mueller.jpg) 0px 0px no-repeat;text-decoration:none;padding:0;border:1px solid #727272;}
.mueller a:hover{background-position:0px -286px;background-repeat:no-repeat;border:1px solid #fff;}
.mueller a:active{background-position:0px -572px;background-repeat:no-repeat;}
.gzm a{margin-bottom:20px;float:left;display:block;width:372px;height:286px;background:url(../portfolio/gzm.jpg) 0px 0px no-repeat;text-decoration:none;padding:0;border:1px solid #727272;}
.gzm a:hover{background-position:0px -286px;background-repeat:no-repeat;border:1px solid #fff;}
.gzm a:active{background-position:0px -572px;background-repeat:no-repeat;}
.gutmann a{margin-bottom:20px;float:left;display:block;width:372px;height:286px;background:url(../portfolio/gutmann.jpg) 0px 0px no-repeat;text-decoration:none;padding:0;border:1px solid #727272;}
.gutmann a:hover{background-position:0px -286px;background-repeat:no-repeat;border:1px solid #fff;}
.gutmann a:active{background-position:0px -572px;background-repeat:no-repeat;}
.anita a{margin-bottom:20px;float:left;display:block;width:372px;height:286px;background:url(../portfolio/anita.jpg) 0px 0px no-repeat;text-decoration:none;padding:0;border:1px solid #727272;}
.anita a:hover{background-position:0px -286px;background-repeat:no-repeat;border:1px solid #fff;}
.anita a:active{background-position:0px -572px;background-repeat:no-repeat;}
.hs a{margin-bottom:20px;float:left;display:block;width:372px;height:286px;background:url(../portfolio/hs.jpg) 0px 0px no-repeat;text-decoration:none;padding:0;border:1px solid #727272;}
.hs a:hover{background-position:0px -286px;background-repeat:no-repeat;border:1px solid #fff;}
.hs a:active{background-position:0px -572px;background-repeat:no-repeat;}
.gz a{margin-bottom:20px;float:left;display:block;width:372px;height:286px;background:url(../portfolio/gz.jpg) 0px 0px no-repeat;text-decoration:none;padding:0;border:1px solid #727272;}
.gz a:hover{background-position:0px -286px;background-repeat:no-repeat;border:1px solid #fff;}
.gz a:active{background-position:0px -572px;background-repeat:no-repeat;}
.legenden a{margin-bottom:20px;float:left;display:block;width:372px;height:286px;background:url(../portfolio/legenden.jpg) 0px 0px no-repeat;text-decoration:none;padding:0;border:1px solid #727272;}
.legenden a:hover{background-position:0px -286px;background-repeat:no-repeat;border:1px solid #fff;}
.legenden a:active{background-position:0px -572px;background-repeat:no-repeat;}
.mario a{margin-bottom:20px;float:left;display:block;width:372px;height:286px;background:url(../portfolio/mario_neu.jpg) 0px 0px no-repeat;text-decoration:none;padding:0;border:1px solid #727272;}
.mario a:hover{background-position:0px -286px;background-repeat:no-repeat;border:1px solid #fff;}
.mario a:active{background-position:0px -572px;background-repeat:no-repeat;}

.red {color:red;}
#backgroundimg{background-attachment:fixed;height:100%;width:100%;left:0;position:absolute;top:0;z-index:0;}
#backgroundimg img{background-attachment:fixed;height:100%;width:100%;left:0;position:absolute;top:0;z-index:1;}
#scroller{position:absolute;width:100%;height:100%;top:0;left:0;overflow:auto;z-index:2;}
table,td{border:0;margin:0;padding:0;}
#table-zent{width:100%;height:100%;border:0;}
#td-zent{vertical-align:top;text-align:center;padding-top:0;padding-bottom:0;}
#slogan_container{display:none;height:500px;width:700px;}

#slogan0{position:absolute;left:80px;bottom:410px;text-align:center;margin-bottom:0;font-size:36px;/*background-color:#fff;*/color:#fff;z-index:15;background-image:url(../images/slogan_background.png)}
#slogan1{position:absolute;left:300px;bottom:362px;text-align:center;margin-bottom:0;font-size:36px;/*background-color:#fff;*/color:#fff;z-index:13;background-image:url(../images/slogan_background.png)}

#slogan2{position:absolute;left:367px;bottom:344px;text-align:center;margin-bottom:0;font-size:36px;/*background-color:#fff;*/color:#fff;z-index:9;background-image:url(../images/slogan_background.png)}

#slogan3{position:absolute;left:693px;bottom:370px;text-align:center;margin-bottom:0;font-size:36px;/*background-color:#fff;*/color:#fff;z-index:10;background-image:url(../images/slogan_background.png)}
#share{position:absolute;bottom:0;left:25px;clear:both;height:50px;width:300px;font-weight:400;z-index:5;color:#000;}
a:focus{outline:none;}
#container-center{position:relative;width:100%;height:100%;margin-left:auto;margin-left:auto;}

#panel{padding:20px 20px 20px 30px;position:absolute;bottom:0;left:290px;clear:both;height:auto;width:620px;display:none;font-weight:400;z-index:15;background:url(../images/contact-background.png) no-repeat top left;}
#panel-portfolio{padding:20px 20px 20px 25px;position:absolute;left:305px;top:0;clear:both;height:auto;width:403px;display:none;font-weight:400;z-index:16;background-image:url(../images/slogan_background.png)}
#left{float:left;margin-left:12px;width:390px;hight:auto;}
#right{margin-left:12px;float:left;width:390px;hight:auto;}
.justify{text-align:justify;}

#scroll{position:fixed; bottom:220px; right:60px;width:87px;height:156px;background:url(../images/hand.png) 0 0 no-repeat;}
#up a{position:relative;float:left;display:block;width:57px;height:50px;background:url(../images/up.png) 0 0 no-repeat;text-decoration:none;padding:0;}
#up a:hover{background-position:0 -50px;}
#down a{position:relative;float:left;display:block;width:57px;height:50px;background:url(../images/down.png) 0 0 no-repeat;text-decoration:none;padding:0;}
#down a:hover{background-position:0 -50px;}


.slide{border-top:solid 0 #111;margin:0;padding:0;}
#logo{height:42px;width:200px;position:fixed;bottom:106px;left:32px;z-index:1000;}

.btn-slide-portfolio{background-image:url(../images/slogan_background.png);opacity:1px;position:fixed;text-align:left;left:0;bottom:55px;width:auto;height:auto;display:block;text-decoration:none;z-index:20;
padding:3px 24px 0 32px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.btn-slide-portfolio:hover{padding:3px 30px 0 50px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.btn-slide-portfolio a:link,.btn-slide-portfolio a:visited,.btn-slide-portfolio a:hover,.btn-slide-portfolio a:active{color:#fff;letter-spacing:1.5px;padding:3px;}
.btn-slide-portfolio.buttonactive{padding:3px 30px 0 50px;}


.btn-slide-contact{background-image:url(../images/slogan_background.png);opacity:1px;position:fixed;text-align:left;width:auto;height:auto;left:0;bottom:16px;display:block;color:#fff;text-decoration:none;z-index:30;padding:3px 18px 0 32px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.btn-slide-contact:hover{padding:3px 24px 0 50px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.btn-slide-contact a:link,.btn-slide-contact a:visited,.btn-slide-contact a:hover,.btn-slide-contact a:active{color:#fff;padding:3px;}
.btn-slide-contact.buttonactive{padding:3px 24px 0 50px;}

#footer a, #footer{font-size:11px !important;}

.btn-slide-portfolio img{position:relative;top:6px;margin-left:3px}
.btn-slide-contact img{position:relative;top:5px;margin-left:8px}
.active{background-position:left 12px;}
.style1{color:#FFF;font-weight:400;}
#bottom{text-align:left;}
img,#panel-portfolio img{border:none;}
/*#panel-portfolio a:link,#panel-portfolio a:visited,#panel-portfolio a:hover,#panel-portfolio a:active,#logo a:link,#logo a:visited,#logo a:hover,#logo a:active{background:none;}-->*/

#share a:link,#share a:visited{color:#fff;font-size:18px;}
#share a:hover,#share a:active{color:#b60000;font-size:18px;}

/*.button{background-color:#886d40;color:#fff;border:1px solid;text-decoration:none;font-weight:400;overflow:visible;float:left;font-size:18px;margin-left:0px;padding:1px 2px 2px !important;cursor:pointer;}*/
/*.button{background: url(../images/sendit.png) bottom left no-repeat;width: 111px;height: 72px;text-indent: -9999em;border: none;cursor:pointer;}
.button:hover,.button:focus{background: url(../images/senditred.png) bottom left no-repeat;width: 111px;height: 72px;text-indent: -9999em;border: none;cursor:pointer;}*/
.button{color:#fff;}
input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor:pointer;}
form.cmxform{font-size:1em;color:#fff;}
form.cmxform legend{padding-left:0;}
form.cmxform legend,form.cmxform label{color:#fff;}
form.cmxform fieldset{border:2px solid #fff;}
form.cmxform fieldset fieldset{background:none;}
form.cmxform fieldset p,form.cmxform fieldset fieldset{padding:5px 10px 7px;}
form.cmxform label.error,label.error{color:red;font-style:italic;}
div.error{display:none;}
input.error{border:1px dotted #c44a3d;background:#ff877c;}
form.cmxform .gray *{color:gray;}
textarea.error{border:1px dotted red;background:#ff877c;}
input,textarea{color:#fff;border:1px solid #fff;background:none;/*background-image: url(../images/textarea_background.png);*/}
input:focus,textarea:focus{border:1px dotted #fc0;background-image: url(../images/textarea_background.png);}
input:hover,textarea:hover{background-image: url(../images/textarea_background.png);}
.kForm{margin-bottom:-30px;}


@media only screen and (min-width:1140px){
#slogan0{left:300px;bottom:510px;}
#slogan1{left:520px;bottom:462px;}
#slogan2{left:580px;bottom:444px;}
#panel{left:320px;width:806px;}
#panel-portfolio{left:320px;width:799px;}
#left{float:left;margin-left:5px;width:390px;}
#right{margin-left:20px;float:left;width:380px;}
#commentForm{width: 730px;}
#scroll{display:none;}

@media only screen and (max-width:970px){}