@charset "utf-8";
/* MAIN */
body {
	font: 11px 'lucida grande', tahoma, sans-serif;
	background: #989ea4;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #444444;
}
.main #background {
	margin: 0;
	padding: 0 0 5px;
	background: url(/images/design/corner7a.gif) no-repeat 931px bottom #858C93;
}
.main #logo {
	margin: 0;
	width: 145px;
	height: 25px;
	padding: 72px 26px 5px 25px;
	background: url(/images/design/top_bg.gif) repeat-y;
}
.main #logo_spacer {
	margin: 0;
	width:222px;
	height: 14px;
	background: url(/images/design/top_footer.gif) no-repeat;
}
.main #page {
	background: url(/images/design/corner1a.gif) no-repeat right top;
	width: 936px;
	text-align: left;
	padding: 4px 14px 0 0;
}
.main #page_container{
	background: #989ea4 url(/images/design/page_container.gif) repeat-y left top ;
}
.main #sidebar {
	float: right;
	width: 178px;
	padding: 18px 25px 0 0;
}
.main ul {
	list-style-type : none;
	margin:0;
	padding:0;
}
.main h1 {
	font: 15px 'lucida grande', tahoma, sans-serif;
	margin: 0;
	padding: 0;
	border-color: #858C93;
	border-style:dashed;
	border-width: 0 0 1px 0;
	color: #A21B2C;
	height: 21px;
}
.main #mainContent {
	float: left;
	width: 680px;
	padding: 0 0 0 23px;
}

.main #content {
	padding: 24px 0 0 0;
}
.main #contentHeader {
	height: 211px;
	width: 	680px;
	background: url(/images/design/banner.jpg) no-repeat;
}
.main #space {
	height: 34px;
	width: 	936px;
	background: url(/images/design/corner2.gif) no-repeat right bottom #FFFFFF;
}
.main a {
	font: 11px 'lucida grande', tahoma, sans-serif;
	font-weight: normal;
	color : #444444;
	/* color : #444444; */
	text-decoration:none;
}
.main a:active {
	color: #a21b2c;
}
.main a.red {
	color: #a21b2c;
}
.main td a, .main a.tab, .main a.btab{
	color: #000000;				
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* END MAIN */

/* FOOTER*/
#footer_top{
	background: #858C93;
	width: 942px;
	height: 5px;					
}
#footer {
	line-height:21px;
	width:918px;
	font: 9px 'lucida grande', tahoma, sans-serif;
	margin: 0;
	padding: 0 0 0 18px;
	text-align: left;
	color: #FFFFFF;
}
#footer .login {		
	line-height: 21px;
	width: 488px;
	float: left;
}
#footer .copyright {
	line-height: 21px;
	text-align: right;
	padding: 0 10px 0 0;
	float: right;
	width: 420px;
	font-size: 10px;
}
#footer .copyright a{
	color: #FFFFFF;
	font-size: 10px;
}
/* END FOOTER*/

/** BOX: LOGIN **/
span.label_login{
	float: left;		
	padding: 0 16px 0 0;		
}
input.button_login{
	background: url(/images/design/button_login.gif) no-repeat;
	width: 20px;
	height: 20px;
	border: 0;
	margin: 1px 0 0;
	float: left;		
}
input.input_login{
	background: url(/images/design/input_login.gif) no-repeat;
	width: 71px;
	height: 11px;
	display:block;
	border: 0;
	padding: 5px;
	margin: 0 1px 0 0;
	color: #FFFFFF;
	float: left;		
	font: 9px 'lucida grande', tahoma, sans-serif;
}


/** CONTENT **/
#content div.header {
	font: 15px 'lucida grande', tahoma, sans-serif;
	margin: 0;
	padding: 0;
	border-color: #858C93;
	border-style:dashed;
	border-width: 0 0 1px 0;
	color: #A21B2C;
	height: 21px;
}
#content span.header {
	font: 15px 'lucida grande', tahoma, sans-serif;
	float: left; 
	color: #A21B2C;
}
#content span.header a{
	color: #A21B2C;
}
#content span.icons {
	float: right; 
}
#content a.header{
	font: 15px 'lucida grande', tahoma, sans-serif;
	color: #A21B2C;
	text-decoration: none;
}
#content div.content {
}
#content div.text{
	margin: 16px 0 0 0;
	text-align: justify;
}
.headline {
	font: 10px 'lucida grande', tahoma, sans-serif;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #858C93;
	height: 21px;
}
.more a {
	font-weight: normal;
	font-size: 10px;
	color : #444444;
	text-decoration:none;
	margin-top: 7px;
	cursor: pointer;
	padding: 1px 5px 1px 12px;
	background: url(/images/design/arrow.gif) no-repeat left center;
	float: right;
}
.more a:hover {
	color : #a21b2c;
}
.title {
	padding: 0;
	font: 15px 'lucida grande', tahoma, sans-serif;
	color: #A21B2C;
}

/** NAVI **/
.navi {
	height: 193px;
	margin: 0;
	padding: 0;
	text-align: left;
}
.navi li a {
	background : url(/images/design/menu_out.gif) no-repeat;
	width : 165px;
	height : 16px;
	margin-top: 4px;
	padding: 2px 0 0 15px;
	display : block;
	color: #444444;
	font-size: 11px;
}
.navi li a:visited,
.navi li a:active {
	color: #444444;			
}
.navi li a:hover {
	background : url(/images/design/menu_over.gif) no-repeat;
	color: #FFFFFF;
}

/** BOXES **/
.box_r {
	margin: 24px 0 0 0;
	padding: 0;
	text-align: left;
}
.box_r .content {
	margin: 16px 0 0 0;
	text-align: justify;
}

/** ADMINCENTER **/
#admincenter{
	margin: 0 0 0 0px;
	height: 20px;
	position: absolute;
	left: 942px;
	top: 160px;
}
#admincenter ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#admincenter li{
	list-style: none;
	margin: 0;
	height: 20px;
	line-height: 20px;
	width:100px;
}
#admincenter a{
	display: block;
	color: #FFFFFF;
	padding:2px 3px;
	background:#858C93;
	border-left:1px solid #989EA4;
}
#admincenter li a:hover{
	background: #FFFFFF;
	color: #455782;
}

/** LOGIN **/
div#login_buttons{
	height: 21px;
}
div#login_background{
	background: url(/images/design/login_bg.gif) no-repeat;
	width: 211px;
	height: 39px;
}
div#usercenter_background{
	padding: 5px;
}
a#button_register{
	background: url(/images/design/button_register.gif) no-repeat;
	width: 70px;
	height: 21px;
	float:left;
	display:block;
}
a#button_lostpassword{
	background: url(/images/design/button_lostpassword.gif) no-repeat;
	width: 94px;
	height: 21px;
	float:left;
	display:block;
}
input#button_login{
	background: url(/images/design/button_login.gif) no-repeat;
	width: 47px;
	height: 21px;
	float:left;
	display:block;
	border: 0;
}
input#input_username{
	background: url(/images/design/input_username.gif) no-repeat;
	width: 90px;
	height: 14px;
	display:block;
	border: 0;
	padding: 4px;
	margin: 8px 0 0 6px;
	color: #FFFFFF;
	float: left;
}
input#input_password{
	background: url(/images/design/input_password.gif) no-repeat;
	width: 90px;
	height: 14px;
	display:block;
	border: 0;
	padding: 4px;
	margin: 8px 0 0 2px;
	color: #FFFFFF;
	float: left;
}

/** LIST **/
li.arrow{
	background:transparent url(/images/design/plus_a.gif) no-repeat scroll 0px 5px;
	padding:5px 0pt 0pt 16px;
}
ul.list {
	margin: 16px 0 0;
}
ul.list li {
	padding: 0 0 5px 0;
}
ul.list li a{
	cursor: pointer;
	padding: 0 0 0 18px;
	color: #444444;
	background: url(/images/design/plus.gif) no-repeat 1px 2px;
}
ul.list li a.active{
	cursor: pointer;
	color: #a21b2c;
	padding: 0 0 0 18px;
	background: url(/images/design/plus_a.gif) no-repeat left center;
}

ul.list li span{
	cursor: pointer;
	padding: 0 0 0 18px;
	color: #444444;
	display: block;
	background: url(/images/design/plus.gif) no-repeat 1px 2px;
}
ul.list li a:visited,
ul.list li a:active{
	color: #444444;
}
ul.list li a:hover{
	color: #a21b2c;
	background: url(/images/design/plus_a.gif) no-repeat left center;
}

/** CORNERS **/

.corner-right-bottom1 {
	background: url(/images/design/corner_right_bottom1.gif) no-repeat right bottom;
	height:7px;
	width: 7px;
	float:right;
}
.corner-right-top1 {
	background: url(/images/design/corner_right_top1.gif) no-repeat right top;
	height:7px;
	width: 7px;
	float:right;
}
.corner-left-top1 {
	background: url(/images/design/corner_left_top1.gif) no-repeat left top;
	height:7px;
	width: 7px;
}
.corner-left-bottom1 {
	background: url(/images/design/corner_left_bottom1.gif) no-repeat left bottom;
	height:7px;
	width: 7px;
}


.corner-right-bottom2 {
	background: url(/images/design/corner_right_bottom2.gif) no-repeat right bottom;
	height:7px;
	width: 7px;
	float:right;
}
.corner-right-top2 {
	background: url(/images/design/corner_right_top2.gif) no-repeat right top;
	height:7px;
	width: 7px;
	float:right;
}
.corner-left-top2 {
	background: url(/images/design/corner_left_top2.gif) no-repeat left top;
	height:7px;
	width: 7px;
}
.corner-left-bottom2 {
	background: url(/images/design/corner_left_bottom2.gif) no-repeat left bottom;
	height:7px;
	width: 7px;
}


.corner-right-bottom3 {
	background: url(/images/design/corner_right_bottom3.gif) no-repeat right bottom;
	height:6px;
	width: 6px;
	float:right;
}
.corner-right-top3 {
	background: url(/images/design/corner_right_top3.gif) no-repeat right top;
	height:6px;
	width: 6px;
	float:right;
}
.corner-left-top3 {
	background: url(/images/design/corner_left_top3.gif) no-repeat left top;
	height:6px;
	width: 6px;
}
.corner-left-bottom3 {
	background: url(/images/design/corner_left_bottom3.gif) no-repeat left bottom;
	height:6px;
	width: 6px;
}


.corner-right-bottom4 {
	background: url(/images/design/corner_right_bottom4.gif) no-repeat right bottom;
	height:5px;
	width: 5px;
	float:right;
}
.corner-right-top4 {
	background: url(/images/design/corner_right_top4.gif) no-repeat right top;
	height:5px;
	width: 5px;
	float:right;
}
.corner-left-top4 {
	background: url(/images/design/corner_left_top4.gif) no-repeat left top;
	height:5px;
	width: 5px;
}
.corner-left-bottom4 {
	background: url(/images/design/corner_left_bottom4.gif) no-repeat left bottom;
	height:5px;
	width: 5px;
}

/** HOME **/
.service {
	margin:0;
	float: right;
	width: 333px;
}
.service #service_box {
	background: #a21b2c;
	margin:18px 0 0 0;
	float: right;
	width: 190px;
}
.service #service_box  #service_text{
	min-height: 101px;
	color: #ffffff;
	margin: 0 10px 0 10px;
	text-align: justify;
	font-size: 11px;
}

.projects {
	width: 308px;
	float: left;
}
.projects .description {
	float: right;
	width: 188px;
	text-align: justify;
}
.projects .selection {
	width: 113px;
	float: left;
}
.projects .images {
	width: 298px;
	height: 63px;
	margin: 10px 1px 0 1px;
	border: 1px solid #e2e4e6;
	padding: 2px 5px 2px 2px;
	clear: both;
}
.projects li {
	cursor: pointer;
	padding: 5px 0 5px 17px;
}
.projects .slider {
	float: left;
	width: 262px;
	height: 59px;
	margin: 0;
}
.projects .change {
	width: 34px;
	float:right;
	text-align:right;
}
.projects .more {
	padding: 29px 0 0 0;
}
.projects .more a {
	font-weight: normal;
	color : #444444;
	text-decoration:none;
	cursor: pointer;
	padding: 1px 0 1px 12px;
	background: url(/images/design/arrow.gif) no-repeat left center;
}
.projects .more a:hover {
	color : #a21b2c;
}

/** SERVICES **/
.services_text{
	float: left;			
	width: 180px;			
}	
.services_overview{
	width: 475px;
	float: right;
	margin: 0 0 0 25px; 				
}
.services_list{
	width: 115px;
	float: left;				
}
.services_box{
	background: url(/images/design/corner3.gif) no-repeat left top #a21b2c;
	width: 347px;
	float: right;
	margin: 16px 0 0 12px; 				
}
.services_box #service_box {
	margin: 5px 12px 9px 12px;
	background: #FFFFFF;
}
.services_box #service_box #service_text{
	margin: 0px 7px 0px 7px;
	text-align: justify;
	font-size: 11px;
}
.services_box #service_link{
	text-align: right;
	padding: 0 14px 0 0;
}
.services_box #service_link a{
	background: url(/images/design/arrow2.gif) no-repeat 0 3px;
	color: #FFFFFF;
	font-size: 11px;
	padding: 0 0 2px 8px;
}

/** REFERENCES **/
.reference {
	margin: 0 0 15px 0;
}
.reference_images {
	width: 357px;
	height: 147px;
	margin: 16px 1px 0 1px;
	border: 1px solid #e2e4e6;
	padding: 2px 5px 2px 2px;
	float: right;
}
h2 {
	margin: 10px 0 10px 0;		
	padding: 0;
	font: 11px 'lucida grande', tahoma, sans-serif;
	font-weight: bold;	
	color: #A21B2C;
}
.reference_details{
	width: 290px;
	margin: 16px 387px 0 0;				
}
.reference_details ul.list{
	margin: 6px 0 0;
}
.reference_details ul.list li{
	width: 145px;
	float: left;			
}
.reference_images .stripViewer{
	width: 321px;
	height: 147px;
}
.reference_images .stripViewer .panelContainer .panel{
	width: 321px;
	height: 147px;
}

.reference_images .slider {
	float: left;
	width: 321px;
	height: 147px;
	margin: 0;
}
.reference_images .change {
	width: 30px;
	float:right;
	text-align:right;
}

/** FIRMENPROFIL **/
.company{
	width: 307px;
	margin: 0 356px 0 0;			
}
.team{
	width: 356px;
	float: right;			
}
.team_box{
	width: 356px;
	margin: 15px 0 0;
	background: #a21b2c;			
}
.team_member{
	width: 106px;
	height: 153px;
	background: url(/images/design/team_member.gif) no-repeat;	
	float: left;
	margin: 9px 0 0 9px;					
}
.team_member_photo{
	width: 102px;
	height: 117px;
	margin: 2px;
}
.team_member_name{
	height: 10px;
	margin: 7px 4px 0;
	font-size: 9px;
	line-height: 9px;
	color: #a21b2c;
}
.team_member_position{
	height: 10px;
	margin: 2px 4px;
	font-size: 9px;
	line-height: 9px;
	color: #989ea4;	
}

/** ABLAUF **/
.steps_menu{
	margin: 16px 0 0 0;
	height: 26px;
}
.steps_menu a,
.steps_menu a:visited{
	background: #858C93;
	height: 14px;
	padding: 6px 6px;
	line-height: 11px;
	font-size: 11px;
	color: #FFFFFF;
	display: block;
	float: left;
}
.steps_menu a:hover,
.steps_menu a:active{
	background: #a21b2c;
	color: #FFFFFF;
}
.steps_menu a.first,
.steps_menu a.first:visited{
	background: #858C93 url(/images/design/tab_left_out.gif) no-repeat top left;
}
.steps_menu a.first:hover,
.steps_menu a.first:active,
.steps_menu a.firstactive{
	background: #a21b2c url(/images/design/tab_left_over.gif) no-repeat top left;
	color: #FFFFFF;
}
.steps_menu a.last,
.steps_menu a.last:visited{
	background: #858C93 url(/images/design/tab_right_out.gif) no-repeat top right;
}
.steps_menu a.last:hover,
.steps_menu a.last:active,
.steps_menu a.lastactive{
	background: #a21b2c url(/images/design/tab_right_over.gif) no-repeat top right;
	color: #FFFFFF;
}
.steps_menu a.active,
.steps_menu a.active:visited{
	background: #a21b2c;
}
.steps_menu a.active:hover,
.steps_menu a.active:active{
	background: #a21b2c;
	color: #FFFFFF;
}
.steps_box{
	background: #858C93;
	margin: 32px 0 0 0;
	width: 677px;
}
.steps_title_box{
	margin: 15px 470px 0 0;
	height: 27px;
	width: 170px;
	background: #FFFFFF;
}
.steps_title{
	text-align: center;
	color: #a21b2c;
	padding: 5px 0 1px;
	font-size: 13px;
}
.steps_number{
	float: right;
	margin: 12px 27px 0 0;
	font-size: 23px;
	color: #FFFFFF;
}
.steps_box_text{
	margin: 21px 0 0 12px;
	background: #FFFFFF;
	width: 654px;
}
.steps_box_tex_content{
	margin: 0 8px;
}
.steps_box_tex_content ul li{
	background: url(/images/design/plus_a.gif) no-repeat 0px 5px;
	padding: 5px 0 0 16px;			
}
.steps_next{
	float: right;
	margin: 8px 12px 0 0;
}
.steps_next a{
	background: url(/images/design/arrow3.gif) no-repeat 0px 4px;
	padding: 0 0 0 10px;
	color: #FFFFFF;
}
.steps_next a:hover, 
.steps_next a:visited, 
.steps_next a:active{
	color: #FFFFFF;
}

/** CMS **/
.cms_functions{
	width: 192px;
	float: right;		
}
.cms_description{
	float: left;
	width: 438px;		
}
.cms_screenshots{
	padding: 14px 0 0;
	clear: both;
}
.cms_functions .text ul{
	margin: 0; 
	padding: 0;				
}
.cms_functions ul li,
.cms_description ul li{
	background: url(/images/design/plus_a.gif) no-repeat 0px 2px;
	padding: 1px 0 0 16px;			
}

.box_r ul ul{
	margin: 6px 0 8px 6px;
}
.box_r ul.simpleTree ul{
	margin: 0;		
}
.box_r ul ul li a{
	background: url(/images/design/plus.gif) no-repeat 2px 2px; 
	padding: 1px 0 0 16px; 
	color: #444444; 
}
.box_r ul ul li a:hover,
.box_r ul ul li a:active{
	background: url(/images/design/plus_a.gif) no-repeat 1px 1px; 
	color: #a21b2c; 
}
.box_r ul ul li a.active{
	background: url(/images/design/plus_a.gif) no-repeat 1px 1px; 
	padding: 1px 0 0 16px; 
	color: #a21b2c; 
}

ul.usercenter{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.usercenter li{
	list-style: none;
	margin: 0;
	height: 20px;
	line-height: 20px;
	float: left;
}
ul.usercenter li a{
	display: block;
	color: #FFFFFF;
	padding:2px 3px;
	background:#858C93;
	border-left:1px solid #989EA4;
}
ul.usercenter li a:hover{
	background: #FFFFFF;
	color: #455782;
}