/* standard elements */
/* for Internet Explorer */
/*\*/
* html .main {
height: 550px;
} 

* html .mainstart {
height: 550px;
}


/**/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #E6E6E6 url('../images/body.jpg') no-repeat center top;
	padding-top: 10px;
	overflow: scroll;

}

form,input {margin: 0; padding: 0; display: inline;}

h1,h2,h3 {padding-top: 6px; color: #553; margin-bottom: 4px;}

/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}


/* structure */
.inner-container {
	background: #FFF;
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	width: 980px;
	
}

.outer-container {
	background: url('../images/container.jpg') no-repeat center bottom;
	
}

/* header */
.header {
	background: #FFFFFF url('../images/header.jpg') no-repeat;
	width: 980px;
	height: 96px;
	margin-bottom: 0px;
	text-align: center;
}

.headerlink {
	display: block;
	width: 980px;
	height: 96px;
}


/* mainnav */
.mainnav {
	background: #EE3248;
	height: 33px;
	
}
a.mainnav_home {
	display: block;
	width: 95px;
	height: 25px;
	background: url('../images/nav_start_on.gif') no-repeat;
}

a.mainnav_home:hover {
	display: block;
	width: 95px;
	height: 25px;
	background: url('../images/nav_start_on.gif') no-repeat;
}

a.mainnav_start {
	display: block;
	width: 95px;
	height: 25px;
	background: url('../images/nav_start_off.gif') no-repeat;
}

a.mainnav_start:hover {
	display: block;
	width: 95px;
	height: 25px;
	background: url('../images/nav_start_on.gif') no-repeat;
}

a.mainnav_unternehmen {
	display: block;
	width: 120px;
	height: 25px;
	background: url('../images/nav_unternehmen_off.gif') no-repeat;
}

a.mainnav_unternehmen:hover {
	display: block;
	width: 120px;
	height: 25px;
	background: url('../images/nav_unternehmen_on.gif') no-repeat;
}

a.mainnav_unternehmen_on {
	display: block;
	width: 120px;
	height: 25px;
	background: url('../images/nav_unternehmen_on.gif') no-repeat;
}

a.mainnav_unternehmen_on:hover {
	display: block;
	width: 120px;
	height: 25px;
	background: url('../images/nav_unternehmen_on.gif') no-repeat;
}

a.mainnav_leistung {
	display: block;
	width: 158px;
	height: 25px;
	background: url('../images/nav_leistung_off.gif') no-repeat;
}

a.mainnav_leistung:hover {
	display: block;
	width: 158px;
	height: 25px;
	background: url('../images/nav_leistung_on.gif') no-repeat;
}

a.mainnav_leistung_on {
	display: block;
	width: 158px;
	height: 25px;
	background: url('../images/nav_leistung_on.gif') no-repeat;
}

a.mainnav_leistung_on:hover {
	display: block;
	width: 158px;
	height: 25px;
	background: url('../images/nav_leistung_on.gif') no-repeat;
}

a.mainnav_referenzen {
	display: block;
	width: 102px;
	height: 25px;
	background: url('../images/nav_referenzen_off.gif') no-repeat;
}

a.mainnav_referenzen:hover {
	display: block;
	width: 102px;
	height: 25px;
	background: url('../images/nav_referenzen_on.gif') no-repeat;
}

a.mainnav_referenzen_on {
	display: block;
	width: 102px;
	height: 25px;
	background: url('../images/nav_referenzen_on.gif') no-repeat;
}

a.mainnav_referenzen_on:hover {
	display: block;
	width: 102px;
	height: 25px;
	background: url('../images/nav_referenzen_on.gif') no-repeat;
}

a.mainnav_karriere {
	display: block;
	width: 82px;
	height: 25px;
	background: url('../images/nav_karriere_off.gif') no-repeat;
}

a.mainnav_karriere:hover {
	display: block;
	width: 82px;
	height: 25px;
	background: url('../images/nav_karriere_on.gif') no-repeat;
}

a.mainnav_karriere_on {
	display: block;
	width: 82px;
	height: 25px;
	background: url('../images/nav_karriere_on.gif') no-repeat;
}

a.mainnav_karriere_on:hover {
	display: block;
	width: 82px;
	height: 25px;
	background: url('../images/nav_karriere_on.gif') no-repeat;
}

a.mainnav_service {
	display: block;
	width: 72px;
	height: 25px;
	background: url('../images/nav_service_off.gif') no-repeat;
}

a.mainnav_service:hover {
	display: block;
	width: 72px;
	height: 25px;
	background: url('../images/nav_service_on.gif') no-repeat;
}

a.mainnav_service_on {
	display: block;
	width: 72px;
	height: 25px;
	background: url('../images/nav_service_on.gif') no-repeat;
}

a.mainnav_service_on:hover {
	display: block;
	width: 72px;
	height: 25px;
	background: url('../images/nav_service_on.gif') no-repeat;
}

a.mainnav_kontakt {
	display: block;
	width: 83px;
	height: 25px;
	background: url('../images/nav_kontakt_off.gif') no-repeat;
}

a.mainnav_kontakt:hover {
	display: block;
	width: 83px;
	height: 25px;
	background: url('../images/nav_kontakt_on.gif') no-repeat;
}

a.mainnav_kontakt_on {
	display: block;
	width: 83px;
	height: 25px;
	background: url('../images/nav_kontakt_on.gif') no-repeat;
}

a.mainnav_kontakt_on:hover {
	display: block;
	width: 83px;
	height: 25px;
	background: url('../images/nav_kontakt_on.gif') no-repeat;
}

.mainnav_spacer { 

	background: #FFFFFF;
}

/* main */
.mainstart {
	background: url('../images/bg_main_start.gif') repeat-y center bottom;
	width: 980px;
	height: auto;
	min-height: 550px;
			
}

.main {
	background: url('../images/bg_main.gif') repeat-y center bottom;
	width: 980px;
	min-height: 550px;				
}

/* content */
.content {
	float: right;
	width: 760px;
		
}

.startimage {
	background: url('../images/startimage.gif') no-repeat;
	width: 760px;
	height: 207px;
	
}

.content_image {
	float: left;
	width: 200px;
	height: auto;
	padding-left: 20px;
	margin: 0px;
}

.content_image_top {
	float: left;
	width: 200px;
	height: auto;
	padding-left: 20px;
	padding-top: 30px;
	margin: 0px;
}

.content_text {
	float: left;
	width: 480px;
	height: auto;
	margin-left: 20px;
	color: #000000;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

.content_text_breit {
	float: left;
	width: 710px;
	height: auto;
	margin-left: 20px;
	color: #000000;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

.ref_feautures {
	width: 180px;
	height: auto;
	padding: 10px;
	margin: 0px;
	background: #e6e6e6;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10px;
}

.ref_feautures_header {
	font-family: verdana, arial;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #000000;
	
}

.highlight_liste {
	list-style-type: none;
	vertical-align: middle;
	list-style: url('/shared/images/li.gif');
}

.highlight_liste ul {
padding-left: 20px;

}
.content h1 {
	color: #EE3248;
	font-family: verdana, arial;
	font-size: 14px;
	padding-bottom: 10px;
	
}

.content p {
	color: #000000;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin-top: 10px;
	
}
.content a {
	color: #EE3248;
	text-decoration: underline;
	
}

.content a:hover {
	text-decoration: none;
	
}

.content_text ul {
	list-style-type: none;
	padding-left: 20px;
	line-height: 20px;
	vertical-align: middle;
}

.content_text li {
	list-style: url('/shared/images/li.gif');	
}

.content_text_breit ul {
	list-style-type: none;
	padding-left: 20px;
	line-height: 20px;
	vertical-align: middle;
}

.content_text_breit li {
	list-style: url('/shared/images/li.gif');	
}

/* subnavigation level 1*/
.subnavigation {
	float: left;
	width: 220px;
	
}

.subnavigation_top {
	background: url('../images/subnav_top.gif') repeat-x;
	width: 220px;
	height: 5px;
	margin: 0em;
}

.subnavigation ul {
	margin: 0em;
  	padding: 0em;
  	list-style-type: none;
	
}

.subnavigation li{
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 30px;
	padding-left: 10px;

}

.subnavigation li a {
	color: #FFFFFF;	
	text-decoration: none;

}
.subnavigation li a:hover {
	color: #005C9D;	
}

.subnavigation ul li#li_nav1_open{  /* special layout für open links */	
	background-color: #8CCBF4;
	border-bottom: 0px;
}

.subnavigation ul li a#a_nav1_open {
  	color: #005C9D;
}

.subnavigation ul li a:hover#a_nav1_open {
  	color: #FFFFFF;
}

/*
  Design für submenu
*/

.subnavigation ul ul{
	padding-bottom: 10px ;

}

.subnavigation li li{
	color: #005C9D;
	font-size: 11px;
	text-transform: none;
	border-bottom: 0px;
	font-weight: normal;
	line-height: 20px;

}	

.subnavigation li li a#a_nav2_open {
	color: #005C9D;
	text-decoration: none;

}

.subnavigation li li a:hover#a_nav2_open {
	color: #FFFFFF;
	text-decoration: none;

}

.startbox {
	float: left;
	background: url('../images/bg_startbox.gif') no-repeat;
	width: 265px;
	height: 130px;
	margin-top: 20px;
	margin-left: 40px;
	color: black;
	font-family: verdana, arial;
	font-size: 11px;

}

.startbox h1 {
	padding-top: 10px;
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: bold;
	color: black;

}

.startbox p {
	color: #000000;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin-top: 0px;
	
}

.startbox a {
	text-decoration: none;
	text-align: right;
	color: #EE3248;
}

.startbox a:hover {
	text-decoration: underline;
}

/* spacer */
.leerzeile {
	float: left;
	width: 760px;
	height: 30px;	
}

.spacer {
	float: left;
	width: 265px;
	height: 20px;	
}

/* clearer */
.clearer {
	clear: both; 
	font-size: 0;

}
	
/* footer */
.footer {
	background: #FFFFFF url('../images/bg_footer.gif') repeat-x center bottom;
	height: 22px;
	color: #000000;
	font-family: verdana, arial;
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.footer p {
	padding-top: 6px;
	
}

.footer a {
	color: #000000;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}

/* formular */

.kontakt_form form, input, textarea {
	color: #000000;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;

}


/* editmode */

.text {
	color: #FF0000;
}

.headline {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	color: #FF0000;
	
}