/* @override http://www.designpraxis.de/c/base.css */

/* @group Loopedslider */

.container { width:955px; height:460px; overflow:hidden; position:relative; -webkit-border-radius:14px;border-radius:14px; cursor:pointer; }
	.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
	.slides li { position:absolute; top:0; width:955px; display:none; padding:0; margin:0; -webkit-border-radius:8px;border-radius:8px; height: 460px;
}

ul#sidebar { float: left; width: 150px; padding: 0 0 41px; margin: 0 015px 2px 0; list-style-type: none; border-right: 1px solid #bbb; height: 100%;
}

#sidebar li { color: #666; text-shadow: #fff 0 1px 0; padding: 0; border-bottom: 1px solid #ddd; margin-bottom: 1px;display: block;
 background: none no-repeat left center;
}

#sidebar li.last { border-bottom: 1px none #ddd;
}


#sidebar li a { color: #666; text-shadow: #fff 0 1px 0; display: block; text-indent: 0; padding-left: 15px; font: normal 1.2em/100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 12px; padding-top: 12px; background: none no-repeat left center;
}

#sidebar li a:hover{ 
			color: #222;background: #e5e5e5 none no-repeat left center;
}

#sidebar li.active a { color: #1b83c9;
}



div#contentInnen { width: 550px; float: left; padding-right: 30px; padding-top: 8px;
}
	/*
	 * Optional
	*/
	#loopedSlider,#newsSlider { margin:0 auto; width:955px; position:relative; clear:both; }
	.slides li {overflow: none;;}
	ul.pagination { list-style:none; padding:0; margin:0; }
	ul.pagination li  { float:left; }
	ul.pagination li a { padding:2px 4px; }
	ul.pagination li.active a { background:blue; color:white; }

/* @end */

/* @group Basecss mainpage */

body { background: #dedede url(../dpx_i/topgradient_grayshadow.png) repeat-x; 
}
dbody { background: #dedede url(../dpx_i/noseback.jpg) repeat; 
}

body.black { background: #000 none;
}
div#wrapper { width: 955px; margin: 0 auto; font: 76% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; opacity: 1;
}



a#mainLinkLogo { background-image: url(../dpx_i/dpx_logo.png); width: 208px; height: 57px;outline: none; font-size: 1px; text-indent: -9999px; display: inline-block; position: relative; margin-bottom: 10px;
}

#loopedSlider div.container ul.slides li.verylight { background-image: url(../dpx_i/dpx_headback_verylight955-460.png); color: #666;
}

#loopedSlider div.container ul.slides li.light { background-image: url(../dpx_i/dpx_headback_light955-460.png); color: #666; text-transform: uppercase;
}

#loopedSlider div.container ul.slides li.black { background-image: url(../dpx_i/dpx_headback_dark955-460.png); color: #fff;
}

#loopedSlider div.container ul.slides li div.slideContentFront{ 
			z-index: 100;width: 100%;position: relative;top: 0px;left: 0px;
}

#loopedSlider div.container ul.slides li h1{ margin-left: 20px; margin-top: 20px; display: block;
}

#loopedSlider div.container ul.slides li h2 { text-transform: uppercase; font: bold 0.8em/160% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; width: 35%; margin-left: 65px; margin-top: 0; margin-bottom: 1em;
}

#loopedSlider div.container ul.slides li p { width: 40%; margin-left: 65px; font: normal 0.8em/160% "Lucida Grande", Lucida, Verdana, sans-serif; text-transform: none;
}

#loopedSlider div.container ul.slides li.light a.pdfdownloadButtonBlue { position: absolute; right: 25px; top: 250px;
}

#loopedSlider div.container ul.slides li.light img.slide3img { position: absolute; right: 24px; top: 100px;
}

#loopedSlider ul.pagination { background-image: url(../dpx_i/dpx_controller_panel.png); width: 265px; height: 39px; margin: 0; display: block; position: absolute; z-index: 150; bottom: 10px; left: 300px; padding-top: 20px; padding-left: 20px;
}

#loopedSlider ul.pagination li a { font-size: 1px; text-indent: -9999px; width: 15px; height: 15px; display: block; background: url(../dpx_i/dpx_dot_buttonsprite.png) -28px; margin: 5px; padding: 0;
}

#loopedSlider ul.pagination li a:hover {  background: url(../dpx_i/dpx_dot_buttonsprite.png) -14px; 
}

#loopedSlider ul.pagination li.active a:hover {  background: url(../dpx_i/dpx_dot_buttonsprite.png) -14px; 
}

#loopedSlider ul.pagination li.active a { background: url(../dpx_i/dpx_dot_buttonsprite.png) 0 0; 
}


h1.CSSIR_h1_CorporateDesign { font-size: 1px; background-image: url(../dpx_i/heaer_white_corporateDesign.png); width: 410px; height: 157px; text-indent: -9999px;outline: none; margin-left: 0; padding-left: 0; left: 6px; position: relative;
}

h1.CSSIR_h1_MenschMaschine { font-size: 1px; background-image: url(../dpx_i/heaer_white_menschMaschine.png); width: 368px; height: 154px; text-indent: -9999px;outline: none;
}

h1.CCSIR_h1_EditorialDesign { 
		font-size: 1px; background-image: url(../dpx_i/heaer_white_editorialDesign.png); width: 355px; height: 155px; text-indent: -9999px;outline: none;	
}

h1.CCSIR_h1_InfoDesign { 
		font-size: 1px; background-image: url(../dpx_i/heaer_white_infoDesign.png); width: 355px; height: 155px; text-indent: -9999px;outline: none;	
}

h1.CCSIR_h1_WebDesign { 
		font-size: 1px; width: 293px; height: 153px; text-indent: -9999px;outline: none; background: url(../dpx_i/dpx_header_web.png) no-repeat;
}

h1.CCSIR_h1_Fotografie { 
		font-size: 1px; width: 433px; height: 81px; text-indent: -9999px;outline: none; background: url(../dpx_i/dpx_h1_fotografie.png) no-repeat;
}

h1.CSSIR_h1_LeistungenHeadline { background-image: url(../dpx_i/h1_leistungen.png); width: 190px; height: 45px; font-size: 1px; text-indent: -9999px;outline:none; position: relative; top: 10px; left: 12px; z-index: 150; margin-bottom: 16px;
}

h1.CSSIR_h1_content_CorporateDesign { width: 693px; height: 50px; background-image: url(../dpx_i/dpx_cicd_headline.png); font-size: 1px; text-indent: -9999px;outline: none;
}

h1.CSSIR_h1_content_MartinAdelstein { width: 386px; height: 156px; background-image: url(../dpx_i/DPX_MartinAdelsteinHeader.png); font-size: 1px; text-indent: -9999px;outline: none;
	position: relative;
	left: -40px;
}

h1.CCSIR_h1_PackagingDesign { width: 334px; height: 150px; font-size: 1px; text-indent: -9999px;outline:none; position: relative; top: 10px; left: 12px; z-index: 150; margin-bottom: 16px; background: url(../dpx_i/header_gray_packagingdesign.png) no-repeat;
}
/* @end */
a { text-decoration: none;
}

#content li.tl-tag a { color: #fff; font-weight: bold; text-shadow: #999 0 1px 0; font-size: 0.8em;
}

#content li.tl-tag a:hover{ 
	color: #333; text-shadow: #fff 0 1px 0;
}
			
			
a.buttonblue{ 
			display: inline-block; background-color: #1b83c9; color: #fff; padding: 6px 10px; font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
}
a.buttonblue:hover{ background-color: #929292; color: #444;
}

#loopedSlider div.container ul.slides a.buttonblue{ margin-left: 65px;
}

/* @group MENUE */

ul#mainmenu { list-style-type: none; display: inline-block; position: absolute; top: 36px; right: 0;
}

#mainmenu li { display: block; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; font-weight: bold; color: #666; margin-right: 18px; float: left; padding-bottom: 6px;
}

#mainmenu li a{ color: #666; text-decoration: none; text-align: right;
}

#mainmenu li a:hover{ color: #1b83c9; 
}

#mainmenu li.active a { color: #1b83c9 !important; 			
}

ul#fmenu { list-style-type: none; position: absolute; top: 0; right: 0;
}

#fmenu li { display: block; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; font-weight: bold; color: #666; margin-right: 15px; float: left;
}

#fmenu li a{ color: #444; text-decoration: none; text-align: right; font-size: 0.7em;
}

/* @end */

/* @group SUB FEATURES */

div#subFeatures { margin-top: 20px; clear: both;
}

div#subFeatures h2 { color: #333; font: 2em/100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-top: 0.5em; margin-bottom: 0.5px; padding-right: 20px; padding-left: 20px;
}

div#subFeatures h3 { color: #1b83c9; padding-right: 20px; padding-left: 20px; margin-top: 0.5px; margin-bottom: 0.5px; font: 1.3em/160% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#subFeatures img { margin-top: 9px;
}

div#subFeatures p { margin-top: 1em; color: #666; font: 0.8em/160% "Lucida Grande", Lucida, Verdana, sans-serif; padding-left: 20px; padding-right: 20px;
}

div#subFeatures a.buttonblue{ margin-left: 20px;
}

div#subFeatures div { width: 300px; float: left; margin-left: 8px; margin-right: 8px;; margin-top: 0; padding-top: 8px;
}

/* @end */

/* @group LEISTUNGEN */

div#leistungenPanel { background-image: url(../dpx_i/dpx_openPanel.jpg); width: 954px; height: 203px; position: relative; top: 0px; padding-right: 0;
}

#leistungenPanel ul { list-style-image: none; list-style-type: none; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; text-shadow: #000000 0 1px 1px; position: absolute; top: 32px; left: 24px; width: 955px; padding-top: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-left: 0; margin-bottom: 0;
}

a#leistungenButton { position: absolute; right: 12px; bottom: 0; height: 32px; display: block; color: #fff; line-height: 33px; background: url(../dpx_i/dpx_bigbuttons.png) right top; padding-right: 10px; top: 10px; z-index: 150;
}

a#leistungenButton:hover { background: url(../dpx_i/dpx_bigbuttons.png) right 34px; 
}

a#leistungenButton span{  height: 32px; display: block; color: #fff; line-height: 33px; background: url(../dpx_i/dpx_bigbuttons.png) left top;padding-right: 0; padding-left: 10px; position: relative; left: -8px;
	font-weight: bold;
	text-shadow: black 0 1px 1px;
}

a#leistungenButton:hover span{line-height: 33px; background: url(../dpx_i/dpx_bigbuttons.png) left 34px; }

div#LeistungenContent { position: relative; top: 0; left: 0; border-top: 1px solid #ccc;
}



a.leistungenButtonInnen { width: 15%;height: 32px; display: inline-block; float:left;color: #fff; line-height: 33px; background: url(../dpx_i/dpx_bigbuttons.png) right top; padding-right: 10px;margin-right: 5%;margin-bottom: 20px;margin-top: 0;
}

a.leistungenButtonInnen:hover { background: url(../dpx_i/dpx_bigbuttons.png) right 34px; 
}

a.leistungenButtonInnen span{  height: 32px; display: block; color: #fff; line-height: 33px; background: url(../dpx_i/dpx_bigbuttons.png) left top;padding-right: 0; padding-left: 10px; position: relative; left: -8px;
 }

a.leistungenButtonInnen:hover span{line-height: 33px; background: url(../dpx_i/dpx_bigbuttons.png) left 34px; }

a.leistungenButtonInnen.active {  background: url(../dpx_i/dpx_bigbuttons.png) right 72px; text-shadow: #333 0 1px 1px;
}

a.leistungenButtonInnen.active span{   background: url(../dpx_i/dpx_bigbuttons.png) left 72px; }

#leistungenInnerContent h2 { color: #1b83c9; font: normal normal 1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0 0 0 16px; text-transform: uppercase;
}

#leistungenInnerContent p { margin-left: 16px; width: 70%; color: #666; font: 0.95em/160% "Lucida Grande", Lucida, Verdana, sans-serif;
}

div.col1 { font-size: 95%; float: left; display: block; width: 40%;
}

#leistungenInnerContent div.col1 p { width: 80%; line-height: 180%;
}

/* @end */

#content div.post.projectliste { background-color: #eee; width: 273px; float: left; height: 310px; margin-top: 15px; margin-right: 15px; padding: 15px;-webkit-border-radius:1px;-moz-border-radius:1px;-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

#content div.post.projectliste:hover { background-color: #e9e9e9; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
}

#content div.post.projectliste h2.title a { line-height: 150%; font-size: 1.4em;
}

#content div.post.projectliste p.post-info { margin-top: 0;
}

#content div.post.projectliste h2.title { margin-bottom: 0; text-transform: uppercase; font: normal normal 0.8em/144% Nobile, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

li.tl-tag { list-style-type: none; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #fff; display: inline-block; background-color: #b5b5b5; padding: 1px 10px;-webkit-border-radius:11px;-moz-border-radius:11px;
-webkit-box-shadow:inset #999 0px 1px; line-height: 150%;
}


#content div.post.projectliste p.post-info span.tags { color: #666; font-weight: bold; text-shadow: #fff 0 1px 1px;
}

#content div.projecttagging a.alltags { 
			list-style-type: none; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #fff; display: inline-block; background-color: #b5b5b5; padding: 1px 10px;-webkit-border-radius:11px;-moz-border-radius:11px;
-webkit-box-shadow:inset #999 0px 1px; line-height: 150%;
}

#content div.projecttagging h1 { color: #1b83c9; font: 1.4em/144% Nobile, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase;
}

#content div.projecttagging { border-bottom: 1px solid #bbb; margin-bottom: 0; background-color: #d0d0d0; padding: 5px 0 10px 10px; width: 930px; margin: 0;-webkit-border-radius:4px;-moz-border-radius:4px; border-top: 1px solid #eee;
}

div#content.blog-list { width: 955px; background-image: none; background-color: transparent;-webkit-box-shadow:none;border: none;}

#content div.post.projectliste p.post-info span.tags a.tl-tag { color: #333; font: italic bold 0.8em Georgia, "Times New Roman", Times, serif; text-shadow: #fff 0 1px 0;
}

#content div.post.projectliste p.post-info span.tags a:hover.tl-tag { color: #1b83c9; 
}

div#footer { color: #666666; font-size: xx-small; text-shadow: #fff 0 1px 0; padding-left: 35px; padding-right: 35px;
}


#content div.post.projectliste div.thumbProject { background-image: url(../dpx_i/dpx_projectlist_back.png); width: 247px; height: 167px; position: relative; top: 0; left: 0;
}

#content div.post.projectliste div.thumbProject img { display: block; margin-right: auto; margin-left: auto; margin-bottom: auto; top: 0; position: absolute; left: 0;
}

#content div.post.projectliste div.thumbProject a img { border-style: none;
}

#content div.leistungenProjekte a.gallery img { border: 4px solid #fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.3);
}
#content div.leistungenProjekte a.gallery:hover img { border: 4px solid #ddd;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0px 1px 0px #fff;-moz-box-shadow:0 1px 0px #fff;

			
}
#contentInnen p img { border: 4px solid #fff;-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.8);

}

#contentInnen p img.noborder { border-style: none;-webkit-box-shadow:none;-moz-box-shadow:none;
}

#content div.post.projectliste p.postmeta span.links a.readmore { background-image: url(../dpx_i/dpx_WeiterbuttonBlue.png); width: 107px; height: 33px; color: #fff; display: block; font: bold 0.8em/300% "Lucida Grande", Lucida, Verdana, sans-serif; text-indent: 15px; text-shadow: #000 0 1px 1px;
}

#content div.post.projectliste p.postmeta span.links a:hover.readmore { background-image: url(../dpx_i/dpx_WeiterButtonGrau.png);
}

div#personaID {
	width: 400px;
	float: left;
}

div#colContentPersona {
	float: left;
	width: 400px;
	position: relative;
	top: 15px;
	left: 0;
}

div#colContentPersona p {
	width: 350px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	color: #ccc; font-family: Nobile;
}

#colContentPersona p.marginalie {
	position: absolute;
	width: 150px;
	left: 380px;
	display: block;
	border-left-style: solid;
	border-left-width: 1px;
	padding-left: 15px;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #999;
}

#personaID h2 {
	color: white;
	padding-left: 0;
	margin-left: 0;
	width: 90%;
	font: 2em/140% Nobile, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: capitalize;
}

#LeistungenContent img.personaimage {
	position:absolute;left:-500px;z-index:-10;
}

#personaID h3 {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	width: 70%;
}

#personaID h3 a {
	color: #fff;
	font: bold 0.7em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#personaID h3 a:hover{
	color: #1b83c9;
}

#contentInnen h1 { 	color: #1b83c9;
	margin-left: 0;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 0; font: normal normal 2em/160% Nobile;
			
}
#content div.post.projectsLeistungen h2.title a { 
			color: #1b83c9;
	margin-left: 0;
	width: 80%;
	margin-bottom: 0;
	margin-top: 0; font: normal bold 1em/100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;text-shadow: #fff 0 1px 1px; padding: 0;
}

#content div.leistungenProjekte div.post.projectsLeistungen p.postmeta span.links { margin: 0; display: block;
}

#content div.leistungenProjekte div.post.projectsLeistungen p.postmeta { margin-top: 0; padding: 0; margin: 0; display: block; float: none;
}


#content div.post.projectsLeistungen p.post-info span.tags { color: #666; font-weight: bold; text-shadow: #fff 0 1px 1px;
}

#content div.post.projectsLeistungen p.post-info span.tags a.tl-tag { color: #666; font: italic bold 0.8em Georgia, "Times New Roman", Times, serif;
}

#content div.post.projectsLeistungen p.post-info span.tags a:hover.tl-tag { color: #333; 
}


#content div.post.projectsLeistungen div.thumbProject { background-image: url(../dpx_i/dpx_projectlist_back.png); width: 247px; height: 167px; position: relative; top: 0; left: 0;
}

#content div.post.projectsLeistungen div.thumbProject img { display: block; margin-right: auto; margin-left: auto; margin-bottom: auto; top: 30%; position: absolute; left: 11%;
}



#content div.post.projectsLeistungen p.postmeta span.links a.readmore{ color: #fff; font-weight: bold; text-shadow: #999 0 1px 0; font-size: 0.8em;list-style-type: none; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #fff; display: inline-block; background-color: #b5b5b5; padding: 1px 10px;-webkit-border-radius:11px;-moz-border-radius:11px;
-webkit-box-shadow:inset #999 0px 1px; line-height: 150%;
}

#content div.post.projectsLeistungen p.postmeta span.links a:hover.readmore { 
	color: #fff;  background-color: #999; text-shadow: #111 0 0 0;
}

#content div.leistungenProjekte div.post.projectsLeistungen h2.title { display: block; margin: 0;
}


#content div.post.projectsLeistungen {  margin-bottom: 5px; padding: 5px; }

div#content { border-top: 1px solid #fff;-webkit-border-radius:8px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3); margin-bottom: 11px; padding-top: 10px; background-color: #eee; border-bottom: 1px solid #777;
}


#content div.leistungenProjekte h2 { color: #555; font: 1.2em/120% Nobile, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0 0 3px -12px; padding-left: 18px; padding-top: 12px; padding-bottom: 12px; border-bottom-color: #cacaca; border-bottom-width: 1px;
}

#content div.leistungenProjekte { float: left; width: 181px; padding-left: 12px; margin-left: 12px; border-left: 1px solid #bbb;
}


#contentInnen h2 { 
			color: #444;
	margin-left: 0;
	width: 80%;
	margin-bottom: 12px;
	margin-top: 0; font: 1.2em/160% Nobile; letter-spacing: 0;
}

#contentInnen h3 { 
			color: #1b83c9;
	margin-left: 0;
	width: 80%;
	margin-bottom: 4px;
	margin-top: 0; font: bold 1.0em/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; letter-spacing: 1px;
}

#contentInnen p { color: #666; font: 1em/160% "Lucida Grande", Lucida, Verdana, sans-serif; width: 80%; letter-spacing: 0;
}

#colContentPersona h3 {
	color: #1b83c9;
	margin-left: 15px;
	width: 80%;
	margin-bottom: 16px;
	margin-top: 0; font: normal normal 2em/30px Nobile;
}

#content h2.title a { 
	color: #1b83c9;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	margin-left: 0;
	line-height: 30px;
	width: 80%;
	margin-bottom: 16px;
	margin-top: 0;
}