/* BASICS ##################################################### */
/* ############################################################ */

* {
	padding: 0; 
	margin: 0;
}

html, body {
    height:100%;
    width:100%;
}

body {
	font-size: 80%; 
	/*background: #b3b3b3 url(../images/pageBg.jpg) repeat-x;*/
    /*	background: #7B91A6 url(../images/pageBg.jpg) no-repeat fixed center 0px; */
	background: #346AA5;
    font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif; 
	color: #475055;
	/* => 0.7em bzw. 11px; http://www.reeddesign.co.uk/test/points-pixels.html */
    height: auto;
}

a:link {
    color: #159fd5;
}

a:visited {
    color: #5C7285;
}

a:hover {
/*    font-style: italic;*/
/*    font-weight: bold;*/
/*    border: 1px solid #159fd5;*/
/*    background: #CEDBE6;*/
    text-decoration: none;
}

/*#contentContainer a:focus,
#contentContainer a:active {
    background: #CEDBE6;
}
*/

.clearer {
	clear: both;
	height: 0px;
	line-height: 0px;
}

/* CONTAINER ################################################## */
/* ############################################################ */

#pageContainer {
	margin: 0 auto;
	padding: 30px 0 0 0;
	position: relative;
	width: 966px;
}

/*  BRANDING ################################################## */
/* ############################################################ */

#branding {
	padding: 23px 0 0 22px;
}

#branding a {
	display: block;
	width: 149px;
	height: 38px;
	margin-bottom: 39px; 
	background: url(../images/connectaLogo.jpg) no-repeat;
}

#branding a span {
	display: none;
}

/*  CONTENT CONTAINER ######################################### */
/* ############################################################ */

#contentContainer {
	min-height: 700px;
	padding: 0 23px 20px 23px;
	background: #fff url(../images/contentBg.gif) bottom repeat-x;
	/*filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;*/
}

/*  MAIN NAVIGATION ########################################### */
/* ############################################################ */

#naviMain,
#naviMain ul {
	margin-bottom: 0;
}

#naviMain ul li a {
	display: block;
	float: left;
	margin-bottom: 6px;
	width: 184px;
	height: 92px;
}

#naviMain ul li {
	float: left;
}

#naviMain ul li a span {
	display: none;
}

#naviMain ul li a#page7 {
	background: url(../images/naviMainAboutNo.gif) no-repeat;
}

#naviMain ul li.cur a#page7,
#naviMain ul li.act a#page7,
#naviMain ul li a#page7:hover {
	background: url(../images/naviMainAboutAct.gif) no-repeat;
}

#naviMain ul li a#page12{
	background: url(../images/naviMainTYPO3No.gif) no-repeat;
}

#naviMain ul li.cur a#page12,
#naviMain ul li.act a#page12,
#naviMain ul li a#page12:hover {
	background: url(../images/naviMainTYPO3Act.gif) no-repeat;
}

#naviMain ul li a#page22 {
	background: url(../images/naviMainMarketingNo.gif) no-repeat;
}

#naviMain ul li.cur a#page22,
#naviMain ul li.act a#page22,
#naviMain ul li a#page22:hover {
	background: url(../images/naviMainMarketingAct.gif) no-repeat;
}

#naviMain ul li a#page32 {
	background: url(../images/naviMainSoftwareNo.gif) no-repeat;
}

#naviMain ul li.cur a#page32,
#naviMain ul li.act a#page32,
#naviMain ul li a#page32:hover {
	background: url(../images/naviMainSoftwareAct.gif) no-repeat;
}

#naviMain ul li a#page42 {
	background: url(../images/naviMainEcommerceNo.gif) no-repeat;
}

#naviMain ul li.cur a#page42,
#naviMain ul li.act a#page42,
#naviMain ul li a#page42:hover {
	background: url(../images/naviMainEcommerceAct.gif) no-repeat;
}

/*  CLICKSTREAM NAVIGATION #################################### */
/* ############################################################ */

#naviClickstream {
	clear: both;
	height: 27px;
	margin-bottom: 12px;
	padding: 9px 0 0 12px;
	background: url(../images/clickstreamBg.gif) no-repeat;
}

#naviClickstream ul {
	float: left;
	width: 669px;
	margin-right: 20px;
}

#naviClickstream ul li {
	color: #fff;
	display: inline;
	margin-right: 5px;
}

#naviClickstream ul li a {
	color: #fff;
	text-decoration: none;
}

/*  SEARCHBOX ################################################# */
/* ############################################################ */

#searchbox {
    position: absolute;
    top: 243px;
    right: 30px;
}

#label_tx_indexedsearch_sword {
	float: left;
	margin-right: 5px;
	color: #fff;
}

#searchbox #tx_indexedsearch_sword {
	float: left;
	height: 20px;
/*jh	border: none;*/
	border: 1px solid #999999;
	padding: 0 0 0 2px;
	background: url(../images/searchBg.gif) no-repeat;*/
    
}

/*  CONTENT LEFT COLUMN ####################################### */
/* ############################################################ */

#contentAdditionalLeft {
	float: left;
	width: 184px;
	margin-right: 10px;
}

/*  SUB NAVIGATION ############################################ */
/* ############################################################ */

#naviTYPO3,
#naviSub {
    margin-bottom: 10px;
}


#naviTYPO3 ul,
#naviSub ul {
	/*margin-left: 1px;*/
/*jh	background: #afbeca;*/
	background: #cedbe6;
}

#naviSub ul ul {
	margin-left: 0;
	background: none;
}

#naviTYPO3 h3.boxHeadline, 
#naviSub h3.boxHeadline {
	height: 25px;
	background: url(../images/naviSubTopSm.gif) no-repeat;
	padding: 4px 0 0 12px;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
}

#naviSub h3.boxHeadline a {
    color: #fff;
    text-decoration: none;
}

#naviTYPO3 ul li a, 
#naviSub ul li a {
/* jmh	height: 25px; */
	display: block;
	border-bottom: 1px solid #8494a1;
	border-top: 1px solid #d2dee7;
	border-left: 1px solid #dee4e9;
	border-right: 1px solid #bdc9d3;
/* jmh	padding: 5px 0 0 12px; */
/*jmh*/	padding: 5px 0 5px 12px;
	color: #475055;
	text-decoration: none;
/*jmh*/	line-height: 1.25em;
}

#naviSub ul li ul li a {
	padding-left: 24px;
/*jh	background: #cedbe6;*/
	background: #edf5fc;
}

#naviSub ul li.act a,
#naviSub ul li.cur a,
#naviSub ul li a:hover {
/*jh	background: #cedbe6;*/
	background: #edf5fc;
}

/*added by jh: */
#naviTYPO3 ul li a:hover, 
#naviSub ul li a:hover {
    background: #cedbe6 url(../images/naviSubSecondAct_OLD.gif) left no-repeat;
}

/*added by jh */
#naviTYPO3 ul li.cur a,
#naviTYPO3 ul li a:hover,
#naviSub ul li.cur a:hover,
#naviSub ul li.act a,
#naviSub ul li.cur a {
background: #edf5fc url(../images/naviSubSecondAct.gif) left no-repeat;
}

/*added by jh */
#naviSub ul li.cur ul a,
#naviSub ul li.act ul a {
background: #edf5fc none;
}

#naviSub ul li ul li a:hover,
/*jh    #naviSub ul li ul li.cur a,*/
#naviSub ul li ul li.act a {
/*jh	background: #cedbe6 url(../images/naviSubSecondAct.gif) left no-repeat;*/
	background: #edf5fc url(../images/naviSubSecondAct.gif) left no-repeat;
}

/*added by jh */
#naviSub ul li ul li.cur a,
#naviSub ul li ul li.cur a:hover {
	background: #159fd5;
    color: #fff;
}

#naviSub ul li ul li.act ul li a,
#naviSub ul li ul li ul li a {
	height: 20px;
	border-top: 1px solid #dfe9f1;
	border-right: 1px solid #dbe5ed;
	padding: 3px 0 0 36px;
	background: #edf5fc;
}

#naviSub ul li ul li ul li a:hover,
#naviSub ul li ul li ul li.cur a {
	height: 20px;
	padding: 3px 0 0 36px;
	background: #159fd5;
	color: #fff;
	border-top: 1px solid #159FD5;
	border-left: 1px solid #5cb9de;
}

#naviSubBottomImg {
	margin-bottom: 12px;
}


/* General Content Styles ##################################### */
/* ############################################################ */

p {
    line-height: 1.6em;
}




/*  CONTENT MIDDLE COLUMN ##################################### */
/* ############################################################ */

#contentMain {
	float: left;
	width: 528px;
}

#contentMain h2,
#contentMain h3,
#contentMain h4,
#contentMain p {
}

/* added by jh */
#contentMain h1.connectaSymbol,
#contentMain h2.connectaSymbol{
    background: url("../images/connectaSymbol20.gif") no-repeat 0 0 transparent;
    padding-left: 30px !important;
    padding-top: 2px;
}

/* added by jh */
#contentMain h2.triangle{
    background: url("../images/triangle12.gif") no-repeat 0 50% transparent;
    padding: 0 0 0 11px !important;
}

#contentMain h2.underline_wrench {}

#contentMain h2.blue {
    color: #159fd5;
}

#contentMain p {
	color: #475055;
}

#contentAdditionalRight ul,
#contentMain ul {
    margin-left: 13px;
}

#contentAdditionalRight ul li,
#contentMain ul li {
    list-style: url("../images/triangle8.gif") outside;
    margin-bottom: 0.3em;
    /*jh line-height: 1.6em;*/
}
#contentMain ul li {
    margin-left: 2em;
}


/*  CONTENT RIGHT COLUMN ###################################### */
/* ############################################################ */

#contentAdditionalRight {
	float: right;
	width: 184px;
}

/*  META INFORMATION ########################################## */
/* ############################################################ */

#metaArea {
	height: 299px;
	background: url(../images/metaBg.gif) repeat-x;
}

#metaLinks {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 966px;
}

/*  LINK BOXES ################################################ */
/* ############################################################ */

.linkbox_nodivider, 
.linkbox {
	width: 220px;
	height: 170px;
	float: left;
	margin: 30px 0px 0 0;
    padding: 0 10px 0 10px;
	background: url(../images/linkBoxVDivider.gif) right 10px no-repeat;
}

.linkbox_nodivider {
    background: none;
}

.linkbox_nodivider, 
.linkbox .tx-spsocialbookmarks-pi1 {
    padding-left: 10px;
}

.linkbox_nodivider h3, 
.linkbox h3 {
    margin-bottom: 10px;
	padding: 0 0 8px 10px;
	color: #fff;
	background: url(../images/linkBoxHDivider.gif) bottom no-repeat;
}

.linkbox_nodivider ul, 
.linkbox ul {
	padding: 0px 0 0 12px;
}

.linkbox_nodivider ul li, 
.linkbox_nodivider ul li a, 
.linkbox ul li, 
.linkbox ul li a {
	color: #fff;
	text-decoration: none;
}

.linkbox_nodivider ul li a:hover, 
.linkbox ul li a:hover {
    text-decoration: underline;
}

/*  META NAVIGATION ########################################### */
/* ############################################################ */

#naviMeta {
	margin: 0 auto;
	padding: 0;
	position: absolute;
    bottom: 55px;
	width: 966px;
}

#naviMeta ul {
	margin: 30px 0 0 10px;
}

#naviMeta ul li {
	float: left;
}

#naviMeta ul li a {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	background: url(../images/naviMetaDivider.gif) right no-repeat;
	color: #fff;
	text-decoration: none;
}

#naviMeta ul li.last a {
	background: none;
}


/*  CONTENT BOXES ############################################# */
/* ############################################################ */

.BoxSuccessStory,
.BoxContact, 
.contentAdditionalBox {
	width: 152px;
	margin-bottom: 10px;
	background: #EDF5FC;
/*jh    background: url(../images/contentBoxBg.gif) repeat-y;*/
    padding: 0 20px 0 12px;
}


.BoxSuccessStory h2,
.BoxContact h2, 
.contentAdditionalBox h2, 
.BoxSuccessStory h3,
.BoxContact h3,
.contentAdditionalBox h3 {
	height: 25px;
    width: 162px;
    margin: 0 0 10px -12px;
	background: url(../images/contentBoxTop.gif) no-repeat;
	padding: 4px 10px 0 12px;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
}

.BoxSuccessStory img.contentBoxBottom,
.BoxContact img.contentBoxBottom, 
.contentAdditionalBox img.contentBoxBottom {
    height: 5px;
    margin-left: -12px;
}

.BoxSuccessStory .BoxSm h3 {
    padding-left: 40px;
    background: url(../images/successHeader.gif) no-repeat;
}

.BoxContact .BoxSm h3 {
    padding-left: 40px;
    background: url(../images/contactHeader.gif) no-repeat;
}

.contentAdditionalBox img#vctagid  {
   height: auto;
   margin-left: -12px;
   margin-top: 10px;
   margin-bottom: 10px;
}

#contentMain .contentBox img {
    width: 534px;
}

#contentMain .contentMainBox, 
#contentMain .contentMainImageBox {
	margin-bottom: 24px;
}

#contentMain .BoxXl, 
#contentMain .BoxXlImage {
	width: 502px;
	padding: 0 20px 10px 12px;
/*jh	background: url(../images/contentBoxXlBg.gif) repeat-y;*/
    background: #edf5fc;
}

#contentMain .BoxXlfixed {
	height: 100px;
	overflow: hidden;
}

#contentMain .BoxXl p {
/*jh	color: #475055;*/
	color: #222;
/*jh    padding: 0;*/
/*    padding: 0.5em 0 0;*/
}

#contentMain .BoxXl h1,
#contentMain .BoxXl h2, 
#contentMain .BoxXlImage h1,
#contentMain .BoxXlImage h2 {
	height: 25px;
    width: 524px;
    margin: 0 0 10px -12px;
	background: url(../images/contentBoxXlTop.gif) no-repeat;
	padding: 4px 0 0 12px;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
}

#contentMain .BoxXlImage {
    padding: 0;
    width: 535px;
}

#contentMain .BoxXlImage div.csc-textpic-single-image img {
    margin-bottom: 0;
}

#contentMain .BoxXlImage h1,
#contentMain .BoxXlImage h2 {
    margin: 0;
}

#contentMain .BoxXl h3 {
	font-weight: bold;
	color: inherit;
	background: none;
	font-size: 1em;
	padding: 10px 0 0 12px;
	height: auto;
}

/* added by j.hambuch */
#contentMain #contentMainBox .BoxXl h3 {
    font-size: 1.5em;
    font-style: italic;
    color: #159fd5;
}

#contentMain .contentMainBoxGrey .BoxXl h2 {
    background: url("../images/contentBoxXlTopGrey.gif") no-repeat scroll 0 0 transparent;
}

#contentMain .contentMainBoxGrey .BoxXl {
    background: #CEDBE6;
}

#contentMain .contentMainBoxPure .BoxXl h2 {
    background: none;
    color: #475055;
    font-size: 1.1em;
}

#contentMain .contentMainBoxPure .BoxXl {
    background: none;
}

#contentMain .csc-textpic-caption {
    font-size: 75%;
    font-weight: bold;
}

/*  Contact Form ############################################# */
/* ############################################################ */

.input label , .errorclass_betreff, #label_message {
	display: block;
}

input.radiobutton {
	margin: 0 0 10px 0;
}

#inputfield_name, #inputfield_firma, #inputfield_telefon, #inputfield_email, #inputfield_codeinput, #inputfield_betreff {
	height: 18px;
	width: 200px;
	border: 1px solid #999999;
	padding: 2px 0 0 2px;
/*jh	background: url(../images/inputBG.gif) 0 0 no-repeat;*/
    background: #EDF5FC;
	margin: 0 0 10px 0;
	display: block;
	color: #475055;
}

#inputfield_betreff {
	height: 20px;
	width: 205px;
	border: 1px solid #999999;
	padding: 0 0 0 2px;
/*jh	background: url(../images/inputBG.gif) 0 0 no-repeat;*/
    background: #EDF5FC;
	margin: 0 0 10px 0;
	display: block;
	color: #475055;
}

#inputfield_codeinput {
	height: 18px;
	width: 25px;
	border: 1px solid #999999;
	padding: 2px 0 0 2px;
/*jh	background: url(../images/inputBG.gif) 0 0 no-repeat;*/
    background: #EDF5FC;
	margin: 0 0 10px 0;
	display: block;
	color: #475055;
}

textarea#inputfield_message {
	height: 100px;
	width: 298px;
	border: 1px solid #999999;
	padding: 0 0 0 2px;
/*jh	background: url(../images/textareaBg.gif) no-repeat;*/
    background: #EDF5FC;
	margin: 0 0 10px 0;
	color: #475055;
}

label.error {
	color: #A52A2A;
}

#inputfield_name.error, #inputfield_email.error, #inputfield_codeinput.error, #inputfield_message.error, #inputfield_betreff.error {
	border: 1px solid #A52A2A;
}

div.error {
	margin: 0 0 10px 0;
}

div.error li  {
	margin: 0 0 5px 0;
	color: #A52A2A;
}


/********************************************************************
CAG Schulungsanfrage
********************************************************************/

#inputfield_ort {
	height: 20px;
	width: 205px;
	border: 1px solid #999999;
	padding: 0 0 0 2px;
/*jh	background: url(../images/inputBG.gif) 0 0 no-repeat;*/
    background: #EDF5FC;
	margin: 0 0 10px 0;
	display: block;
	color: #475055;
}

#inputfield_schulung {
	height: 20px;
	width: 205px;
	border: 1px solid #999999;
	padding: 0 0 0 2px;
/*jh	background: url(../images/inputBG.gif) 0 0 no-repeat;*/
    background: #EDF5FC;
	margin: 0 0 10px 0;
	display: block;
	color: #475055;
}





#contentArea {
	width: 921px;
}

#teaserboxes {
	width: 990px;
	margin-top: 24px;
}

.teaserSmall {
    position: relative;
	float: left;
	width: 212px;
	height: 235px;
	overflow: hidden;
	background: url(../images/teasersmall_bg_gray.png) no-repeat;
	margin: 0 24px 28px 0;
}
.teaserSmall:hover {
	background: url(../images/teasersmall_bg_blue.png) no-repeat;
}
.teaserSmall h2 {
    height: 54px;
    margin: 15px 0 0 10px;
    color: #fff;
    font-size: 1.8em;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 0.9em;
    letter-spacing: 0.05em;
}
.teaserSmall h2 .smallfont {
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
}
.teaserSmall img {
    position: absolute;
    right: 10px;
    top: 75px;
}
.teaserSmall p {
    width: 110px;
    margin: 2px 0 8px 11px;
	color: #fff;
    line-height: 1.2em;
}
.teaserSmall p.moreLink {

}
.teaserSmall p a {
	color: #fff;
}

.teaserLarge {
	width: 450px;
	float: left;
	margin-right: 24px;	
}

.teaserLarge h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 8px 0;
}

.contentMain_leftCol {
	float: left;
	width: 218px;
    margin-right: 15px;
    padding: 0 20px 0 12px;
}

.contentMain_RightCol {
	float: right;
	width: 218px;
    padding: 0 20px 0 12px;
}

#contentAdditionalRight ul,
#contentAdditionalRight ol,
#contentAdditionalRight p,
.contentMain_leftCol ul,
.contentMain_RightCol ul,
.contentMain_leftCol ol,
.contentMain_RightCol ol,
.contentMain_leftCol p,
.contentMain_RightCol p, 
#contentMain p {
    margin-bottom: 15px;
}

#contentMain .BoxXl p:last-child {
    margin-bottom: 0;
}

#contentMain h2 {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 10px;
	padding-left: 12px;
}

#contentMain .contentMain_leftCol h1,
#contentMain .contentMain_RightCol h1,
#contentMain .contentMain_leftCol h2,
#contentMain .contentMain_RightCol h2 {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 10px;
	padding-left: 0;
}

.content2ColDivider {
	margin-bottom: 15px;
	padding-bottom: 1px;
	background: url(../images/contentDivider.gif) bottom repeat-x;
}

.footerLogos {
    position: absolute;
    bottom: 16px;
    right: 16px;
}

#sp_socialbookmarks_link_bar a {
    text-decoration: none;
}

#naviMetaTop {
    position: absolute;
    right: 15px;
}

#naviMetaTop ul li {
    display: inline;
    margin-right: 5px;
    padding-right: 8px;
}

#naviMetaTop ul li.no {
    background: url(../images/naviMetaTopDivider.gif) right no-repeat;
}

#naviMetaTop ul li.last {
    background: none;
}

#naviMetaTop ul li a {
    text-decoration: none;
    color: #475055;
}

.tx-imagecycle-pi1 {
    margin: 10px 0 0 -12px;
}

.tx-indexedsearch {
    padding-left: 12px;
}

#supersize{
	position:fixed;
}
#supersize img{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}

.news-list-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    background: url(../images/contentDivider.gif) bottom repeat-x;
}

#contentMain .news-list-item h2 {
    padding-left: 0;
}

#contentMain .news-single-item h1 {
    font-size: 1.3em;
}