/**********************************************************************/
/*** BODY ***/
/**********************************************************************/
body, html { padding: 0px; height: 100% }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin: 0px auto;
	
	color: #47443f;
	background-color: #ffffff;
}


/**********************************************************************/
/*** HEADINGS ***/
/**********************************************************************/
h1 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	line-height: 28px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


/**********************************************************************/
/*** IMAGES ***/
/**********************************************************************/
img {border: none;}

/**********************************************************************/
/*** LINKS ***/
/**********************************************************************/
a:link, a:active, a:visited, a:hover {
	color: #47443f;
	text-decoration: underline;
}

a:link.red, a:active.red, a:visited.red, a:hover.red {
	color: #be1c22;
	text-decoration: underline;
}

a:link.alert, a:active.alert, a:visited.alert, a:hover.alert {
	color: #be1c22;
}



/**********************************************************************/
/*** FORMS ***/
/**********************************************************************/
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #C4C4C4; 
}

textarea {
	overflow: auto;
}

.button {
	background-color: #ffffff;
	border: 1px solid #C4C4C4; 
	color: #3D73A2;
	font-size: 14px;
}

.field {
	color: #636890;
	border: 1px solid #cccccc; 
}


/**********************************************************************/
/*** COMMON ***/
/**********************************************************************/
.error {
	color: #ff0000;
	font-weight: bold;
}

/**********************************************************************/
/*** TABELS ***/
/**********************************************************************/
td {
	font-size: 12px;
	vertical-align: top;
	padding: 0px 10px 0px 0px;
}

td p {
	margin: 0px;
	padding: 0px;
}

#contact-form td {
	padding: 4px 4px 4px 0px;
}


/**********************************************************************/
/*** CONTAINER ***/
/**********************************************************************/
#container, #background {
	position: relative;
	width: 970px;
	height: 100%;
	margin: 0px auto;
	
	background-image: url(../images/bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	text-align: left;
}

#background {
	position: relative;
	height: auto;
	float: left;
}



/**********************************************************************/
/*** HEAD ***/
/**********************************************************************/
#head {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 680px;
	height: 75px;
	
	color: #000000;
	border-bottom: 50px solid #3d73a2;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#head a:link, #head a:active, #head a:visited, #head a:hover {
	text-decoration: none;
	color: #000000;
}

/**********************************************************************/
/*** ICONS ***/
/**********************************************************************/
.icon {
	position: absolute;
	top: 15px;
	
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-top: 5px;

	height: 45px;
}

#icon1 {
	position: absolute;
	left: 25px;
	padding-left: 50px;
	
	/*background-image: url(../images/icon_tq_cert.gif);*/
}

#icon1-image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 39px;
	height: 42px;
}

#icon2 {
	position: absolute;
	left: 150px;
	padding-left: 50px;
	
	/*background-image: url(../images/icon_arbeitsagentur.gif);*/
}

#icon2-image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 43px;
	height: 42px;
}

#icon3 {
	position: absolute;
	left: 300px;
	padding-left: 50px;

}

.icon a:link, .icon a:active, .icon a:visited, .icon a:hover {
	text-decoration: none;
	color: #000000;
}

/**********************************************************************/
/*** LANGUAGES ***/
/**********************************************************************/
#langs {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 150px;
	height: 50px;
}

div.lang {
	width: 70px;
	height: 40px;
	float: left;
	text-align: center;
}

#langs a:link.act, #langs a:active.act, #langs a:visited.act, #langs a:hover.act {
	color: #aeaeae;
}


/**********************************************************************/
/*** LOGO ***/
/**********************************************************************/
#logo-box {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 280px;
	height: 210px;
	overflow: hidden;
}

/* IE7 */
*+html #logo-box {
	position: relative;
}

#logo {
	position: absolute;
	top: 60px;
	left: 20px;
	width: 250px;
	height: 80px;
}

/**********************************************************************/
/*** LEFT COLUMN ***/
/**********************************************************************/
#leftcol {
	position: relative;
	top: 0px;
	left: 5px;
	width: 280px;
	float: left;
	overflow-x: hidden;
}

/**********************************************************************/
/*** LEFT NAVIGATION ***/
/**********************************************************************/
#leftnav {
	position: relative;
	width: 280px;
	height: auto;
	
	margin-top: 210px;
	padding-bottom: 3px;

	background-image: url(../images/leftnav_border_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* IE7 */
*+html #leftnav {
	margin-top: 0px;
} 

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

#leftnav li {
	background-image: url(../images/leftnav_border_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}



#leftnav li.act {
	background-color: #c4c4c4;
}

div.leftnav-point, div.leftnav-point-act {
	padding: 13px 30px 8px 48px;
	
	background-image: url(../images/leftnav_point_no.gif);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

div.leftnav-point-act {
	background-image: url(../images/leftnav_point_act.gif);
}

#leftnav a:link, #leftnav a:active, #leftnav a:visited {
	font-size: 16px;
	font-weight: 100;
	color: #3d73a2;
	text-decoration: none;
}

#leftnav a:hover {
	color: #aeaeae;
}

#leftnav li.act a:link, #leftnav li.act a:active, #leftnav li.act a:visited, #leftnav li.act a:hover {
	color: #000000;
}

#leftnav ul.sub {
	margin-top: 8px;
}

#leftnav ul.sub li, #leftnav ul.sub li.act {
	padding: 4px 0px 4px 10px;
	background-image: url(../images/leftnav_subpoint.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

#leftnav ul.sub a:link, #leftnav ul.sub a:active, #leftnav ul.sub a:visited, #leftnav ul.sub a:hover {
	font-size: 11px;
}

#leftnav ul.sub a:link.act, #leftnav ul.sub a:active.act, #leftnav ul.sub a:visited.act, #leftnav ul.sub a:hover.act {
	font-weight: bold;
}



/**********************************************************************/
/*** INFO BOX LEFT ***/
/**********************************************************************/
div.info-box {
	position: relative;
	margin-top: 20px;
	padding: 10px 0px 10px 35px;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	background-image: url(../images/leftnav_border_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

div.no-bg {
	background-image: none;
}

div.info-box-content {
	line-height: 16px;
	padding: 10px 0px 10px 10px;
}

div.info-box ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.info-box li {
	padding: 1px 0px 1px 12px;
	background-image: url(../images/infobox_point.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

div.info-box a:link, div.info-box a:active, div.info-box a:visited {
	text-decoration: none;
}

div.info-box a:hover {
	color: #be1c22;
}

#contact {
	position: absolute;
	top: 0px;
	right: 20px;
	width: 100px;
	height: 90px;
	
	background-image: url(../images/letter.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#design-author {
	position: relative;
	padding: 10px 0px 10px 45px;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#design-author a:link, #design-author a:active, #design-author a:visited, #design-author a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #dd3231;
}

/**********************************************************************/
/*** RIGHT COLUMN ***/
/**********************************************************************/
#rightcol {
	position: relative;
	top: 0px;
	left: 5px;
	width: 690px;
	float: left; 
}

#rightcol-shaddow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 17px;
	height: 397px;
	z-index: 20;

	background-image: url(../images/rightcol_shaddow.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
}

#toplink {
	position: absolute;
	bottom: 0px;
	right: 10px;
	width: 100px;

	
	text-align: right;
	padding-right: 10px;

	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#toplink a:link, #toplink a:active, #toplink a:visited, #toplink a:hover {
	color: #BE1C22;
	text-decoration: none;
}

/**********************************************************************/
/*** CONTENT ***/
/**********************************************************************/
#content, .start-content  {
	position: relative;
	top: 0px;
	left: 1px;
	width: 619px;
	min-height: 280px;
	margin-top: 126px;
	padding: 40px 30px 30px 30px;
	float: left;
	font-size: 12px;

	line-height: 20px;
	background-image: url(../images/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.start-content { 
	height: 280px;
	overflow: hidden;
	padding-top: 30px;
}

#start-content-1 {
	background-image: url(../images/start_1_block_bg.jpg);
}

#start-content-2 {
	margin-top: 0px;
	background-image: url(../images/start_2_block_bg.jpg);
}

.start-content-body {
	position: relative;
	float: left;
	width: 315px;
}

#start-content-body-1 {
	width: 280px;
	margin-left: 335px;  
}

h1.start {
	display: none;
}

h2.start-content-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	font-size: 28px;
	line-height: 28px;
	letter-spacing: -2px;
}

h2.dark {
	color: #000000;
}

h2.light {
	color: #636363;
}

h2.spacer-left {
	margin-left: 40px;
	margin-top: 0px;
	margin-bottom: 10px;
}


#content ul {
	margin: 5px 0px 0px 30px;
	padding-left: 0px;
}


/**********************************************************************/
/*** HIGHTLIGHTS ***/
/**********************************************************************/
#highlights {
	position: relative;
	float: left;
	width: 619px;

	margin: 0px 30px;
	padding-top: 25px;

	background-image: url(../images/leftnav_border_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;

	font-size: 12px;
	line-height: 20px;
}

#highlights-header {
	font-size: 16px;
	font-weight: normal;
	color: #636363;
	text-transform: uppercase;
	margin-bottom: 25px;
}

#highlights h3 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}



.hightlights-block {
	margin-bottom: 15px;
}


.hightlights-text p {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.hightlights-text a:link, .hightlights-text a:visited, .hightlights-text a:active, .hightlights-text a:hover,
.hightlights-link a:link, .hightlights-link a:visited, .hightlights-link a:active, .hightlights-link a:hover {
	color: #BE1C22;
	text-decoration: underline;
}
}