html{
  margin: 0px;
  padding: 0px;
}


body{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.35em;
  background-color: #636363;
  background-image: url(../images/background.gif);
  background-repeat: repeat-x;
  color: #000000;
  text-align: center;
}


div#page-wrap{
  margin: 22px auto 0px auto;
  padding: 0px;
  text-align: left;
  width: 750px;
  clear: both;
}

div#page-top{
  text-align: left;
  width: 750px;
}

div#logo-top{
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
  background-image: url(../images/argocon_logo.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 180px;
  height: 100px;
  float: left;
}


div#info{
  text-align: right;
  float: right;
  width: 570px;
  font-size: 0.6875em;
  padding: 0px;
  margin: 25px 0px 0px 0px;
}

div#page-head{
  clear: both;
  margin: 0px;
  padding: 0px;
  width: 750px;
  background-image: url(../images/header_projekte.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 178px;
}

div#page-body{
  width: 734px;
  font-size: 100%; 
  line-height: 1.1em;
  text-align: left; 
  margin: 0px;
  padding: 8px;
  background: #FFFFFF;
  color: #000000;
}


div#page-body h1{
  padding-left: 20px;
  font-family: Arial,Verdana,sans-serif;
  font-size: 0.875em;
  font-weight: bold;
  color: #990000;
  margin: 10px 0px 0px 0px;
}


div#page-body h2{
  padding-left: 20px;
  font-family: Arial,Verdana,sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  color: #000000;
  margin: 10px 0px 0px 0px;
}


div#page-body p{
  text-align: left;
  margin: 0px;
  padding: 10px 20px 10px 40px;
  font-size: 0.6875em;
}

div#page-body p.city{
  text-align: left;
  margin: 0px;
  padding: 0px;
}



div#page-bottom{
  width: 750px;
  clear: both;
  margin: 0px;
  padding: 0px;
}

div#footer{
  font-size: 0.6875em;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px 10px 0px 0px;
  float: right; 
}

.headline_red{
  color:#840000;
  font-weight: bold;
}



/* project nav menu */
#navcontainer{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background-image: url(../images/redbtn.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  text-align: left;
  height: 22px;
  clear: both;
}

#navcontainer ul {
  border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
  display: inline;
}


#navcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}


#navcontainer ul li a {
  background-image: url(../images/redbtn.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
	height: 22px;
  padding: 0px 3px 0px 3px;
	margin: 0 0 0px 0;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 11px/21px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}



#navcontainer ul li a:hover {
	color: #FFFFFF;
	background-image: url(../images/bluebtn.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
}



body#allproj a#allprojnav{
  color: #FFFFFF;
  background-image: url(../images/bluebtn.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
}

body#allproj a#homenav{width: 60px;}
body#allproj a#unternehmennav{width: 96px;}
body#allproj a#leistungennav{width: 80px;}
body#allproj a#intern-recruitingnav{width: 120px;}
body#allproj a#ihr-profilnav{width: 80px;}
body#allproj a#allprojnav{width: 80px;}
body#allproj a#partnernav{width: 60px;}
body#allproj a#patentnav{width: 60px;}
body#allproj a#kontaktnav{width: 60px;}

/* end project nav menu */


a.blacklink,
a.blacklink:link,
a.blacklink:visited, 
a.blacklink:hover, 
a.blacklink:active{
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
}


a.bluelink,
a.bluelink:link,
a.bluelink:visited{
  color: #00025F;
  text-decoration: none;
} 


a.bluelink:hover{
  color: #00025F;
  text-decoration: underline;
}

a.bluelink:active{
  color: #00025F;
  text-decoration: none;
}


a.details,
a.details:link,
a.details:visited{
  color: #00025F;
  text-decoration: none;
  font-size: 0.75em;
} 


a.details:hover{
  color: #00025F;
  text-decoration: underline;
  font-size: 0.75em;
}

a.details:active{
  color: #00025F;
  text-decoration: none;
  font-size: 0.75em;
}

div#brief{
  margin: 15px 0px 0px 45px;
  text-align: left;
  color: #000000;
  background: #FFFFFF;
  font-size: 0.6875em;
}


div#jobs{
  margin: 10px 0px 10px 80px;
  padding: 0px;
  text-align: left;
  background: #FFFFFF;  
}


div#jobs ul{
  border: 0;
	margin: 0;
	padding: 0px;
	list-style-type: none;
  list-style: url(../images/icoBulletIcon.jpg);
	text-align: left;
}

div#jobs ul li{
  margin: 0px;
  padding: 0px 30px 5px 0px;
}

#job-details{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.35em;
  background: #FFFFFF;
  color: #000000;
  text-align: left;
  width: 650px;
} 

#job-details h1{
  font-size: 0.75em;
  font-weight: bold;
  color: #990000;
  margin: 20px 0px 0px 40px;
  padding: 0px 0px 0px 20px;
  background-image: url(../images/icoBulletIcon.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}


div#details h2{
  font-size: 1em;
  font-weight: bold;
  color: #000000;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}


#job-details div#details{
  font-size: 0.6875em;
  color: #000000;
  margin: 0px 0px 0px 60px;
  padding: 0px;
}


div#details p.kennziffer{
  margin: -5px 0px 0px 0px;
  padding: 0px;  
}


div#details p.taetigkeit,
div#details p.dv-umfeld,
div#details p.sontiges,
div#details p.beginn,
div#details p.dauer,
div#details p.ort,
div#details p.about{
  margin: -5px 0px 0px 0px;
  padding: 0px 20px 10px 10px;
  font-weight: normal;
  color: #000000;  
}

span#last-update{
  font-size: 0.6875em;
  color: #000000;
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 0px 20px;
}

div#close-page{
	width: 22px;
	height: 22px;
	position: absolute;
	left: 650px;
	top: 2px;
	margin: 0px;
	padding: 2px;
}


div#close-page a{
	background-image: url(../images/close.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 22px;
	width: 22px;
	margin: 0px;
	padding: 0px 0px 3px 18px;
	text-decoration: none;
}

div#close-page a:hover{
	background-image: url(../images/close_hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 3px 18px;
	text-decoration: none;
}

span.theType{
  font-size: 0.6875em;
  font-weight: bold;
  color: #0000FF;
}

.clear{
  clear: both;
}

div#close-wnd{
  text-align: center;
  margin: 0px;
  padding: 10px 0px 10px 0px;
}

div#close-wnd a{
  width: 150px;
  height: 24px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  background-image: url(../images/redbtn.gif);
  background-repeat: repeat-x;
  margin: 0px;
  padding: 2px 6px 2px 6px;
}


div#close-wnd a:hover{
  width: 150px;
  height: 24px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  background-image: url(../images/bluebtn.gif);
  background-repeat: repeat-x;
  margin: 0px;
  padding: 2px 6px 2px 6px;
}
