div.tx-featuresce-pi1 table td {border-bottom: 12px solid white;}


/* new CSS  Document for Kolkata Info Services */

div.technology-container {background-image: url(../images/gradient.gif); padding: 6px; margin-bottom: 6px; padding-bottom: 12px;}
div.technology-container img {border: 1px solid #ccc; float: left; margin-right: 6px;}
span.technology-headline {display:block; font-weight:bold;}
/*div.technology-container br {clear: both}*/

table.pricelist {margin-top: 8px; width: 520px; border: none; border-collapse: collapse; font-size: 11px; color:#565656;}
table.pricelist tr.first td {background-color: #ccc; background-image: none; font-weight:bold;}
table.pricelist tr.last td {background-image: none;}
table.pricelist td {background: url(../images/gradient.gif) repeat-x;}

table.pricelist td {border-top: 1px solid #ccc; height: 16px; padding: 2px; vertical-align:top;}
#leftcontent table.pricelist a.warenkorb {display: block; height: 12px; width: 100px;  background-color: #8ca772; color: white; text-decoration:none; padding: 1px 3px;  margin: 0 5px;}
body #leftcontent table.pricelist a.anfrage {background-color: #8f5c6f;}
table.pricelist td.middle {text-align:right;}

#leftcontent a {color: #8ca772;}
#leftcontent p.subItem {background-image: url(../images/gradient.gif); }
#leftcontent p.subItem a {text-decoration:none; background: url(../images/arrowCircleGr.gif) no-repeat right bottom; padding-right: 17px;}

p.subItem img {float: left; padding-right: 6px; padding-top: 2px;}

#leftcontent h3.featureboxes {margin-bottom: 0;padding-bottom: 0;}

body {
margin: 0;
/*margin-top: 10px;*/
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
/*background-image: url(../images/pgBg.gif);
background-repeat: repeat;
background-color: #8ca771;*/
}
p.bodytext, p.intro, p.teaser {font-size:11px; line-height:14px;}

strong {font-size:11px;}

#main {
width: 911px;
text-align: left;
margin: 0 auto;
/*background-color: #FFFFFF;*/
padding-top: 10px;
/*background-image: url(../images/mainShadow.gif);
background-repeat: repeat-y;*/
}

#content {background: url(../images/content_background.gif) no-repeat right top; margin: 0; border-left: 1px solid #ccc; padding: 0; background-color: #FFFFFF;}

/*Technologie*/

td.left {width: 220px;}
td.left img {margin-right: 10px;}
td.left, td.right {background-image: url(../images/gradient.gif); border-top: 4px solid white; padding: 4px 0; vertical-align:top;color: #8ca772;;}


#leftcolumn {width: 560px; float: left; margin: 0; border: 0; padding: 0;}

#leftcontent{text-decoration:none; padding: 0; font-size: 10px; color:#565656; margin:0px;}
#leftcolumn div.csc-textpic-imagewrap img {border: 1px solid #777;}

div#headerImg {background: url(../images/headerUberUns.png) no-repeat; height: 79px; width: 516px; margin-left: 16px; border-top: 1px solid #8ca772; padding: 10px 12px 0 0;}
#headerImg h1 {text-align: right; font-weight: normal; font-size: 14px;}
#headerImg IMG {float: right; margin: 2px 0px 0 6px;}
span.subtitle {text-align: right; font-size: 11px; line-height: 12px; display:block; color:#565656; font-weight: normal;}

#headerImg div.cms{background: url(../images/icon-cms.gif) no-repeat right top;}
#headerImg div.pdf{background: url(../images/icon-pdf.gif) no-repeat right top;}
#headerImg div.lobe{background: url(../images/icon-lobe.gif) no-repeat right top;}
#headerImg div.jov{background: url(../images/icon-jov.gif) no-repeat right top;}
#headerImg div.manus{background: url(../images/icon-manus.gif) no-repeat right top;}

#contentarea {margin: 17px;}

/* ######################## Headings for main content area ##########################  */
#leftcontent h1 {font-weight: bold; font-size:12px; margin: 1px; color:#495578;}
#leftcontent h2, .popup h2 {font-weight: bold; font-size:12px; color: #495578; line-height: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 25px 0 4px 0;}
#leftcontent h3 {font-weight: bold; font-size:11px; margin-bottom: 10px; margin-top:0;font-family: Verdana, Helvetica, sans-serif;}

/* ######################## Headings for main content area ##########################  */

/* ######################## content types ##########################  */
#contentarea p {margin-bottom: 10px;}
#contentarea p.bodytext {margin: 10px 0; padding-bottom: 10px;}
#contentarea p.teaser {margin: 10px 0; font-style: italic;}
#contentarea p.intro {margin: 10px 0; font-weight: bold;}
#contentarea p img.left { float: left; margin: 0 5px 0px 0;}
/*p.intro {color: #495578;}*/

ul.component-items {list-style-type:none;}

ul.component-items li {background: url(../images/iconCheck.gif) no-repeat left top; margin-bottom: 5px;padding-left: 20px; line-height: 15px; list-style:url(none) none outside;}

ul.action-items li {list-style-type:none;}
ul.action-items li { margin-bottom: 5px; background: url(../images/iconInfo.gif) no-repeat left top; padding-left: 20px; list-style:url(none) none outside;}

/* ######################## content types ##########################  */

#breadcrumb {text-decoration:none; padding:0; color: #777; font-weight: bold; font-size:10px; margin: 17px 17px 0px 17px;}
#breadcrumb a{text-decoration:none; padding:0; color: #777; font-weight: normal; font-size:8pt; margin:0;}

/* ########################### Two column content ############################ */
.twoColWrapper { width: 99%; margin: 10px 5px; border: 1px dashed #ccc; margin-bottom: 20px; }
.twoCol { width: 47%; float: left; padding: 5px; border-right: 1px dashed #ccc;}
.twoCol p { margin-bottom: 10px;}
.twoCol p span.header { display: block; font-weight: bold;}
.twoCol p img.leftAlign {float: left; margin: 3px 5px 3px 0;}
.twoCol p img.rightAlign {float: right; margin: 3px 0 3px 5px;}
/* ######################## Two column content ######################### */


/* ############################## Right column ############################### */
#rightcontent {width: 315px; float: right; margin: 20px 16px 0 16px; _margin: 20px 10px 0 9px; border: 0; padding: 0; font-size: 11px;}

	/* ############################## Right column headers ################################## */
	/*#rightcontent h1 {font-weight: bold; font-size:14px; margin: 1px 0 8px 0px; color:#495578; background-color: #dddddd; width: 310px; padding-left: 6px; height: 16px; line-height: 16px; border-bottom: 1px solid black;}*/
	#rightcontent h2 {font-weight: normal; font-size:12px; margin: 1px 0 4px 10px; color: #8f5c6f; width: 310px; line-height: 14px; font-family: Arial, Helvetica, sans-serif;}
	/*#8c7c5c #rightcontent h3 {font-weight: bold; font-size:10px; margin: 1px 0 8px 0px; color:#495578; background-color: #dddddd; width: 310px; padding-left: 6px; height: 16px; line-height: 18px; border-bottom: 1px solid black;}*/
	/* ############################## Right column headers end ############################### */

.rightContentBox {clear:both; width:316px; padding: 7px 0; border-bottom: 1px solid #cccccc; border-top: 1px solid #ffffff; display: block;}
.rightContentBox p {margin-left: 10px; font-size: 10px; margin-bottom: 5px; color:#777; width: 295px;}
.rightContentBox p.rtIntro {margin-bottom: 10px;}
.rightContentBox p.subItem {border-bottom: 1px dotted #777; padding-bottom: 5px; display: block;}
.rightContentBox p.subItemLast {padding-bottom: 5px; display: block;}
.right_title {font-size: 10px; margin: 3px 0; display:block; color:#777;}
#rightcontent .rightContentBox a {font-weight:normal; text-decoration:none; color:#495578;background: url(../images/arrowCircle.gif) no-repeat right bottom; padding-right: 17px;}
#rightcontent a:hover {background: url(../images/arrowCircleRo.gif) no-repeat right bottom;}
.rightContentBox img.prodIcn {float: left; margin-right: 0px; margin-left: 0px;}
.rightContentBox img.pdfIcn {float:left; padding: 3px 4px 0 0px;}
.rightContentBox img.clientIcn {float: left; margin-right: 7px; border: 1px solid #777; padding: 0;}
.rightContentBox li {font-size: 10px;color:#777;}
/* ############################## Right column END ############################### */

#leftcontent .rightContentBox {border:0; background-color: #f2f5ef; width: 100%; padding-top: 0px; margin-top: 20px;}
#leftcontent .rightContentBox p.subItem {border: 0; background-image:none;}
#leftcontent .rightContentBox p.subItem a {text-decoration: underline;}

#searchbox {
float: right;
margin: 26px 0px 10px 0px;
padding: 0;
width: 380px;
text-align:right;
}
.image_with_text {
margin: 30px 0 30px 0;
font-size:10px;
}
.image_with_text img {
float: left; 
margin: 0; 
border: 1px; 
padding: 0;
}
a { color:#495578;}
.image_with_text a {
color:#8ca772;
clear: both;
margin: 0;
padding: 0;
}
.image_with_text p {
margin: 0 0 0 75px;
}
#lefttcontent_up {
color:#000000;
clear: both;
font-size:10px;
font-weight: bold;
margin: 10px 0 15px 0;
}
#lefttcontent_title {
color:#cc3e14;
clear: both;
font-size:10px;
font-weight: normal;
margin: 0 0 5px 0;
}
#homenav {
margin: 6px 10px 18px 1px;
color: #495578;
font-weight: normal; font-size:12px;
line-height: 17px; font-family: Arial, Helvetica, sans-serif;
}
a.TopNavigation{
color: #495578; 
font-weight: normal; font-size:12px;
text-decoration: none;
line-height: 17px; font-family: Arial, Helvetica, sans-serif;
}
a:hover.TopNavigation{
color: #2a3451; 
text-decoration: none;
}
#border_top {
height: 10px;
margin: 0;
border: 0;
padding: 0;
}
#border_bottom {
height: 10px;
margin: 0;
border: 0;
padding: 0;
}
#footer span{
background-color: none;
margin: 0;
border: 0;
padding: 4px;
clear: both;
}
#copyright {
color: #b1b1b1;
margin: 0;
border: 0;
padding: 4px;
clear: both;
font-size:8pt;
font-weight: bold;
margin:4px;
}

#copyright a {
color: #b1b1b1;
font-size:8pt;
font-weight: bold;
text-decoration:none;
}


div.tx-ttnews-browsebox {
width: 528px;
}
div.tx-ttnews-browsebox table {
border-top: 1px dotted black;
border-bottom: 1px dotted black;
display: block;
width: 528px;
}
div.tx-ttnews-browsebox table {padding: 0 155px 0 155px;}
#ajaxcontentarea {margin: 17px; min-height: 400px;}
#ajaxcontentarea ul, #contentarea ul, #rightcontent ul{
list-style-image: url(../images/pfeil.gif);
list-style-position: outside;
padding-left: 12px;
}
h2.background {
font: bold 12px verdana;
color: #495578;
height: 16px;
padding-top: 0;
margin-top: 0;
}

div>img.border_top {
float: left;
}


#image_display {
height: 165px;
width: 528px;
border: 0;
margin: 0;
}

/*Hosting Tabelle*/

#hosting {
width: 100%;
border-collapse:collapse;
}
#hosting td {
border-left: 1px dotted #CCCCCC;
border-right: 1px dotted #CCCCCC;
height: 18px;
font-size: 10px;
padding: 0px 2px 0px 4px;
text-align: center;
}
tr.grau {
background-color: #FaFaFa;
}
tr.heading {
background-image: url(../images/gradient.gif);
margin-top: 20px;
}
#hosting td.category {
text-align: left;
font-weight: bold;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;
}
#hosting td.left {
text-align: left;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;
}
#hosting td.name {
font-weight: bold;
width: 20%;
border-top: 1px dotted #CCCCCC;
}
#hosting td.bottom {
border-bottom: 1px dotted #CCCCCC;
}
ul#extensions {
list-style-position: outside;
padding-left: 10px;
}
ul#extensions li {
padding-top: 10px;
}

#contentarea a{
color: #8ca772;
}

/* Start Contact Form */


form#submitForm { /* id to be changed according to the html code*/ 
font-size: 11px; width: 500px;    /* width can be customised as percentage value or pixels according to layout */padding: 10px;}

fieldset {clear: both;padding: 0 7px 10px;background-color: #f2f2f2;}
fieldset.areasInterest {width: 45%;float: left;clear: none;margin-top: 10px;_height: 200px;}
fieldset.kontaktTime {width: 45%;float: right;clear: none;margin-top: 10px;_height: 200px;}

fieldset fieldset { /* for nested fieldset, e.g. radio group inside a parent group */
width: 240px; /* here width has been taken as the width of the right column. customise according to requirement */ float: left; margin-left: 104px; /* to counter the left column */}

form legend {font-weight: bold; color: #565656;}

form .required {font-weight: bold;}    /* required field labels in bold. customise font colour if required. */

form p {    /* principal wrapper element for each line */
padding: 0; margin: 4px; display: block;clear: both;font-size: 11px;}

form p label{ /* left column of the form */
width: 140px; text-align: right; float: left; display: block; margin-right: 4px; line-height: 20px;}

form p input{ /* right column of the form where form element is of type input  */
width: 250px; text-align:left; float: left; display: block;}

form p textarea{  /* right column where type is textarea. */
width: 250px; text-align:left; float: left; display: block;}

form p select {text-align:left; float: left; display: block; font-size: 11px;}    /* right column where type is a dropdown */

form p label.radio{width: 7%;    /* change width as percentage or fixed value according to requirement */text-align: left; float: left; display: block;}

form p input.radio{width: 14px; text-align:left; float: left; display: block;}

form p input.chkBox{width: 14px; text-align:left; float: left; display: block; margin-left: 5px;}
form p label.frmHalfBox { width: 30%;}
form p select.callDay {text-align:left; float: left; display: block; margin-right: 10px;}

form p label.kontaktMsgLbl{width: 100%;float: left;display: block;text-align: left;margin-top: 10px;}
form p textarea.kontaktMsgTxt{width: 100%; text-align:left; float: left;height: 100px;}

/* End Contact Form */

/* Begin Blog */


ul.category li {list-style-type:none; list-style-image:none; padding: 0 0 0 10px; margin: 0; border: 0;}
#rightcontent ul.category {list-style: inside; list-style-position: outside; padding: 0; margin: 0; border: 0;}
#contentarea h1 span.tagtitle a {text-decoration:none; color: #565656; margin: 0; font-size:11px;}
span.tagtitle {margin: 0;}
#contentarea div.posttitle h1 {margin: 4px 0 10px 0;}
#contentarea p.postmetadata, #contentarea p.postmetadata a {color: #ccc; text-decoration: none; clear: both;}
div.entry img.alignleft {float: left; margin: 2px 10px 8px 0;}

.rightContentBox table p {margin-left: 0px; font-size: 10px; margin-bottom: 4px; color:#777; width: 200px;}


div.entrytext ul {margin-bottom: 8px;}

div.post li {margin-bottom: 8px;}

div.beispielseite p {display: inline;}

#rightcontent .rightContentBox p.tagcloud a {background-image: none; padding-right: 4px;}