body{
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	background-color: #cccccc;
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px 0px 6px 0px;
}

/* special settings for the "home"-page (pid = 1) */
#pid1 .cMain{
background-image:url(http://www.digicon-ag.de/fileadmin/templates/i/digiconGebaeude.png);
background-repeat:no-repeat;
color: #eeeeee;
height: 475px;
}
#pid1 .cMain h3{
color: #eeeeee;
}
#pid1 .cMain .pLink{
	position: relative; top: -20px;
}
/* special settings for the "historie"-page (pid = 30) */
#pid30 .cMain{
background-repeat:no-repeat;
color: #eeeeee;
}
#pid30 .cMain .csc-firstHeader h3{
color: #eeeeee;
}
#pid30 .cMain .pLink{
	position: relative; top: -20px;
}


.cTopRow{
	border: 0px solid black;
	background-color: #cccccc;
	position: absolute;
	top: 65px;
	left: 0px;
	width: 995px;
}

.cRow{
	border: 0px solid black;
	background-color: #ffffff;
	width: 995px;
}
.cRowDiv{
	float:left;
	width: 900px;
	height: 1px;
	border: 0px solid green;
	line-height: 1px;
}
.logo{
	background: #ffffff url(http://www.digicon-ag.de/fileadmin/templates/i/logo.gif) no-repeat 0px 0px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 135px;
	height: 65px;
	overflow: hidden;
}
.topHead{
	background: #fff url(http://www.digicon-ag.de/fileadmin/templates/i/bgtop.jpg) no-repeat 0px 0px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 860px;
	height: 63px;
}
.topLan{
	float: right;
	margin-left: 10px;
	margin-top: 14px;
	margin-right: 10px;
	margin-bottom: 0px;
	width: 300px;
	height: 26px;
	text-align: right;
	overflow: hidden;
}
.topNav{
	background-color: #000000;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 854px;
	height: 20px;
}

.leftNav{
	position: relative;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 135px;
	overflow: hidden;
	background-color: #cccccc;
}

.leftRowBc{
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 135px;
	height: 30px;
	background-image: url(http://www.digicon-ag.de/fileadmin/templates/i/bgBc.gif);
	overflow: hidden;
}

.rightRowBc{
	background-color: #0dd340;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 860px;
	height: 30px;
	border-left: 0px solid black;
	background-image: url(http://www.digicon-ag.de/fileadmin/templates/i/bgBc.gif);
	font-size: 11px;
}
div.rightRowBc a{
	color: white;
	text-decoration: none;
}
div.rightRowBc .inner{
	border: 0px solid red;
	height: 30px;
	top: 3px;
	padding-top: 4px;
}

.leftRowFt{
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 135px;
	height: 30px;
	background-image: url(http://www.digicon-ag.de/fileadmin/templates/i/bgFt.gif);
	overflow: hidden;
}

.rightRowFt{
	background-color: #0dd340;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 860px;
	height: 30px;
	border-left: 0px solid black;
	background-image: url(http://www.digicon-ag.de/fileadmin/templates/i/bgFt.gif);
	text-align: center;
	font-size: 11px;
}
div.rightRowFt a{
	color: white;
	text-decoration: none;
}

div.rightRowFt .inner{
	border: 0px solid red;
	height: 30px;
	top: 10px;
	padding-top: 11px;
}

.footer{
	background-color: #55f435;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 859px;
	height: 30px;
	border-left: 1px solid black;
}

div.pLink{
 float: right;
 border: 1px solid #cccccc;
 margin-right: 10px;
 margin-bottom: 10px;
 width: 16px;
 height: 17px;
}

.cMain{
	background-color: #ffffff;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 860px;
	border-left: 0px solid black;
}
.cMainInner{
	font-size: 11px;
	background-color: #fffffff;
	border: 0px solid black;

	display: inline;
}

.cMainInnerTD table, tr, td{
 color: #646464;
 font-size: 11px;
}

div.cMainInnerTABLE { margin-top: 10px; margin-left: 10px; }
div.cMainInnerTR {  }
div.cMainInnerTD {   }

div.cMainInner h1{
	font-size: 16px;
	font-weight: bold;
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #899eb1;
	padding-bottom: 2px;
}

div.cMainInner h2{
	font-size: 14px;
	font-weight: bold;
	margin: 24px 0px 8px 0px;
}
div.cMainInner h3{
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0px 4px 0px;
}
div.cMainInner h4{
	font-size: 11px;
	font-weight: bold;
}
div.cMainInner h5{
	font-size: 11px;
	font-weight: bold;
}
div.cMainInner h6{
	font-size: 11px;
	font-weight: bold;
}
div.cMainInner img{
	border: 1px solid #cccccc;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;

}

.fB{
	font-weight: bold;
}
.clrBg01{
	background-color: #cccccc;
}
.clrBg02{
	background-color: #899EB1;
}
.clrBg03{
	background-color: #000000;
}
.clrBg04{
	background-color: #ffffff;
}
.clrBg05{
	background-color: #ff0000;
}
.clrBg06{
	background-color: #000000;
}
.clrBgxx{
	background-color: #ff0000;
}

.clr01{
	color: #cccccc;
}
.clr02{
	color: #899EB1;
}
.clr03, a.clr03{
	color: #00ff00;
}
.clr04, a.clr04{
	color: #ffffff;
}
.clr05, a.clr05{
	color: #ff0000;
}
.clr06, a.clr06{
	color: #000000;
}
.clr07, a.clr07{
	color: #646464;
}
.clrxx, a.clrxx{
	color: #ff0000;
}

.fSmall{
 font-size: 11px;
}

.fSmallB{
 font-size: 11px;
 font-weight: bold;
}

.fMedium{
 font-size: 13px;
}

.fMediumB{
 font-size: 13px;
 font-weight: bold;
}

.noBorder{
	border: 0px solid red;
}

img.flag{
	border: 0px solid green;
 	width: 17px;
 	height: 11px;
 	margin-top: 13px;
 	margin-right: 5px;
 	padding: 0px;
}
a.flag{
	border: 0px solid green;
	padding: 0px;
}

.promotionLeft{
	border: 0px solid #ffffff;
	width: 120px;
	margin-left: 6px;
}

/* **************** */
/* top menu styles */
/* **************** */
 /* common styling */
.topMenu {
	float: left;
	width: 100%;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	background-color: #000000;
	border-top: 0px solid #4c597f;
	border-bottom: 0px solid #4c597f;
	margin: 0px 0px 0px 0px; /* for this demo only */
}
.topMenu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.topMenu ul li {
	float: left;
	position: relative;
	background-color: #000000;
}
.topMenu ul li a, .topMenu ul li a:visited {
	float: left;
	display: block;
	text-decoration: none;
	color: #ddddff;
	padding: 0px 7px;
	line-height: 25px;
	height: 25px;
	border-bottom: 0px solid #fff;
}

.topMenu ul li:hover {width:auto;}

/* specific to IE5.5 and IE6 browsers
.topMenu ul li a.topMenuone:hover {border-color:#c00; color:#000; background-color: #899EB1;}
.topMenu ul li a.topMenutwo:hover {border-color:#c60; color:#fc0;}
.topMenu ul li a.topMenuthree:hover {border-color:#cc0; color:#cc0;}
.topMenu ul li a.topMenufour:hover {border-color:#080; color:#0e0;}
.topMenu ul li a.topMenufive:hover {border-color:#00c; color:#aaf;}
.topMenu ul li a.topMenusix:hover {border-color:#c0c; color:#f8f;}
.topMenu ul li a.topMenuseven:hover {border-color:#c0c; color:#f8f;}*/
.topMenu ul li a.topMenueAct:hover {border-color:#c0c; color:#000000;  background-color: #ffffff;}

/* specific to non IE browsers
.topMenu ul li:hover a.topMenuone {border-color:#c00; color:#000; background-color: #899EB1;}
.topMenu ul li:hover a.topMenutwo {border-color:#c60; color:#fc0;}
.topMenu ul li:hover a.topMenuthree {border-color:#cc0; color:#cc0;}
.topMenu ul li:hover a.topMenufour {border-color:#080; color:#0e0;}
.topMenu ul li:hover a.topMenufive {border-color:#00c; color:#aaf;}
.topMenu ul li:hover a.topMenusix {border-color:#c0c; color:#f8f;}
.topMenu ul li:hover a.topMenuseven {border-color:#c0c; color:#f8f;}*/
.topMenu ul li:hover a.topMenueAct {border-color:#c0c; color:#000000;  background-color: #ffffff;}
.topMenu ul li ul {
	display: none;
}

 /* common styling */
.topMenu table {
	margin: 0px;
	border-collapse: collapse;
	font-size: 11px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* specific to non IE browsers */
.topMenu ul li:hover ul {
	display: block;
	position: absolute;
	top: 24px;
	margin-top: 1px;
	left: 0px;
	width: 154px;
	border-bottom: 0px solid #ffffff;
}
.topMenu ul li:hover ul.endstop {
	left:-92px;
}
.topMenu ul li:hover ul li ul {
	display: none;
}
.topMenu ul li:hover ul li a {
	display: block;
	background:#000000 url(http://www.digicon-ag.de/fileadmin/templates/i/bullet1.gif) no-repeat 3px 8px;
	color: #ffffff;
	height: auto;
	line-height: 15px;
	padding: 4px 16px;
	width: 120px;
	border: 0px solid #000000;
	border-bottom: 0px;
}
.topMenu ul li:hover ul li a.drop {
	background: #cccccc url(http://www.digicon-ag.de/fileadmin/templates/i/bullet1.gif) no-repeat 3px 8px;
}
.topMenu ul li:hover ul li a:hover {
	color:#000000;
	background: #cccccc url(http://www.digicon-ag.de/fileadmin/templates/i/bullet1.gif) no-repeat 3px 8px;
}
.topMenu ul li:hover ul li a:hover.drop {
	background: #cccccc url(http://www.digicon-ag.de/fileadmin/templates/i/bullet1.gif) no-repeat 3px 8px;
}
.topMenu ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: 153px;
	top: -1px;
}
.topMenu ul li:hover ul li:hover ul.left {
	left: -153px;
}

/* specific to IE5.5 and IE6 browsers */
.topMenu ul li a:hover ul {
	display: block;
	position: absolute;
	top: 25px;
	background: #ffffff;
	left: 0px;
	border-bottom: 1px solid #ffffff;
}

.topMenu ul li a:hover ul.endstop {
	left: -92px;
}
.topMenu ul li a:hover ul li a {
	display: block;
	background: #ffffff url(http://www.digicon-ag.de/fileadmin/templates/i/bullet1.gif) no-repeat 3px 8px;
	color: #000000;
	height: 1px;
	line-height: 15px;
	padding: 4px 16px;
	width: 154px;
	w\idth: 154px;
	border: 1px solid #ffffff;
	border-bottom: 0px;
}

.topMenu ul li a:hover ul li a.drop {
	background: #cccccc url(http://www.digicon-ag.de/fileadmin/templates/i/bullet1.gif) no-repeat 3px 8px;
	padding-bottom: 4px;
}
.topMenu ul li a:hover ul li a ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	width: 0;
}
.topMenu ul li a:hover ul li a:hover {
	color:#000000;
	background: #cccccc url(http://www.digicon-ag.de/fileadmin/templates/i/bullet1.gif) no-repeat 3px 8px;
}
.topMenu ul li a:hover ul li a:hover.drop {
 	background: #cccccc url(http://www.digicon-ag.de/fileadmin/templates/i/bullet2.gif) no-repeat 3px 8px;
}
.topMenu ul li a:hover ul li a:hover ul {
	visibility: visible;
	position: absolute;
	top: 0;
	color: #000000;
	left: 153px;
}
.topMenu ul li a:hover ul li a:hover ul.left {
	left: -153px;
}


/* **************** */
/* left menu styles */
/* **************** */
#leftMenu {
    width: 100%;
	margin: 30px 0px 0px 0px;
 }
 #leftMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: verdana, arial, sanf-serif;
	font-size: 10px;
	background-color: #dddddd;
}
#leftMenu li {
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #ffffff;
}
#leftMenu li.last {
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #ffffff;
}

#leftMenu li.on{
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}

#leftMenu li.on:hover{
	margin: 0px 0px 0px 0px;
	background-color: #f65fff;
}

#leftMenu a {
	display: block;
    width: 120px;
    height: 100%;
	padding: 4px 2px 4px 15px;
	border-top: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	text-decoration: none;
	background: url(http://www.digicon-ag.de/fileadmin/templates/i/bullet1.gif) no-repeat 3px 7px;
}

#leftMenu a.last {
	border-bottom: 0px solid #ffffff;
}
#leftMenu a.last:hover {
	border-bottom: 0px solid #ffffff;
}

#leftMenu a:link {
	color: #000000;
}

#leftMenu a:visited{
	color: #000000;
}

#leftMenu a:hover {
	width: 135px;
	border-right: 15px solid #eeeeee;
	border-top: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	background: #eeeeee url(http://www.digicon-ag.de/fileadmin/templates/i/bullet2.gif) no-repeat 3px 7px;
	color: #000000;
}


#leftMenu a.on:hover{
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}

/* **************** */
/* left menu styles */
/* **************** */
#leftMenu2 {
    width: 100%;
	margin: 30px 0px 0px 0px;
 }
 #leftMenu2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: verdana, arial, sanf-serif;
	font-size: 10px;
	background-color: #dddddd;
}
#leftMenu2 li {
	margin: 0px 0px 0px 0px;
}

#leftMenu2 li.on{
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}

#leftMenu2 li.on:hover{
	margin: 0px 0px 0px 0px;
	background-color: #f65fff;
}

#leftMenu2 a {
	display: block;
    width: 100%;
    height: 100%;
	padding: 4px 2px 4px 15px;
	border-top: 1px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	text-decoration: none;
	background: url(http://www.digicon-ag.de/fileadmin/templates/i/bullet1.gif) no-repeat 3px 7px;
}

#leftMenu2 a.last {
	border-bottom: 1px solid #ffffff;
}
#leftMenu2 a.last:hover {
	border-bottom: 1px solid #ffffff;
}

#leftMenu2 a:link {
	color: #000000;
}

#leftMenu2 a:visited{
	color: #000000;
}

#leftMenu2 a:hover {
	border-top: 1px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	background: #eeeeee url(http://www.digicon-ag.de/fileadmin/templates/i/bullet2.gif) no-repeat 3px 7px;
	color: #000000;
}


#leftMenu2 a.on:hover{
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}


div.cMainInner{
	color: #646464;
	font-size: 11px;
	line-height: 16px;
}


div.cMainInner a{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #899eb1;
	padding-bottom: 0px;
	text-decoration: none;
	color: #646464;
}
div.cMainInner a:hover{
	color: #646464;
	background-color: #eeeeee;
	text-decoration: none;
}
div.cMainInner a:active{
	color: #646464;
	background-color: #eeeeee;
	text-decoration: none;
}
div.cMainInner a:visited{
	color: #646464;
	text-decoration: none;
}

div.cMainInner li{
 list-style-image:url(http://www.digicon-ag.de/fileadmin/templates/i/list_style_image.gif);
}

img {
	border: 0px;
}


/* css for the digiCon Gallery */
div.tx-photogals-pi1 {
	margin:0px;
	padding:0px;
}

div.tx-photogals-pi1-big img {
	border: 0px solid red;
	margin-right: 10px;
}

div.tx-photogals-pi1-big a {
	border: 0px solid #CCCCCC;
	padding:0px;
	background-color:#FFFFFF;
	text-align:center;
	display:block;
}
div.tx-photogals-pi1-big a:hover {
	border: 0px solid #999999;
}

div.tx-photogals-pi1-small a {
	border: 0px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 0px;
	margin-right:6px;
	margin-bottom:3px;
	margin-top:0px;
	float:left;
}
div.tx-photogals-pi1-small a:hover {
	border: 0px solid #00ff00;
    background-color: #ffffff;
}
div.tx-photogals-pi1-small-active a {
	border:0px solid #000000;
	background-color:#FFFFFF;
	padding:0px;
	margin-right:6px;
	margin-bottom:3px;
	margin-top:0px;
	float:left;
}
div.tx-photogals-pi1-small-active a:hover {
	border:0px solid #000000;
    background-color: #ffffff;
}

/**
 * css for the contact form
 */
div.contactForm .kontakt {
	display:block;
	/* float:left; */
	width: 210px;
}
div.contactForm .kontaktSmall {
	display:block;
	/* float:left; */
	width: 80px;
}

div.contactForm .textfelder,
div.contactForm .textarea,
div.contactForm .kontaktpulldown,
div.contactForm .kontaktpulldownR,
div.contactForm .submit,
div.contactForm input.newsletter {
	border: 1px solid #BBB;
	background-color: #FFF;
}
div.contactForm .textfelder {
	width: 210px;
	height: 17px;
	padding: 0 3px;
		font-size: 11px;
}

div.contactForm .textfelderSmall {
	width: 80px;
	height: 17px;
	padding: 0 3px;
}

div.contactForm .textarea {
	width: 650px;
	height: 70px;
	padding: 3px;
}

div.contactForm .kontaktpulldown,
div.contactForm .kontaktpulldownR {
	width: 210px;
	height: 17px;
	padding: 0px;
	margin:0 3px 0 0;
	font-size: 11px;
}
div.contactForm .kontaktpulldown2 {
width: 300px;
	height: 17px;
	padding: 0px;
	margin:0 3px 0 0;
	font-size: 11px;
}
div.contactForm .kontaktpulldownR {
	float:right;
}

div.contactForm .submit {
	width: 120px;
	height: 20px;
	padding: 3px;
	margin:5px 0 0 0;
	font-weight:bold;
	cursor: pointer;
	font-size: 11px;
}
div.contactForm .textfelder:hover,
div.contactForm .textarea:hover,
div.contactForm .kontaktpulldown:hover,
div.contactForm .kontaktpulldownR:hover,
div.contactForm .submit:hover,
div.contactForm input.newsletter:hover {
	background-color: #eeeeee;
}
div.contactForm .textfelder:focus,
div.contactForm .textarea:focus,
div.contactForm .kontaktpulldown:focus,
div.contactForm .kontaktpulldownR:focus,
div.contactForm .submit:focus,
div.contactForm input.newsletter:focus {
	border: 1px solid #899eb1;
}
div.contactForm {
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

/**
 * css for the enquiry form
 */

div.enquiryForm .enquiryFormHeader{
	visibility: visible;
	margin-bottom: 10px;
}
div.enquiryForm .kontakt {
	display:block;
	/* float:left; */
	width: 180px;
}
div.enquiryForm .kontakt2 {
	display:block;
	/* float:left; */
	width: 370px;
	border: 0px solid #BBB;
}
div.enquiryForm .kontaktSmall {
	display:block;
	/* float:left; */
	width: 80px;
}

div.enquiryForm .textfelder,
div.enquiryForm .textarea,
div.enquiryForm .kontaktpulldown,
div.enquiryForm .kontaktpulldownR,
div.enquiryForm .submit,
div.enquiryForm input.newsletter {
	border: 1px solid #BBB;
	background-color: #FFF;
}
div.enquiryForm .textfelder {
	width: 180px;
	height: 17px;
	padding: 0 3px;
		font-size: 11px;
}

div.enquiryForm .textfelderSmall {
	width: 80px;
	height: 17px;
	padding: 0 3px;
}

div.enquiryForm .textarea {
	width: 650px;
	height: 70px;
	padding: 3px;
}

div.enquiryForm .exactcolor {
	width: 180px;
	height: 62px;
	padding: 3px;
}

div.enquiryForm .kontaktpulldown,
div.enquiryForm .kontaktpulldownR {
	width: 180px;
	height: 17px;
	padding: 0px;
	margin:0 3px 0 0;
	font-size: 11px;
}
div.enquiryForm .kontaktpulldown2 {
	width: 360px;
	height: 17px;
	padding: 0px;
	margin:0 3px 0 0;
	font-size: 11px;
}
div.enquiryForm .kontaktpulldownR {
	float:right;
}

div.enquiryForm .submit {
	width: 120px;
	height: 20px;
	padding: 3px;
	margin:5px 0 0 0;
	font-weight:bold;
	cursor: pointer;
	font-size: 11px;
}
div.enquiryForm .textfelder:hover,
div.enquiryForm .textarea:hover,
div.enquiryForm .kontaktpulldown:hover,
div.enquiryForm .kontaktpulldownR:hover,
div.enquiryForm .submit:hover,
div.enquiryForm input.newsletter:hover {
	background-color: #eeeeee;
}
div.enquiryForm .textfelder:focus,
div.enquiryForm .textarea:focus,
div.enquiryForm .kontaktpulldown:focus,
div.enquiryForm .kontaktpulldownR:focus,
div.enquiryForm .submit:focus,
div.enquiryForm input.newsletter:focus {
	border: 1px solid #899eb1;
}
div.enquiryForm {
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #ffffff;
}

div.enquiryForm .printDocumentAddition{
 visibility: visible;
 margin-bottom: 10px;
}

div.enquiryForm .printDocumentAdditionSign{
 visibility: hidden;
 height: 0px;
}

div.enquiryForm .disabledCheckbox {
	color:red;
	background-color: #ff0000;
}