/* Styles MyControl

color			bg green #CFE6D4
				bg blue #D9E1EB
				text blue #1F3351
				text grey #686D6F
				headlines grey #767b7c; 
				*/

/****************************************************************  all  */

html, body, span, a, p, table, td, form, textarea, h1, h2, h3, p, ul, li, label {
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 11px;
	border: 0;
	color: #686D6F;
	line-height: 18px;
}

body {
	background: url(/img/bg-all.png) repeat-x left top #fff;
}

.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
    display: none;
}

.clearit {
	clear: both;
}

img {
	border: 0;
}

a, img {
	outline: none;
}


/****************************************************************  format */

h1#start, h1#mycontrol, h1#software, h1#workflow, h1#referenzen,
h1#kontakt, h1#aktuell, h1#stellen, h1#impressum {
	height: 80px;
	width: 594px;
	background: url(/img/h1-software.gif) no-repeat;
	text-indent: -10000px; }

h1#mycontrol  { background: url(/img/h1-mycontrol.gif) no-repeat; }
h1#workflow   { background: url(/img/h1-workflow.gif) no-repeat; }
h1#referenzen { background: url(/img/h1-referenzen.gif) no-repeat; }
h1#kontakt    { background: url(/img/h1-kontakt.gif) no-repeat; }
h1#aktuell    { background: url(/img/h1-aktuell.gif) no-repeat; }
h1#stellen    { background: url(/img/h1-jobs.gif) no-repeat; }
h1#impressum  { background: url(/img/h1-kontakt.gif) no-repeat; }

#intro {
	border: 1px solid #949b9d;
	padding: 3px;
	background: white; }
	
/* boxmodel hack breite */

#intro  {
	\width: 600px;
	w\idth: 594px;
}

#intro p, #intro ul {
 	background-color: #cfe6d4; 
	padding: 16px; 
	color: #1f3351;
	line-height: 20px;  }
	
.boxen { width: 602px; }

.box_left {
	border: 1px solid #99a19b; 
	margin-right:66px; 
	width:266px;
    background: white;
	float:left; }
	
.boxen h2, .box_two_rows h2 {
	font-size:16px; 
	font-weight:normal; 
	color:#1f3351; 
	padding: 19px 19px 10px 19px; }
	
.box_left p, .box_right p {
	 padding: 0 19px 19px 19px; }
	 
.box_right {
	border: 1px solid #99a19b;
	width: 266px;
    background: white;
	float: left; }

.box_two_rows {
	border: 1px solid #949b9d;
	padding: 3px;
	background: white; }

.light {
	border: 1px solid #fff; }

.box_two_rows p {
	padding: 0 19px 19px 19px; }

.blue_bg { background-color:#d9e1eb; }

p.blue { color: #1f3351; }

h3 {
	font-size: 13px;
	height: 22px;
	padding: 0 19px 0 19px;
	color: #767b7c; }

h3.blue {
	font-size: 14px;
	height: 22px;
	padding: 0 19px 0 19px;
	color: #1f3351;
    font-weight: normal;
    background-color: #D9E1EB; }
	
p { padding: 0 19px 26px 19px; }

p.before_list 
	{ padding: 0 19px 13px 19px; }

.highlight {
	background: #FEFFBF; }

.space {
  height: 34px;
  width: 602px;
  background: url(/img/bg-distance.gif) no-repeat 0 -2px;
}

img.aktuelles {
    float: left;
    margin: 4px 10px 5px 16px;
    padding: 3px;
    background: white;
}

/* links */
	
a.links-blue {
    text-decoration: underline;
    color: #1f3351;
}

a.links-blue:hover {
    color: #596d8c;
}

a {
    text-decoration: underline;
}

a:hover {
    color: #959D9F;
}

#quicknav a, #footer a { color: white;
	font-size: 9px;
	line-height: 22px; }
	
#footer a {
	color: #898e90; }

#footer a:hover {
	color: #a6acae; }


/* forms */

input.sidebar { 
    	border: 1px solid #bdbdbd;
	width: 132px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	padding: 2px;
        height: 15px;
        color: #686D6F;
}

input.sidebar_smaller { 
	width: 109px;
}

input.submit_arrow {
   width: 20px;
   height: 21px;
   margin: 0px;
   border: none;
   padding: 0px;
}

label.bewerbung {
   width: 100px;
   float:left;
   clear:left;
   cursor: default;
}

input.bewerbung, select.bewerbung {
   font-family: verdana, sans-serif;
   font-size: 11px;
   padding: 2px; 
   width: 200px;
   margin: 3px;
}
	
/* lists */

#content ul {
	list-style: none;
	list-style-position: outside;
	padding: 0 0 14px 20px;
}

#content ul li {
	padding: 0 0 5px 12px;
	background: url(/img/bullet.gif) no-repeat 1px 0;
	line-height: 18px;
}

#content ul ul {
	list-style: none;
	list-style-position: outside;
	padding: 5px 0 14px 10px;
}

#content ul li li {
	padding: 0 0 5px 12px;
	background: url(/img/bullet.gif) no-repeat 1px 0;
	line-height: 18px;
}
		
/***************************************************************** container */
/* head */

#head { 
	width: 950px; 
	height: 139px;
	background: url(/img/bg-head.png) no-repeat #fff; }
	
#logo { 
	width:338px; 
	height:139px; 
	float:left; }
	
h1 a { 
	width: 330px; 
	height: 139px; 
	display: block; 
	text-indent: -10000px; }



/* quicknav */

#quicknav {
	height: 75px; }

#quicknav ul {
	margin: 0 0 0 412px; }

#quicknav ul li {
	float: left;
	list-style-type: none;
	width: 66px; }
	
/* content */

#content { 
	clear: both; 
	background: url(/img/bg-content.png) no-repeat; 
	width: 950px; 
	min-height: 200px; }
	
#row_left {
	 float: left;
	 width: 268px;  }

#wfslogin {
	 height: 100px; }

#livechat {
	 height: 100px; }


#newsletter {
	 height: 116px; }
	 
#newsletter p, #livechat p {
   font-size: 10px;
   line-height: 14px;
}

#foto { 
	height: 279px;
	width: 268px; 
	background: url(/img/img-deko.png) no-repeat bottom left; }
	
#row_right { 
	float: left;  
	padding: 54px 0 0 70px; 
	width: 602px;
    /* background:url(/img/bg-box-two-rows.png) no-repeat 0 278px; */ }

/* nav */

#nav_container {
	height: 139px;
	width: 612px;
	float: left; }

#nav {
	float: left;
	height: 64px;
	position: relative;
}


#nav ul li {
	float: left;
	list-style-type: none;
	width: 133px;
    height: 64px;
	}

#nav a {
	display: block;
	width: 133px;
	height: 64px;
	text-indent: -10000px; }

#nav a.mycontrol { background: url(/img/nav-mycontrol.png) no-repeat; height: 63px; }
#nav a.software { background: url(/img/nav-software.png) no-repeat; width: 118px; }
#nav a.workflow { background: url(/img/nav-workflow.png) no-repeat; width: 118px; }
#nav a.referenzen { background: url(/img/nav-referenzen.png) no-repeat; width: 117px; }
#nav a.kontakt { background: url(/img/nav-kontakt.png) no-repeat; width: 122px; }
#nav a:hover, #nav a.act, #nav a.active { background: none; }


#sub {
	height: 27px;
	width: 602px;
    background: url(/img/bg-subnav-vertical.png) no-repeat;
	position: absolute;
	left: 0;
	top: 64px;
    z-index: 1;
}

#sub-cloudy {
	height: 27px;
	width: 602px;
	position: absolute;
	left: 0;
	top: 64px;
    background: url(/img/bg-subnav-vertical-cloudy.png) no-repeat;
    z-index: 99;
}

ul.open
{
  display: inline;
}


#nav ul li ul li {
	float: left;
	width: 100px;
    height: 27px;
    background: url(/img/bullet.gif) 16px 4px no-repeat;
}

#nav ul li ul li a {
	text-indent: 0;
    padding: 3px 0 0 26px;
    height: 27px;
}

/* footer */

#footer {
	height: 110px;
    /* background: url(/img/bg-footer.gif) repeat-x left bottom; */
    padding: 0 0 0 330px; }

#footer ul {
	clear: both;
	padding: 0;
	margin: 20px 0 0 0; }

#footer ul li {
	float: left;
	padding: 0 7px 0 0;
	margin: 0;
	list-style-type: none;
	height: 16px;
	background: none;
	line-height: 16px; }