/*-----------------

blue:		#54c0f1
dark-grey:	#333333

-----------------*/


/* bluebox 400 x 400 */
* {font-size: 100.01%; filter(opacity=1)}
/* Standardformatierungen */
#page { width:1024px; margin: 0 auto;}
h1, h2, h3, h4, h5 {font-weight:bold;}
body { font: normal 11px Verdana,"Trebuchet MS",Arial,Sans-Serif; background-color: #fff; color: #333333; line-height:15px; margin: 0; padding: 0; overflow-y:scroll;}
h1 { color: #333333; border-bottom: 1px solid #CCC; padding: 0px 0px 10px 0px; margin: 0px 0px 30px 0px; }
h2 {font-size: 14px; margin:0 0 22px 0;}
.label_error { font-weight: bold; color: #c00; }
span.error { font-weight: bold; color: #c00; }
strong {color: #54c0f1; font-weight:bold;}
a { color: #54c0f1; text-decoration: none;}
a:hover {text-decoration: underline;}
a.download  {background:url("images/icon_download.gif") no-repeat scroll right center transparent; display:inline-block; height:23px; margin:0 0 5px 105px; padding:0 30px 0 0;}
a.play {background:url("images/button_play.gif") no-repeat scroll right center transparent; display:inline-block; height:16px; padding:2px 30px 0 0;}
b {font-weight: normal; color: #54c0f1;}
.jqShowAll{color: #54c0f1; cursor: pointer;}
.jqShowAll:hover { text-decoration: underline; }
.small{color: #bbb; font-size: 10px;}
/* mainNavi */
#header {width:1024px; height:475px; position: relative; }
#header #billboard {position: absolute; top: 0; left:0; z-index:0;}
#header #header_left {width: 365px; height: 275px; float:left;}
#header #header_content {width: 620px; height: 275px; float:right; z-index: 100; position: relative;}
#header #header_content ul#mainNavi {margin: 36px 0 0 0; float:left;}
#header #header_content ul#mainNavi li {margin: 0 0 8px 0;}
#header #header_content ul#mainNavi li a{display: block; width:157px; height:27px; /*text-indent:-9999px;*/ font-size:27px; font-family: "Times New Roman", Georgia, serif;}
#header #header_content ul#mainNavi li a:hover,
#header #header_content ul#mainNavi li.active a{color:#000000; text-decoration:none;}
#header #header_bottom {width: 1024px; height: 200px; clear:both;}
/* mainNavi */
/*#header #header_content ul#mainNavi li.start a {background: url('images/nav/navi_start.gif')}
#header #header_content ul#mainNavi li.agentur a {background: url('images/nav/navi_unternehmen.gif')}
#header #header_content ul#mainNavi li.leistungen a {background: url('images/nav/navi_leistungen.gif')}
#header #header_content ul#mainNavi li.referenzen a {background: url('images/nav/navi_referenzen.gif')}
#header #header_content ul#mainNavi li.presse a {background: url('images/nav/navi_aktuell.gif')}
#header #header_content ul#mainNavi li.kontakt a {background: url('images/nav/navi_kontakt.gif')}
#header #header_content ul#mainNavi li a:hover, #header #header_content ul#mainNavi li.active a {background-position: 0 -27px;}*/
/* subnavi */
#header #header_content #subnavi {float:right; height:201px; width:231px; padding: 37px 21px; }
#header #header_content #subnavi img {margin: 0 15px 0 0;}
#header #header_content #subnavi p {line-height:18px; width: 173px; margin: 0 0 24px 0;}
#header #header_content #subnavi h3 {margin: 0 0 16px 0;}
#header #header_content #subnavi ul {margin: 13px 0 0 0;}
#header #header_content #subnavi ul li {margin: 0 0 6px 0;}
#header #header_content #subnavi ul li a.active, 
#header #lang a.active {color: #333333}
#header #lang {position: absolute; top:5px; left: 275px;}
#header #lang a {display:inline-block; padding: 0 5px;}
/* footerNavi */
#footer {text-align: center; padding: 20px 0; clear: both;}
#footer a {margin: 0 6px;}
/* content */
.content { border-bottom: 1px dotted #54c0f1; padding: 75px 0 25px; width:1024px;}
.content .contentLeft {width: 365px; text-align:right; float:left; }
.content .contentLeft .holder {position:absolute; left:0; margin: 50px 0 0 0; border-top: 1px dotted #55bfef; padding: 4px 0 0 25px; display: none;}
.content .contentRight {width: 553px; float:right; padding: 0 65px 0 0; }
.content .contentRight .wallwrapper {padding: 30px 0 0 0}
.content .contentRight .clientitem {float: left; margin: 30px 0 0 30px; font-weight: bold; color: #3c3c3c;}
.content .contentRight .clientitem img {margin: 5px 0 0 0; border: 1px solid #54c0f1;}
.content .contentRight .clientitem div {display:none;}

.content .contentRight .director {position:absolute; top:0; left:0; display: none;}

.content .contentRight .director1 {display: block;}
.content .contentElement {float:right; margin: 0 0 0 40px; width:190px; text-align:right;}
.content .contentElement img {border: 1px solid #54c0f1;}
.content .contentElement div {margin: 5px 0 0 0; height:20px; width: 191px}
.content p {padding: 0 0 10px 0;}
.content div.left {float:left; width:320px;}
.content li {list-style-type: disc; margin: 0 0 0 15px; padding: 2px 0;}
/* scrollableContainer */
/*width: 972px = */
#contentScroller {position: relative; padding: 0 25px 38px 25px; width: 972px; border-bottom: 1px dotted #54c0f1; margin: 25px 0 0 0;}
#slideWrapper {position:relative; width: 5000px;}
#slideWrapper div {width:193px; margin-left: 40px; float: left; display:inline;  white-space: normal; position: static;}/*display inline to fix IE6-2x-Margin-Bug*/
#slideWrapper div img {border: 1px solid #54c0f1;}/*display inline to fix IE6-2x-Margin-Bug*/
#slideWrapper div h3 {margin: 0 0 7px 0;}
.clearfix {clear: both; line-height:0;}
/* scrollableContainerButtons */
#scrollLeft, #scrollRight{ position: absolute; top:80px; cursor: pointer; }
#scrollLeft {left: 25px; display:none; z-index:2000;}
#scrollRight {right: 25px; display:none; z-index:1000;}
.inactive {cursor: default !important;}
/* scrollableContainerMasks */
#masker {overflow: hidden; width: 972px; position:relative; padding:0; }
#references {height:142px; width:24px; text-indent: -9999px; position:absolute; left: 0px;}
#maskerLeft, #maskerRight {height: 170px; width: 9px; position:absolute; top:0; z-index: 1000;}
#maskerLeft {background: url('images/contentSliderMaskerLeft.png') no-repeat;  left:0; }
#maskerRight {background: url('images/contentSliderMaskerRight.png') no-repeat; right:-1px; }
/* tooltip */
.tooltip {position:relative;}
#tooltip {position: absolute; background:#fff; border: 1px solid #cccccc; display:none; width:296px;}
#tooltip .headline {font: normal 12px/130% Arial,Helvetica,sans-serif; float: left; padding: 5px 0 5px 20px; color:#fff; font-weight:bold;}
#tooltip #closeTooltip {float: right; font: normal 12px/130% Arial,Helvetica,sans-serif; color:#fff; font-weight:bold; padding:4px 10px 6px; cursor: pointer;}
#tooltip .copy {padding: 10px 18px; line-height:17px;}
#tooltip .wrapper {background: #9D301B;}
/* lightbox */
/*#overlay {height: 100%; width: 100%; position: fixed; top:0; left:0; background: #333333; opacity: 0.3; display:none; }*/
#overlay{ position: absolute; top: 0; left: 0; z-index: 150; width: 100%; height: 500px; background-color: #000; display:none;}
#lightboxWrapper {position: fixed; top: 0; left:0; width:100%;}
#lightbox {width:850px; position:relative; margin: auto; z-index: 700;}
#lightboxContent {padding: 30px; border: 1px solid #54c0f1; background: #fff; position: relative; z-index: 100; margin: 80px auto;}
#btn_close {width:60px; height:69px; text-indent:-9999px; cursor: pointer; background: url('images/close.gif') no-repeat; position: absolute; top: -69px; right: -60px;}
#lightboxwrapper {padding: 25px;}
/* pager */
#pager{margin: 5px 65px 5px 0; float:right}
#pager a.setPage {border: 1px solid #54c0f1; padding:1px 2px;}
#pager a.active {border: 1px solid #999999; color:#333333;}
#pager a.forward, #pager a.backward {padding: 1px 5px;}

input.linkpressrelease {border: 1px dotted #ccc; margin:1px; color: #A4A3A3; padding: 2px 8px; font-size:11px; width:173px; }
input.linkpressrelease:focus {border: 2px solid #54c0f1; margin:0px; color:#000; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-bottom-colors: #94d0eb #54c0f1 ; -moz-border-top-colors:    #94d0eb #54c0f1 ; -moz-border-left-colors:   #94d0eb #54c0f1 ; -moz-border-right-colors:  #94d0eb #54c0f1 ; }
a.JSshowLinkPressRelease {display:block; width:26px; height:16px; background: url('images/button_show_link.gif') no-repeat; margin: 0 0 0 165px }
a.JSshowLinkPressRelease:hover {background-position: -26px 0;}
/* tooltip */
.tooltip {position:relative;}
#tooltip {position: absolute; background:#fff; border: 1px solid #cccccc; display:none; width:296px;}
#tooltip .headline {font: normal 12px/130% Arial,Helvetica,sans-serif; float: left; padding: 5px 0 5px 20px; color:#fff; font-weight:bold;}
#tooltip #closeTooltip {float: right; font: normal 12px/130% Arial,Helvetica,sans-serif; color:#fff; font-weight:bold; padding:4px 10px 6px; cursor: pointer;}
#tooltip .copy {padding: 10px 18px; line-height:17px;}
#tooltip .wrapper {background: #9D301B;}
/* loader */

#loaderAni {position:fixed; top: 500px; left:50%; padding: 2px; line-height:0; z-index:5000;}