/* HTML5 ✰ Boilerplate */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,abbr,address,cite,em,img,q,small,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figcaption,figure,footer,header,nav,section,summary,time,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
img {display:block}
article,aside,figcaption,figure,footer,header,nav,section{display:block;}

blockquote,q{quotes:none;font-style:italic;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
article blockquote p{margin:0;}
blockquote + p{font-style:italic;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

body{font-size:62.5%;text-align:center;background:#f2f2f2;}

select,input,textarea,button{font:99% sans-serif;}

html{overflow-y:scroll;}
a:hover,a:active{outline:none;}
ul,ol{margin-left:2em;}
li{margin-left:1.5em;}
ol{list-style-type:decimal;}
nav ul,nav li,aside ul,aside li{margin:0;list-style:none;list-style-image:none;}
strong,th{font-weight:bold;}
em{font-style:italic;}
th,td{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

textarea{overflow:auto;}
.ie6 legend,.ie7 legend{margin-left:-7px;}
input[type="radio"]{vertical-align:text-bottom; padding:0; border:0; background:0}
input[type="checkbox"]{vertical-align:bottom; padding:0; border:0; background:0}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
.ie6 input{vertical-align:text-bottom;}
input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}
button,input,select,textarea{margin:0;}
input:valid,textarea:valid{}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red;}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd;}

::-moz-selection{background:#4f88fa;color:#fff;text-shadow:none;}
::selection{background:#4f88fa;color:#fff;text-shadow:none;}
a:link{-webkit-tap-highlight-color:#4f88fa;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}

body,select,input,textarea{color:#000;font-family:Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0 0 1em; color:#000}
a,a:active,a:visited{color:#000;}
a:hover,a:focus{color:#666;text-decoration:none;}

a.skiplink{font-size:1.4em;position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}
a.skiplink:active,a.skiplink:focus{position:static !important;clip:auto;}
/* Ab hier edit */
#scroll_to_top { position:fixed; right:30px; bottom:140px; display:none; cursor:pointer; z-index:150;}
#container{width:992px;margin:0 auto; padding:25px 0 0;text-align:left;}

#header{height:110px;background:#000;-webkit-border-radius: 4px; 
-moz-border-radius: 4px;
border-radius: 4px;}
#header span { display:inline-block; color:#a0a0a0; font-size:1.6em; margin:18px 13px 0 26px; font-family:Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-0.005em}
#header span:before { content:""; height:19px; display:inline-block; width:4px; background:#a0a0a0; margin-right:6px}
#header a { text-decoration:none}
#logo { padding:5px; margin:12px 15px 0 0; float:right}

#navi{ margin:1px 0 17px 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border-bottom:1px solid #6a6a6a; font-family:"myriad-pro-1","myriad-pro-2",Arial, Helvetica, sans-serif; height:38px;
background: #cfcfcf; /* Old browsers */
background: -moz-linear-gradient(top,  #cfcfcf 0%, #cfcfcf 49%, #b9b9b9 51%, #b9b9b9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(49%,#cfcfcf), color-stop(51%,#b9b9b9), color-stop(100%,#b9b9b9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cfcfcf 0%,#cfcfcf 49%,#b9b9b9 51%,#b9b9b9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cfcfcf 0%,#cfcfcf 49%,#b9b9b9 51%,#b9b9b9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cfcfcf 0%,#cfcfcf 49%,#b9b9b9 51%,#b9b9b9 100%); /* IE10+ */
background: linear-gradient(top,  #cfcfcf 0%,#cfcfcf 49%,#b9b9b9 51%,#b9b9b9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */
}
#navi:after { content: "."; display: block;  height: 0;  clear: both;  visibility: hidden;}

#navi #search_field { float:right; background:#fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; margin:7px 17px 0 0; -moz-box-shadow: inset -1px 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: inset -1px 1px 2px rgba(0,0,0,0.5);
box-shadow:inset -1px 1px 2px rgba(0,0,0,0.5);
height:23px; line-height:23px}
#navi #search_field button.submit { padding:0; margin:5px 0 0 5px; background:none; filter:0; float:left; border:0}
#navi #search_field button.submit img { margin-bottom:2px}
#navi #search_field button.reset { padding:0; margin:3px 1px 0 0; background:none; border:0; filter:0}
#navi #search_field input { background:#fff; border:0; float:left; margin:5px 0 0; width:120px}

#navi ul{margin:0;padding:0;list-style-type:none;}
#navi ul li{line-height:36px;margin:0; float:left}
#navi ul li a{text-decoration:none;display:block;padding:0 23px; font-size:1.4em; text-shadow:#e7e7e7 0 1px 1px; border:1px solid transparent; color:#000}
#navi ul li:first-child a {-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
#navi ul li a:focus,#navi ul li a:hover,#navi ul li a:active,#navi ul li.current a{text-decoration:none; color:#fff; text-shadow:#282828 0 1px 1px; border-color:#595959;
background: #757575; /* Old browsers */
background: -moz-linear-gradient(top,  #757575 0%, #757575 49%, #636363 51%, #636363 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(49%,#757575), color-stop(51%,#636363), color-stop(100%,#636363)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #757575 0%,#757575 49%,#636363 51%,#636363 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #757575 0%,#757575 49%,#636363 51%,#636363 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #757575 0%,#757575 49%,#636363 51%,#636363 100%); /* IE10+ */
background: linear-gradient(top,  #757575 0%,#757575 49%,#636363 51%,#636363 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#636363',GradientType=0 ); /* IE6-9 */
}
#navi ul li a.mousedown { box-shadow:inset 0 0 10px #444}

#subnavi { width:100%; overflow:hidden}
#subnavi ul { float:right; margin:0; padding:0 20px 0 0; list-style-type:none;}
#subnavi ul li { display:inline; padding:0 0 0 25px; margin:0; line-height:40px}
#subnavi ul li a { color:#000; font-size:1.4em; text-decoration:none;font-family:Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;}
#subnavi ul li a:focus,#subnavi ul li a:hover,#subnavi ul li a:active  {color:#888;}
#subnavi ul li.current a { color:#4f88fa}

span.main_navi_item { font-size:2.5em; color:#000; font-family:"futura-pt-1","futura-pt-2",Arial, Helvetica, sans-serif; padding-left:23px }

.ie7 span.main_navi_item { float:left}

#page{position:relative;z-index:1;}
#content{margin:0; background:#fff; border:1px solid #d4d4d4; font-size:1.2em; padding:0 0 25px; color:#5d5e5e; font-family:Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; min-height:540px;}
#content h1 {font-family:"futura-pt-1","futura-pt-2",Arial, Helvetica, sans-serif;}

#content a { color:#3e90f5}
#content a:hover { color:#666}
#content .inner { padding:0 30px 15px}
#content .inner:first-child, #content .top30 { padding-top:30px}
#content .inner.separate { border-top:1px solid #dedede; padding-top:30px}
#content .inner.separate.shadow {background:url(/images_layout/inner_shadow.png) no-repeat center top; }
#content p {font-size:1.166em;}

/*INTRO*/
body.home #content { border-color:#000; padding:0}
#content #home { background:#000;min-height:540px; overflow:hidden; color:#a4a4a4; position:relative}
#content #home .wrap{ width:1980px; position:relative; height:540px; overflow:hidden}
#home .news { float:left; width:990px; height:540px; position:relative}
#home .news h2{ color:#fff}
#home .news h3.untertitel { font-size:1.33em; color:#ddd}
#home .news .inner { padding:35px 50px}
#home .news .inner .pic { float:left; margin-right:50px; color:#000}
#home #thumbs { position:absolute; z-index:50; bottom:15px; margin-left:450px }
#home #thumbs span { display:block; width:11px; height:11px; margin:0 6px 0 0; background:url(/images/home/point.png) no-repeat; float:left; cursor:pointer}
#home #thumbs span.current { background-image:url(/images/home/point_current.png)}
#home #next_news { position:absolute; bottom:13px; right:13px; cursor:pointer; z-index:30} 
#home #prev_news { position:absolute; bottom:13px; left:13px; cursor:pointer; z-index:30;} 
#home #archive_button { position:absolute; bottom:16px; right:33px; cursor:pointer; z-index:30;}

.ie7 #home { width:990px;}

#home .detail { padding:0 0 15px}
#home .detail .pic { float:left; margin:0 35px 10px 0}
#home .detail .pic img { border:5px solid #fff; border-radius:5px}
#home .detail .pic a[rel^="prettyPhoto"] { position:relative; display:block} 
#home .detail .pic a[rel^="prettyPhoto"] span.blende { position:absolute; bottom:4px; right:4px; display:block; width:26px; height:22px; background:rgba(255,255,255,0.7)  url(/images_layout/lupe.png) no-repeat center; border:1px solid #fff}
#home a.back { float:right; margin:40px 50px 0 0; font-size:1.5em; position:relative; z-index:5}
#home .detail h2, #home .detail h3 { color:#fff}
#home #detail { padding:25px 50px 0; position:relative}
#home #detail .detail:first-child h2{ font-size:2.5em; line-height:65px; margin-bottom:25px}
#home #dtop { position:absolute; width:100%; height:100px; background:#232323}

#home .newsarchiv { padding:25px 50px 30px}
#home .newsarchiv h1 { color:#fff}
#home .newsarchiv ul.archive{ list-style-type:none; margin:0}
#home .newsarchiv ul.archive li.kategorie { padding-top:1em; margin-left:0}
#home .newsarchiv ul.archive li.kategorie ul { margin:0 0 0 1em}
#home .newsarchiv ul.archive li.kategorie ul li { font-size:1.1666em; line-height:1.8em; list-style-type:circle}
#home .newsarchiv ul.archive h3 { padding:0.3em 0.65em; border-radius:5px; color:#fff; background:#232323; margin-bottom:10px}

#intro { background:#000;}
#intro.position1 {background:#000 url(/js/ContentFlow/img/loader_intro.gif) no-repeat center}
.fliegende_person { position:absolute; display:none; margin-top:20px}
.fliegender_schatten { position:absolute; display:none; margin-top:20px}
#intro h1 { color:#fff; display:none; position:relative; z-index:30;}
#intro .top_text_over_image { margin-top:440px}
#intro #progress { position:absolute; right:30px; bottom:35px; height:470px; width:1px; display:none;
background:#444
}

a.x-anchor{display:inline-block;margin-top:-92px;padding-top:92px;}

/*CONTENT*/
.mitarbeiter { width:310px; float:left;font-family:Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:50px}
.mitarbeiter a { color:#3e90f5; text-decoration:none}
.mitarbeiter span { display:block;font-size:1.5em}
.mitarbeiter .name {  color:#000;font-size:1.8333em;}
.mitarbeiter .bereich { color:#5d5e5e; }
.mitarbeiter .mail {  color:#3e90f5;}
.mitarbeiter .image { height:215px; position:relative}
.mitarbeiter .image img { position:absolute; bottom:0}

#es-war-einmal p {  margin-bottom:2.7em; overflow:hidden}
ul.linkliste{ list-style-type:none; margin:0}
ul.linkliste li { margin:0 0 34px 0}
ul.linkliste li .logo { width:308px; padding:20px 0; border:1px solid #dcdcdc; border-radius:4px; margin:0 22px 0 0; float:left; background:#f2f2f2; text-align:center}
ul.linkliste li .logo img { margin:0 auto}
ul.linkliste li p.text { padding-top:1.5em}
ul.linkliste li a { text-decoration:none}

#partner ul.linkliste li p.text strong { font-size:1.1428em}
#partner ul.linkliste li a { font-size:1.2857em}

#portale-ueberblick .ContentFlow { height:420px; padding-top:40px}
#portale-ueberblick .ContentFlow .scrollbar { width:800px}
#portale-ueberblick .ContentFlow .scrollbar .preButton { margin-top:9px}
#portale-ueberblick .ContentFlow .scrollbar .nextButton { margin-top:9px}

.top_text_over_image { text-align:center; position:absolute; margin-top:410px; width:100%; font-size:2.727em; color:#000;font-family:"futura-pt-1","futura-pt-2",Arial, Helvetica, sans-serif; }
.top_text_over_image span { display:inline-block; margin:0 auto}
#print .top_text_over_image { color:#fff; margin-top:220px}
#print .top_text_over_image.banner { margin-top:340px}
#fotografie .top_text_over_image { color:#fff; margin-top:20px; text-align:left;}
#fotografie .top_text_over_image span { margin:0 0 0 30px}
#partner .top_text_over_image, #kontakt .top_text_over_image{ color:#fff; margin-top:70px}

#portal { position:relative}
.four-boxes-wrap { border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,0.5); overflow:hidden } /*shadow and border-radius on display table patch*/
.four-boxes { display:table;}
.four-boxes .info { border:1px solid #e0e0e0;display:table-row; 
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.four-boxes .info .box { width:25%; border-left:1px solid #e0e0e0; padding:15px; display:table-cell;}
.four-boxes .info .box:hover, .four-boxes .info .box.one.background:hover {background: rgb(222,222,222); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(222,222,222,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,222,222,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.four-boxes .info .box:first-child { border:0;}

.ie7 .four-boxes .info .box { float:left}

#print .four-boxes .info .box .icon{ text-align: center; padding-top:10px}
#print .four-boxes .info .box .icon img { margin:0 auto}

#internet_leistung {}
#internet_leistung .four-boxes .info .box { padding-top:0}
#internet_leistung .four-boxes .info .box .icon { margin-bottom:5px}
#internet_leistung .four-boxes-wrap {margin-top:-70px; position:relative; z-index:5}

.ie7 .four-boxes .info .box { width:201px; height:505px}

#corporate-identity ul.referenzen { list-style-type:none; margin:0; padding:0; width:100%}
#corporate-identity ul.referenzen li { float:left; width:220px; margin:0 0 20px 16px}
#corporate-identity ul.referenzen li:first-child { margin-left:0}
#corporate-identity ul.referenzen li a { text-decoration:none; color:#5d5e5e; font-size:1.166em}
#corporate-identity ul.referenzen li img { border:5px solid #fff; box-shadow:0 0 9px rgba(0,0,0,0.47); margin-top:8px}
#corporate-identity ul.referenzen li p.mehr { font-size:2em; line-height:177px; text-align:center; margin:0}

#kunden {}
#kunden h1 { display:inline-block;}
#kunden h1 img.shuffle { float:right; display:block; margin: 10px 0 0 15px; cursor:pointer}
#kunden #list { width:100%; display: table; border-spacing:21px 0; border-collapse:separate}
#kunden #list ul { display:table-row;}
#kunden #list ul li { display:table-cell; vertical-align:middle; text-align:center; border-radius:4px; width:168px;}
#kunden #list ul.logos li { border:1px solid #d1d1d1; background:#ededed; height:168px}
#kunden #list ul.logos li img { margin:0 auto}
#kunden #list ul.names li { padding:4px 0 22px; vertical-align:top}
#kunden #list ul.names li .name { color:#3e90f5; display:block;}

#kunden .top_text_over_image, #corporate-identity .top_text_over_image { color:#fff; margin-top:70px}

.ie7 #kunden #list ul { width:100%}
.ie7 #kunden #list ul li {float:left}
.ie7 #kunden #list ul.names li { min-height:40px}
.ie7 #kunden #list ul.logos li img { margin-top:30px}
.ie7 #kunden h1 {width:30%}
.ie7 #kunden h1 img.shuffle { margin:-40px 0 0 20px}

#kundenstimmen #bubbles { padding-top:20px}
#kundenstimmen .bubble { 
background: rgb(87,87,87); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(113,113,113,1) 0%, rgba(87,87,87,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,113,113,1)), color-stop(100%,rgba(87,87,87,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(113,113,113,1) 0%,rgba(87,87,87,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(113,113,113,1) 0%,rgba(87,87,87,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(113,113,113,1) 0%,rgba(87,87,87,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(113,113,113,1) 0%,rgba(87,87,87,1) 100%); /* W3C */
border:2px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.5); padding:15px 30px; border-radius:10px; color:#fff; text-shadow:1px 1px #000; position:relative; z-index:2; margin-bottom:45px;
}

#kundenstimmen .bubble p { font-size:1em; line-height:1.65em}
#kundenstimmen .bubble .pfeil { width:36px; height:31px; overflow:hidden; display:block;z-index:1; position:absolute; bottom:-31px; left:28px; }
#kundenstimmen .bubble .pfeil .out{ display:block; margin-left:5px;  border:solid #fff; border-width:0 0 4px 2px;box-shadow:0 0 5px rgba(0,0,0,0.5); position:relative;}
#kundenstimmen .bubble .pfeil .in{ display:block; width:0; height:0; position:relative; z-index:5;
border-top:10px solid #575757;
border-right:10px solid transparent;
border-bottom:15px solid transparent;
border-left:15px solid #575757;
}
#kundenstimmen .bubble .pfeil .rotate { background:#fff; width:50px; height:60px; display:block; position:absolute; top:0; margin: 0 0 0 9px; box-shadow:inset 0 0 5px rgba(0,0,0,0.5); z-index:2;
-webkit-transform: rotate(45deg);  /* Saf3.1+, Chrome */
     -moz-transform: rotate(45deg);  /* FF3.5+ */
      -ms-transform: rotate(45deg);  /* IE9 */
       -o-transform: rotate(45deg);  /* Opera 10.5*/ 
          transform: rotate(45deg);  
               zoom: 1;
}
#kundenstimmen .bubble .pfeil .shadow-killer { display:block; position:absolute; border-top:2px solid #fff; top:0; width:100%; z-index:3}
#kundenstimmen .bubble .pfeil .shadow-killer2 { background:#fff; width:31px; position:absolute; z-index:1; right:0; display:block; top:0; height:35px}
#kundenstimmen .bubble .pfeil.reverse { right:30px; left:auto}
#kundenstimmen .bubble .pfeil.outer .rotate  { background:#f2f2f2}

#kundenstimmen .bubble {opacity:0}
#kundenstimmen .bubble.visible { visibility:visible}
#kundenstimmen .bubble.default { opacity:1; visibility:visible}

#sc_thumbs { position:absolute; width:100%; text-align:center; margin-top:460px; z-index:40}
#sc_thumbs span.click { display:inline-block; width:11px; height:11px; margin:5px 0 0 5px; background:url(/images/die-agentur/circle.png) no-repeat; cursor:pointer}
#sc_thumbs span.click.current { background-image:url(/images/die-agentur/circle_active.png)}
#sc_thumbs #sc_prev { position:absolute; left:20px; top:0; cursor:pointer}
#sc_thumbs #sc_next { position:absolute; right:20px; top:0; cursor:pointer}

#standort-kempten {}
#standort-kempten .background { background:url(/images/die-agentur/standort-kempten/pic01.jpg) no-repeat right 1px; padding-right:250px; min-height:740px}

#internet_contentflow {position:absolute; width:100%; z-index:5; text-align:center; left:0; padding-top:15px}
#internet_contentflow + #page { margin-top:515px}
#internet_contentflow .ContentFlow {  width:100%; max-width:1350px; margin:0 auto; background:0; height:455px}
#internet_contentflow .ContentFlow .scrollbar { width:930px; border-color:#cbcbcb}
#internet_contentflow .ContentFlow .slider { background:#a3a3a3}
#internet_contentflow .ContentFlow .loadIndicator { background:0}
#internet_contentflow .ContentFlow .loadIndicator .indicator {background:url(/images/referenzen/internet/slider/ajax-loader.gif) center center no-repeat;}
.ContentFlow .scrollbar .preButton { float:left; margin-top:3px; cursor:pointer; margin-left:-30px}
.ContentFlow .scrollbar .nextButton { float:right; margin-top:3px; cursor:pointer; margin-right:-30px}

#internet ul.referenzen{list-style-type:none;margin:0;padding:0;width:100%;}
#internet ul.referenzen li{float:left;width:200px;margin:23px 0 22px 43px;padding:0; text-align:center}
#internet ul.referenzen li:first-child { margin-left:0}
#internet ul.referenzen li img{ margin:0 auto}
#internet .inner ul.referenzen2{list-style-type:none; margin:0 0 20px 15px ; padding:0; width:300px; float:left;}
#internet .inner ul.referenzen2:first-child { margin-left:0}
#internet .inner ul.referenzen2 li{line-height:20px;}

.ie7 body.referenzen_internet #content { margin-top:530px}

#print a.button_print,#cse input.gsc-search-button { display:inline-block; text-decoration:none; color:#fff; padding:0 15px; border:1px solid #1555a4; border-radius:13px; line-height:27px; margin:10px 6px 0 0; text-shadow:0 1px 1px #032f65; box-shadow:inset 1px 1px 1px #81b6f7; font-size:0.9166em;
background: #3c8df1; /* Old browsers */
background: -moz-linear-gradient(top,  #3c8df1 0%, #0f4e9b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c8df1), color-stop(100%,#0f4e9b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3c8df1 0%,#0f4e9b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3c8df1 0%,#0f4e9b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3c8df1 0%,#0f4e9b 100%); /* IE10+ */
background: linear-gradient(top,  #3c8df1 0%,#0f4e9b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c8df1', endColorstr='#0f4e9b',GradientType=0 ); /* IE6-9 */
}
#print a.button_print:hover,#cse input.gsc-search-button:hover { 
background: #3c8df1; /* Old browsers */
background: -moz-linear-gradient(top,  #3c8df1 0%, #05346e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c8df1), color-stop(100%,#05346e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3c8df1 0%,#05346e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3c8df1 0%,#05346e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3c8df1 0%,#05346e 100%); /* IE10+ */
background: linear-gradient(top,  #3c8df1 0%,#05346e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c8df1', endColorstr='#05346e',GradientType=0 ); /* IE6-9 */
}
span.print_buttons { display: block; text-align:center}
#print span.print_buttons.abstand a.button_print { margin-right:17px}

#print ul.referenzen { list-style-type:none; margin:0; padding:0; width:100%}
#print ul.referenzen li { float:left; width:280px; margin:0 0 0 45px}
#print ul.referenzen li:first-child { margin-left:0}
#print ul.referenzen li a { text-decoration:none; color:#5d5e5e; font-size:1.166em}
#print ul.referenzen li img { border:5px solid #fff; box-shadow:0 0 9px rgba(0,0,0,0.47); margin-top:17px}

#print .hidden_refs { background:#343434; padding: 28px; display:none; position:relative}
#print .hidden_refs ul.referenzen { margin-top:33px;}
#print .hidden_refs ul.referenzen:first-child { margin:0}
#print .hidden_refs ul.referenzen li { width:160px; margin:0 0 0 33px; color:#c9c9c9}
#print .hidden_refs ul.referenzen li:first-child { margin-left:0}
#print .hidden_refs ul.referenzen li a { color:#fff; font-size:1em}
#print .hidden_refs ul.referenzen li img { border:3px solid #fff;box-shadow:0 0 9px #000; margin-top:7px}
#print .hidden_refs ul.referenzen li strong  { display:block; color:#fff}
#print .hidden_refs:before { content:''; display:block; width:0; height:0; border:12px solid transparent; border-bottom-color:#343434; position:absolute; top:-24px; left:49%}

#print div.button { text-align:center; padding:25px 0}
#print div.button a { display:inline-block; font-size:1.833em; text-decoration:none; line-height:38px; padding:0 31px; border:1px solid #d7d7d7; border-radius:6px; color:#3e90f5;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
#print div.button a:after { float:right; width:11px; height:11px; background:url(/images/referenzen/print/button.png) no-repeat; content:''; margin:15px 0 0 8px}
#print div.button a:hover { box-shadow:inset 0 9px 9px rgba(0,0,0,0.2)} 

/*##### LEISTUNGEN ######*/


/*Leistungen print*/
body.unsere-leistungen_print #content { border-color:#f2f2f2; background:0; padding-bottom:0}

.printbox { border:3px solid #fff; box-shadow:0 0 4px rgba(0,0,0,0.17); border-radius:4px; padding:15px 30px; margin-bottom:20px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
.printbox.first { border-top:0; padding-top:25px;
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top,  #efefef 0%, #e2e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #efefef 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #efefef 0%,#e2e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #efefef 0%,#e2e2e2 100%); /* IE10+ */
background: linear-gradient(top,  #efefef 0%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
} 
.printbox.first img.spitze{ margin-left:50%; margin-top:-25px}

.printbox.left { float:left; width:420px; padding-bottom:15px;}
.printbox.right { float:right; width:420px;padding-bottom:15px; }

.printbox.left .produkt { margin-bottom:25px}
.printbox.left .produkt .icon { float:left; padding:10px; border-radius:5px; border:1px solid #dee0de; margin-right:20px;
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f3f3 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f3f3 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f3f3 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f3f3 0%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(top,  #f3f3f3 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}
.printbox.left .produkt .text { overflow:hidden}

.printbox.right .logo { text-align:center; border:3px solid #fff; border-radius:5px; box-shadow:0 0 4px rgba(0,0,0,0.35); margin-bottom:10px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.printbox#logoentwicklung h3{ margin-bottom:5px}
.printbox#corporate_identity { position:relative; padding-bottom:12px}
.printbox#corporate_identity .text { width:515px}
.printbox#corporate_identity .img{ position:absolute; right:-85px; bottom:-3px}

.printbox#banner_und_werbesysteme h2 { background:#000; color:#8a8a8a}
.printbox#banner_und_werbesysteme h1 { color:#fff}
.printbox#banner_und_werbesysteme {color:#8a8a8a; background:#000 url(/images/unsere-leistungen/print/banner01.jpg) no-repeat left 160px; height:530px;}

.printbox#fahrzeugbeschriftung .icons { list-style-type:none; margin:40px 0 42px}
.printbox#fahrzeugbeschriftung .icons li{ line-height:54px; font-size:1.8em; margin: 0 0 20px 0}
.printbox#fahrzeugbeschriftung .icons img { float:left; margin:0 18px 0 0}

.printbox#aussenwerbung { position:relative; }
.printbox#aussenwerbung .billboard { position:absolute; bottom:-3px; right:-160px}

#print #changer { background:#000; padding:33px 0; text-align:center;}
#print #changer #pic_wrap {border:1px solid #5a5a5a; width:869px; margin:0 auto 15px}
#print #changer h2, #print #changer h3 { color:#fff; margin:0}
#print #changer_thumbs { text-align:center; margin:5px 0 25px}
#print #changer_thumbs img { display:inline; margin:5px; border:3px solid #fff;box-shadow:0 0 4px rgba(0,0,0,0.6); border-radius:4px }
#print #logos { margin-bottom:20px}
#print #logos .box { width:294px; float:left; margin-left:22px}
#print #logos .box:first-child { margin-left:0}
#print #logos .box h2 { margin-bottom:10px}
#print #aussenwerbung .box { background:#f2f2f2; border:1px solid #dbdbdb; border-radius:6px; padding:20px 44px 45px; width:370px;}
#print #aussenwerbung .box img { display:inline; border:3px solid #fff; box-shadow:0 0 4px rgba(0,0,0,0.6); border-radius:4px}
#print #aussenwerbung .box img.first { margin-right:9px}

#fotografie { background:#212121;}
#fotografie h3 { color:#fff}
#fotografie .top{ padding:20px 0 0 30px; height:152px; position:relative}
#fotografie .top h1 { color:#fff}
#fotografie nav ul { position:absolute; bottom:0}
#fotografie nav ul li { float:left; margin:0 13px 0 0}
#fotografie nav ul li a { display:block; padding:5px 12px;  color:#7e7e7e; text-decoration:none; font-size:1.25em}
#fotografie nav ul li a.current {background:#000; color:#fff}
body.referenzen_fotografie #content { padding-bottom:0}
#fotografie #gallery { background:#000; padding:30px;}
#fotografie #gallery #pic_wrap { width:675px; float:right; height:550px; position:relative}
#fotografie #gallery #pic { border:solid #fff; border-width:20px 20px 15px}
#fotografie #gallery #pic_text { color:#636363; background:#fff; margin:0; padding:0 20px 10px; line-height:25px; }
#fotografie #gallery #thumbs { width:249px;}
#fotografie #gallery #thumbs a { display:block; float:left; margin:0 8px 8px 0; position:relative; overflow:hidden; border:2px solid #fff; cursor:pointer}
#fotografie #gallery #thumbs a img { margin:-2px}
#fotografie #gallery #thumbs a.current { border-width:7px}
#fotografie #gallery #thumbs a.current img { margin:-7px}
#fotografie #gallery #thumbs h3 { color:#fff}
#fotografie #gallery #pic_wrap .btt { margin:25px 0 0 13px;color:#fff; background:#343434; border-radius:17px; padding:10px 13px; cursor:pointer; position:absolute; bottom:0}
#fotografie #gallery #pic_wrap .btt:hover { background:#151515;}
#fotografie #gallery #pic_wrap #btt_next { margin-left:61px }


#fotoreihe {position:absolute; left:0; width:100%; height:317px; background:url(/images/unsere-leistungen/fotofrafie/fotoreihe.jpg) no-repeat center}
#fotoreihe + #page { padding-top:350px}

#internet_leistung {}
#content #internet_leistung .header { background:#000; color:#fff; padding-top:15px; border-top-left-radius:4px; border-top-right-radius:4px}
#internet_leistung .header h1 { color:#fff}
#internet_leistung .inner.bild_links { padding:40px 30px 40px 0}

#programmierung { }

#soziale-netze #g-plus { float:right;}

#vermietung {}
#vermietung #ueber_text { position:absolute;  width:450px; height:120px; margin:336px 0 0 234px; padding:5px 0 0 20px;
background-color: rgb(0,0,0); /* weisser Hintergrund fuer alle alten Browser */
background-color: rgba(0,0,0,.8); /* Halbtransparenz fuer FF 3+, Safari und Opera 10 */
background-color: transparent\9; /* zuruecksetzen der Hintergrundfarbe fuer IE 8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); /* Filter fuer Halbtransparenz im IE 8 */
}
#vermietung #ueber_text h1 { color:#fff; margin:0; line-height:1.1em}
#vermietung .verlaufbox { width:400px; border-radius:5px; box-shadow:0 0 4px rgba(0,0,0,0.6); padding:25px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d6d6d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}
#vermietung .verlaufbox.left { float:left}
#vermietung .verlaufbox.right { float:right}
#vermietung .verlaufbox ul { margin:0;}
#vermietung .verlaufbox ul li { font-size:1.166em}


#sem { background:url(/iamges/unsere-leistungen/sem/header.jpg) no-repeat right top; min-height:394px}
#sem #top { padding-right:315px}
#sem .banners { padding:0 89px 0 69px; margin-top:30px}
#sem .banner { width:173px; height:173px; float:left; margin:0 0 20px 20px; border-radius:5px; box-shadow:inset 0 2px 4px rgba(0,0,0,0.2); position:relative; text-align:center;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
#sem .banner:hover {
box-shadow:inset 0 2px 8px rgba(0,0,0,0.4);
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#d1d1d1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */	
}
#sem .banner a { display:block; width:100%; height:100%}
#sem .banner img.icon { position:absolute; bottom:63px; left:38px}
#sem .banner p { color:#4f88fa; margin:130px 0 0; text-decoration:underline}
#sem .banner:hover p { text-decoration:none}
#sem .banner p.mehr { font-size:1.8571em; margin-top:60px; text-decoration:none; color:#000}


/*AGB*/
ul.textlist{margin:0;padding:0;list-style-type:none;}
ul.textlist li{margin:0 0 1em 0;padding:0; font-size:1.2em; line-height:1.4em}
ul.textlist li strong { color:#000}
/* FileDownload*/
ul#filedownload { list-style-type:none; margin:0;}
ul#filedownload li { margin:0 0 10px 0; border-bottom:1px solid #000; padding:10px 5px}
ul#filedownload li .icon { float:left; margin-right:10px }
ul#filedownload li .size { float:right;}
/*Impressum*/
#impressum h2{ margin-bottom:5px}
/*Jobs*/
body.jobs #content { background:#000}
#jobs h1 { color:#fff}
/* RedSite */
#redsys { padding-top:15px}
#redsys .artikel{padding-bottom:20px; color:#A4A4A4}
#redsys .artikel .datum{float:right;}
#redsys .artikel .kontaktlink{float:right;margin-top:10px;}
#redsys .artikel .block + .block{padding-top:20px;}
#redsys .artikel .block h3:not(:empty){margin:0 0 0.5em;padding:0.3em 0.65em;color:#fff;background:#232323;border-radius:5px; font-size:1.8333em}
#redsys .artikel .block + .block h2{}
#redsys .artikel .block .subtitle{font-weight:bold; font-style:italic; color:#fff; font-size:1.25em; margin:1.5em 0}
#redsys .artikel .block ul{margin-left:0; overflow:hidden; font-size:1.2em}
#redsys .artikel a[rel^=lightbox]{position:relative;display:inline-block;text-decoration:none;}
#redsys .artikel a[rel^=lightbox] .zoom{display:block;padding:6px 5px 5px 7px;line-height:12px;width:16px;height:12px; position:absolute;background-color:#fff;background-color:rgba(255,255,255,0.7);color:#000;font-weight:bold;right:0;bottom:0;font-size:1.5em;text-align:center;}
#redsys .artikel .block .pic span.bildtext{display:block;text-align:center;font-style:italic;padding-top:0.35em;}
#redsys .artikel .block .lay_1 .pic{float:left;padding:0 3.5% 1.5% 0; max-width:50%}
#redsys .artikel .block .lay_2 .pic{padding:0 0 1.5%;}
#redsys .artikel .block .lay_3 .pic{padding:1.5% 0 0;}
#redsys .artikel .block .lay_4 .pic{padding:0 0 1.5%;max-width:50%}
#redsys .artikel .block .lay_4 .pic.pic_l{float:left; }
#redsys .artikel .block .lay_4 .pic.pic_r{float:right;}
#redsys .artikel .block .lay_5 .pic{padding:1.5% 0 0;max-width:50%}
#redsys .artikel .block .lay_5 .pic.pic_l{float:left;}
#redsys .artikel .block .lay_5 .pic.pic_r{float:right;}
#redsys .artikel .block .lay_6 .pic{float:left;padding:0 0 1.5% 10px;max-width:33.33%}
#redsys .artikel .block .lay_6 .pic:first-child{padding-left:0;}
#redsys .artikel .block .lay_7 .pic{float:left;padding:1.5% 0 0 10px;max-width:33.33%}
#redsys .artikel .block .lay_7 .pic:first-child{padding-left:0;}
#redsys .artikel .block .lay_9 .pic{float:right;padding:0 0 1.5% 3.5%; max-width:50%}
#redsys .artikel .block .lay_10 .pic{float:left;padding:0 3.5% 1.5% 10px;max-width:33.33%}
#redsys .artikel .block .lay_10 .pic:first-child{padding-left:0;padding-right:0;}
#redsys .artikel .block .lay_11 .pic{float:right;padding:0 10px 1.5% 3.5%;max-width:33.33%}
#redsys .artikel .block .lay_11 .pic:first-child{padding-left:0;padding-right:0;}
#redsys .artikel .block .lay_20 .video{float:left;padding:0 3.5% 1.5% 0;}
#redsys .artikel .block .lay_21 .video{float:right;padding:0 0 1.5% 3.5%;}
#redsys .artikel .block .lay_22 .video{text-align:center;padding:0 0 1.5%;}
#redsys .artikel .block .lay_22 .video > *{margin:0 auto;}

/*Suche*/
/*#cse { width:510px}*/
#cse .gsc-resultsHeader, #cse .gcsc-branding,#cse .gsc-branding, #cse .gsc-adBlock { display:none}
#cse .gsc-webResult:after {content:'';display:none}
#cse input.gsc-search-button { margin:0;font-family: Calibri,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:13px; height:27px; padding-bottom:4px}
#cse table.gsc-search-box { margin:0 0 20px 0}
#cse input.gsc-input { background:#bbb !important; border:1px solid #bbb; padding:3px; color:#000;}
#cse input.gsc-input:hover { border:1px solid #000}
#cse td.gsc-input { padding-right:8px}

/* END of content*/
#prefooter { margin-top:20px; font-size:1.2em}
#prefooter:after { content: "."; display: block;  height: 0;  clear: both;  visibility: hidden;}
#prefooter .box { width:237px; float:left; margin-left:14px; color:#595858}
#prefooter .box a { color:#595858}
#prefooter .inner { height:120px; border:1px solid #dad9d9;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; background:#fff url(/images_layout/box_bg.png) repeat-x top; }
#prefooter .inner .img { text-align:center; width:86px; float:left}
#prefooter .inner .img img { margin:16px auto}
#prefooter .content { float:right; width:135px; padding:13px 13px 0 0;}
#prefooter .content h3 { margin-bottom:0.3em; font-size:1.25em; font-weight:bold}
#prefooter .content p { margin:0; line-height:1.2em}

#prefooter .box.login { margin:0}
#prefooter .box.facebook iframe{ margin-top:8px}
#prefooter .box.support a.mac { display:inline-block; margin-left:40px}
/*#prefooter .box.jobs .content { float:none; width:100%; padding:13px 13px 0}*/
#prefooter .box.jobs .content p.more { margin-top:1em}
#prefooter .box.jobs #plusone { margin-top:23px;}

#footer{width:992px;margin:20px auto 0;padding:5px 0 0;text-align:left;height:35px; border-top:1px solid #dad9d9; font-size:1.1em; color:#595858;}
#footer:after { content: "."; display: block;  height: 0;  clear: both;  visibility: hidden;}
#footer a { color:#595858}
#footer .werbewind{text-align:right;}
#footer > div { float:left; width:237px; margin-left:14px}
#footer div:first-child { margin:0}
#footer div ul { list-style-type:none; margin:0}
#footer div ul li { margin:0}
#footer div ul.list li:before { content:"· "}
#footer .spacer { display:block; margin:5px 0}

#footer #social_media_box { margin:15px 0 0}

h1{font-size:3.333em; margin-bottom:0.05em; line-height:1.1em}
h2{font-size:1.666em; font-weight:bold; margin-bottom:0.2em }
h1 + h2 {color:#5d5e5e; font-weight:normal}
h3{font-size:1.666em; }
h4{font-size:1.4em;}
p{margin:0 0 1em;}
ul{margin-bottom:1em;}
li{}

table.impressum{margin:0 0 1em;}
table.impressum td{line-height:1.6em;}
table.impressum td:first-child{width:250px;}

.subcolumns{width:100%;overflow:hidden;}
.float_left{float:left;margin:0 15px 0 0;}
.float_right{float:right;margin:0 0 0 15px;}
.no-margin { margin:0}
img.content, .subcolumns.content { margin-bottom:1.5em}

fieldset{border:1px solid #000;padding:13px 20px 20px;margin-bottom:22px; border-radius:5px}
fieldset legend{padding:2px 8px;background:#000;color:#fff;text-transform:uppercase;font-size:1em; border-radius:3px}
label,p.label{display:block;padding:5px 0 0;}
label.error{display:table-cell;background:red;color:#fff;padding:1px 4px;font-weight:normal;}
input,textarea,select{background:#fff;color:#333;border:1px solid #666;}
fieldset input, fieldset textarea, fieldset select { background:#bbb; border:1px solid #bbb; color:#000;}
textarea{height:120px;}
input:focus,textarea:focus,select:focus{border-color:#000;}
fieldset input{width:185px;margin:1px 0;padding:3px 1px;}
fieldset .float_left input{margin-bottom:2px;}
fieldset select{width:189px;margin:1px 0;padding:2px 1px;}
fieldset textarea{width:394px;padding:1px;}
fieldset .captcha img{float:left;margin:1px 4px 2px 0;}
fieldset select#telefon_0,fieldset select#mobil_0{width:45px;}
fieldset input#telefon_1,fieldset input#telefon_2,fieldset input#mobil_1,fieldset input#mobil_2{width:65px;}
fieldset input#newsletter { margin-bottom:15px; float:left; margin-right:3px}
fieldset .personen select{width:auto;}
fieldset .datum input{width:90px;background:#fff url(http://img.werbewind.com/calendar/cal01.gif) no-repeat 74px center;}
.cb{padding:10px 0 0;}
.cb label{display:inline;padding:0;margin:0 15px 0 0;}
.cb input{width:1.5em;border:0;background:none;}
#kkcaptcha{width:70px;height:32px;font-size:24px;font-weight:bold;}
#kkemail{display:none !important;}

fieldset.pic { background:url(/images/kontakt/pic01.jpg) no-repeat right center}

button,a.button{
color:#fff;line-height:1;margin:0;padding:8px 12px;border:0; border-radius:5px;cursor:pointer;text-decoration:none; text-shadow:0 1px 1px #000; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; display:inline-block;
background: #69a9f8; /* Old browsers */
background: -moz-linear-gradient(top,  #69a9f8 0%, #447fc7 50%, #2d6ebe 51%, #033f88 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69a9f8), color-stop(50%,#447fc7), color-stop(51%,#2d6ebe), color-stop(100%,#033f88)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #69a9f8 0%,#447fc7 50%,#2d6ebe 51%,#033f88 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #69a9f8 0%,#447fc7 50%,#2d6ebe 51%,#033f88 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #69a9f8 0%,#447fc7 50%,#2d6ebe 51%,#033f88 100%); /* IE10+ */
background: linear-gradient(top,  #69a9f8 0%,#447fc7 50%,#2d6ebe 51%,#033f88 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69a9f8', endColorstr='#033f88',GradientType=0 ); /* IE6-9 */
}
#content a.button{ color:#fff}
button:hover,button:focus,#content a.button:hover,#content a.button:focus{color:#ccc;}

#kontaktform button { padding:15px 25px}

.cf-msg-1{color:red;font-weight:bold;}
.cf-msg-2{font-size:1.4em;font-weight:bold;padding:5px 10px;text-align:center;border:2px solid #000;}

.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

#ui-datepicker-div{display:none;}
#ui-datepicker-div .ui-datepicker-header{}
#ui-datepicker-div a.ui-state-default{}
#ui-datepicker-div a.ui-state-active{}
#ui-datepicker-div a.ui-state-hover{}

.pp_description  { font-size:14px !important; margin:10px 0 0 !important}

.ie7 #social_media_box li{ float:left}

body.error404 #header, body.error404 #navi, body.error404 #footer, body.error404 #prefooter {opacity:0.15 }
#error404 a { font-size:1.5em}
#error404 a:hover { }

@media print{
*{background:transparent !important;color:#000 !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;}
a,a:visited{color:#444 !important;text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
abbr[title]:after{content:" (" attr(title) ")";}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}
pre,blockquote{page-break-inside:avoid;}
thead{display:table-header-group;}
tr,img{page-break-inside:avoid;}
@page{margin:0.5cm;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}
#header h1,#container{max-width:none;}
nav,aside,#print,#footer{display:none;}
}