@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family:georgia, Arial, Verdana, Helvetica, sans-serif; }
body { text-align: left; color: #774608; font-size:17px; background: #666; }

* html * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

.clearfix:after, div#content:after, div#maincontent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, div#content, div#maincontent { display: inline-block; }

/* HTML5 tags */
header, section, footer, aside, nav, article, figure { display: block; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
/* TEXT ELEMENTS */
h2 {margin-left: -1px; font-size: 20px; font-weight: normal; padding-top: 20px; margin-bottom: -13px; }
h3 { font-size: 14px; font-weight: normal; }
h4 { font-size: 14px; }
p,cite { font-size: 13px; line-height: 19px; padding-bottom:16px; }
cite { font-style: italic; }
ul.error { padding-top: 30px; }
ul.error li { color: #d57c7f; line-height: 24px; font-size: 12px; padding-left: 20px; background: transparent url('../images/basic-elements/cross.png') no-repeat 0px 2px; }
p.fontswitch a { border-bottom: none; }
p.clear, div#maincontent p.clear { clear: both; height: 0px; padding: 0px; margin:0px; }
p.flat { height: 1px; line-height: 1px; font-size: 1px; padding: 0px; margin: 0px; }
p.error,p.jswarning { color: #da0031; line-height: 22px; font-size: 13px; padding-left: 20px; background: transparent url('../images/basic-elements/cross.png') no-repeat 0px 20px; }
p.success { padding-top: 26px; }

strong { font-weight: bold; }
a { outline: none; color: #FFF; text-decoration:none; }
a:hover {  }
ul, ol { list-style: none;}
li { line-height:18px; }
table { border-collapse: collapse; border-spacing: 0; border: 0px; }
td,th {  }
caption, th { text-align: left; }
em { font-style: italic; }
/* FORMS */
legend { display: none; }
fieldset, img { border: 0; }
textarea { height: 100px; }
input,textarea,select { font-family: Helvetica, Arial, sans-serif; }
img.alignright { float: right; margin-left: 20px; margin-top:3px; }
img.alignleft { float: left; margin-right: 20px; margin-top:3px; }
.red { color: #c0002b; }
.first { padding: 0px; }
h2.first { margin-top: -5px; }

div#wrapper { background:#FFF; min-width:960px;}
div#container { background-color:#FFF; }
div#container { width:940px; position: relative; margin: 0px auto; text-align: left; }

div#branding { position: relative; background: #fff; }
div#branding h1 { position:absolute; top:24px; left:0px; text-indent:-9999px; }
div#branding h1 a { display:block; width:194px; height:60px; background:transparent url('../images/project-elements/logo.png') no-repeat; }

nav#metanavigation a, nav#mainnavigation a { font-family:Arial, Verdana, Helvetica, sans-serif; }

nav#metanavigation { position:absolute; top:30px; right:0px; }
nav#metanavigation ul {}
nav#metanavigation ul li { line-height:11px; float:left; display:inline; padding:0px 12px 0px 12px; border-left:1px solid #acabab; }
nav#metanavigation ul li.first { border:none; padding-left:0px; }
nav#metanavigation ul li a { display:block; font-size:10px; text-decoration:none; color:#656363; }
nav#metanavigation ul li a:hover, nav#metanavigation ul li a.active { text-decoration:underline; }

nav#mainnavigation { position: absolute; width:110px; top:160px; left:0px; }
nav#mainnavigation ul { }
nav#mainnavigation ul li { display:block; border-bottom:1px solid #adacac; }
nav#mainnavigation ul li a { line-height:24px; display: block; font-size: 11px; text-decoration: none; color:#4d4b4b; }
nav#mainnavigation ul li a:hover, nav#mainnavigation ul li a.active { color:#000; }
nav#mainnavigation ul li.subnavigation ul { width:130px; }
nav#mainnavigation ul li.subnavigation ul li { border:none; display:block; margin:0px; }
nav#mainnavigation ul li.subnavigation ul li a { display:inline; font-size:10px; line-height:17px; padding:3px 3px 2px 16px; margin:0;width:auto;  background-color:#1e6cc2; color:#FFF; }
nav#mainnavigation ul li.subnavigation ul li a.active { background-color:#666666; }

/** Subnavigation case-studies **/
nav#mainnavigation ul li.case-studies ul { display:none; }
body#case-studies-mercedes nav#mainnavigation ul li.case-studies,
body#case-studies-konsumgut nav#mainnavigation ul li.case-studies,
body#case-studies-steigenberger nav#mainnavigation ul li.case-studies { border:none; }
body#case-studies-mercedes nav#mainnavigation ul li.case-studies ul,
body#case-studies-konsumgut nav#mainnavigation ul li.case-studies ul,
body#case-studies-steigenberger nav#mainnavigation ul li.case-studies ul { display:block;}

/** Subnavigation social media **/
nav#mainnavigation ul li.social-media ul { display:none; }
body#social-media-beratung nav#mainnavigation ul li.social-media,
body#social-media-employer-branding nav#mainnavigation ul li.social-media,
body#social-media-workshop nav#mainnavigation ul li.social-media { border:none; }
body#social-media-beratung nav#mainnavigation ul li.social-media ul,
body#social-media-employer-branding nav#mainnavigation ul li.social-media ul,
body#social-media-workshop nav#mainnavigation ul li.social-media ul { display:block;}

div#content { padding:165px 0px 0px 0px; width:940px; }

div#maincontent { float:right; width:780px; color:#56575d; }
div#maincontent h2 { text-transform:uppercase; color:#4292eb; font-size:40px; font-weight:bold; padding:0px 0px 20px 0px; margin:-12px 0px 0px 0px; }
div#maincontent h3 { text-transform:uppercase; color:#000; font-size:22px; font-weight:bold; padding:0px 0px 21px 0px; }
div#maincontent h4 { font-size:14px; color:#4292eb; padding:5px 0px 18px 0px; }
div#maincontent h4.separator { padding-top:30px; }
div#maincontent p { color:#56575d; font-size:13px; }
div#maincontent img { margin-bottom:20px; padding:0px; }
div#maincontent img.sideimage { float:left; }
div#maincontent img.sideimage-right { float:right; }
div#maincontent div.box { position:relative; width:780px; padding:0px 0px 20px 0px; margin-bottom:25px; border-bottom:1px solid #adacac; }
div#maincontent div.last { border:none; }
div#maincontent ul.desclist, div#maincontent p.desctext, div#maincontent a { float:left; padding:0px 0px 0px 40px; }
div#maincontent ul li, div#maincontent ul.desclist li, div#maincontent a { font-size:13px; font-family:georgia; }
div#maincontent ul li { padding-bottom:2px; }
div#maincontent a { color:#000; text-decoration:none;}

div#maincontent p a { font-size:13px; padding:0px; padding:0px; float:none; }
div#maincontent img.decorated  { border:4px solid #e9e7e7; }

div#subcontent { float:left; margin:213px 0px 0px 0px; height:400px; width:110px; background:transparent; }

/** INDEX **/
body#index div#maincontent div.box div.column1, body#index div#maincontent div.box div.column2 { float:left; padding:0px 40px 0px 0px; width:200px; }
body#index div#maincontent div.box div.column2 { padding-top:48px;}
body#index div#maincontent div.box div.column3 { float:right; padding:0px 0px 0px 0px; width:300px; }


/** POKALSCHRANK */
div#maincontent div#pokalschrank ul.imagelist {padding-top:10px;}
div#maincontent div#pokalschrank ul.imagelist li { display:inline; float:left;}
div#maincontent div#pokalschrank ul.imagelist li { padding:0px; margin:0px 15px 15px 0px; }
div#maincontent div#pokalschrank ul.imagelist li.last { margin:0px 0px 15px 0px; }
div#maincontent div#pokalschrank ul.imagelist li a { padding:0px; display:inline; width:250px; height:100px; background-repeat:no-repeat; text-indent:-9999px;}
div#maincontent div#pokalschrank ul.imagelist li a:hover {background-image:none !important;}

	/** POKALSCHRANK  DEFAULT **/
	div#maincontent div#pokalschrank ul.imagelist li.scholzvolkmer  { background-image:url('../images/project-elements/pokalschrank/scholzvolkmer_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.scholzvolkmer a { background-image:url('../images/project-elements/pokalschrank/scholzvolkmer.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.scholzvolkmer a:hover { background-image:none; }

	div#maincontent div#pokalschrank ul.imagelist li.steigenberger { background-image:url('../images/project-elements/pokalschrank/steigenberger_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.steigenberger a { background-image:url('../images/project-elements/pokalschrank/steigenberger.png'); }

	div#maincontent div#pokalschrank ul.imagelist li.huthwenzel { background-image:url('../images/project-elements/pokalschrank/huthwenzel_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.huthwenzel a { background-image:url('../images/project-elements/pokalschrank/huthwenzel.png'); }

	div#maincontent div#pokalschrank ul.imagelist li.awo { background-image:url('../images/project-elements/pokalschrank/awo_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.awo a { background-image:url('../images/project-elements/pokalschrank/awo.png'); }

	div#maincontent div#pokalschrank ul.imagelist li.finkfuchs { background-image:url('../images/project-elements/pokalschrank/finkfuchs_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.finkfuchs a { background-image:url('../images/project-elements/pokalschrank/finkfuchs.png'); }

	div#maincontent div#pokalschrank ul.imagelist li.afs { background-image:url('../images/project-elements/pokalschrank/afs_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.afs a { background-image:url('../images/project-elements/pokalschrank/afs.png'); }

	div#maincontent div#pokalschrank ul.imagelist li.bippesbrandao { background-image:url('../images/project-elements/pokalschrank/bippesbrandao_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.bippesbrandao a { background-image:url('../images/project-elements/pokalschrank/bippesbrandao.png'); }

	div#maincontent div#pokalschrank ul.imagelist li.diefirma { background-image:url('../images/project-elements/pokalschrank/diefirma_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.diefirma a { background-image:url('../images/project-elements/pokalschrank/diefirma.png'); }

	div#maincontent div#pokalschrank ul.imagelist li.k12 { background-image:url('../images/project-elements/pokalschrank/k12_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.k12 a { background-image:url('../images/project-elements/pokalschrank/k12.png'); }

	/** POKALSCHRANK ADDITIONAL **/
	body#index div#maincontent div#pokalschrank ul.imagelist li.kunden { display:none; }
	body#kunden div#maincontent div#pokalschrank ul.imagelist li.kunden { display:inline; }

	div#maincontent div#pokalschrank ul.imagelist li.gs { background-image:url('../images/project-elements/pokalschrank/gs_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.gs a { background-image:url('../images/project-elements/pokalschrank/gs.png'); }

	div#maincontent div#pokalschrank ul.imagelist li.ugw  { background-image:url('../images/project-elements/pokalschrank/ugw_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.ugw a { background-image:url('../images/project-elements/pokalschrank/ugw.png'); }

	div#maincontent div#pokalschrank ul.imagelist li.mpm { background-image:url('../images/project-elements/pokalschrank/mpm_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.mpm a { background-image:url('../images/project-elements/pokalschrank/mpm.png'); }

	div#maincontent div#pokalschrank ul.imagelist li.fbc { background-image:url('../images/project-elements/pokalschrank/fbc_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.fbc a { background-image:url('../images/project-elements/pokalschrank/fbc.png'); }

	div#maincontent div#pokalschrank ul.imagelist li.kraftadel { background-image:url('../images/project-elements/pokalschrank/kraftadel_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.kraftadel a { background-image:url('../images/project-elements/pokalschrank/kraftadel.png'); }

	div#maincontent div#pokalschrank ul.imagelist li.schneider { background-image:url('../images/project-elements/pokalschrank/schneider_hover.png'); }
	div#maincontent div#pokalschrank ul.imagelist li.schneider a { background-image:url('../images/project-elements/pokalschrank/schneider.png'); }

/** PROFIL */
body#profil img.profilimg {position:absolute; top:55px; left:433px;}

/** VEROEFFENTLICHUNGEN */
body#veroeffentlichungen p.desctext { width:410px; display:block; padding-bottom:20px;}
body#veroeffentlichungen p.desctext a { padding-top:20px; float:left; }

/** KUNDEN */
body#kunden div#maincontent p.sidequote { font-style:italic; width:490px; padding-bottom:20px;}
body#kunden div#maincontent p.sidehighlight { color:#4292eb;}
body#kunden div#maincontent img.sideimage { padding-bottom:40px; }

/** LEISTUNGEN **/


/** CASE STUDIES **/
body#case-studies-mercedes img.showscreen, body#case-studies-konsumgut img.showscreen, body#case-studies-steigenberger img.showscreen { padding-top:10px; }
body#case-studies-mercedes img.logoimg, body#case-studies-konsumgut img.logoimg, body#case-studies-steigenberger img.logoimg { position:absolute; top:80px; right:0px; }


/** SOCIAL MEDIA **/
body#social-media-workshop img.descimg { position:absolute; top:338px; right:0px; }
body#social-media-beratung img.descimg { position:absolute; top:327px; right:0px;}
body#social-media-employer-branding img.descimg { position:absolute; top:382px; right:0px;}
body#social-media-beratung p.desctext, body#social-media-employer-branding p.desctext { width:420px; padding-left:0px; padding-bottom:16px; }

/** KONTAKT */
body#kontakt div#maincontent .gmap { border:4px solid #e9e7e7; width:772px; height:292px; margin-bottom:20px;}
body#kontakt div#maincontent div#gmap { border:4px solid #e9e7e7; width:772px; height:292px; margin-bottom:20px;}
div#gmap div.gmap_marker { font-size:12px; }

div#contactform { padding-top: 45px; padding-left: 30px; }
div#contactform form { padding-top:21px; }
div#contactform form legend { display: none; }
div#contactform form fieldset{ border: solid 0px #fff; }
div#contactform form ol { list-style-type: none; padding: 0px; }
div#contactform form ol.blockstyle2 { display: none; }
div#contactform form ol.show { display: block; padding-top: 20px; }
div#contactform form ol li { font-size: 0.81em; padding-top: 10px; padding-left: 0px; background: none; position: relative; }
div#contactform form ol li label { vertical-align: top; display: inline-block; width: 120px;  }
div#contactform form ol li label span { font-size: 12px; }
div#contactform form ol li input,
div#contactform form ol li textarea{ text-indent: 5px; border: none; padding: 10px 0px; background: #fff; color: #774608; width: 458px; font-size: 13px; }
div#contactform form ol li textarea {  height: 240px; }
div#contactform form ol li input.error, div#contactform form ol li textarea.error { background-color: #ffeeee; border: 1px solid #b83439; }
div#contactform form ol li input.radio { background: none; border: none; }
div#contactform form ol li input.checkbox { width: auto; }
div#contactform form ol li select { color: #525252; width: 409px; font-size: 12px; }
div#contactform form input.submit { font-size: 12px; margin-left: 125px; margin-top: 10px; width: auto; }

footer {  height:254px; background:#666666 url('../images/project-elements/footer-bg.png') repeat-x; color:#FFF;}
footer div#footwrap { position:relative; width:940px; padding:0px 10px 0px 10px; margin:0px auto; }
footer p {color:#FFF; font-size:0.70em; line-height:18px; }
footer h4 { color:#FFF; padding:0px 0px 20px 0px; }
footer h4.foot-title { font-size:0.875em; text-transform:uppercase; }
footer div.column { padding:20px 60px 0px 0px; }
footer div.main { width:280px; float:left; }
footer div.impressum {width:320px; float:left; }
footer div.twitter { float:right; width:190px; height:222px; padding:10px 10px 0px 10px; margin-top:22px; background:transparent url('../images/project-elements/twitter.png') no-repeat center; }
footer div.twitter h4 { font-size:0.75em; padding-bottom:10px; }
footer div.twitter div#tweet { }
footer div.twitter div#tweet span.tweet_time { display:block; font-size:11px; text-decoration:underline; padding-bottom:5px;}
footer div.twitter div#tweet span.tweet_text { display:block; font-size:12px;}
footer a.social-button {position:absolute; top:195px;  float:left; height:46px; width:47px; padding:0px; text-indent:-9999px; background-repeat: no-repeat;}

footer a.facebook { left:3px;  background-image:url('../images/project-elements/social/social_facebook.png'); }
footer a.facebook:hover {  background-image:url('../images/project-elements/social/social_hover_facebook.png'); }

footer a.xing { left:51px;  background-image:url('../images/project-elements/social/social_xing.png'); }
footer a.xing:hover {  background-image:url('../images/project-elements/social/social_hover_xing.png'); }

footer a.twitter { left:99px; background-image:url('../images/project-elements/social/social_twitter.png'); }
footer a.twitter:hover { background-image:url('../images/project-elements/social/social_hover_twitter.png'); }

footer a.flickr { left:189px;  background-image:url('../images/project-elements/social/social_flickr.png'); }
footer a.flickr:hover {  background-image:url('../images/project-elements/social/social_hover_flickr.png'); }