html { 
	height: 100px; 
	margin-bottom: 1px; 

}
.mainbody{
width: 100%;
text-align: center;

}
.contentpaneopen{
width: 920px;
margin-left: 5px;
}

body {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	margin-right: 0px;
	padding: 0;
	height: 100%;
	margin-bottom: 0px;
  background: #fff;
  color: #333333;
  
  
}


a:link {
 color: #333333;
  font-weight: normal;
} 
a:visited { /* link wird im Menue dunkel dargestellt !!!ACHTUNG Veränderung zieht mit sich, dass die ganze Seite bezw.links anders dargestellt werden. */
  color: #333333;
  font-weight: normal;
}

a.mainlevel {
	background:url(../images/menu_arrow3.png) 0 4px no-repeat;
	display: block;
	padding-left: 12px;
	margin-left:10px;
	width:95%;
	padding-top:1px;
	padding-bottom:1px;
	
}


a.href  { /* fuer unsichtbare Links */
  color: #333333;
  text-decoration: none;
}

a.spezial, a:hover { /* fuer in den Textfluss eingebettete Links und Farbaenderung bei Mausberuehrung */
  color: #333333;
}

a.h1 { /* Trick fuer die Ueberschriften im Glossar */
  font-size: 15px;
	text-align: left;
	color: #2e6285 ! important;
	text-decoration: none;
	font-weight: 700 ! important;
}

.inputbox {
  border: 1px solid #aaa;
  color:#000;
  font-size:9pt;
}

.submit {
  color: #000;
  background: #ffa20f;
  border: 2px outset #d7b9c9;
}

pre { /* Formatierung fuer Kontaktpersonen in den Pressemitteilungen */
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	text-align: left;
	color: #333333;
}
			
b {
	font-weight: normal;
}

i {
	font-style: normal;
	font-weight: normal;	
}
	
h1 {
	font-size: 15px;
	text-align: left;
	color: #2e6285;
	text-decoration: none;
}

h1.willkommen {
	font-size: 20px;
	text-align: left;
	color: #2e6285;
	text-decoration: none;
}

h1.headline{ /* Ueberschrift Business Process Management (BPM) and Workflow Solutions by COSA */
  color: #999999;
  font-size: 7pt;
  text-align: center;
  margin-bottom: 1px;
  width: 940px;
  
}

h2 {
	text-align: left;
	font-size: 12px;
}
	
h2.h2 	{
	font-size: 10px;
	text-align: center;
	color: #999999;
	}

h3, h4, h5 {
	font-size: 11px;
	color: #999999;
}

h3, .componentheading {
	color: #999999;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	margin-bottom: 5px;
	padding-left: 2px;
	vertical-align: middle;
	text-indent: 5px;
	margin-top: 5px;
	height: 20px;
	line-height: 20px;
}
	
td, div  {
	font-weight: normal;
	letter-spacing: 0px;
	text-align: left;

}

.moduletable.h3 {
	width: 164px;
	color: #ffffff;
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
}



.contentheading {
	color: #3d4242; 
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 0;
	margin: 0;
	text-transform:none;
	letter-spacing:0px;
}

.buttonheading {
	vertical-align: bottom;
}

.sectiontableheader {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

table.contenttoc {
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 5px;

}

span.small, td.createdate {
	font-size: 10px;
	font-weight: normal;
	color: #999;
}
span.mainlevel-nav{

color: #333333;

}

span {
	font-size: 12px;
	font-weight: 700px;
	line-height: 100%;
	letter-spacing: 0px;
	text-align: left;
	font-variant: small-caps;
	

}

div.clr {
	clear: both;
}

div#center {
	text-align: center;
  width: auto;
}

div#wrapper {
	margin-left: auto;
	margin-right: auto;
	border: thin solid #87A9C7; 
  border: 1px;
	width: 940px;

}

div#top {
	position:relative;
  float: right; 
  top:0px; 
  left:0px;
  background: url(../images/header_top.png) 0 0 no-repeat;
  width:940px;
	height:27px;
}

div#headerleft {
	position:relative; 
  top:0px; 
  left:0px;
	float:left;
  background: url(../images/header_left.png.html) 0 0 no-repeat;
	width:240px;
	height:88px;
}

div#logo {
	margin: 10px;
	float: left;
}



div#mainbg1 {
	position:absolute;
  background: url(../images/shadow_left.png.html) 0% 0 repeat-y;
	width:15px;
}

div#mainbg2 {
	float:left;
   background: url(../images/shadow_right.png.html) 100% 0 repeat-y;
	width: 940px;
}

div#mainbg_ie {
	float:left;
	position:relative; 
  top:0px; 
 	background:#ADC2DD url(../images/mainbody_bg.png) 0 0 repeat-x;
 	width:940px;
 	margin:0;
}

div#mainbg3 {
	position:relative; 
  top:0px; 
  left:0px;
	float:left;
	width:940px;
}

div#mainbg4 {
	position:relative; 
  top:0px; 
  left:0px;
	float:left;
	width:940px;
}

div#buttons {
  position: relative; 
  top:0px; 
  background: url(../images/silver_background.jpg) 0 0 repeat-x; 
	width: 940px;
	height: auto;
	z-index: 1;
}

div#padding {
	width:940px;
}

div#content_bg {
width:940px;
}

div#left_top,
#left_top_nobg {
	width:198px;
	height:8px;
}

div#left_top_nobg {
	background:url(../images/sidemodulebox_top_nobg.png) 0 0 no-repeat;
}

div#left {
	float:left;
	display:block;
	margin-top:12px;
	margin-right:12px;
	margin-left:0;
	width:190px;
	background:url(../images/sidemodulebox_mid.png) 0 0 repeat-y;
}

div#left_content {
	margin:5px 0px 10px 10px;
	width:168px;
	min-height:200px;
	height:auto !important;
	height:200px;
}

div#left_bottom {
	width:178px;
	height:8px;
}

div#container {
	float:left;
	width: 940px;
}

div#bottom {
	position:relative;
  left:0px;
	float:left;
  background: url(../images/bottom.png) 0 0 no-repeat;
	width: 940px;
	height: 30px;
}

#bottom_copyright {
	position:relative;
  margin-left: 350px;
  margin-top: 0px;
	width: 300px;
	height: 30px;
	text-align: center;
}

div#main ul {
    margin-left: 0px;
    padding-left: 10px;
  
}
	
div#main li {	
    margin-left: 0px;
    padding-left: 20px;
  
}

div#menubar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	
}

div#menubar li {
	margin: 0px;
	padding: 0px;

}

div#menubar a {
	float: left;
	display: block;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	padding: 0px 15px 0px 5px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	font-weight: bold;
	text-transform: none;
	color: #444; 
	background: url(../images/menu_sep.png) 0 -1px  no-repeat;
	text-indent: 15px;
	
}

ul {
  margin-left: -15px;
  }

ul#mainlevel-nav a {
  width: auto;
	height: 20px;
	font-size: 9px;
	line-height: 20px;
	text-decoration: none;
	background: url(../images/menu_sep.png) 0 0  no-repeat;	
}

.mainlevel-nav_1 {
  width: auto;
	height: 20px;
	color: #ffffff;
	font-size: 8pt;
	line-height: 20px;
	text-decoration: none;
	background: url(../images/menu_sep.png) 0 0  no-repeat;	
	
}


.mainlevel-nav {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  margin: 1px;
  width: auto;
	height: auto;
	font-size: 8pt;
	line-height: auto;
	text-decoration: none;
	color: white;
}
a.mainlevel-nav{
color: #ffffff;
}
.latestnews a {
color: black;
}
.fontcolor{
color: black;
}

.position{
position: relative;
width: 600px;
height: 600px;
padding-left: 120px;
}

.position_2{
position: relative;
float: right;
}

#headerfarbe{
position: relative;
width: 560px;
float: right;
color: #ffffff;
}

.successtory a {
color: black;
}
.platzhalter{
position:relative;
}

div#menubar a:hover {
	/*color: #F98D17;*/
		/*color: #87A9C7;*/
	color: #2e6285;
	
}

div#menubar a.active_menu {
  	color: #484;
  
}


div#shortcut { /*obere Menueleiste /HOME COSA ONLINE usw. */
  /*margin-left: 330px;   Wenn COSA Blog wieder eingefügt wird, dann diesen Wert benutzen! BPM Demo 650px*/
  position: relative; 
  padding-top: 9px;
  width: auto;
  text-decoration: none;

}
  
div#header a { /* Farbe obere Menueleiste /HOME COSA ONLINE usw. */
  
  color: #2e6285;
  
  font-size: 13px;
  text-decoration: none;
}

br.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}

div#glossary li {
  display: inline;
  padding: 2px;
  text-decoration: underline;
}
span.pathway {
	float: left;
	line-height: 20px;
}

span.logo1 { /* Logos aus Success Stories */
  float: left;
  padding-top: 5px;
  padding-left: 35px;
  }

  
img.image {
 float: right;
 padding: 3px;

}

img.left {
 float: left;
 clear: both;
}

img{ 
  border: none;
  text-decoration: none;
  padding:0px;
  margin:0px;
}

label{
  width: 90px;
  height: 18px;
  padding-left: 3px;
  padding-top: 5px;
  display: block;
  float: left;
  background-color: #ADC2DD;
}


img.float {
  float: right;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
}
p {
font-family: Arial,Verdana,Tahoma,Helvetica,sans-serif;
font-style: normal;
font-size: 12px;
}
