/**********************************************
 * CONECTO Business Communication GmbH        *
 * Project: ----------------------            *
 * Type: screen                               *
 **********************************************/

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: #fe9506 url(../img/layout/bg_body.jpg) repeat-x top left;
}

.clearer {
	clear:both;
	display:block;
	float:none;
}

div#containerHeader,
div#wrapSub {
	width: 950px;
	margin: 0 auto 0 auto;
}

div#containerHeader .headLogo {
	border: 5px solid #fb9407;
	float: left;
	margin-right: 60px;
	margin-left: -5px;
}

div#wrapSub {
	background: #fff;
	clear: both;
	width: 942px;
	padding: 4px;
}

div#containerHeaderImg {
	border: 1px solid #e5dacc;
	border-bottom: none;
	padding: 4px 4px 0 4px;
}

td.lauftext {
	background: #000;
	color: #fff;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	border-top: 1px solid #fff;
}
td.lauftext a {
	color: #fff;
}
td.lauftext a:hover {
	text-decoration: none;
}

div#containerContentWrap {
	border: 1px solid #e5dacc;
	border-bottom: none;
	border-top: none;
	padding:  20px 4px 4px 4px;
	overflow: hidden;
	background: url(../img/layout/content-bg-orange.gif) repeat-y 0 0;
}

#contentThreeColumns,
#contentTwoColumns {
	width: 100%;
	border: none;
}
#contentThreeColumns td,
#contentTwoColumns td {
	vertical-align: top;
}
#contentThreeColumns #left,
#contentTwoColumns #left {
	width: 550px;
	padding-right: 16px;
	padding-left: 10px;
	border-right:4px solid #e5e5e5;	
}
#contentThreeColumns #middle {
	width: 175px;
	padding: 0 16px;
	border-right: 4px solid #e5e5e5;
}
#contentThreeColumns #right,
#contentTwoColumns #right {
	padding-left: 16px;
	padding-right: 10px;
}
#contentTwoColumns #left {
	width: 639px;
}

#contentThreeColumns #right {
	width: 270px;
}

/* Neu */
div#left-col, 
div#right-col {
	float: left;		
}

div#left-col {
	width: 648px;
	padding: 0 15px 0 10px;	
}

div#right-col {
	width: 245px;
	padding-left: 10px;	
}

div#right-col h3 {
	margin: 0 0 15px 0;
}

div#bookmarks {
	padding: 20px 0;
}

#right h3 {
	color: #33a1fb;
	font-weight: bold;
	font-size: 12px;
	padding: 0;
	margin: 0 0 15px 0;
}


#quickNav {
	margin-bottom: 20px;
}

#quickNav a {
	background: url(../img/layout/bullet_quickNav.gif) no-repeat left;
	padding-left: 15px;
	text-decoration: none;
	color: #000;
	display: block;
	margin-bottom: 4px;
}
#quickNav a.active {
	font-weight: bold;
}
#quickNav a:hover,
#quickNav a.active:hover {
	color: #fe9507;
}

#quickNav a.sub {
    background-image: none;
    /*color: #48abfb;*/
    color: #666;
    padding-left: 25px;
}
#quickNav a.sub:hover {
    background-image: none;
    color: #fe9507;
}

.sbBox {
	border-bottom: 1px solid #c5c5c5;
	padding-bottom: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.sbBoxLast {
	border-bottom: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.sbBox .boxImg {
	width: 83px;
	height: 83px;
	overflow: hidden;
	float: left;
	margin-right: 14px;
}
.sbBox h4 {
	font-size: 10px;
	font-weight: bold;
	color: #be7108;
	padding: 0;
	margin: 0;
}
.sbBox .boxText {
	padding: 6px 0 5px 0;
}
.sbBox a.linkMore {
	color: #5b5b5b;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0 2px 22px;
	background: url(../img/layout/bullet_circle.gif) no-repeat left;
}

#content {
	color: #5b5b5b;
}

#content h1 {
	color: #db7d00;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	/*text-indent: -999em; */
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

#content .headlineSub h1 { text-indent: -999em; }
#content h2 {
	color: #48abfb;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#content h3 {
	color: #dd7f00;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#content div.headlineSub {
	border-bottom: 1px solid #c5c5c5;
	padding-bottom: 5px;
}

#content a {
	color: #48abfb;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}

#content img.imgLeft {
	float: left;
	border: 4px solid #ffeacd;
	margin: 0 15px 15px 0;
}
#content img.imgNorm {
	border: 4px solid #ffeacd;
	margin: 5px;
}
#content div#content p { 
	padding: 0; 
	margin: 0; 
	/*display: inline; */
}
.threeTd .imgFirst,
.threeTd .imgSecond,
.threeTd .imgThird {
	text-align: center;
}

.threeTd .textFirst,
.threeTd .textSecond,
.threeTd .textThird {
	padding: 5px;
}

.textBox,
.textBoxBg {
	padding: 10px;
	margin: 0 0 20px 206px;
}

.textBg {
	background: #ffeacd;
}

h3.textBg {
	padding: 4px !important;
}


div#containerFooter {
	border: 1px solid #e5dacc;
	border-top: none;
	padding: 4px;
}

div#footerInner {
	background: #fe9507;
	color: #fff;
	padding: 12px;
}

#footerNav {
	padding-bottom: 4px;
}

#footerNav a {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}
#footerNav a:hover {
	text-decoration: none;
}

#footerText a {
	color: #fff;
	text-decoration: none;
}

#copyright {
	float: right;
	padding-top: 22px;
}

.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}




/* sfHover (Menu) Styles */

#navMain, #navMain ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;

}

#navMain a {
	background: url(../img/layout/nav_main_pas.jpg) no-repeat top left;
	text-align: center;
	text-decoration: none;
	color: #000;
	width: 138px;
	height: 51px;
	line-height: 51px;
	display: block;
	margin-top: 45px;
	font-size: 12px;
}
#navMain a.activeMain,
#navMain li.sfHover a {
	background-image: url(../img/layout/nav_main_akt.jpg);
}
#navMain a:hover {
	background-image: url(../img/layout/nav_main_akt.jpg);
}

#navMain li { /* all list items */
  float: left;
	width: 138px; /* width needed or else Opera goes nuts */
}

#navMain li ul { /* second-level lists */
  position: absolute;
  background: #fff;
  width: 200px;
  top: 96px;
  margin-left: 4px;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#navMain li ul a,
#navMain li.sfHover ul a,
#navMain li ul a:hover {
	background: url(../img/layout/bullet_subNav.gif) no-repeat top left;
	height: 18px;
	line-height: 18px;
	padding: 2px 4px 2px 29px;
	margin: 0;
	width: 167px;
	text-align: left;
	font-size: 10px;
}
#navMain li ul a:hover {
	background-color: #c4e4fe;
}

#navMain li:hover ul, #navMain li.sfHover ul { /* lists nested under hovered list items */
  left: auto;
}

#navMain li.sfHover ul {
  left: auto;
}




/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
	height: 20px;
	margin: 0;
	padding: 0
	overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	top: 4px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
ul.newsticker li span {
	margin-right: 10px;
	margin-left: 40px;
}


#content table {
	margin-bottom: 20px;
	border-collapse: collapse;
}
#content table td {
	border: 1px solid #fff;
}

.tdHeadline {
	padding: 4px;
	background: #ffeacd;
	font-weight: bold;
	color: #dd7f00;
}
.tdFirst {
	padding: 2px 4px;
	background: #fef3e3;
}
.tdSecond {
	padding: 2px 4px;
	background: #ffeacd;
}

.formProdTable {
	margin: 10px 0;
	width: 90%;
}
.formProdTable .name {
	color: #dd7f00;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	padding-left: 10px;
}



	div#content table.contenttable {
		border-collapse: collapse;
		width: 100%;
		font-size: 11px;
		margin: 0 0 15px 0;
	}
	div#content table.contenttable thead,
	div#content table.contenttable thead th,
	div#content table.contenttable thead th a {
		color: #fff;
		text-transform: none;
		text-decoration: none;
	}
	div#content table.contenttable thead th a:hover { 
		text-decoration: underline; 
	}
	div#content table.contenttable thead td,
	div#content table.contenttable thead th {
		background: #ffeacd;	
		color: #dd7f00;	
	}
			
	div#content table.contenttable th,
	div#content table.contenttable td {
		text-align: left;
		padding: 6px 10px;
		border-bottom: 1px solid #fff;
	}
	/*
	div#content table.contenttable th:first-child,
	div#content table.contenttable td:first-child,
	div#content table.contenttable th.first,
	div#content table.contenttable td.first{
		text-align: left;
	}
	*/
	div#content table.contenttable tbody tr.even td {
		background: #FEF3E3;
	}
		div#content table.contenttable tr.odd td { 
			background: #FFEACD; 
		}
		

	div#content table.contenttable p {
		padding: 0;
		margin: 0;
		display: inline;
	}
	
	div#content i,
	div#content em {
		font-style: normal; 
		color: #48ABFB;
	}