*{margin:0;padding:0;text-decoration:none;list-style:none;font-family:arial;color:#fff;font-weight:normal !important;outline:none !important;}

html{overflow-y:scroll;}
html,body{height:100%;}
body{background-color:#000;}

strong{}
img{border:0;}
a:focus{border:none;outline:none;}

p.tag,p.monat,h2,h2 a,h2 strong,h2 span,h3,h3 a,h3 strong,h3 span,h4,h4 a,h4 strong,h4 span,h5,h5 a,h5 strong,h5 span,h6,h6 a,h6 strong,h6 span
{font-weight:normal;font-family:'terminal dosis';}

#thumbs{position:absolute;z-index:20;font-size:12px;top:462px;left:316px;display:none;}
#thumbs a{padding:2px 6px;background:url(i/transpw/80.png);color:#000;}
#thumbs a:hover{text-decoration:underline;}

#wrapper{position:relative;min-height:100%;}

.zentriert{width:900px;margin:0px auto;}
.strich{height:1px;background:url(i/transpw/20.png);}

.oben{height:110px;background:url(i/transp.png);}
.obenmitte{height:110px;}
.obenmitte ul{float:left;height:109px;}
.obenmitte ul li{float:left;height:109px;line-height:109px;margin-right:30px;}
.obenmitte ul li a{display:block;font-size:12px;letter-spacing:1px;z-index:100;}
.obenmitte img{border:0;}
h1{float:right;margin-top:24px;}

.lavalampe{position:relative;height:70px;padding-bottom:3px;overflow:visible;z-index:100;}
.lavalampe li{float:left;}
.lavalampe li.back{border-bottom:3px solid #009fe3;width:9px;height:109px;z-index:8;position:absolute;}
.lavalampe li a{font:normal 12px arial;text-decoration:none;color:#fff;top:0px;padding:49px 0px;letter-spacing:1px;z-index:10;display:block;float:left;position:relative;overflow:hidden;}
.lavalampe li a:hover, .lavalampe li a:active, .lavalampe li a:visited{border:none;}

html body div#wrapper div.oben div.obenmitte h1 a img{margin-top:16px;}

.mitte{clear:both;width:900px;padding:40px 0px 106px 0px;overflow:hidden;margin:0 auto;}

.content{min-height:400px;width:900px;position:relative;}

.schlagzeilen{margin:0 auto;width:900px;margin:29px 0px 57px 0px;}
#controller{display:none;}
.jFlowNext{position:absolute;right:0;}
#prev-next a:hover{cursor:pointer;}
#slides{overflow:hidden;height:140px;}
#slide2,#slide3,#slide4,#slide5{display:none;}

h2,h3,h4,h5,h6{font-size:34px;}
h2 a:hover,h3 a:hover,h4 a:hover,h6 a:hover{color:#009fe3;}

.contentstrich{float:left;height:1px;background:url(i/transpw/20.png);width:900px;}

.box{float:left;background:url(i/transp.png);width:900px;}
.einer{float:left;background:url(i/transp.png);width:820px;padding:40px;}

.kleinegalerie{min-height:150px;float:left;width:329px;margin:50px 0px 47px 50px;}
.kleinegalerie a{background:#000;height:79px;float:left;}
.kleinegalerie a img{width:79px;height:79px;}

.imgPreviewWithStyles{border:solid 2px #000;}

.news{float:right;width:435px;margin:50px 50px 36px 0px;}
.eintrag{border-bottom:dotted 1px #818181;padding-bottom:5px;margin-bottom:6px;height:72px;}
.news p.ueberschrift{font-size:14px;}
.news p{text-align:justify;font-size:12px;color:#b8b8b8;line-height:18px;}
.news a{color:#009fe3;}
.news a:hover{text-decoration:underline;}
p.tag{font-size:36px;font-weight:200 !important;margin-top:5px;padding-top:8px;}
p.monat{font-size:24px;margin-top:10px;font-weight:200 !important;margin-top:10px;padding-bottom:8px;}
.eintragl{float:left;width:70px;border-right:dotted 1px #818181;margin-right:15px;}
.eintragl p{text-align:center;}

.unten{height:66px;bottom:0;position:absolute;width:100%;background:url(i/transp.png);}
.untenmitte{height:45px;width:900px;margin:0 auto;position:relative;padding-top:20px;position:relative;}
.untenmitte p{font-size:10px;float:left;line-height:24px;}
.untenmitte a:hover{text-decoration:underline;}

.abstandr20{margin-right:20px;}
.abstando4{margin-top:4px;}
.abstandr3{margin-right:3px;}
.abstandr5{margin-right:5px;}
.abstando39{margin-top:39px;}

.strichuntermenue{float:left;height:1px;background:url(i/transpw/20.png);width:236px;margin-right:40px;}
.strichkleinercontent{float:left;height:1px;background:url(i/transpw/20.png);width:624px;}
.strichzweieins{float:left;height:1px;background:url(i/transpw/20.png);width:330px;margin-right:40px;}
.strichzweiwzei{float:left;height:1px;background:url(i/transpw/20.png);width:530px;}

.zweieinslinks{float:left;width:370px;}

.zweieins{background:url(i/transp.png);float:left;width:250px;padding:33px 40px 35px 40px;}
.zweizwei{background:url(i/transp.png);float:left;width:450px;padding:33px 40px 40px 40px;}
.zweieins p{font-size:12px;line-height:18px;margin-bottom:18px;text-align:justify;}
.zweieins a{color:#009fe3;}
.zweieins a:hover{text-decoration:underline;}
.zweieins h3,.zweizwei h4,.zweizwei h5,.zweizwei h6{font-size:24px;margin-bottom:18px;}
p.textl{text-align:left;}

.untermenue{background:url(i/transp.png);padding:30px 40px;float:left;width:156px;}
.untermenue li{line-height:30px;font-size:12px;}
.untermenue li.aktiv a,.untermenue li a:hover{color:#009fe3;}

.kleinercontent{float:left;background:url(i/transp.png);padding:31px 40px 35px 40px;width:544px;margin-left:40px;}
.kleinercontent h3,.kleinercontent h4,.kleinercontent h5,.kleinercontent h6{margin-bottom:18px;}
.kleinercontent h4,.kleinercontent h5,.kleinercontent h6{font-size:18px;}
.kleinercontent p,.kleinercontent li,.zweizwei p{font-size:12px;line-height:18px;margin-bottom:18px;}
.kleinercontent a{color:#009fe3;}
.kleinercontent a:hover{text-decoration:underline;}
.kleinercontent ul{margin-left:16px;margin-bottom:18px;}
.kleinercontent li{margin:0px;list-style:decimal outside;}

/* content */

.contentbild{margin:0px;float:right;margin-left:20px;padding:3px;border:solid 1px #333;width:197px;height:130px;margin-top:5px;display:block;margin-bottom:10px;}

/* referenzen */
.referenz,.referenzl{float:left;margin-right:40px;margin-bottom:33px;color:#fff !important;}
.referenzl{margin-right:0px;}
.referenz h3,.referenzl h3{font-size:14px;font-weight:normal;margin-bottom:5px;}
div.caption-bottom:hover{color:#009fe3;}
#caption1{color:#fff !important;}

/* referenzen im detail */
.links{float:left;width:400px;margin-right:40px;}
.passend{width:400px;}
.rechts{float:left;width:380px;}
.rechts p{font-size:12px;line-height:18px;margin-bottom:18px;}
.rechts h3{font-size:18px;}
.rechts h4,.rechts h5{font-weight:normal;font-size:14px;margin-bottom:18px;line-height:18px;}
.rechts p.titel{font-size:14px;font-weight:bold;}
.rechts p a:hover{text-decoration:underline;}
hr{min-height:1px;height:1px;border:0;background:url(i/transpw/20.png);margin:18px 0px 18px 0px;}
.vorundzurueck{position:absolute;top:63px;width:100px;height:30px;right:0px;}
.zurueck,.uebersicht,.vor{position:absolute;display:block;width:30px;height:30px;background:url(i/vor.png);text-indent:-9999px;right:0px;}
.uebersicht{background:url(i/uebersicht.png);right:35px;}
.zurueck{background:url(i/zurueck.png);right:70px;}
.zurueck:hover{background:url(i/zurueck-aktiv.png);}
.uebersicht:hover{background:url(i/uebersicht-aktiv.png);}
.vor:hover{background:url(i/vor-aktiv.png);}

/* mitarbeiter */
.team img{float:left;margin:0px;}
.team h4{font-family:arial;font-weight:normal;font-size:15px;margin:0px;margin-top:-3px;letter-spacing:1px;}
.team{border-bottom:solid 1px #333;margin-bottom:22px;float:left;min-height:122px;}
.teaml{float:left;width:122px;}
.teamr{float:left;width:422px;}
.anders{border:0;margin:0px;min-height:100px;}

/* allgemein */
.grau,.grau a{color:#979797;}
.orange,p.orange{color:#009fe3;}
.floatl{float:left;}
.ohneborder{border:0;}
span.unterstrichen{text-decoration:underline;}
p.ohnemargin{margin:0px;}
strong{font-weight:normal;color:#adadad;}
.ohnemarginu{margin-bottom:0px;}
.schwarz{color:#24211f;}
.clear{clear:both;}

#showroom{position:absolute;left:-1px;top:134px;font-size:11px;background:#009fe3;padding:10px;}
#showroom:hover{text-decoration:underline;}

/* caption styling */
.caption-top,.caption-bottom{color: #ffffff;padding:6px 10px 8px 10px;font-weight:normal;font-size:12px;line-height:16px;font-family:arial;cursor:pointer;border:0px solid #334143;background:#000000;text-shadow:1px 1px 0 #202020;}
.caption-top{border-width:0px 0px 0px 0px;}
.caption-bottom{border-width:0px 0px 0px 0px;}
.caption a,.caption a{border:0 none;text-decoration:none;background:#000000;padding:0px;}
.caption a:hover,.caption a:hover{background:#202020;}
.caption-wrapper{float:left;}
br.c{clear:both;}
.referenz{line-height:12px;}


/* kontakt */

#kontaktformular p{float:left;width:60px;margin:0px;color:#808080;}
#kontaktformular hr{background:#575757;color:#575757;width:300px;height:1px;border:0;min-height:1px;float:left;margin:5px 0px;}
#strich407{width:407px !important;background:#575757;color:#575757;height:1px;border:0;min-height:1px;float:left;margin:5px 0px;}
.kontaktlinks{float:left;width:80px;}
.kontaktrechts{float:left;width:300px;}
input{width:300px;height:18px;background:transparent;border:0;color:#fff;padding-left:0px;font-size:12px;float:left;}
textarea{width:347px;height:150px;background:transparent;border:0;line-height:18px;color:#fff;padding:0px;font-size:12px;float:left;resize:none;}
.senden{background:#575757;color:#fff;margin-top:17px;border:0;font-size:12px;height:30px;width:300px;}
.senden:hover{background:#009fe3;cursor:pointer;}

textarea{}

/* impressum */

.web a{color:#fff;text-decoration:none;}
.nachrechts{margin-right:4px;}



/* caption */

.view{width:246px;height:125px;margin:0px;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}
.view .mask,.view .content{width:246px;height:125px;position:absolute;overflow:hidden;bottom:0px;left:0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 12px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 60px 0px 0px 0px;
}
.view p {
   font-family: 'times new roman';
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #ddd;
   padding: 10px 10px;
   text-align: center;
   background:url(i/transps/80.png);
   margin: 95px 0px 0px 0px;
}
.view p a{font-family:'times new roman';font-size: 12px;color: #ddd;}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}







.view img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.view a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   cursor:pointer;
}
.view:hover h2,
.view:hover p,
.view:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}