html {
    height: 100%;
}

body {
	background: #8B8F8F url(../images/bg_body.gif) repeat-x 0 0;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #585858;
}

#site {
    margin: 0px auto;
	width: 988px;
	background: transparent url(../images/bg_site_home.jpg) no-repeat 0 0;
	padding-bottom: 24px;
}

#header_navi {
    width: 967px;
	height: 94px;
	background: transparent url(../images/bg_navi_header.png) no-repeat 0 0;
	padding: 9px 0px 0px 2px;
	margin: 0px 0px 0px 17px;
}

#header_navi a:link, #header_navi  a:visited, #header_navi  a:hover, #header_navi  a:active, 
#header_navi  a.active:link, #header_navi  a.active:visited, #header_navi  a.active:hover, #header_navi  a.active:active {
    display: block;
	height: 26px;
	padding: 50px 12px 0px 12px;
	background-color: transparent;
	float: left;
	text-decoration: none;
	color: #595a5a;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
}

#header_navi  a:hover, #header_navi  a:active,
#header_navi  a.active:link, #header_navi  a.active:visited, #header_navi  a.active:hover, #header_navi  a.active:active {
	color: #fff;
	background: #000 url(../images/bg_navi_item_active.png) no-repeat center 32px;
}

#header_img {
    background: transparent url(../images/hr_diagonal.png) no-repeat 17px bottom;
	padding: 0px 0px 10px 0px;
}

/*
.tpl_content_work_contact #header_img {
    padding: 0px 0px 10px 7px;
}
*/



#header_txt {
    padding: 0px 29px 3px 36px;
	font-size: 12px;
	font-weight: bold;
	color: #585858;
}

.tpl_home #header_txt {
    text-transform: uppercase;
}


#current-work {
    padding: 18px 0px 11px 31px;
}

#our-work {
    padding: 9px 0px 10px 31px;
}

.tpl_home #our-work {
    padding: 11px 0px 10px 31px;
}

.hr-diagonal {
    background: transparent url(../images/hr_diagonal.png) no-repeat 17px bottom;
	padding: 2px 0 0 0;
	height: 9px;
}

#content {
    margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

.tpl_home #content {
    text-align: center;
	background: url(../images/bg_home_flash.png) no-repeat 0 0;
	padding: 11px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	height: 313px;
} 

.tpl_content_work_contact #content {
    text-align: center;
} 

#content_left, #content_right, #content-right-img, #content-left-detail {
    width: 461px;
	float: left;
	margin-left: 14px;
}

#content_left {
    margin-right: 17px;
}


.tpl_content_contact #content_left {
    margin-left: 31px;
	width: 444px;
}


.tpl_customers #content_left {
    width: 460px;
	margin-top: 20px;
	margin-left: 27px;
}

.tpl_customers #content_right {
    width: 460px;
	margin-top: 20px;
}

.tpl_customers #content_right h1,
.tpl_customers #content_left h1 {
    font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: url(../images/hr_customers.png) no-repeat 0 bottom;
	padding: 0 0 11px 16px;
	margin: 25px 0 0 0;
	width: 180px;
}

.tpl_customers #content_right p,
.tpl_customers #content_left p {
    font-size: 12px;
	font-weight: normal;
	color: #fff;
	padding: 0 0 10px 16px;
}

/*
.tpl_customers #content_left p {
    font-size: 12px;
	font-weight: bold;
	color: #585858;
	text-transform: uppercase;
}
*/

.tpl_customers #content_right  a.external-link-new-window:link, 
.tpl_customers #content_right  a.external-link-new-window:visited, 
.tpl_customers  #content_right a.external-link-new-window:hover, 
.tpl_customers #content_right  a.external-link-new-window:active,

.tpl_customers #content_left  a.external-link-new-window:link, 
.tpl_customers #content_left  a.external-link-new-window:visited, 
.tpl_customers  #content_left a.external-link-new-window:hover, 
.tpl_customers #content_left  a.external-link-new-window:active {
    color: #3a3a3a;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial;
	text-decoration: none;
	background: transparent url(../images/bg_open_text.png) no-repeat scroll 0 bottom;
	padding: 0 0 10px 14px;
	display: block;
	margin-left: -14px;
}

h2.work-detail-head {
    font-size: 21px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: url(../images/hr_customers.png) no-repeat 0 bottom;
	padding: 0 0 8px 18px;
	margin: 8px 0 13px 0;
	width: 327px;
}











.tpl_content_work_contact #content_left,
.tpl_content_work_contact #content_right {
    padding-top: 12px;
}


.tpl_content_work_contact #content_left {
    margin-left: 31px;
	width: 447px;
}


.tpl_content_work_contact #content_left .imgtext-table,
.tpl_content_work_contact #content_right .imgtext-table {
    margin-bottom: 10px;
}





.clear_both {
    clear: both;
}

#column_1, #column_2, #column_3, #column_4 {
	float: left;
	margin-left: 14px;
	width: 210px;
	padding-bottom: 15px;
} 

.tpl_content_work_contact #column_1, 
.tpl_content_work_contact #column_2, 
.tpl_content_work_contact #column_3, 
.tpl_content_work_contact #column_4,
.tpl_home #column_1, 
.tpl_home #column_2, 
.tpl_home #column_3, 
.tpl_home #column_4,
.tpl_customers #column_1, 
.tpl_customers #column_2, 
.tpl_customers #column_3, 
.tpl_customers #column_4 {
	/* -moz-opacity: 0.50; */
	opacity: 0.50;
}







.tpl_content_work_contact #content-right-img img {
    border: 4px solid #fff;
}

#content-right-img {
    position: relative;
    width: 572px;
	padding: 0 0 30px 0;
	margin-bottom: 40px;
}

.tpl_content_work_contact #content-right-img {
    width: 570px;
	margin-top: 20px;
}

.tpl_content_work_contact #content-left-detail {
	margin-top: 15px;
	margin-left: 17px;
	width: 345px;
	margin-right: 42px;
}

.tpl_content_work_contact #content-left-detail ul {
   background: transparent url(../images/hr_skills_ul.png) no-repeat 0 bottom;
   margin-left: 4px;
   padding-bottom: 9px;
}

.tpl_content_work_contact #content-left-detail p {
   margin-left: 19px;
   color: #3a3a3a;
}

.tpl_content_work_contact #content-left-detail h5 {
   background: transparent url(../images/hr_skills_ul.png) no-repeat 0 top;
   padding-top: 15px;
   padding-left: 19px;
   font-weight: bold;
   color: #d5dedf;
   text-transform: uppercase;
}

.tpl_content_work_contact #content-left-detail a:hover, 
.tpl_content_work_contact #content-left-detail a:active {
    color: #46C0FF;
}









#content-right-loupe {
    width: 81px;
	height: 61px;
    position: absolute;
	z-index: 10;
	bottom: 0;
	background: transparent url(../images/ico_lupe.png) no-repeat 0 0;
}

#content-left-detail {
    width: 360px;
}

#content-right-middle {
    width: 565px;
	padding: 0 0 0 7px;
	background: transparent url(../images/bg_work_detail_img_middle.png) repeat-y 0 0;
}

#content-right-top, #content-right-bottom {
    height: 7px;
	width: 572px;
	padding: 0;
	margin: 0;
	background: transparent url(../images/bg_work_detail_img_top.png) no-repeat 0 0;
}

#content-right-bottom {
	background: transparent url(../images/bg_work_detail_img_bottom.png) no-repeat 0 0;
}


div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image  {
    margin: 0;
}


hr {
    height: 4px;
	background-color: #87898a;
	border: 0px;
	margin: 0px 0px 0px 15px;
}

hr.thin {
    height: 1px;
	background-color: #b4b9b9;
	border: 0px;
	margin: 15px 0px 0px 15px;
}




div.hr-thin {
    background: transparent url(../images/hr_diagonal_thin.png) no-repeat 0 0;
	width: 967px;
	height: 3px;
}

div.hr {
    background: transparent url(../images/bg_hr.png) no-repeat 17px 0;
	width: 984px;
	height: 4px;
}

.tpl_content_work_contact div.hr-thin {
    margin-left: 17px;
	
}

.tpl_content_work_contact hr.thin {
    margin-right: 5px;
	margin-top: 10px;
}


fieldset.csc-mailform {
    margin: 0;
	padding: 0;
	border: none;
}

.contact {
    float: left;
	background: url(../images/bg_contact.png) no-repeat 0 bottom;
	margin: 6px 0px 6px 17px;
	width: 967px;
	height: 294px;
	position: relative;
}

.contact h1 {
    color: #4d4e4e;
	font-size: 32px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	position: relative;
	top: 0px;
}

.contact_form, .contact_txt {
    width: 287px;
	float: left;
	padding: 0px 24px 6px 24px;
	margin-left: 412px;
	margin-top: 27px;
}

.contact_txt {
    width: 168px;
	margin: 0px;
	border: none;
	padding-top: 55px;
}

.contact-form-head {
	background: url(../images/contact.png) no-repeat 0 bottom;
	margin: 0px 0px 15px 0px;
	width: 144px;
	height: 24px;
}

.btn-absenden {
    background: url(../images/btn-absenden.png) no-repeat 0 bottom;
	margin: 0px 0px 0px 180px;
	width: 105px;
	height: 29px;
	border: none;
	cursor: pointer;
}





label {
    color: #d5dedf;
	text-transform: uppercase;
	display: block;
	font-weight: bold;
	margin: 5px 0px 7px 0px;
	padding: 0;
}

input.formular, textarea.formular {
    background-color: #46c0ff;
	border: none;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial;
	width: 271px;
	padding: 3px 7px;
	margin: 0;
	height: 16px
}

textarea.formular {
    height: 49px;
}

input.csc-mailform-submit {
    float: right;
}

.contact_txt p,
.contact_txt  a:link, 
.contact_txt  a:visited, 
.contact_txt  a:hover, 
.contact_txt  a:active,
.contact_txt  a.external-link-new-window:link, 
.contact_txt  a.external-link-new-window:visited, 
.contact_txt  a.external-link-new-window:hover, 
.contact_txt  a.external-link-new-window:active {
    color: #d5dedf;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial;
	text-decoration: none;
}

.contact_txt  a.external-link-new-window:hover, 
.contact_txt  a.external-link-new-window:active,
.contact_txt  a:hover, 
.contact_txt  a:active {
    color: #46C0FF;
}




#work {
	padding: 15px 0px 0px 20px;
}

#references {
    color: #d5dedf;
	margin: 15px 0px 10px 21px;
	padding: 0px 4px 5px 10px;
	background: transparent url(../images/bg_open_text.png) no-repeat scroll 0 bottom;
}

	




#references  a:link, #references  a:visited, #references  a:hover, #references  a:active {
    text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	color: #d5dedf;
	text-transform: uppercase;
} 

#references  a:hover, #references  a:active {
    color: #46C0FF;
}

#header_txt a:link, #header_txt a:visited, #header_txt a:hover, #header_txt a:active {
    text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	color: #d5dedf;
	text-transform: uppercase;
} 

#header_txt a:hover, #header_txt a:active {
    color: #46C0FF;
}







#footer {
    background: transparent url(../images/bg_hr.png) no-repeat 17px 0;
    color: #939494;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 15px;
	height: 20px;
}

#footer  a:link, #footer  a:visited, #footer  a:hover, #footer  a:active {
    text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	color: #141414;
} 

#footer  a:hover, #footer  a:active {
    color: #fff;
}




#footer-start {
     float: left;
	 color: #fff;
	 width: 17px;
	 margin-left: 3px;
	 padding-top: 4px;
}

#footer-links {
    float: left;
	background: transparent url(../images/footer_link_bar.png) no-repeat 0 0;
	padding-top: 6px;
	color: #939494;
	
}


h1 {
    font-size: 21px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

#work h2 {
    font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin-top: 0px;
}


ul {
    margin: 0;
	padding: 0;
}

li, #work li {
    background: transparent url(../images/li_skills.png) no-repeat 0 3px;
	padding: 0px 0px 0px 16px;
	color: #fff;
	text-transform: uppercase;
	list-style-type: none;
}

#work li {
    background: none;
	padding: 0;
	margin-bottom: 2px;
}

#work li a:link, #work li  a:visited, #work li  a:hover, #work li  a:active {
    text-decoration: none;
	color: #3a3a3a;
	font-weight: bold;
} 

#work li  a:hover, #work li  a:active {
    text-decoration: none;
	color: #46c0ff;
} 

li a:link, li  a:visited, li  a:hover, li  a:active {
    text-decoration: none;
	color: #d6dedf;
} 


.tpl_content_work_contact #content_right hr,
.tpl_content_work_contact #content_left hr {
    background: transparent url(../images/hr_skills_ul.png) no-repeat 0 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 1px;
	margin: 0;
}

.tpl_content_work_contact #content_right p,
.tpl_content_work_contact #content_left p {
    font-weight: bold;
	color: #46c0ff;
	margin-left: 18px;
}


.tpl_content_work_contact  a:link, 
.tpl_content_work_contact  a:visited,
.tpl_content_work_contact  a:hover, 
.tpl_content_work_contact  a:active {
    color: #46C0FF;
}





.tpl_content_work_contact #content_right ul li,
.tpl_content_work_contact #content_left ul li  {
    background: transparent url(../images/li_skills.png) no-repeat 0 3px;
	padding: 0px 0px 0px 16px;
	color: #3a3a3a;
	text-transform: none;
	list-style-type: none;
}

.tpl_content_work_contact #content_right ul li strong,
.tpl_content_work_contact #content_left ul li strong {
    font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

	
.tpl_content_work_contact #content_right ul,
.tpl_content_work_contact #content_left ul {
    margin-left: 4px;
}




a.flashbanner:link, a.flashbanner:visited, a.flashbanner:hover, a.flashbanner:active {
    text-decoration: none;
	color: #696969;
	padding: 4px 0px 0px 40px;
	background: transparent url(../images/ico_back_link.png) no-repeat 0 0;
	font: bold 12px Arial;
	text-transform: uppercase;
	display: block;
	height: 23px;
	margin-left: 35px;
	margin-top: 8px;
} 

.flashbanner-head  {
    color: #46c0ff;
	font: bold 21px Arial;
	text-transform: uppercase;
	margin-top: 30px;
	display: block;
}

.highlighted {
    color: #46c0ff;
}

h2.flashbanner-head, h2.references-head {
    color: #fff;
	font: bold 21px Arial;
	text-transform: uppercase;
    display: inline;    
	padding: 0 0 8px 35px;
	margin: 30px 4px 13px 0px;
	display: block;
	float: left;
}

h2.references-head {
	text-transform: uppercase;
    display: inline;    
	padding: 0 0 8px 0px;
	margin: 0px 5px 13px 0px;
	display: block;
    color: #454545;
	font: bold 12px Arial;
}



.multimedia {
    background: none no-repeat 0 0;
	padding: 11px;
	position: relative;
}


.w120h600, .w160h600, .w200h600, .w300h250, .w728h90, .w1029h90 , .w0h90 {
    margin: 35px auto;
}

.w1029h90 , .w0h90 {
    margin: 35px auto 0px auto;
}

.w200h600 {
     margin: 0;
	 margin-right: 0px;
	 margin-bottom: 35px;
	 padding-top: 0px;
}

.w120h600 {
    background-image: url(../images/bg_flash_120_600.png);
	width: 120px;
	height: 600px;
}

.w160h600 {
    background-image: url(../images/bg_flash_160_600.png);
	width: 160px;
	height: 600px;
}

.w200h600 {
    background-image: url(../images/bg_flash_200_600.png);
	background-position: 829px 4px;
	width: 200px;
	height: 600px;
	padding-left: 840px;
	position: relative;
	top: -4px;	
}

.w300h250 {
    background-image: url(../images/bg_flash_300_250.png);
	width: 300px;
	height: 250px;
}

.w728h90 {
    background-image: url(../images/bg_flash_728_90.png);
	width: 728px;
	height: 90px;
}

.w1029h90, .w0h90 {
    background-image: url(../images/bg_flash_1029_90.png);
	width: 1029px;
	height: 83px;
}

.w0h90, .w200h600 {
    margin-left: -35px;
}


.hr-thin-w0, .hr-thin-w200, .hr-thin-w120, .hr-thin-w160, .hr-thin-w300, .hr-thin-w728, .hr-thin-w1029, .hr-thin {
    background: transparent url(../images/hr_diagonal_thin.png) no-repeat 0 0;
	width: 967px;
	height: 3px;
} 

.hr-thin-w0, .hr-thin-w200 {
    background-image: none;
	height: 0px;
}








.csc-form-label-req, .csc-form-label {
    color: #d5dedf;
	font: bold 12px Arial;
	margin: 5px 0 6px 0;
	text-transform: uppercase;
}

p.kontakt-name {
    background: transparent url(../images/contact_name_underline.png) no-repeat 0 14px;
}

#Kunden #header_img {
    margin-top: -18px;
}

.tpl_content_contact #content_right table.imgtext-table, .tpl_content_contact #content_right iframe, .tpl_content_contact #content_right div.csc-textpic-imagewrap {
    background: transparent url(../images/bg_contact_img.png) no-repeat 0 0px;
	padding: 11px;
}

.tpl_content_contact #content_right table.imgtext-table p, .tpl_content_contact #content_right dd.csc-textpic-caption {
    text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	padding-left: 7px;
	font-weight: bold;
	padding-top: 10px;
}

.tpl_customers #content_right .csc-textpic-text {
    padding-top: 1px;
}



.tpl_content_contact #content_right {
	margin-top: 13px;
}

.tpl_content_contact #content_left {
	margin-top: 4px;
}


.tpl_content_contact #content_right, .tpl_content_contact #content_left  {
	padding-bottom: 20px;
}




.tpl_content_work_contact #content_right .csc-textpic-imagewrap,
.tpl_content_work_contact #content_left .csc-textpic-imagewrap {
    padding-bottom: 10px;
}





#Kunden div.csc-textpic-intext-left,
#Kunden div.csc-textpic-imagewrap, 
#Kunden div.csc-textpic-intext-left-nowrap,
#Kunden div.csc-textpic-imagewrap {
    float: left;
    margin-bottom:6px;
    margin-right:10px !important;
}

#Skills .csc-textpic {
    margin-bottom: 0px;
}


#Impressum #content {
    padding-bottom: 20px;
	margin-top: 4px;
	margin-left: 31px;
}




.btn-facebook {
    position: absolute;
	top: 79px;
	left: 10px;
    width: 386px;
	height: 88px;
	background: transparent url(../images/facebook_home.png) no-repeat 0 0;
}

.btn-facebook a {
display:block;
height:29px;
left:281px;
position:absolute;
top:59px;
width:105px
}


.btn-portfolio {
    position: absolute;
	top: 195px;
	left: 15px;
    width: 381px;
	height: 80px;
	background: transparent url(../images/portfolio.png) no-repeat 0 0;
}

.btn-portfolio a {
display:block;
height:29px;
left:276px;
position:absolute;
top:51px;
width:105px
}