/* css styles for cosinex relaunch 2006, modXcms version */
/* authoring by markus dermietzel, started on 2006-06-19 */



/* general styles ----------------------------------- */

body {
    margin: 0;
    padding: 10px 30px;
    font: normal 0.7em/1.3em Arial, Helvetica, sans-serif;
    color: #000;
    background: #fff url("img_frontend/bgbody.gif") repeat 0% 0%;
    text-align: center;
}



/* typography --------------------------------------- */

h1 {
    font: normal 2.3em/1.6em Arial, Helvetica, sans-serif;
    color: #f90;
    background-color: #fff;
    margin: 0 0 0.5em 0;
    padding: 0;
}
h2 {
    font: normal 1.25em/1.5em Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #fff;
    margin: 0 0 0.3em 0;
    padding: 0;
}

h3, #ccolsub0202 legend {
    color: #000;
    background-color: #fff;
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.4em;
    margin: 0 0 0.3em 0;
    padding: 0;
    text-transform: uppercase;
}
h4 {
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.4em;
    margin: 0 0 0.3em 0;
    padding: 0;
}
h5 {
    font-weight: normal;
    font-size: 0.9em;
    line-height: 1.3em;
    margin: 0 0 0.3em 0;
    padding: 0;
    text-transform: uppercase;
}
h6 {
    font-style: italic;
    font-size: 0.9em;
    line-height: 1.3em;
    margin: 0 0 0.3em 0;
    padding: 0;
}
ol, ul, dl {
    margin: 0;
    padding: 0 0 0.6em 0;
}
dt {
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.4em;
    margin: 0.5em 0 0.0em 0;
    padding: 0 0 0.0em 0;
}
ul li {
    list-style-type: square;
    list-style-position: outside;
}
p, table {
    font: normal 1.0em/1.3em Arial, Helvetica, sans-serif;
    margin: 0 0 0.8em 0;
    padding: 0;
}
a {
    text-decoration: none;
}
a:link {
    color: #f90;
    background-color: #fff;
}
a:visited {
    color: #777;
    background-color: #fff;
}
a:hover {
    color: #000;
    background-color: #FFE28A;
}
.more {
    font-size: 0.8em;
    font-weight: bold;
}
a.jslink, #ditto_pages a {
    color: #f90;
    background-color: #fff;
    cursor: pointer;
}
a:link.jslink, a:visited.jslink, #ditto_pages a:link, #ditto_pages a:visited {
    color: #f90 !important;
    background-color: #fff;
}
a:hover.jslink, #ditto_pages a:hover {
    color: #000 !important;
    background-color: #FFE28A;
}

#ditto_currentpage, .ditto_page {
    margin: 0;
    padding: 0 0.2em;
}

/* etc. */
img {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}
.imgleft {
    float: left;
    margin: 0;
    padding: 0 7px 7px 0; 
    background: transparent !important;
}
.imgright {
    float: right;
    margin: 0;
    padding: 0 0 7px 7px; 
    background: transparent !important;
}

hr {
    background-color: transparent;
    border-top: 2px dotted #c4c2b8;
    border-right: none;
    border-bottom: none;
    border-left: none;
}


/* forms */

form {
    margin: 0;
    padding: 0;
}
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, select, textarea {
    margin: 0;
    padding: 0;
    font: normal 1.0em/1.3em Arial, Helvetica, sans-serif;
}


/* container ---------------------------------------- */

#wrapper {
    width: auto;
    margin: 0 auto;
    padding: 0;
    color: #000;
    background: #fff url("img_frontend/bgwrap.gif") repeat 0% 0%;
    text-align: left;
}
#wrapper {
    min-width: 940px;
    max-width: 1132px;
}
/* css only min-width hack for IE6 browsers, by Stu Nicolls - http://www.cssplay.co.uk/boxes/minwidth.html */
* html #minwidth {
/*
    border-left:940px solid #fff; 
    position:relative; 
    float:left; 
    z-index:1;
*/
}
* html #wrapper {
/*
    margin-left:-940px; 
    position:relative; 
    float:left; 
    z-index:2;
*/
    width: 940px;
}



/* header area -------------------------------------- */

#header {
/*    clear: both;*/
    width: auto;
    height: 260px;
    margin: 0;
    padding: 0;
}
#header01 {
    width: auto;
    height: 145px;
    margin: 0;
    padding: 0;
}

/* header top row _______ */
#htop {
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0;
    background: transparent url("img_frontend/bgrounded_tleft.gif") no-repeat 0% 0%;   
}
#htoplogo {  
    float: left;
    width: auto;
    height: 60px;
    margin: 0;
    padding: 0;     
}
#htoplogo h1 {
    position: absolute;
    left: -9999px;
    top: 0;
    margin: 0;
    padding: 0;
}
#htoplogo a {
    display: block;  
    margin: 0;
    padding: 0; 
    text-decoration: none;
    background: transparent url("img_frontend/logo.gif") no-repeat 0% 0%;}

#htoplogo strong {
    visibility: hidden;
}
#htopnav {
    width: auto;
    height: 20px;
    margin: 0;
    padding: 40px 6px 0 0;
    background: transparent url("img_frontend/bgrounded_tright.gif") no-repeat 100% 0%; 
}
#htopnav li {
    float: right;
    list-style-type: none;
}
#htopnav a {
    display: block;
    margin: 0;
    padding: 0px 0 0 15px;
    font: normal 0.85em/1.0em Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
#htopnav a:link, #htopnav a:visited {
    color: #000;
    background-color: #fff;
}
#htopnav a:hover, #htopnav a:active {
    color: #f90;
    background-color: #fff;
}
#print a {
    width: 4.5em;
}
#print a:link, #print a:visited {
    color: #000;
    background: #fff url("img_frontend/print.gif") no-repeat 0.1em 0;
}
#print a:hover, #print a:active {
    color: #f90;
    background: #fff url("img_frontend/print02.gif") no-repeat 0.1em 0;
}


/* nav __________ */
#hnav {
    width: auto;
    height: 26px;
    color: #fff;
    background-color: #c4c2b8;
    margin: 0;
    padding: 0 1px 0 0;
}
#hnav ul a {
/*    clear: both;*/
}
#hnav li {
    float: left;
    list-style-type: none;
    font: bold 1.0em/25px Arial, Helvetica, sans-serif;
}
* html #hnav li {
    font: bold 0.95em/25px Arial, Helvetica, sans-serif;
}
#hnav a {
    display: block;
    float: left;
    width: auto;
    height: 24px;
    margin: 0;
    padding: 0 0.5em;
    text-decoration: none;
    text-transform: uppercase;
}
#hnav a:link, #hnav a:visited {
    color: #fff;
    background-color: #c4c2b8;
    border-top: #c4c2b9 1px solid;
    border-right: #c4c2b9 1px solid;
    border-bottom: #c4c2b9 1px solid;
    border-left: #c4c2b9 1px solid;
}
#hnav a:hover {
    color: #000;
    background-color: #fff !important;
    border-top: #c4c2b9 1px solid;
    border-right: #c4c2b9 1px solid;
    border-bottom: #c4c2b9 1px solid;
    border-left: #c4c2b9 1px solid;
}
#hnav li:hover a, #hnav li.sfhover a {
    color: #000;
    background-color: #f8f6eb;
}


/* nav main */
#hnavmain {
    float: left;
    width: auto;
    height: 25px;
    margin: 0;
    padding: 0;
    border: none;
}
#hnavmain a {
    height: 24px;
}

/* nav language */
#hnavlang {
    float: right;
    width: 96px;
    height: 25px;
    margin: 0;
    padding: 0;
}
#hnavlang ul {
    margin: 0;
    padding: 0;
}
#hnavlang li {
    float: right;
}
#hnavlang a {
    display: block;
    width: auto;
    height: 24px;
    margin: 0;
    padding: 0 5px;
}



/* sub nav */

#hnavmenu ul {
    clear: both;
    width: 17em;
    height: auto;
    margin: 26px 0 0 0;
    padding: 0;
    color: #000;
    background-color: #f8f6eb;
    border-top: none;
    border-right: #c4c2b9 1px solid;
    border-bottom: #c4c2b9 1px solid;
    border-left: #c4c2b9 1px solid;
}
* html #hnavmenu ul {
    margin: 0px 0 0 0;
    width: 16em;
}
/* Hack only for IE 7 */
*+html #hnavmenu ul {
    margin: 0px 0 0 0;
    width: 16.8em;
}
#hnavmenu ul li {
	width: 16em; /* width needed or else Opera goes nuts */
}
#hnavmenu ul a {
    display: block;
    width: 16em;
    height: 1.2em;
    margin: 0;
    padding: 0.5em 0.5em 0.3em 0.6em;
    font: normal 0.8em/1.2em Arial, Helvetica, sans-serif; 
    text-transform: uppercase;
}
* html #hnavmenu ul a {
    font: normal 1.0em/1.2em Arial, Helvetica, sans-serif; 
}

#hnavmenu ul a:link, #hnavmenu ul a:visited {   /* Submenu default state */
    color: #666;
    background-color: #f8f6ec;
    border-top: #f8f6eb 1px solid;
    border-right: none;
    border-bottom: #f8f6eb 1px solid;
    border-left: none;
}
#hnavmenu ul a:hover, #hnavmenu ul a:active {   /* Submenu default hover state */
    width: 100% !important;
    color: #000 !important;
    background-color: #fff;
    border-top:  #fffffe 1px solid;
    border-right: none;
    border-bottom:  #fffffe 1px solid;
    border-left: none;
}
#hnavmenu li ul { /* second-level lists */
	position: absolute;
	left: -999em;
}
#hnavmenu li:hover ul, #hnavmenu li.sfhover ul {
	left: auto;
}


/* --- nav active --- */

/* mainnav active */
.hnavactive a:link, .hnavactive a:visited {
    color: #000 !important;
    background-color: #fffffe !important;
    border-top: #fff 1px solid !important;
    border-right: #fff 1px solid !important;
    border-bottom: #c4c2b9 1px solid !important;
    border-left: #c4c2b9 1px solid !important;
}
.hnavactive a:hover {
    color: #000 !important;
    background-color: #fffffe !important;
    border-top: #fff 1px solid !important;
    border-right: #fff 1px solid !important;
    border-bottom: #c4c2b9 1px solid !important;
    border-left: #c4c2b9 1px solid !important;
}

/* subnav active */
.hnavactive ul a:link, .hnavactive ul a:visited {
    color: #666 !important;
    background-color: #f8f6ec !important;
    border-top: #f8f6eb 1px solid !important;
    border-right: none !important;
    border-bottom: #f8f6eb 1px solid !important;
    border-left: none !important;
}
.hnavactive ul a:hover {
    color: #000 !important;
    background-color: #ffffff !important;
    border-top:  #fffffe 1px solid !important;
    border-right: none !important;
    border-bottom:  #fffffe 1px solid !important;
    border-left: none !important;
}
.hnavactive ul .hnavactive a:link, .hnavactive ul .hnavactive a:visited {  /* Submenu active state */
    width: 100% !important;
    color: #000 !important;
    background-color: #fffffe !important;
    border-top:  #c4c2b9 1px solid !important;
    border-right: none !important;
    border-bottom:  #c4c2b9 1px solid !important;
    border-left: none !important;
}
.hnavactive ul .hnavactive a:hover {  /* Submenu active hover state */
    color: #000 !important;
    background-color: #fffffe !important;
    border-top:  #c4c2b9 1px solid !important;
    border-right: none !important;
    border-bottom:  #c4c2b9 1px solid !important;
    border-left: none !important;
}




/* teaser */
#hteaserhome {
    width: auto;
    height: 175px;
    margin: 0;
    padding: 0;
/*    background: transparent url("img_frontend/bgteaserhome.jpg") no-repeat 0% 0%;*/
    color: #000;
    background-color: #ddd;
    border: #c4c2b9 solid 1px;
}
#hteasersub01 {
    width: auto;
    height: 60px;
    margin: 0px 0px 0px 0px;
    padding: 0;
/*    background: transparent url("img_frontend/bgteasersub01.jpg") no-repeat 0% 0%;*/
    color: #000;
    background-color: #ddd;
    border: #c4c2b9 solid 1px;
}
#hteasersubOrder {
    width: auto;
    height: 60px;
    margin: 0;
    padding: 0;
/*    background: transparent url("img_frontend/bgteasersub01.jpg") no-repeat 0% 0%;*/
    color: #000;
    background-color: #ddd;
    border: #c4c2b9 solid 1px;
}
#hteaserhome span {
    display: block;
    width: auto;
    height: 175px;
    margin: 0;
    padding: 0;
}
#hteasersub01 span {
    display: block;
    width: auto;
    height: 60px;
    margin: 0;
    padding: 0;
}
#hteasersubOrder span {
    display: block;
    width: auto;
    height: 60px;
    margin: 0;
    padding: 0;
}
* html #hteaserhome, #hteasersub01, #hteasersubOrder {
    margin: -1px 0 0 0;
}


/* content area ------------------------------------- */

#content {
/*    clear: both;*/
    width: auto;
    height: auto;
/*    min-height: 310px;*/
    margin: 0;
    padding: 0;
    color: #000;
    background: #fff url("img_frontend/bgdotted02.gif") repeat-y 100% 0%;
    border-right: #c4c2b9 solid 1px;
    border-left: #c4c2b9 solid 1px;
}
/*
* html #content {
    width: auto;
    height: 310px;
}
*/


/* content teaser row */
#crow {
    width: auto;
    height: 40px;
    margin: 0;
    padding: 0 3px;
    background: transparent url("img_frontend/bgdotted01.gif") repeat-y 100% 0%;
    border-bottom: #c4c2b9 solid 1px;
}
*+html #crow {
    margin: 2px 0 0 0;
    background: transparent url("img_frontend/bgdotted01a.gif") repeat-y 100% 0%;
    border-top: #c4c2b9 solid 1px;
}
* html #crow {
    background: transparent url("img_frontend/bgdotted01a.gif") repeat-y 100% 0%;
}
#crowteaser {
    float: left;
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px;
}
#crowteaser h1 {
    float: left;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
}
#crowteaser h2 {
    float: left;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.75em 0 0 0.5em;
    line-height: 1.1em;
}
#crowteaser p {
}

/* content search row */
#crowsearch {
    float: right;
    width: 182px;
    height: auto;
    margin: 0;
    padding: 10px 5px 5px 5px;
}
.inpttxt {
    float: left;
    width: 122px;
    height: 18px;
    border: 1px solid #000;
    color: #000;
    background-color: #f8f6eb;
}
.inptimgsend {
    float: right;
}

/* content columns */
#ccols {
    width: auto;
    height: auto;
    min-height: 500px;
    margin: 0;
    padding: 0 3px;
}
* html #ccols  {
    width: auto;
    height: 500px;
}
#ccols ul {
    margin-left: 0; 
    padding-left: 1.25em;
}

/*cols*/
#ccol01 {
    float: left;
    width: 18%;
    height: auto;
    margin: 0;
    padding: 5px 10px 5px 5px;
}
#ccol02 {
    float: left;
    width: 18%;
    height: auto;
    margin: 0;
    padding: 5px 10px 5px 5px;
}
#ccol03 {
    float: left;
    width: 18%;
    height: auto;
    margin: 0;
    padding: 5px 10px 5px 5px;
}
#ccol04 {
    float: left;
    width: 18%;
    height: auto;
    margin: 0;
    padding: 5px 10px 5px 5px;
}
#ccolservice {
    float: right;
    width: 182px;
    height: auto;
    margin: 0;
    padding: 5px;
}
#ccolservice h3 {
    color: #000;
    background-color: #efede2;
}
#ccolservice p {
    padding-bottom: 0.4em;
}
#ccolservice a:link {
    color: #f90;
    background-color: #efede2;
}
#ccolservice a:visited {
    color: #777;
    background-color: #efede2;
}
#ccolservice a:hover {
    color: #000;
    background-color: #FFE28A;
}

/*cols sub*/
#ccolsub01 {
    float: left;
    width: 230px;
    height: auto;
    margin: 0;
    padding: 5px;
}
#ccolsub01tp {
    margin: 0;
    padding: 0;
}
#ccolsub01bm {
    margin: 0;
    padding: 10px 0 50px 0;    
}
#ccolsub01bm img {
    margin: 0;
    padding: 0 0 0 45px;     
}
.btnorder {
    margin: 0;
    padding: 5px 30px 0 0;  
}
.btnorder strong {
    visibility: hidden;
}
.btnorder a {
    display: block;
    float: right;
    width: 72px;
    height: 18px;
    margin: 0;
    padding: 0;  
}
.btnorder a:link, .btnorder a:visited  {
    background: transparent url("img_frontend/btnorder00.gif") no-repeat 0em 0em;  
}
.btnorder a:hover {
    background: transparent url("img_frontend/btnorder01.gif") no-repeat 0em 0em;
}
.btnorder a:active {
    background: transparent url("img_frontend/btnorder02.gif") no-repeat 0em 0em;
}
#ccolsub02 {
    float: left;
    width: 25%;
    height: auto;
    margin: 0;
    padding: 5px 10px 5px 5px;
}
#ccolsub0202 {
    float: left;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 5px 10px 5px 5px;
}
#ccolsub03 {
    float: left;
    width: 25%;
    height: auto;
    margin: 0;
    padding: 5px 10px 5px 5px;
}
#ccolsuball {
    float: left;
    width: 75%;
    height: auto;
    margin: 0;
    padding: 5px;
}
#ccolsubservice {
    float: right;
    width: 182px;
    height: auto;
    margin: 0;
    padding: 5px;
}
#ccolsubservice ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#ccolsubservice h3 {
    margin: 0.7em 0 0.2em 0;
    padding: 0;
    color: #000;
    background-color: #efede2;
    text-transform: none;
}
#ccolsubservice p {
    margin: 0;
    padding: 0;
}
#ccolsubservice dt {
    margin: 0.7em 0 0.2em 0;
    padding: 0;
    color: #000;
    background-color: #efede2;
}
#firstsubservice {
    margin: 0 0 0.2em 0 !important;
}
#ccolsubservice dd {
    margin: 0;
    padding: 0;
}
#ccolsubservice li {
    list-style-type: none;
}
#ccolsubservice a {
    margin: 0 0 0 0px;
    padding: 0 0 0 15px;
}

.listdownload a:link {
    background: transparent url("img_frontend/listdownload00.gif") no-repeat 0em 0.1em;  
}
.listdownload a:visited {
    background: transparent url("img_frontend/listdownload00.gif") no-repeat 0em 0.1em;
}
.listdownload a:hover {
    color: #000;
    background: #FFE28A url("img_frontend/listdownload01.gif") no-repeat 0em 0.1em;
}

.listintlink a:link {
    background: transparent url("img_frontend/listintlink00.gif") no-repeat 0em 0.1em; 
}
.listintlink a:visited {
    background: transparent url("img_frontend/listintlink00.gif") no-repeat 0em 0.1em; 
}
.listintlink a:hover {
    color: #000;
    background: #FFE28A url("img_frontend/listintlink01.gif") no-repeat 0em 0.1em; 
}

.listextlink a:link {
    background: transparent url("img_frontend/listextlink00.gif") no-repeat 0em 0.1em; 
}
.listextlink a:visited {
    background: transparent url("img_frontend/listextlink00.gif") no-repeat 0em 0.1em; 
}
.listextlink a:hover {
    color: #000;
    background: #FFE28A url("img_frontend/listextlink01.gif") no-repeat 0em 0.1em; 
}

/********************** START DEMOBEREICH **************************/
/* Download PDF/DOC */
#ccolsubservice .downloadPDF a,
#ccolsubservice .downloadDOC a {
    margin: 0 0 0 0px;
    padding: 1px 0 3px 20px;}
    
li.downloadPDF,
li.downloadDOC {
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;}

.downloadPDF  a:link,
.downloadPDF  a:visited{
	background: transparent url("img_frontend/act_pdf-file_download_16x16.gif") no-repeat 0 0; }
	
.downloadPDF  a:hover{
	background: #FFE28A url("img_frontend/act_pdf-file_download_16x16.gif") no-repeat 0 0; }
	
.downloadDOC  a:link,
.downloadDOC  a:visited{
	background: transparent url("img_frontend/act_doc-file_download_16x16.gif") no-repeat 0 0; }
	
.downloadDOC  a:hover{
	background: #FFE28A url("img_frontend/act_doc-file_download_16x16.gif") no-repeat 0 0; }
      
li.VMSicon,
li.VMPicon,
li.VKAicon {
	list-style-type:none;
	padding:0px 0px 12px 0px;
	margin:5px 0px 0px 0px;}
	
#ccolsub0202  .VMSicon  a:link,
#ccolsub0202  .VMSicon  a:visited {
	padding:10px 10px 8px 30px;
	font-weight:bold;
	color:#000;
	background: transparent url("img_frontend/vms_icon_small.gif") no-repeat 0 5px; }
	
#ccolsub0202  .VMPicon  a:link,
#ccolsub0202  .VMPicon  a:visited {
	padding:10px 10px 8px 30px;
	color:#000;
	font-weight:bold;
	background: transparent url("img_frontend/vmp_icon_small.gif") no-repeat 0 4px; }
	
#ccolsub0202  .VKAicon  a:link,
#ccolsub0202  .VKAicon  a:visited{
	padding:10px 10px 8px 30px;
	font-weight:bold;
	color:#000;
	background: transparent url("img_frontend/vka_icon_small.gif") no-repeat 0 4px; }
	
	
#ccolsub0202  .VMSicon  a:hover,
#ccolsub0202  .VMPicon  a:hover,
#ccolsub0202  .VKAicon  a:hover{
	color:#000;}
	
/********************** ENDE DEMOBEREICH **************************/

/* Kontaktformular/Login */
.cfField {
}
.cfInputtxt {
    width: 19em;
    height: 1.3em;
    border: 1px solid #aaa;
    color: #000;
    background-color: #f7f7f7;
}
.cfInputfile {
    width: 19em;
    height: 1.6em;
    border: 1px solid #aaa;
    color: #000;
    background-color: #f7f7f7;
}
.cfInputselect {
    width: 19.25em;
    height: 1.3em;
    border: 1px solid #aaa;
    color: #000;
    background-color: #f7f7f7;
}
* html .cfInputselect {
    width: 19.28em;
}
*+html .cfInputselect {
    width: 19.35em;
    height: 1.6em
}
.cfInputtxtarea {
    width: 19em;
    height: 7.3em;
    border: 1px solid #aaa;
    color: #000;
    background-color: #f7f7f7;
}
.cfSubmit {
}
#username {
    width: 10em;
    height: 1.3em;
    margin-bottom: 0.4em;
    border: 1px solid #aaa;
    color: #000;
    background-color: #f7f7f7;
}
#password {
    width: 10em;
    height: 1.3em;
    border: 1px solid #aaa;
    color: #000;
    background-color: #f7f7f7;
}
#checkbox {
    border: 1px solid #aaa;
    color: #000;
    background-color: #f7f7f7;
}
span.loginlabel {
    display: block;
    float: left;
    width: 7em;
}

#ccolsub0202 form {
    position: relative;    
}
#ccolsub0202 fieldset {
  
}
#projektform legend {
    margin-left: 0;
    padding-left: 0;
}
*+html #projektform legend {
    position: absolute;
    left: -0.6em;
}
* html #projektform legend {
    position: absolute;
    left: -0.6em;
}
#projektform input, #projektform select, #projektform textarea {
    position: absolute;
    left: 20em;    
}
.ccolmargin {
    margin-top: 2.5em;
}
html>/**/body .ccolmargin {
    margin-top: 1em;
}


/* gap */
#gap {
    clear: both;
    width: auto;
    height: 10px;
    margin: 0;
    padding: 0;
    color: #000; 
    background-color: #c4c2b9;    
}


/* footer area -------------------------------------- */

#footer {
/*    clear: both;*/
    width: auto;
    height: 40px;
    margin: 0;
    padding: 0;
    background: transparent url("img_frontend/bgrounded_bleft.gif") no-repeat 0% 100%;
}
#footer p {
    width: auto;
    height: 30px;
    margin: 0;
    padding: 5px 7px;
    font: normal 0.85em Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: transparent url("img_frontend/bgrounded_bright.gif") no-repeat 100% 100%;
}
* html #footer p {
    font: normal 0.8em Arial, Helvetica, sans-serif;
}

/***************************************
 * Support-Center Registrierung
 ***************************************/
#cosinexSupportCenterRegisterForm {
    margin-top: 2em;
}

#cosinexSupportCenterRegisterForm label {
    float: left;
    width: 20em;
}

#cosinexSupportCenterRegisterForm input, #cosinexSupportCenterRegisterForm select {
    margin-bottom: 0.5em;
    width: 15em;
}

#cosinexSupportCenterRegisterForm span {
    margin-top: -0.5em;
}

.cosinexSupport{
	float:left;
	padding:7px 3px 0px 3px;
}

.breaker {
	clear:both;
}
div.errorBox, div.infoBox {
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
    font-size: 11px;
    color: #000000;
}

div.errorBox h2, div.infoBox h2 {
    font-weight: bold;
}

div.errorBox ul, div.infoBox ul {
    padding-bottom: 1em;
}

div.errorBox {
    border: 0.1em solid red;
}

div.infoBox {
    border: 0.1em solid green;
    text-align: center;
}
/*******************************************************************************
 * Anzeigen der Hinweisbox
 */
.showBox {
	border-top:1px solid #efede2;
	border-left:1px solid #efede2;
	border-right:1px solid #c4c2b9;
	border-bottom:1px solid #c4c2b9;
	position:absolute;
	z-index:999;
	width:500px;
	background:#fff;
	padding:0px 0px 0px 0px;
	margin: -30px 0px 0px 120px;}

.showBox h2 {
	background: #efede2;
	color:#000;
	padding:2px 0px 2px 10px;
	margin: -5px 0px 0px 0px;
	font-size: 11px;
	border-top:1px solid #c4c2b9;
	font-weight:bold;} 
	
.hintIcon {
	padding:1px 13px 2px 0px;
	cursor:pointer;
    background: url(img_frontend/icon_hint.gif) no-repeat top right;}
    
/* Ausblenden Hint-Icon bei Aufruf errorBox */
 #ccolsub0202 .errorBox .hintIcon {
	display:none;}
    
.iframeBox{
	width:500px;
	height:350px;
	border:none !important;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	overflow:hidden;}
	
* html .iframeBox{
	height:354px;}
	
*+ html .iframeBox{
	height:354px;}
	
/***************************************
 * Support-Center-Admin
 ***************************************/
#installNumbers {
    border: 0.1em solid #000000;
    border-collapse: collapse;
}

#installNumbers a {
    border: none !important;
    text-decoration: none;
    background: none !important;
}

#installNumbers img {
    border: none !important;
}

#installNumbers thead * {
    background-color: #C4C2B8;
    color: #000000;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 0.3em;
    border: 0.1em solid #000000;
}

#installNumbers tbody * {
    border: 0.1em solid #000000;
    padding: 0.5em;
}

#installNumbers .modulo {
    background-color: #EFEDE2;
}

#installNumbers tr:hover {
    background-color: #C4C2B8;
}

/***************************************
 * Buttons DEMO / INFO / BESTELLEN
 ***************************************/
a.buttonDemo,
a.buttonInfo {
	display:block;
	width:52px;
	height:15px;
	padding: 0px 0px 0px 0px;
	margin : 0px 5px 3px 0px;
	float:left;}
	
a.buttonDemo {
	background: url(img_frontend/butt_demo.gif) no-repeat 0px 0px;}
	
a:hover.buttonDemo {
	background: url(img_frontend/butt_demo_hover.gif) no-repeat 0px 0px;}
	
a.buttonInfo{
	background: url(img_frontend/butt_info.gif) no-repeat 0px 0px;}
		
a:hover.buttonInfo{
	background: url(img_frontend/butt_info_hover.gif) no-repeat 0px 0px;}
	
a.buttonBuy {
	display:block;
	width:76px;
	height:15px;
	padding: 0px 0px 0px 0px;
	margin : 0px 5px 10px 0px;
	float:left;}
	
a.buttonBuy{
	background: url(img_frontend/butt_buy.gif) no-repeat 0px 0px;}
		
a:hover.buttonBuy{
	background: url(img_frontend/butt_buy_hover.gif) no-repeat 0px 0px;}