@CHARSET "iso-8859-1";
html{height:100%;}
*{margin:0;padding:0;}
body{height:100%;margin:0;padding:0;font-family: arial, sans-serif; line-height:18px; color:#000; background: #000 fixed url("/dolphin-media/img/dolphin-bg4.png") no-repeat bottom center;}

.bgGlas{background-image: url('/dolphin-media/img/dolphin-bg-3dglas.png');}
.bgSTD{background-image: url('/dolphin-media/img/dolphin-bg-std.png');}
.bgEX{background-image: url('/dolphin-media/img/dolphin-bg-exl.png');}
.bgPAS{background-image: url('/dolphin-media/img/dolphin-bg-pas.jpg');background-color: #000;background-position: 50% 50%;}
.dolphin-bg-gfoto{background-image: url('/dolphin-media/img/dolphin-bg-gfoto.png'); background-color: #5c5d5b;}
.bgrefs{background-image: url('/dolphin-media/img/dolphin-bg-refs.png');}
.bgservice{background-image: url('/dolphin-media/img/dolphin-bg-service.png');}

h1,h2,h3,h4{margin:0px;padding:0px;font-size:20px;font-weight:normal;line-height:24px;color:#252525;}
h2{font-size:16px;font-weight:normal;line-height:28px;color:#002d57;}
h3{font-size:15px;font-weight:normal;line-height:22px;color:#ff6600; padding-bottom:3px;}
h4{font-size:12px;font-weight:bold;line-height:20px;color:#898989;}
p{font-size:12px; line-height:18px; color:#444; padding:0px; margin:0;}
p a{font-size:12px; line-height:18px; color:#444; padding:0px; margin:0;}
p a:hover{text-decoration: none;}
a{outline:none;}

hr{border:0px;border-top:1px solid #474747;}


#dolphin-advertising{margin:0px auto;width: 980px;height:100%;position: relative;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto;background:#fff;}
* html #dolphin-advertising { height: 100%; }


#header_wrapper {z-index:9999;display:block;margin:0px auto;width: 990px;}
#hlbd{float:left; display:block; width:5px; height:143px; background: url("/dolphin-media/img/dolphin-head-left.gif") no-repeat;}

#head{float:left; display:block; width:980px; height:300px;position: relative;z-index: 300;overflow: hidden;}

#head img{border:none;}

#head #logo {position: absolute; z-index:300; display:block; margin-top:30px; background: url("/dolphin-media/img/dolphin-logo.jpg") no-repeat; width:163px; height:108px;}
#head #tags {position: absolute; z-index:200; display:block; width:980px; height:300px;}

#head #tags .t1{clear:both;float:right; margin:138px 0px 0px 0px; line-height:24px; font-size:20px; padding:8px 10px; background:#000; text-align: right; color:#fff; text-decoration: none;}
#xxhead #tags .t1:hover{color:#ff6600;}

#head #tags .t1_2{clear:both;float:right; margin:0px 0px 10px 0px; line-height:24px; font-size:20px; padding:8px 10px; background:#000; text-align: right; color:#fff; text-decoration: none;}
#xxhead #tags .t1_2:hover{color:#ff6600;}

#head #tags .t2{clear:both;float:right; margin-bottom:0; line-height:20px; font-size:16px; padding:5px 10px; background:#fff; text-align: right; color:#000; text-decoration: none;}
#xxhead #tags .t2:hover{background:#000; color:#fff;}

#head #banner {position: absolute; z-index:100; display:block; width:980px; height:300px; background: url("/dolphin-media/img/dolphin-head.jpg") no-repeat;}


/* hier kommt die main hin*/
#main{clear:both;float:left;width:980px;background:#fff;}


#navi_sf {clear:both;float:left;list-style-type: none; width:980px; height:40px; background:#000; }


#navi {clear:both;float:left;list-style-type: none; width:980px; height:40px; background:#000; }
#navi li{float:left;}
#navi li a{font-size:14px;display:block; line-height:40px; color:#c6c6c6; text-decoration: none;margin:0px 19px;}
#navi li a:hover{color:#ff6600;}
#navi .sel a{font-size:14px; line-height:40px; color:#ff6600; text-decoration: none;margin:0px 19px; padding:0;}

#navi .more a{padding-right:15px; background:url("/dolphin-media/img/dolphin-nav-bullet.jpg") no-repeat right top;}



#content{clear:both; float:left; width:720px; padding:20px;}

#content ul {
  margin-left:15px;
  font-size:12px; line-height:18px; color:#444; padding:0px;
}

/*h8 tpl */

#content .tplImg2cols{display:block; width:720px;}
#content .tplImg2cols .col{display:block; float:left; width:360px;}
#content .tplImg2cols .col img{float:left; width:345px; border:1px solid #909090; padding:4px; margin-bottom:10px;}
#content .tplImg2cols .bigcol img{float:left; width:720px; border:1px solid #909090; padding:4px; margin-bottom:10px;}
#content .tplImg2cols .exFr img{float:right;}


#content .tpl2cols{clear:both; display:block; width:720px; }
#content .tpl2cols .col1{display:block; float:left; width:365px;}
#content .tpl2cols .col1 img{float:left; width:345px; border:1px solid #909090; padding:4px; margin-bottom:10px;}
#content .tpl2cols .col2{ float:left; width:355px;}

#content .tpl2cols .col4{float:left; width:365px;}
#content .tpl2cols .col4 img{float:right; width:345px; border:1px solid #909090; padding:4px; margin-bottom:10px;}
#content .tpl2cols .col3{display:block; float:left; width:355px;}



#content .tplImg4colsDisplayNone{display:none; width:720px;}

#content .tplImg4cols{display:block; width:720px;}
#content .tplImg4cols .col{display:block; float:left; width:180px;}
#content .tplImg4cols .col2{display:block; float:left; width:340px;padding-right:20px;}
#content .tplImg4cols .col img{float:left; width:162px; border:1px solid #909090; padding:4px; margin-right: 8px; margin-bottom:8px;}
#content .tplImg4cols .noAb img{margin-right: 0;}


/*h8 tpl ende */
#sidebar{float:left;width:200px; padding:20px 20px 20px 0px;}
#sidebar .box{clear:both; float:left; width:180px; padding:10px; margin-bottom:20px; background:#ededed; color:#252525; font-size:11px; line-height:16px;}
#sidebar .box span{display:block;font-size:14px; line-height:22px; padding-bottom:5px;}
#sidebar .box p{display:block;color:#252525; font-size:11px; line-height:16px; padding:0; margin:0;}
#sidebar .box a{display:block;font-size:11px; color:#ff6600; line-height:16px; display:block;}
#sidebar .box #callback{display:block; width:180px;}
#sidebar .box #callback input{display:block; margin-top:4px; font-size:12px; width:170px; border: 1px solid #C4C3C3; height:16px; padding:4px; background:#fff; color:#000;}
#sidebar .box #callback .btn{float:right;display:block; width:72px; border: 0; height:24px; padding:4px; background:#474747; color:#CE5E13;}

#sidebar #subnav{clear:both; display:block; float:left; list-style-type: none; width:200px; border-top: 3px solid #ff6600; margin-bottom:20px;}
#sidebar #subnav li{clear:both; display:block; float:left;}
#sidebar #subnav li a,#sidebar #subnav .sel a{display:block;width:180px; padding-left:20px; line-height:29px; font-size:12px; color:#d0d0d0; text-decoration: none;  border-bottom:1px solid #383838; background:#111 url("/dolphin-media/img/dolphin-subnav-3.gif") no-repeat 10px 10px;  }
#sidebar #subnav li a:hover{background:#111 url("/dolphin-media/img/dolphin-subnav-1.gif") no-repeat 10px 10px;}
#sidebar #subnav .sel a,#sidebar #subnav .sel a:hover{color:#ff6600; background:#fff url("/dolphin-media/img/dolphin-subnav-2.gif") no-repeat 10px 10px;border-bottom:1px solid #fff;}

#mtr{clear:both;width:980px;height:10px;background:#111;}

#footer{clear: both;width:980px;margin:0px auto;height:250px;margin-top: -250px;position: relative;}
#footer-inner{width:940px;padding:20px;min-height:200px;background:#515151 url("/dolphin-media/img/dolphin-logo-f.jpg") no-repeat top right;}
#footer .col1,#footer .col2,#footer .col3,#footer .col4{float:left; width:170px;}
#footer .col2{width:280px;}
#footer .col3{width:330px;}
#footer .col4{}

#footer h5{display:block; line-height:20px; color:#bababa; font-size:12px; font-weight:bold; margin-bottom: 10px;}
#footer p{line-height:16px; font-size:11px; color:#bababa;}
#footer #shnav{list-style-type: none; display:block; list-style: none;}
#footer #shnav li{display:block;}
#footer #shnav li a{line-height:16px; font-size:11px; text-decoration: none; color:#bababa;}
#footer #shnav li a:hover{text-decoration: underline;}
#footer .col2 label,#footer .col2 span{float:left;display:block; width:70px; line-height:16px; font-size:11px; color:#bababa;}
#footer .col2 span{width:210px;}
#footer #social-fb{clear:both;}
#footer #social-fb,#footer #social-t{float:left;display:block; padding-left:14px; line-height:16px; color:#bababa; font-size:11px; background:url("/dolphin-media/img/dolphin-ico-fb.jpg") no-repeat center left; margin:15px 15px 0 0; text-decoration: none;}
#footer #social-t{background:url("/dolphin-media/img/dolphin-ico-t.jpg") no-repeat center left; }
#footer #social-fb:hover,#footer #social-t:hover{color:#fff;}
#footer #subline{clear:both; float:left;display:block; width:940px; height:28px; margin:0;margin-top:15px; border-top:1px solid #bababa;}
#footer #subline #inav{float:left; display:block; list-style-type: none;}
#footer #subline #inav li{float:left; padding-right: 4px; font-size:11px; line-height:18px; color:#bababa;}
#footer #subline #inav li a{margin-right:4px;font-size:11px; line-height:18px; color:#bababa;  text-decoration: none;}
#footer #subline #inav li a:hover{  text-decoration: underline;}
#footer #subline #totop{float:right; display:block; font-size:11px; line-height:18px; color:#bababa; text-decoration: none;}
#footer #subline #totop:hover{text-decoration: underline;}

#fx{float:right;display:block;color:#747474;font-size:11px;font-weight:normal;line-height:20px;text-decoration: none;margin-right:6px;}
#fx:hover{text-decoration: underline;}

#anfrage{}
#anfrage label{font-size:12px;font-family: arial}
#anfrage textarea{width:100%;height:100px;border:1px solid #cfcfcf;}
#anfrage .btn{float:right;display:block;border: 0; height:24px; padding:4px; background:#474747; color:#CE5E13;margin-left:5px;}

#person_angaben label{
 display:block;
 float:left;
 width:170px;
 line-height: 24px;
 height:24px;
}

#person_angaben input {display:block; margin-top:4px; font-size:12px; width:300px; border: 1px solid #C4C3C3; height:16px; padding:4px; background:#fff; color:#000;}
#xxxanfrage h2{font-size:16px;font-weight:normal;line-height:28px;color:#002d57;}

#sitemap {
  list-style: none;
  margin-top:20px;
}

#sitemap li a{clear:both; float:left;font-size:14px;display:block; line-height:25px; color:#444; text-decoration: none;}
#sitemap li ul {list-style:none;margin-left:20px;}


.v0,.v2,.v5,.v10,.v15,.v20,.v25{clear:both;margin:0px;padding:0px;font-size:0px;line-height:0px;height:0px; width:100%;}
.v2{height:2px;}
.v5{height:5px;}
.v10{height:10px;}
.v15{height:15px;}
.v20{height:20px;}
.v25{height:25px;}


.dsgvo{}
.dsgvo p{margin:0 0 30px 0;}

.dsgvoDs{}
.dsgvoDs p{margin:15px 0;}


.thebox{clear:both; float:left; width:100%; background:#f5f5f5; padding:5px 10px; border-top:1px solid #333;  border-bottom:1px solid #333;  box-sizing:border-box; color:#333; font-weight:400; margin:20px 0 20px 0;     font-size: 14px;}
.thebox a {color:#003f67!important; text-decoration:none; font-weight:600;}
.thebox a:hover{text-decoration:underline;}

.theboxmini{clear:both; float:left; width:100%; background:#f5f5f5; padding:5px 10px; border:0;  box-sizing:border-box; color:#333; font-weight:400; margin:5px 0; font-size: 11px;line-height: 16px;}
.theboxmini a {color:#003f67!important; text-decoration:none; font-weight:600;word-break: break-all; display:inline!important;}
.theboxmini a:hover{text-decoration:underline;}



.CookieInfo {position: fixed;display:table;padding:0;box-sizing:border-box;width: 100%;opacity: 1;transition: all 1s ease;bottom: 0px;z-index: 1000; border-top:1px solid #ff6600;}
.CookieInfo .btninfo{display:table-cell;width:calc(100% - 150px);box-sizing:border-box;padding:10px;font-size:0.8rem;font-weight:400;line-height:20px;color:#111;}
.CookieInfo .btninfo a{color:#111;}
.CookieInfo .btninfo a:hover{text-decoration:none;}
.CookieInfo .btnok{color: #fff;width:150px;text-align:center;display:table-cell;vertical-align:middle; transition:background 0.3s ease;}
.CookieInfo .btnok a{color:#fff; text-decoration:none; padding:15px 0;}
.CookieInfo {background: #f2f2f2;}
.CookieInfo .btninfo{}
.CookieInfo .btnok{background: #ff6600;}
.CookieInfo .btnok:hover{background: #ff6600;}
@media only screen and (max-width: 750px){
	.CookieInfo .btninfo{float:left;display:block;width:calc(100%); text-align:Center;}
	.CookieInfo .btnok{float:left;display:block;width:calc(100%);}
	.CookieInfo .btnok a{display:block; float:left; width:100%; padding:5px 0;}
}