@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Arial,Helvetica,sans-serif; }
body { background-color: #fff; font-size: 100%; color: #444; text-align: center; }
h1 {}
h2 {}
h3 { color: #f5c520; font-size: 1.13em; font-weight:bold; }
h4 {}
p { font-size: 0.75em; line-height: 16px; padding-top: 16px; }
p.clear { clear: both; }
p.flat { padding: 0px; line-height: 1px; font-size: 1px; over-flow: hidden; }
p.paging a { text-decoration: none; }
p.paging strong { background-color: #fff; color: #f5c520;  }
p.paging a.gxpager, p.paging strong {  border: 1px solid #e1e1e1; display: block; float: left; height: 30px; width: 30px; text-align: center; line-height: 30px; margin-right: 5px; }
p.gallery {  }
p.gallery a { display: block; float: left; margin-right: 20px; margin-top: 10px; }
p.gallery a.end { margin-right: 0px; }
p.gallery a img { border: 5px solid #ebebeb; }
a { color: #444; }
table { border-collapse: collapse; border: 0px; }
ul { list-style-type: none; }
ol { list-style-type: none; }
img {border: 0px; }
img.decorated {border: 5px solid #ebebeb;}
p.readmore a { text-decoration: none; font-weight: bold; }
p.readmore a:hover { text-decoration: underline; }

/* Basis Elemente */
div#container { width: 960px; margin: 0px auto; border-top: 3px solid #f5c520; position: relative; text-align: left; }

/* Branding */
div#branding { height: 110px; position: relative; width: 960px; z-index: 0; }
div#branding h1 { position: absolute; top: 0px; left: 740px; width: 220px; height: 70px; }
div#branding h1 a { text-indent: -9999px; display: block; width: 220px; height: 70px; background: transparent url(../images/logo.gif) no-repeat; }

/* Hauptnavigation */
div#mainnavigation { position: absolute;  z-index: 1; top: 25px; left: 10px; height: 25px; }
div#mainnavigation ul { height: 25px; }
div#mainnavigation ul li { float: left; display: inline; }
div#mainnavigation ul li a { text-indent: -9999px; display: block; height: 25px; background-position: top; background-repeat: no-repeat; }
div#mainnavigation ul li a:hover { background-position: bottom; }
div#mainnavigation ul li a.active { background-position: bottom; }
div#mainnavigation ul li a.start { width: 46px; background-image: url(../images/mainnavigation-a-bg-1.gif); }
div#mainnavigation ul li a.buero { width: 66px; background-image: url(../images/mainnavigation-a-bg-2.gif); }
div#mainnavigation ul li a.leistungen { width: 100px; background-image: url(../images/mainnavigation-a-bg-3.gif); }
div#mainnavigation ul li a.referenzen { width: 100px; background-image: url(../images/mainnavigation-a-bg-4.gif); }
div#mainnavigation ul li a.partner { width: 75px; background-image: url(../images/mainnavigation-a-bg-5.gif); }
div#mainnavigation ul li a.news { width: 70px; background-image: url(../images/mainnavigation-a-bg-6.gif); }
div#mainnavigation ul li a.kontakt { width: 80px; background-image: url(../images/mainnavigation-a-bg-7.gif); }

/* Subnavigation */
div#subnavigation { padding-top: 3px; }
div#subnavigation ul li { display: inline; }
div#subnavigation ul li a { text-decoration: none; height: 30px; display: block; font-size: 0.75em; text-transform: uppercase; font-weight: normal; }
div#subnavigation ul li a:hover { text-decoration: underline; }
div#subnavigation ul li a.active { color: #f5c520;  }

/*Header */
div.header { height: 260px; width: 960px; position: relative;  background-repeat: no-repeat; background-position: bottom; }
div.header h2 { height: 20px; background-repeat: no-repeat; text-indent: -9999px; position: absolute; left: 10px; top: 0px; width: 900px; }
div.header h2#index-claim { background-image: url(../images/index-claim-bg.gif); }
div.header h2#buero-claim { background-image: url(../images/buero-claim-bg.gif); }
div.header h2#leistungen-claim { background-image: url(../images/leistungen-claim-bg.gif); }
div.header h2#referenzen-claim { background-image: url(../images/referenzen-claim-bg.gif); }
div.header h2#partner-claim { background-image: url(../images/partner-claim-bg.gif); }
div.header h2#news-claim { background-image: url(../images/news-claim-bg.gif); }
div.header h2#kontakt-claim { background-image: url(../images/kontakt-claim-bg.gif); }

/* Index Teaserboxen */
div#index-header { background-image: url(../images/index-header-bg.jpg); }
div#index-header div.teaser { position: absolute; top: 120px; }
div#index-header div.teaser h3 { text-indent: -9999px; }
div#index-header div.teaser p { color: #fff; }
div#index-header div#teaser-1 { width: 220px; left: 20px;  }
div#index-header div#teaser-2 { width: 190px; left: 290px; }
div#index-header div#teaser-3 { width: 180px; left: 540px; }
div#index-header div#teaser-4 { width: 180px; left: 780px; }

/* Headergrafiken */
div#buero-header { background-image: url(../images/buero-header-bg.jpg); }
div#leistungen-header { background-image: url(../images/leistungen-header-bg.jpg); }
div#referenzen-header { background-image: url(../images/referenzen-header-bg.jpg); }
div#partner-header { background-image: url(../images/partner-header-bg.jpg); }
div#news-header { background-image: url(../images/news-header-bg.jpg); }
div#kontakt-header { background-image: url(../images/kontakt-header-bg.jpg); }

/* Spalten */
div#content { width: 960px; padding-top: 20px; }
div#maincontent { float: right; width: 720px; display: inline; margin-right: 10px; }
div#maincontent ul { font-size: 0.75em; line-height: 16px; padding-top: 16px; list-style-type: disc; margin-left: 15px; }
div#subcontent { float: right; width: 220px;  display: inline; }
div.content1 { width: 480px; display: inline; float: left; margin-right: 20px; }
div.content2 { width: 220px; float: left; }

/* Boxen */
div.box { border: 5px solid #ebebeb; padding-bottom: 15px; }
div.box p {padding-left: 10px; padding-right: 10px; }
div.box h2 { padding-left: 10px; padding-right: 10px; padding-top: 15px; color: #64635f; font-weight: normal; font-size: 1.00em; }
div.box p.image {padding: 0px; }
div.special {background-repeat: repeat-x; background-image: url(../images/box-bg.gif); background-position: top; }
div#portfolio-teaser { margin-left: 20px; width: 220px;  }
div#portfolio-teaser h2 { color: #f5c520; font-size: 1.13em; font-weight:bold; border-top: 5px solid #ebebeb; }

/* Social Icon Box Index */
div#index-socialicons {margin-top: 20px; padding-bottom: 14px; }
div#index-socialicons ul { margin-left: 10px; margin-top: 30px;  }
div.socialicons ul { position: relative; height: 38px; width: 190px; }
div.socialicons ul li { background-repeat: no-repeat; top: 0px; position: absolute; height: 38px; width: 38px; }
div.socialicons ul li a { text-indent: -9999px; display: block; height: 38px; width: 38px; }
div.socialicons ul li.rss {left: 0px;  background-image: url(../images/icons-rss.gif); }
div.socialicons ul li.xing {left: 48px;  background-image: url(../images/icons-xing.gif); }
div.socialicons ul li.twitter {left: 96px;  background-image: url(../images/icons-twitter.gif); }
div.socialicons ul li.flickr {left:144px;  background-image: url(../images/icons-flickr.gif); }

/* News Index */
div#newsteaser { width: 460px; }
div#newsteaser div { border-bottom: 1px solid #f6c92f; padding-bottom: 15px;  }
div#newsteaser div p.image { margin-top: 3px; float: left; width: 140px; margin-right: 10px; }
div#newsteaser div p.image img { border: 5px solid #dedede; }
div#newsteaser div h2 { padding-top: 16px; color: #f5c520; font-size: 1.13em; font-weight:bold; }
div#newsteaser div.first p.image,div#newsteaser div.first h2 { padding-top: 0px; margin-top: 0px; }
div#newsteaser div p.articleteaser {  float: left; width: 310px;  }
div#newsteaser div p.readmore { padding-left: 150px; clear: both; }

div#newsoverview { width: 480px; }
div#newsoverview div { border-bottom: 1px solid #f6c92f; padding-bottom: 15px;  }
div#newsoverview div p.image { margin-top: 3px; float: left; width: 140px; margin-right: 10px; }
div#newsoverview div p.image img { border: 5px solid #dedede; }
div#newsoverview div h2 { padding-top: 16px; color: #f5c520; font-size: 1.13em; font-weight:bold; }
div#newsoverview div.first p.image,div#newsoverview div.first h2 { padding-top: 0px; margin-top: 0px; }
div#newsoverview div p.articleteaser {  float: left; width: 320px;  }
div#newsoverview div p.readmore { padding-left: 150px; clear: both; }

div.marginalie h2{ font-size: 0.75em; text-transform: uppercase; font-weight: normal; }
div#membership { margin-top: 15px; padding: 15px 0px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
div#socialicons ul { list-style-type: none; margin-left: 0px; margin-top: 15px;  }

/* Case Studies */
div#casestudies {  }
div#casestudies p.image { padding-top: 18px; width: 250px; float: left; }
div#casestudies p.image img { margin-top: 3px; border: 5px solid #ebebeb; }
div#casestudies h3 { padding-top: 18px; text-transform: uppercase; }
div#casestudies p { padding-top: 0px; }
div#casestudies p.readmore { padding-top: 18px; }


/* Footer */
div#pageinformation { height: 50px; }
div#pageinformation div { width: 940px; margin: 0px auto; border-top: 1px solid #e1e1e1; }
div#pageinformation div p { font-size: 0.69em; }
div#pageinformation div p a { text-decoration: none; }
div#pageinformation div p a:hover,div#pageinformation div p a.active { text-decoration: underline; }
div#pageinformation div p#copyright { float: left; text-align:left; }
div#pageinformation div p#metanavigation { text-align: right; }

/* Thickbox Formats */
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #412f1d; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#404040; }
#TB_overlay { position: fixed; z-index:100;	top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(../images/transparent.png) repeat;}
.TB_overlayBG {	background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color: #412f1d; display:none; border: 4px solid #bfc3ca; text-align:left; top:50%; left:50%; }
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border: 1px solid #bfc3ca; padding: 0px; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0;	float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px;	text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ background-color: #eceff5; height:27px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto;	text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103;	top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect{	z-index:99;	position:fixed;	top: 0;	left: 0; background-color:#fff;	border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;	height:100%; width:100%; }
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both;	border:none; margin-bottom:-1px; margin-top:1px; margin-bottom:1px; }
/* End Thickbox Code */