/*



Theme Name: CP Digital Media



Description: Custom CP Digital Media's wordpress theme



Author: Mahtab Ali







*/















body {



	font-family:Arial, Helvetica, sans-serif, Verdana;



	font-size:12px;



	padding:0;



	margin:0;



	background:#fff url(images/page_bg.jpg) repeat-x bottom;



}







.clear {



	clear:both;



	}







#wrapper {



	margin:0 auto;



	width:830px;



	}



	



#outer{



background: url(images/headerbg2.png) repeat-x;



padding-top:30px;



}



	



#header {







	}



	



#logo {



	float:left;



	}



	



a, a:visited{



	color:#e42d28;



	text-decoration:none;



}



	



#tweeter {



	float:right;



	background:url(images/twitter.png) no-repeat;



	width:400px;



	height:110px;



	margin-right:-20px;



	margin-bottom:-45px;

	margin-top:-4px;



	position:relative;



	}



	



#tweeter ul {



	list-style:none;



	padding:5px;



	margin:10px;

	height:62px;



	width:270px;



	float:left;



}







#tweeter ul li {



padding:0px;



margin:0px;



}











.tweetlink {



display:block;



height:55px;



width:72px;



float:left;



margin-left:25px;



margin-top:50px;



cursor: pointer;



}



	



.sidebar {



	width:230px;



	margin-top:65px;



	background:url(images/leftbar_bg.png) repeat-y top;



	float:left;



	}



	



.sidebar_top {



	background:url(images/leftbar_top.jpg) no-repeat top;



	}



	



.sidebar_bottom {



	background:url(images/leftbar_bottom.jpg) no-repeat bottom;



	min-height:450px;



	height:expression(this.scrollHeight > 450 ? "auto":"450px");



	padding:15px 0px;



	}



	



.sb_box {



	background:url(images/sb_box_bg.jpg) repeat-y;



	padding:0px;



	width:203px;



	margin:0px auto;



	}



	



.sb_box_top {



	background:url(images/sb_box_top.jpg) no-repeat top;



	}



	



.sb_box_bottom {



	background:url(images/sb_box_bottom.jpg) no-repeat bottom ;



	padding:15px 0px;



	display:block;



	}

	

	





	



.sb_box ul {



	padding:0;



	margin:0;



	list-style:none;



	}



	



.sb_box ul li {



	list-style:none;



	color:#000;



	display:block;



	margin-bottom:-7px;



	margin-top:-1px;



	}



	



.sb_box ul li a{



	padding:13px 20px 17px 20px;



	display:block;



	margin:0px;



	color:#000;



	}



	



.sb_box ul li a:hover, .sb_box ul li.current_page_item a {



	background:url(images/sb_hover.png) no-repeat top ;



	color:#FFF;



	}



		



.content_wrapper {



	float:right;



	width:590px;	



	margin-top:10px;



	}



	



#nav {



list-style:none;



	}



	



#nav ul {



	background: url(images/navbg.png) repeat-x left 1px;



	height:70px;



	margin:0px 2px 0px 1px;



	padding:0px;



	}







#nav ul li {



	float:left;



	display:block;



	list-style:none;



	}







#nav ul li a {



	text-decoration:none;



	font-size:17px;



	font-weight:bold;



	color:#FFFFFF;



	display:block;



	padding:0 10px;



	height:70px;



	line-height:60px;



	text-align:center;



	}



	



#nav ul li.menuitem1 a {



background:url(images/menuitem1.jpg) left no-repeat;



width:72px;



	}



	



#nav ul li.menuitem2 a {



width:110px;



	}



	



#nav ul li.menuitem3 a {



width:84px;



	}



	



#nav ul li.menuitem4 a {



width:129px;



	}



	



#nav ul li.menuitem5 a {



background:url(images/menuitem5.jpg) right no-repeat;



width:84px;



float:none;



	}



	



#nav ul li.clear {



clear:both;



padding:0px;



	}



	



#nav UL LI.menuitem5 a:hover, #nav ul li#last a{



	background:url(images/menuitem5_current_right.jpg) no-repeat right 2px;



	display:block;



}







#nav UL LI a:hover, #nav ul li.current a{



	background:url(images/nav_current_right.jpg) right no-repeat;



	display:block;



}







#nav UL LI:hover, #nav LI.hover, #nav LI.current{



	background:url(images/nav_current_left.jpg) left no-repeat;



	display:block;



}







#nav UL LI.menuitem1:hover, #nav LI.menuitem1.hover, #nav LI#first{



	background:url(images/menuitem1_current_left.jpg) left 2px no-repeat;



	display:block;



}



#nav UL LI:hover span, #nav LI.hover span, #nav LI.current span{



	background:url(images/nav_current_mid.jpg) repeat-x 0px 2px;



	padding-bottom:10px;



	display:block;



}



	



#nav UL LI.sap {



	background:url(images/nav_sap.jpg) no-repeat 0px 4px;



	width:2px; 



	height:70px;



	padding:0px



	}







	



.content_outer {



	background:url(images/content_bg.png) repeat-y top;



	margin:0px;



	}



	



.content_inner {



	background:url(images/content_bottom2.png) no-repeat bottom;



	padding:52px 14px 15px 15px;

	

	*padding:58px 14px 15px 15px;



	min-height:600px;



	height:expression(this.scrollHeight > 600 ? "auto":"600px");



	color:#333333;



	margin:0px;



	line-height:20px;



	}



	



/*.content_inner h1 {



	margin:0px;



	padding:10px 0px;



	font-size:22px;



	line-height:normala



	}*/



	



.content_inner h1 {



	font-size:17px;



	color:#e42d28;



	font-weight: bold;



	margin:0px;



	padding:10px 0px 5px 0px;



	top:210px;



	position:absolute;



	width:550px;



	}



	







.home .content_inner {



	padding:10px 14px 15px 15px;



	}







.home .content_inner h1 {



	margin:0px;



	padding:10px 0px;



	font-size:22px;



	font-weight: normal;



	line-height:normal;



	color:#333333;



	position: relative;



	top: auto;



	}



	



.home .content_inner h1 span {



font-weight: normal;



display:block; margin-left:118px;



white-space:nowrap;}



	



.home .content_inner h3 {



	font-size:17px;



	color:#e42d28;



	font-weight: bold;



	margin:0px;



	padding:10px 0px 5px 0px;



	}



	

.content_inner h2 {



	font-size:14px;



	}

	

	

.content_inner h3 {



	font-size:14px;

	font-weight: bold;

	}

	



#col1 {



	width:341px;



	float:left;



	margin-right:5px;



	}



	



#col2 {



	width:223px;



	float:left;



	}

	

	

#col3 {



	background:url(images/col3_box_bg.jpg) repeat-y;



	padding:0px;



	width:230px;



	margin:0px auto;

	

	margin-left:10px;

	

	float:right;



	}



	



.col3_box_top {



	background:url(images/col3_box_top.jpg) no-repeat top;



	}



	



.col3_box_bottom {



	background:url(images/col3_box_bottom.jpg) no-repeat bottom ;



	padding:10px;

	margin:0px;

	display:block;



	}

	

.col3_box_bottom p {

margin:7px 0px; 



	}



.content_inner ul {



	padding:5px;



	padding-left:20px;

	

	margin:0px;



	}	



.form {



	font-size:12px;



	color:#313030;



	}



	



.txtfield {



	background:url(images/txtbox.jpg) no-repeat top;



	height:27px;



	width:407px;



	border:none;



	padding-top:5px;



	padding-left:5px;



	}



	



.txtarea {



	background:url(images/txtarea.jpg) no-repeat top;



	width:407px;



	height:155px;



	border:none;



	padding-top:5px;



	padding-left:5px;



	}



	



a.submit {



	font-size:16px;



	color:#000;



	}



	



#footer {



	height:350px;



	color:#FFF;



	font-size:12px;



	}



	



.copyright {



clear:both;



white-space:nowrap;



padding-top:40px;



margin-left:253px;}



	



.footerlinks {



	float:left;



	width:580px;



	font-size:11px;



	margin-left:250px;



	}



	



.footerlinks ul {



	width:162px;



	margin:5px;



	float:left;



	display:block;



	list-style:none;



	padding:0px;



}







.footerlinks ul.last {



	width:45px;



	margin:5px;



	float:left;



	display:block;



	list-style:none;



	padding:0px;



}











.footerlinks li {



	font-size:11px;



	color:#FFFFFF;



	font-weight:normal;



	line-height:20px;



}







.footerlinks li.page-item-7, .footerlinks li.page-item-32, .footerlinks li.page-item-35, .footerlinks li.page-item-52  {



	font-size:12px;



	color:#FFFFFF;



	font-weight: bold;



	margin-bottom:8px;



	margin-top:15px;



}







.footerlinks li a {



text-decoration: none;



color:#FFFFFF



}



	







	



/* Begin Various Tags & Classes */



acronym, abbr, span.caps {



	cursor: help;



	}







acronym, abbr {



	border-bottom: 1px dashed #999;



	}







blockquote {



	margin: 15px 30px 0 10px;



	padding-left: 20px;



	border-left: 5px solid #ddd;



	}







blockquote cite {



	margin: 5px 0 0;



	display: block;



	}







.center {



	text-align: center;



	}







.hidden {



	display: none;



	}



	



.screen-reader-text {



     position: absolute;



     left: -1000em;



}







hr {



	display: none;



	}







a img {



	border: none;



	}







.navigation {



	display: block;



	text-align: center;



	margin-top: 10px;



	margin-bottom: 60px;



	}



/* End Various Tags & Classes*/















/* Captions */



.aligncenter,



div.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







.wp-caption {



	border: 1px solid #ddd;



	text-align: center;



	background-color: #f3f3f3;



	padding-top: 4px;



	margin: 10px;



	-moz-border-radius: 3px;



	-khtml-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;



}







.wp-caption img {



	margin: 0;



	padding: 0;



	border: 0 none;



}







.wp-caption p.wp-caption-text {



	font-size: 11px;



	line-height: 17px;



	padding: 0 4px 5px;



	margin: 0;



}



/* End captions */







/*	Begin Headers */







h2 {



	margin: 10px 0px;



	}







h2.pagetitle {



	margin-top: 30px;



	text-align: center;



}







#sidebar h2 {



	margin: 5px 0 0;



	padding: 0;



	}







h3 {



	padding: 0;



	margin: 10px 0px 5px 0px;



	}







h3.comments {



	padding: 0;



	margin: 40px auto 20px ;



	}



/* End Headers */















/* Begin Images */



p img {



	padding: 0;



	max-width: 100%;



	}







/*	Using 'class="alignright"' on an image will (who would've



	thought?!) align the image to the right. And using 'class="centered',



	will of course center the image. This is much better than using



	align="center", being much more futureproof (and valid) */







img.centered {



	display: block;



	margin-left: auto;



	margin-right: auto;



	}







img.alignright {



	padding: 4px;



	margin: 0 0 2px 7px;



	display: inline;



	}







img.alignleft {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



	}







.alignright {



	float: right;



	}







.alignleft {



	float: left;



	}



	



#newsblock {



padding: 0px 12px;



}







#newsblock h2 {



color:#e42d28;



font-size:17px;



margin-top:10px;



}







#newsblock .shownews {



padding:8px 0px;



}







#newsblock .date {



color:#e42d28;



font-size:12px;



font-weight:bold;



}







#newsblock p {



margin:5px 0px;



}







#newsblock .readmore {



font-size:11px;



color:#555555;



text-decoration: underline;



}







small {



color:#a4a4a4;



font-size:11px;



}







.postmetadata{



	color:#a4a4a4;



	margin:15px 0px;	



}







.postmetadata a{



	color:#a4a4a4;



	text-decoration: underline;	



}


span.stboxh3 {
	font-size:17px;
	font-weight: normal;	
	color:#e42d28;
	display:block;
	padding-left:3px;
	margin-bottom:-15px;
	margin-top:5px;
}

.reichweite a, .technologie a, .services a {
color:#333333;
text-decoration: underline;
margin-left:4px;
}