@import url("reset.css"); 
@import url("fonts.css"); 
@import url("base.css"); 

html {
	background: none repeat scroll 0 0 #7f7f7f;
}

body {
	width: 950px;
	margin: 0;
	font-family: arial, clean, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}

.clear {
	clear: both;
}

br.clear {
	height: 0px;
	width: 0px;
	font-size: 0px;
	line-height: 0px;
}

a {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #CC0000;
}

hr {
	border: 0;
	height: 1px;
	background: url(../images/dotted_light_grey.gif) repeat-x top left;
}

dl {
	margin: 0;
}

#page {
	background: none repeat scroll 0 0 #ECECEC;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	padding: 1px 0 0 0;
	zoom: 1;
	margin-bottom: 6px;
	width: 950px;
}

#head {
	margin: 14px 60px 15px 15px;
	background: url(../images/kgroup-logo.gif) no-repeat top right;
	width: 875px;
}

#head ul#topNavigation {
	margin: 0;
	z-index: 1000; 
}

#topNavigation li {
	list-style: none;
	float: left;
	position: relative;
}

#topNavigation li a {
	display: block;
	height: 29px;
	width: 161px;
	text-indent: -999em;
	background: url(../images/main_navigation.png) no-repeat top left;
}

#topNavigation li a:hover {
	background-position: 0 -30px;
}

#topNavigation li.kontur a {
	background-position: 0 0;
	width: 162px;
}

#topNavigation li.kontur a:hover,
#topNavigation li.kontur a.current {
	background-position: 0 -30px;
}

#topNavigation li.kompetenzen a {
	background-position: -162px 0;
}

#topNavigation li.kompetenzen a:hover,
#topNavigation li.kompetenzen a.current {
	background-position: -162px -30px;
}

#topNavigation li.karriere a {
	background-position: -323px 0;
}

#topNavigation li.karriere a:hover,
#topNavigation li.karriere a.current {
	background-position: -323px -30px;
}

#topNavigation li.kommunikation a {
	background-position: -484px 0;
}

#topNavigation li.kommunikation a:hover,
#topNavigation li.kommunikation a.current {
	background-position: -484px -30px;
}

#topNavigation ul {
	display: none;
	padding: 10px;
	margin: 0;
	width: 138px;
	border: 1px solid #979393;
	border-top: none;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	top: 29px;
	z-index: 1001;
}

#topNavigation ul li {
	float: none;
}

#page #topNavigation ul li a {
	background: none;
	height: auto;
	width: auto;
	text-indent: 0;
	color: #505050;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
}

#page #topNavigation ul li a:hover {
	color: #CC0000;
	text-decoration: underline;
}

#topNavigation ul ul {
	position: relative;
	border: none;
	width: auto;
	top: 0;
	padding: 0;
}

#page #topNavigation ul ul li a {
	font-weight: normal;
}

* html #topNavigation {
	float: none;
}

* html body {
	behavior: url(./fileadmin/stylesheets/csshover.htc); 
}

* html #topNavigation ul li { 
	height: 1%; 
}

* html #topNavigation ul li a { 
	height: 1%; 
}

#topNavigation li:hover ul,
#topNavigation li.over ul{
	display: block;
}

#head ul#languages {
	margin: 0 0 0 655px;
}

#languages li {
	list-style: none;
	padding-top: 7px;
}

#languages li a {
	margin: 0 4px;
}

#content {
	margin-left: 15px;
}

#content #top {
	width: 682px;
	height: 77px;
	background: url(../images/sh1.png) repeat-x top left;
	color: #FFFFFF;
	overflow: hidden;
}

#top .sh1Ctl {
	background: url(../images/sh1_ctl.gif) no-repeat top left;
}

#top .sh1Ctr {
	background: url(../images/sh1_ctr.gif) no-repeat top right;
	overflow: hidden;
}

* html #top .sh1Ctr {
	padding: 1px 0;
}

#content #top ul#path {
	margin: 24px 10px 0 10px;
	font-size: 10px;
}

#path li {
	list-style: none;
	float: left;
	background: url(../images/arrows_white_small.gif) no-repeat center right;
	padding-right: 8px;
	margin: 0 2px;
}

#path li.current {
	background: none;
	padding-right: 0;
}

#path li.current a {
	text-decoration: none;
}

#path li a {
	color: #FFFFFF;
}

#path li a:hover {
	color: #CC0000;
}

#content #top h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 3px 10px 0 10px;
}

#content div#main {
	background: #FFFFFF url(../images/stripe_grey.gif) repeat-y;
	width: 682px;
	float: left;
	margin-bottom: 15px;
}

#main div#headimg {
	height: 185px;
	width: 682px;
	background: #FFFFFF url(../images/content_top_img1.jpg) no-repeat;
	border-top: 1px solid #FFFFFF;
}

#main .cbl {
	overflow: hidden;
	background: url(../images/cbl_white-grey.gif) no-repeat bottom left;
}

#main .cbr {
	overflow: hidden;
	background: url(../images/cbr_white-grey.gif) no-repeat bottom right;
	zoom: 1;
}

#main div#left {
	float: left;
	margin: 12px 0 10px 15px;
	width: 180px;
}

* html #main div#left {
	display: inline;
}

#main div#middle {
	float:left;
	margin:37px 0 10px 35px;
	min-height:350px;
	width:425px;
	height: auto !important;
	height: 350px;
}

* html #main div#middle {
	display: inline;
}

#content div#right {
	margin-left: 682px;
}

#main,
#right {
	color: #505050;
}

#main a,
#right a {
	color: #505050;
	background: url(../images/arrows_grey.gif) no-repeat left 4px;
	padding-left: 8px;
}

#main a:hover,
#right a:hover {
	color: #CC0000;
}

#content h2 {
	font-size: 13px;
	margin: 0 0 0.5em 0;
	font-weight: bold;
}

#content h3 {
	font-size: 11px;
	margin: 0 0 0.5em 0;
}

#left h2,
#right h2 {
	color: #CC0000;
}

#main ul li,
.rightContent ul li {
	list-style-image: url(../images/square_red.gif);
	margin-bottom: 0.5em;
}

*:first-child+html #main ul li,
*:first-child+html .rightContent ul li  {
	list-style: none;
	list-style-image: none;
	padding-left: 20px;
	background: url(../images/square_red.gif) no-repeat 5px 5px;
}

*:first-child+html #main ul,
*:first-child+html .rightContent ul {
	margin-left: 0;
}

* html #main ul li,
* html .rightContent ul li  {
	list-style: none;
	list-style-image: none;
	padding-left: 20px;
	background: url(../images/square_red.gif) no-repeat 5px 5px;
}

* html #main ul,
* html .rightContent ul {
	margin-left: 0;
}

.csc-frame-rulerBefore {
	padding-top: 5px;
	background: url(../images/dotted_light_grey.gif) repeat-x top left;
}

.csc-frame-rulerAfter {
	padding-bottom: 5px;
	background: url(../images/dotted_light_grey.gif) repeat-x bottom left;
}

#right ul#mainNavigation {
	margin: 0;
	width: 237px;
	border-top: 1px solid #A4A4A4;
}

#mainNavigation li {
	list-style: none;
	margin-left: 19px;
	border-bottom: 1px solid #FFFFFF;
}

#mainNavigation li a {
	padding: 4px 5px 3px 14px;
	font-weight: bold;
	color: #505050;
	display: block;
	text-decoration: none;
	background: url(../images/square_grey_arrow.gif) no-repeat 1px 7px ;
}

#mainNavigation li a:hover {
	color: #CC0000;
}

#mainNavigation li a.current,
#mainNavigation li a.active,
#mainNavigation li a.currentsub {
	color: #CC0000;
	background-image: url(../images/square_red.gif);
}

#mainNavigation li ul a {
	font-weight: normal;
	padding-left: 22px;
	background: url(../images/arrows_grey.gif) no-repeat 12px 9px;
}

#mainNavigation li ul a.current {
	background: none;
}

#mainNavigation li.active,
#mainNavigation li.currentsub {
	margin: -1px 0 0 0;
	border-bottom: 1px solid #A4A4A4;
	border-top: 1px solid #A4A4A4;
}

#mainNavigation li a.active,
#mainNavigation li a.currentsub {
	padding-left: 32px;
	background-position: 20px 7px;
	background-color: #E7E7E7;
}

#mainNavigation li ul {
	margin: 0;
	background: #FFFFFF;
}

#right div.rightContent {
	margin: 30px 20px 10px 19px;
}

#footer {
	color: #FFFFFF;
	margin: 0 10px 10px 18px;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0 2px;
}

#footer a:hover {
	text-decoration: underline;
}

#footer a.current {
	text-decoration: underline;
}

/* Home only */
.home #content #top {
	background: url("../images/sh1.png") repeat-x scroll left top transparent;
    	width: 919px;
}
.home #content #top h1 {
	color: #cc0000;
}
.home #top .sh1Ctl {
	background: url(../images/sh2_ctl.gif) no-repeat top left;
}

.home #top .sh1Ctr {
	background: url(../images/sh2_ctr.gif) no-repeat top right;
}

.home #content #top h1 {
	margin-top: 41px;
}

.home #content div#main {
	width: auto;
	background: none;
}

.home #main div#headimg {
	 height: 385px;
    	width: 919px;
}

.home .box {
	width: 218px;
	background: #ffffff;
	margin: 10px 15px 0 0;
	float: left;
	min-height: 260px;
	height: auto !important;
	height: 250px;
}

.home .box .boxhead {
	padding: 5px 15px 10px;
    	background: url("../images/bg_teaser.png") repeat-x;
    	-webkit-border-top-left-radius: 4px;
    	-webkit-border-top-right-radius: 4px;
    	-moz-border-radius-topleft: 4px;
    	-moz-border-radius-topright: 4px;
    	border-top-left-radius: 4px;
    	border-top-right-radius: 4px;
}

.home #content .box h2 {
	color: #cc0000;
	margin-bottom: 0.7em;
}


table.csc-uploads tr,
table.csc-uploads td {
	border: none;
}

/* Inhalt */
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	float: left;
}

.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	float: right;
}

.csc-textpic-center .csc-textpic-imagewrap {
	margin: auto;
}

.csc-textpic-right .csc-textpic-imagewrap {
	float: right;
}

.csc-textpic-right .csc-textpic-text {
	clear: both;
}

.csc-textpic-intext-left .csc-textpic-imagewrap {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.csc-textpic-intext-right .csc-textpic-imagewrap {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.csc-textpic-above .csc-textpic-text {
	margin-top: 5px;
}

.csc-textpic-below .csc-textpic-text {
	margin-bottom: 5px;
}

.csc-textpic-clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

#main .csc-textpic-image a,
#right .csc-textpic-image a {
	padding: 0;
	background: none;
}

a.homelink {
	position: absolute;
	display: block;
	text-indent: -999em;
	width: 130px;
	height: 30px;
	top: 15px;
	left: 760px;
}

div.rgaccord1-content h1,
div.rgaccord1-content h2,
div.rgaccord1-content h3 {
	display:none;
}

.rgaccord1-toggle {
	cursor: pointer;
	padding-left: 12px;
	background: url(../images/right.gif) 2px center no-repeat; 
}

.rgaccord1-toggle:hover {
	color: #CC0000;
}

.act .rgaccord1-toggle {
	background: url(../images/down.gif) 2px center no-repeat;
}

#main .imageLinkWrap a,
#right .imageLinkWrap a{
	background: none;
	padding-left: 0;
}


