body {
	margin: 5px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

table {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	margin: 0;
}

a img {
	border: 0;
	text-decoration: none;
}

#wrapper {
	width: 980px;
}

#header-top {
	width: 980px;
	background: url(/images/header-bg.png) repeat-x left top;
	margin-bottom: 15px;	
}

#header-top #stone {
	width: 94px;
	height: 133px;
	float: left;
}

#header-top #title {
	width: 733px;
	height: 18px;
	float: left;
	background: url(/images/header-title.png) no-repeat left top;
	padding: 115px 0 0 25px;	
}

#header-top #title ul#navigation-main {
	list-style: none;
	margin: 0;
	padding: 0;
}

#header-top #title ul#navigation-main li {
	float: left;
	margin: 0;
	padding: 0;	
	margin-right: 28px;
}

#header-top #title ul#navigation-main li a:link {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#header-top #title ul#navigation-main li a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#header-top #title ul#navigation-main li a:hover {
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}

#header-top #title ul#navigation-main li a:active {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#header-top #logo {
	width: 128px;
	height: 133px;
	float: left;	
}

#column-left {
	float: left;
	width: 320px;
}

#column-center {
	float: left;
	width: 330px;
	margin-left: 5px;
}

#column-right {
	float: left;
	width: 320px;
	margin-left: 5px;
}

#column-content {
	float: right;
	_float: none;
	_padding-left: 5px;
	width: 645px;
	margin-left: 15px;	
}

#content-footer {
	background: #d1e3e6;
	padding: 5px;
	margin: 20px 0;
}

#content-footer ul#navigation-cf {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content-footer ul#navigation-cf li {
	float: left;
	margin: 0;
	padding: 0;	
	margin-right: 28px;
}

#content-footer ul#navigation-cf li a:link {
	color: #0c2577;
	text-decoration: none;
	font-weight: bold;
}

#content-footer ul#navigation-cf li a:visited {
	color: #0c2577;
	text-decoration: none;
	font-weight: bold;
}

#content-footer ul#navigation-cf li a:hover {
	color: #ff8700;
	text-decoration: underline;
	font-weight: bold;
}

#content-footer ul#navigation-cf li a:active {
	color: #0c2577;
	text-decoration: none;
	font-weight: bold;
}

#footer {
	border-top: 1px solid #bababa;
	text-align: center;
	padding-top: 10px;
	font-size: 10px;
}

#footer a:link {
	font-weight: normal;
	text-decoration: underline;
}

#footer a:visited {
	font-weight: normal;
	text-decoration: underline;	
}

#footer a:hover {
	font-weight: normal;
	text-decoration: none;
}

#footer a:active {
	font-weight: normal;
	text-decoration: underline;
}

#copyright {
	color: #999999;
	font-weight: normal;
	font-size: 9px;
	text-align: center;
	line-height: 1.8;
	margin: 20px 0;
}

#copyright a:link { 
	color: #999999;
	font-weight: normal;
	font-size: 9px;
	text-decoration: none;	
}
	
#copyright a:visited { 
	color: #999999;
	font-weight: normal;
	font-size: 9px;
	text-decoration: none;	
}

#copyright a:hover { 
	color: #999999;
	font-weight: normal;
	font-size: 9px;
	text-decoration: underline;	
}

#copyright a:active { 
	color: #999999;
	font-weight: normal;
	font-size: 9px;
	text-decoration: none;	
}

#skyscraper {
	position: absolute; 
	left: 1000px; 
	top: 160px;
}

#search-freetext * {
	padding: 0;
	margin: 0;
}

#search-freetext {
	background: #d1e3e6;
	padding: 0.5em;
	border: 1px solid #d1e3e6;
	margin: 0 0 15px 0;
}

#search-freetext p {
	font-size: 11px;
}

#leftcolumn {
	width: 320px;
}


.selectCategory {
	width: 250px;
}


.box-content {
	border: 1px solid #31838d;
	margin: 0 0 12px 0;
}

.box-content .head {
	background: #31838d;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
}

.box-content .body {
	color: #000000;
}

.box-content .padding {
	padding: 5px;
}

.box-content .border {
	border: 1px solid #31838d;
}

.box-content.bg {
	background: #d1e3e6;
}

.box-content .bg {
	background: #d1e3e6;
	border: 1px solid #d1e3e6;
}

.box-content .float-l {
	float: left;
	width: auto;
}

.box-content .float-r {
	float: right;
	width: auto;
}

.box-content p {
	margin: 5px;
}

.box-content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 5px;
}

.box-content ul li {
	background: url(/images/arrow_mini.gif) no-repeat left 4px;
	line-height: 1.5em;
	padding: 0 0 0 15px;
	margin-bottom: 5px;
}

.box-content ul.list-icon {

}

.box-content ul.list-icon li {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 45px;
	line-height: 1.3em;
}

.box-content ul.list-icon li.space {
	margin: 0 0 1em 0;
}

.box-content ul.list-icon-large li {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 40px;
	line-height: 30px;
}

.box-content ul.list-icon-large li.space {
	margin: 1em 0;
}

.box-content a:link {
	color: #0c2577;
	font-weight: bold;
	text-decoration: underline;
}

.box-content a:visited {
	color: #0c2577;
	font-weight: bold;
	text-decoration: underline;
}

.box-content a:hover {
	color: #0c2577;
	font-weight: bold;
	text-decoration: none;
}

.box-content a:active {
	color: #0c2577;
	font-weight: bold;
	text-decoration: underline;
}

.table-list-job {
	width: 100%; 
	border-collapse: collapse;
}

.table-list-job td, .table-list-job .head {
	padding: 3px;
}

.button-wrapper {
	background: #FFF;
	border: 1px solid #000;
	height: auto;
	margin: 5px 0 5px 5px;		
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:	#FFF;
	border-color: #FFFFFF #9C9C9C #9C9C9C #FFFFFF;
	border-style: solid;
	border-width: 1px;
	color: #163586;
	font-size: 10px;
	font-weight: bold;
	overflow: visible;
	padding: 1px 10px 1px 10px !important;
	text-align: center;
	cursor: pointer;
}

.button:hover {
	color: #FF9F33;	
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.top, .top img {
	vertical-align: top;
}

.middle, .middle img {
	vertical-align: middle;
}

.bottom, .bottom img {
	vertical-align: bottom;
}


div.real-content-box {
	border: 1px solid #31838d; 
	margin: 0 0 15px 0;	
}

div.real-content-box .rcb-head {
	background: #31838d; 
	color: #FFF; 
	font-weight: bold; 
	padding: 5px;
}

div.real-content-box .rcb-body {
	padding: 5px 0;
}

div.real-content-box p {
	margin: 5px;
}

div.real-content-box ul {
	list-style: url(http://www.ingenieur.stepstone.de/images/arrow_mini.gif);
	margin: 5px 5px 0 8px;
	padding: 0 0 0 14px;
}

div.real-content-box ul li {
	margin: 0 0 8px 0;
	clear: both;
}

div.bg-content-box {
	background: #D1E3E6;
	border: 1px solid #D1E3E6; 
	margin: 0 0 15px 0;
	padding: 0 5px;		
}

.button-wrapper {
	background: #FFF;
	border: 1px solid #000;
	height: auto;
	margin: 5px 0 5px 5px;		
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:	#FFF;
	border-color: #FFFFFF #9C9C9C #9C9C9C #FFFFFF;
	border-style: solid;
	border-width: 1px;
	color: #163586;
	font-size: 10px;
	font-weight: bold;
	overflow: visible;
	padding: 1px 10px 1px 10px !important;
	text-align: center;
}

.button:hover {
	color: #FF9F33;	
}

.table-cvs {
	width: 100%;
	border-collapse: collapse;
}

.table-cvs tr th {
	background: #31838d;
	color: #FFF;
	padding: 5px;
	font-weight: bold;
}

.table-cvs tr td {
	padding: 5px;
}

.table-cvs tr th.border-r, .table-cvs tr td.border-r {
	border-right: 1px solid #FFF;
}

.table-cvs .cv-id {
	width: 10%;
	text-align: left;
}

.table-cvs .cv-date {
	width: 10%;
	text-align: right;
}

.table-cvs .cv-title {
	width: 80%;
	text-align: left;
}

.align-l {
	text-align: left;
}

.align-c {
	text-align: center;
}

.align-r {
	text-align: right;
}


/* clear floats correct */

/* modern browser */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* for IE7 */
.clearfix {
	display: inline-block;
}

/* for IE6 and below */
* html .clearfix {
	height: 1px;
}

/* Hide from IE Mac \*/
.clearfix {
	display: block;
}



th {
	font-family:verdana, arial, helvetica;
	font-size:11px;
	color:#000000;
	font-weight:bold;
}
h2 {
	font-family:verdana, arial, helvetica;
	font-size:15px;
	color:#31838D;
	font-weight:bold;
}
h1, h3, h4 {
	font-family:verdana, arial, helvetica;
	font-size:19px;
	color:#31838D;
	font-weight: 400;
}
sup {
	font-family:verdana, arial, helvetica;
	font-size:11px;
	color:#000000;
}
 ------------------------------------------------------------------------------- .like_a_link {
 font-family:verdana, arial, helvetica;
 font-size:11px;
color:#163586;
 text-decoration:underline;
 font-weight:bold;
}
.h2 {
	font-family:verdana, arial, helvetica;
	font-size:15px;
	color:#455F55;
	font-weight:bold;
}
.h2bis {
	font-family:verdana, arial, helvetica;
	font-size:15px;
	color:#31838D;
	font-weight:bold;
}
.h4 {
	font-family:verdana, arial, helvetica;
	font-size:19px;
	color:#31838D;
	font-weight: 400;
}
.fontgrey {
	font-family:verdana, arial, helvetica;
	font-size:10px;
	color:#636363;
}
.fontgreyb {
	font-family:verdana, arial, helvetica;
	font-size:10px;
	color:#636363;
	font-weight:bold;
}
.fontblacklarge {
	font-family:verdana, arial, helvetica;
	font-size:13px;
	color:#000000;
	font-weight:bold;
}
.fontsmall {
	font-family:verdana, arial, helvetica;
	font-size:10px;
	color:#000000;
}
.fontblueb {
	font-family:verdana, arial, helvetica;
	font-size:10px;
	color:#0c2577;
	font-weight:bold;
	letter-spacing:0pt;
}
.textbox1 {
	width:150;
	font-family:verdana, arial, helvetica;
	font-size:10px;
	color:#000000;
}
.select1 {
	width:220px;
	font-family:verdana, arial, helvetica;
	font-size:10px;
	color:#000000;
}
.select2 {
	width:280px;
	font-family:verdana, arial, helvetica;
	font-size:10px;
	color:#000000;
}
.orangediv {
	border-color:#ff9900;
	border-style:solid;
	border-width:1px;
	width:274px;
	font-family:verdana, arial, helvetica;
	font-size:10px;
	color:#636363;
	padding:3px;
}
.greydiv {
	border-color:#cccccc;
	border-style:solid;
	border-width:1px;
	padding:5px;
	width:285;
}
.greydiv2 {
	border-color:#cccccc;
	border-style:solid;
	border-width:1px;
	padding:2px;
	width:210;
}
.greydiv3 {
	border-color:#ffffff;
	background-color:#eeeeee;
	border-style:solid;
	border-width:1px;
	padding:5px;
	width:250px;
}
.bgefefef {
	background-color:#eeeeee;
}
.submit {
	cursor:hand;
}
.formwidthwe {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 11px;
	color: #000000;
	background-color: White;
	width:180px;
}
.formwidth {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 11px;
	color: #000000;
	background-color: White;
	width:240px;
}
.formwidthplz {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 11px;
	color: #000000;
	background-color: White;
	width:50px;
}
.formwidthcity {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 11px;
	color: #000000;
	background-color: White;
	width:300px;
}
.formwidth300 {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 11px;
	color: #000000;
	background-color:White;
	width:320px;
}
.formwidth100 {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 11px;
	color: #000000;
	background-color: White;
	width:120px;
}
.formwidth200 {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 11px;
	color: #000000;
	background-color: White;
	width:200px;
}
.formwidthquicknavi {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 10px;
	color: #000000;
	background-color: White;
	width:130px;
}
.formwidth50 {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 11px;
	color: #000000;
	background-color: White;
	width:60px
}
.formwidth25 {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 11px;
	color: #000000;
	background-color: White;
	width:30px
}
.div350 {
	width:350px;
}
.div180 {
	width:180px;
}
.textBlack {
	color:#000000;
	font-family : Verdana, Arial, Helvetica, "sans serif";
	font-size : 10px;
}
.biglink {
	font-family:verdana, arial, helvetica;
	font-size:14px;
	color:#003399;
	text-decoration:underline;
}
.textGrey {
	color:#636363;
	font-family : Verdana, Arial, Helvetica, "sans serif";
	font-size : 10px;
}
.header {
	color:#000000;
	font-family : Verdana, Arial, Helvetica, "sans serif";
	font-size : 18px;
	font-weight : bold;
}
.row {
	background-color:#ffffff;
}
.alterrow {
	background-color:#D1E3E6;
}
.bgtablehead {
	BACKGROUND-COLOR: #31838D;
	color : White;
}
.formwidth550 {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 11px;
	color: #000;
	background-color:White;
	width:550px;
}
.alterrowlight {
	background-color:#D1E3E6;
}
.bgtableheadlight {
	BACKGROUND-COLOR: #D1E3E6;
	color : Black;
}
.frmBtnSelect {
	BACKGROUND-COLOR: white;
	BORDER: 1px solid #7F9DB9;
	COLOR: #000;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 10px;
	font-weight:bold;
	width:25px;
	margin-top:2px;
	margin-bottom:2px;
}
.frmCheckBox {
	vertical-align:middle;
}
.fontb {
	font-family:verdana, arial, helvetica;
	font-size:11px;
	font-weight:bold;
}

a:link {
	font-family:verdana, arial, helvetica;
	font-size:11px;
	color:#0c2577;
	text-decoration: underline;
	font-weight: bold;
}

a:visited {
	font-family:verdana, arial, helvetica;
	font-size:11px;
	color:#0c2577;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	font-family:verdana, arial, helvetica;
	font-size:11px;
	color:#ff8700;
	font-weight: bold;
	text-decoration: none;
}

a:active {
	font-family:verdana, arial, helvetica;
	font-size:11px;
	color:#0c2577;
	font-weight: bold;
	text-decoration: underline;
}


a:link.lb {
	font-family:verdana, arial, helvetica;
	font-size:10px;
	color:#636363;
	font-weight: normal;
	text-decoration: underline;
}
a:visited.lb {
	font-family:verdana, arial, helvetica;
	font-size:10px;
	color:#636363;
	font-weight: normal;
	text-decoration: underline;
}
a:active.lb {
	font-family:verdana, arial, helvetica;
	font-size:10px;
	text-decoration: none;
	font-weight: normal;
	color:#636363;
}
a:hover.lb {
	font-family:verdana, arial, helvetica;
	font-size:10px;
	text-decoration: none;
	font-weight: normal;
	color:#636363;
}
a:link.nav {
	font-family:verdana, arial, helvetica;
	font-size:11px;
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
}
a:visited.nav {
	font-family:verdana, arial, helvetica;
	font-size:11px;
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
}
a:active.nav {
	font-family:verdana, arial, helvetica;
	font-size:11px;
	color:#ffffff;
	text-decoration: underline;
	font-weight: bold;
}
a:hover.nav {
	font-family:verdana, arial, helvetica;
	font-size:11px;
	color:#ffffff;
	text-decoration: underline;
	font-weight: bold;
}

.smalltext
{
	font-size:9px !important; 
}

#ChannelPresentation {
	position: relative;
	height: 460px;
	background: url(/images/channel-presentation-teaser-bg.jpg) no-repeat left top;
}

#ChannelPresentation a img {
	border: none;
}

#ChannelPresentation h1 {
	margin-left: 240px;
	font-size: 20px;
	color: #0c2577;
}

#ChannelPresentation h2 {
	font-size: 16px;
	font-weight: normal;
	color: #0c2577;
	line-height: 30px;
}

#ChannelPresentation .intro {
	margin-left: 240px;
	margin-right: 40px;
	color: #444;
}

#ChannelPresentation #TeaserBox {
	position: absolute;
	left: 700px;
	top: 120px;
	width: 290px;
}

#ChannelPresentation #TeaserBox .teaser-text {
	margin-top: 15px;
	margin-right: 40px;	
}

#ChannelPresentation #TeaserBox .teaser-text ul {
	margin: 0;
	padding-left: 14px;
	color: #444;
}

#ChannelPresentation #TeaserBox .teaser-text ul li {
	margin-bottom: 5px;
}

#ChannelPresentation #TeaserBox .teaser-text .button-more {
	margin: 15px 0;
	text-align: center;
}
