@import url(forms.css);
@import url(jobdatenbank.css);

	html { 
	margin: 0px;
	padding: 0px;
	height: 100%;
	}
	
body {
	font-family: "Trebuchet MS", verdana, arial, serif;
	background: white;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: black;
	line-height: 1.85em;}

p{
	height: auto;
	line-height: 1.75em;
	margin: 0px;
	padding: 0px;
}
b {
	font-size: 11px;
	/*color: #A8B400;*/
	font-weight: bold;
	}

form {
	padding: 0px;
	margin: 0px;
}

li {
	list-style-type: square;
	list-style-image: url(list_bg.gif);
}

ul {
	margin: 0px;
	padding: 15px;
}

td {
	line-height: 1.85em;
}

img{border:0px;}

h1, h2, h3 {
	font-family: "Trebuchet MS", verdana, arial,  serif;
	font-size: 11px;
	font-weight: bold;
	}

h1, h1 a, h1 a:hover {
	line-height: 0.78em;
	line-height: 1.75em;
	font-size: 11px;
	color: #999999;
	color: #A8B400;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	padding-bottom: 0px;
	letter-spacing: 0em;
	font-family: verdana;
}

h1 a {
	text-decoration: underline;
}
h1 a:hover {
	color: black;
}

h2 {
	line-height: 1.9em;
	font-size: 11px;
	color: #A8B400;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;

}
h3 {
	font-size: 11px;
	color: black;
	font-weight: bold;
	display: inline;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
/* Ohne Ueberschrift */
h5 {
	line-height: 0.78em;
	line-height: 1.75em;
	font-size: 11px;
	color: white;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	padding-bottom: 0px;
	letter-spacing: 0em;
	font-family: verdana;
}

.csc-header {
	/*background: #F7F7F7;*/
	padding-top: 10px;
	padding-bottom: 0px;
	display: block;
}

.csc-header-n1 {
	padding-top: 0px;
	min-height: 0px;
}
.csc-header-n2, .csc-header-n3, .csc-header-n4, .csc-header-n5, .csc-header-n6 {
	margin-top: 20px;
}


/*///////////////////// LINKS ///////////////////////////*/

a {
	color: #A8B400;
	font-weight: bold;
	text-decoration: underlined;
}

a:hover {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

/* Seitencontainer */
#site {
	margin: auto;
	padding: auto;
	width: 880px;	
	height: auto;
	float: none;
}

/*///////////////// HEADERBEREICH ///////////////////////////*/
/*header_start*/
#header_start {
	width: 880px;
	height: 180px;
	background: #F7F7F7;
	background: url(header_start_bg.jpg);
	float: left;
}
/*header_alle anderen seitent*/
#header {
	width: 880px;
	height: 100px;
	background: #F7F7F7;
	background: url(header_bg.gif);
	float: left;
	}

#quicknav {
	width: auto;
	height: 110px;
	float: left;
	padding-left: 10px;
	display: inline;
}
#quicknav a {
	padding-left: 0px;
	float: left;
}
/* Newsletter Inputbereich innerhalb der Quicknav */
#newsletter {
	background: url(input_220_bg.gif) no-repeat;
	width: 220px;
	height: 30px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	display: inline;
	visibility: hidden;
}
#newsletter img {
	/*padding-right: 10px;*/
	padding-top: 6px;
}
#newsletter a{
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	display: inline;
}
#newsletter input {
	width: 90px;
}

/* Logo */
#logo {
	width: 220px;
	height: 110px;
	float: right;
}



/* MEN?*/
#mainnav{
	width: 861px;
	height: 20px;
	padding-left: 9px;
	padding-right: 10px;
	float: left;
}
#mainnav a {
	float: left;
	padding-left: 1px;
} 

/* subnavigation_welche onmouseover eingeblendet wird */
#subnav_layer{
	width: 870px;
	height: auto;
	margin-left: 10px;
	padding: 0px;
	float:right;
	position: absolute;
}
#subnav_layer_left, #subnav_layer_right {
	width: 5px;
	height: auto;
	float: left;
}
#subnav_layer_left  {padding-left: 10px;display: none;}
#subnav_layer_right  {padding-right: 10px;float: right;display: none;}
#header #subnav_layer {
	display: none;
}
/* ABST?NDE ZWISCHEN DEN MEN?PUNKTEN */
#subnav_layer a{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 1px;
	background: #A8B400;
	margin-right: 1px;
}
#subnavcontainer {
	width: 210px;
	height: auto;
	float: left;
	margin-top: -25px;
}
#subnav {
	width: 200px;
	height: auto;
	float: right;
	padding-right: 0px;
	margin-left: 10px;
	/*background: #A8B400;*/
	overflow: hidden;
}
#subnav_top, #subnav_bottom  {
	margin-left: 10px;
}

/* ABST?NDE ZWISCHEN DEN MEN?PUNKTEN */
#subnav a{
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	color: #F099AB;
	background: #A8B400;
	text-decoration: none;
}

#subnav a:hover {
	color: white;
}

#subnav a.active {
	color: white;
}
/*///////////////////////// CONTENTBEREICH ///////////////////////*/
#start #contentcontainer {
	height: auto;
	width: 880px;
	float: right;
}


#contentcontainer {
	height: auto;
	width: 660px;
	float: right;
}



/***********************************************************/
/* Content Layout Definitionen									  */
/**********************************************************/


/* Wrap Layer f?r Contentlayout 1: 1 Spalten a 660pixel + Spaltendefinitionen f?r Layout */
#layout1{
	width: 660px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	padding-top:0px;
	margin-top: 10px;

}

#layout1 #colLeft{
	width: 660px;
	min-height: 1px;
 	clear: right;
}
#layout1 #colLeft table{
	width: 100%;
}

/* Typo Tabelle */
#layout1 .contenttable{
	margin-top: 0px;
	border-bottom: 10px solid #F7F7F7;
	margin-bottom: 15px;
	width: 100%;
	height: auto;
	position: relative;
	border-collapse: separate;
	border-spacing: 0px;
}
#layout1 .contenttable .tr-odd td {
	border-bottom: 1px solid #CCCCCC;
}	
#layout1 .contenttable .tr-even td {
	border-bottom: 1px solid #CCCCCC;
}

#layout1 .contenttable .td-last {
	text-align: right;
	}
#layout1 .contenttable .tr-even.tr-0 td {
	border-top: 1px solid #CCCCCC;
	border-bottom: 2px solid black;
	font-weight: bold;
	background: white;
padding-top: 2px;
	padding-bottom: 2px;
	}
/* Wrap Layer f?r Contentlayout 2_1: 2 Spalten, linke Spalte 220pixel, rechte Spalte 440pixel */
#layout2_1{
	width: 660px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	margin-top: 10px;
}
#layout2_1 #colLeft{
	width: 200px;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

#layout2_1 #colNormal{
	width: 420px;
	min-height: 1px;
	float: right;
	clear: right;
	padding-left: 10px;
	padding-right: 10px;
}
/* Wrap Layer f?r Contentlayout 2_2: 2 Spalten, linke Spalte 440pixel, rechte Spalte 220pixel */
#layout2_2{
	width: 660px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	margin-top: 10px;
}

#layout2_2 #colLeft{
	width: 420px;
	min-height: 1px;
	float: left;
	clear: right;
	padding-left: 10px;
	padding-right: 10px;
}
#layout2_2 #colNormal{
	width: 200px;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
}
#layout2_2 .imgtext-table {
	background:  url(teaser_bg.gif);
	margin-top: 10px;
	padding: 10px;
	display: block;
	width: 100%;
}

/* Wrap Layer f?r Contentlayout 2_3: 2 Spalten, linke Spalte 330pixel, rechte Spalte 330pixel */
#layout2_3{
	width: 660px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	margin-top: 10px;
}

#layout2_3 #colLeft{
	width: 310px;
	min-height: 1px;
	float: left;
	clear: right;
	padding-left: 10px;
	padding-right: 10px;	
}
#layout2_3 #colNormal{
	width: 310px;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
}




/* Wrap Layer f?r Contentlayout 3: 3 Spalten a 220pixel + Spaltendefinitionen f?r Layout */
#layout3{
	width: 660px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	margin-top: 10px;
}
#layout3 #colLeft, #layout3 #colNormal, #layout3 #colRight{
	width: 200px;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	display: block;
}

/* Wrap Layer f?r Contentlayout 4: 4 Spalten a 220pixel + Spaltendefinitionen fuer Layout*/

#layout4{
	width: 880px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	margin-top: 10px; display: block;
}

#layout4 #colLeft, #layout4 #colNormal, #layout4 #colRight, #layout4 #colBorder{
	width: 200px;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}
#layout4 #colBorder{
	width: 180px;
}
#layout4 .imgtext-table  {
	/*background:  url(teaser_bg.gif);*/
	padding: 10px;
	display: block;
	width: auto;
	
}
#layout4 #colLeft .imgtext-table {
	background:  url(teaser_bg.gif);
	}
#layout4 #colLeft embed,
#layout4 #colLeft object{
	width: 200px; 
	height: 160px;
	margin-bottom: 5px;
}

/* Wrap Layer f?r Contentlayout 4: 4 Spalten a 220pixel + Spaltendefinitionen fuer Layout*/

#layout5{
	width: 880px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	margin-top: 10px; display: block;
}

#layout5 #colLeft{
	width: 880px;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

/* Wrap Layer f?r Contentlayout 6: 2 Spalten, linke Spalte 220pixel, rechte Spalte 660pixel */
#layout6{
	width: 880px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	margin-top: 10px;
}
#layout6 #colLeft{
	width: 200px;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}
#layout6 #colNormal{
	width: 640px;
	min-height: 1px;
	float: right;
	clear: right;
	padding-left: 10px;
	padding-right: 10px;
}
#layout6 .imgtext-table  {
	/*background:  url(teaser_bg.gif);*/
	padding: 10px;
	display: block;
	width: auto;
	
}
#layout6 #colLeft .imgtext-table {
	background:  url(teaser_bg.gif);
	}
#layout6 #colLeft embed,
#layout6 #colLeft object{
	width: 200px; 
	height: 160px;
	margin-bottom: 5px;
}

#layout6 #colLeft table {border-collapse: collapse; width: 100%;margin-top: 5px;border-bottom: 10px solid #f7f7f7;}
#layout6 #colLeft table td,
#layout6 #colLeft table th {vertical-align: top;margin: 0; padding: 0.25em;font-size: 10px;}
#layout6 #colLeft td {border-bottom: 1px solid #cccccc;}
#layout6 #colLeft table th {font-size: 11px; border-top: 1px solid #cccccc; border-bottom: 2px solid black;font-weight: bold;margin-bottom: 5px;}
#layout6 #colLeft table p {margin: 0; padding: 0;line-height: 1em;text-align: left;}
/***********************************************************/
/* Ende Content Layout Definitionen								  */
/**********************************************************/

/***********************************************************/
/* Download Plugin */
/***********************************************************/

/* Konstanten */

.list table td {
	padding: 0px 10px 0px 10px
}

/* DOWNLOAD PLUGIN Standard Layout und Layout 1*/
.list table, table.csc-uploads-0, .list table, table.csc-uploads-1 {
	margin-top: 0px;
	border-bottom: 10px solid #F7F7F7;
	margin-bottom: 15px;
	width: 100%;
	height: auto;
	position: relative;
}

table.csc-uploads-0 td.list_header, table.csc-uploads-1 td.list_header{
	border-top: 1px solid #CCCCCC;
	border-bottom: 2px solid black;
	font-weight: bold;
	background: white;
	margin-bottom: 5px;
	padding-top: px;
}
table.csc-uploads-0 td.csc-uploads-icon, table.csc-uploads-1 td.csc-uploads-icon{
	width: 40px;
	text-align: center;
}
table.csc-uploads-0 .list_dark, table.csc-uploads-1 .list_dark{
	background:	#F7F7F7;
	border-bottom: 1px solid #CCCCCC;
	}

table.csc-uploads-0 .list_light, table.csc-uploads-1 .list_light{
	background: white;
	border-bottom: 1px solid #CCCCCC;}

	
/* DOWNLOAD PLUGIN Layout 2*/
table.csc-uploads-2 td.list_header{
	display: none;
}
table.csc-uploads-2 td.csc-uploads-icon{
	width: 40px;
	text-align: center;
}
table.csc-uploads-2 .list_dark{
	/*background:	#F7F7F7;*/
	/*border-bottom: 1px solid #CCCCCC;*/
	}

table.csc-uploads-2 .list_light{
	/*background: white;*/
	border-bottom: 1px solid #CCCCCC;}







/* KLIENTEN UND ARBEITSPROBEN */


/*.list{}

.list a:hover {
	padding-left: 23px;
	background: url(arrow_right.gif) no-repeat left;
}

#dropdown {
	height: auto;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #99B7C2;
	border-top: 1px dotted #99B7C2;
}
#dropdown table {
	background: #D6E2E7;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
#dropdown a {
	color:#D50A27;
	padding-left: 2px;
}
#dropdown a:hover{
	margin-left: 4px;
	padding-left: 21px;
	background: url(arrow_red_left.gif) no-repeat left;
}


#dropdown select {
	width:270px;
	height: 20px;
	color: #D50A27;
	font-weight: bold;
	font-size: 10px;
	font-family: "Trebuchet MS", verdana, arial, serif;
}*/

/* ?BERPR?FEN; OB DIE KLASSEN NOCH GEBRAUCHT WERDEN */

.text-links {
	text-align: left;
	float: left;
}

.text-right {
	text-align: right;
	float:right;
	padding-right:10px;
}

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

/* ENDE DER ZU ?BERPR?FENDEN KLASSEN */


.clearer {
background: url(dot_line_blue.gif) repeat-x center;
height: 1px;
display: none;
}

/* Ausrichtung der Spalten */
.links {	float: left;clear:right;}
.rechts { float: right;}


/* TESTBEREICH */
#rubrik{
	width: auto;
	height: auto;
	padding-left:10px;
}



/*//////////////////// TT NEWS //////////////////////////////*/
/* Übersicht LATEST*/
.news-latest-container {width: auto; }
.news-latest-item{margin-bottom: 10px; padding-bottom: 10px;/*border-bottom: 1px solid #CCCCCC;*/

width: 45%;
float: left;
height: 320px;
overflow: hidden;
margin-right: 30px;


}
.news-latest-category {font-weight: bold;}
.news-latest-date{font-weight: normal;color:#999999;}
.news-latest-text {}
.news-latest-item a{text-decoration: none;}
.news-latest-item-image{}
.news-latest-item-image img {
	height: auto;
	margin: 5px 10px 5px 0px;
	float: left;
	padding: 5px 7px 7px 5px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: white url(image_bg.gif) bottom right;
	}
.news-latest-item-image a img:hover {
	background: #A8B400 url(image_bg.gif) bottom right;
	}
.news-latest-item H1, .news-list-item H1 a {}
.news-latest-item h1 {}
.news-latest-item H1 a:hover {}
.news-latest-morelink {
	display: block;
	text-align: left;
	clear:left;
	
}
.news-latest-morelink a{}
.news-latest-morelink a:hover{}
.news-latest-item p {padding: 0px; margin: 0px;}

/* spezielle Formatierungen des .special-bereiches */
.special .news-latest-item {background:#F7F7F7; padding-bottom: 10px;margin: 1px; text-align: justify}
.special .news-latest-category {padding-left: 10px;padding-right: 10px; }
.special .news-latest-date {display: block;color:#999999;}
.special .news-latest-item .csc-header {padding-left: 10px; padding-right: 10px;}
.special .news-latest-text {padding-left: 10px; padding-right: 10px;}
.special .news-latest-morelink {padding-left: 10px; padding-right: 10px;}
.special .news-latest-related {padding-left: 10px;}
.special .news-latest-item-image{margin-left: 10px;margin-bottom: 0px}
.special .news-latest-item-image img {}
.special .news-latest-item-image a img:hover {
	background: #A8B400 url(image_bg.gif) bottom right;
	}
.special .news-latest-item p {
	padding: 0px; margin: 0px;
}
.special .news-latest-additional-info {
	padding-left: 10px;
	padding-right: 10px;
	width: 190px;
	overflow: hidden;
}
/*
/* INTRANET NEWS*/
.csc-frame-frame1 {}
.csc-frame-frame1 .news-latest-item{
	width: auto;
	overflow: hidden;
	background-color:#F7F7F7;
	
}
.csc-frame-frame1 .news-latest-container{
	height: 260px;
	overflow: auto;
}

/* Übersicht LIST*/
.news-list-container {width: auto; }
.news-list-item{margin-bottom: 10px; padding-bottom: 10px;/*border-bottom: 1px solid #CCCCCC;*/

width: 100%;
float: left;
height: auto;
overflow: hidden;
padding-right: 20px;
float:left;
}
.news-list-category {font-weight: bold;}
.news-list-date{font-weight: normal;color:#999999;}
.news-list-text {}
.news-list-item a{text-decoration: none;}
.news-list-item-image{}
.news-list-item-image img {
	height: auto;
	margin: 5px 10px 5px 0px;
	float: left;
	padding: 5px 7px 7px 5px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: white url(image_bg.gif) bottom right;
	}
.news-list-item-image a img:hover {
	background: #A8B400 url(image_bg.gif) bottom right;
	}
.news-list-item H1, .news-list-item H1 a {}
.news-list-item h1 {}
.news-list-item H1 a:hover {}
.news-list-morelink {
	display: block;
	text-align: left;
	clear:left;
	
}
.news-list-morelink a{}
.news-list-morelink a:hover{}
.news-list-item p {padding: 0px; margin: 0px;}

/* Detail */
.news-single-item {}
.news-single-category {font-weight: bold;}
.news-single-date{font-weight: normal;color:#999999; }
.news-single-item-image{float: left;}
.news-single-item-image img {
	margin: 5px 10px 5px 0px;
	padding: 5px 7px 7px 5px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: white url(image_bg.gif) bottom right;
}
.news-single-item-image a img:hover {background: #A8B400 url(image_bg.gif) bottom right;}
.news-single-item-content {clear: right;}
.news-single-item p {padding: 0px; margin: 0px;}
.news-single-img {}
.news-single-imgcaption {margin: 0px; padding-left:5px;font-style: italic;color: #999999;}

.news-single-backlink{clear: both;display: none;}
.news-single-backlink a{}
.news-single-backlink a:hover{}

/* RELATED INFOS */
.news-latest-additional-info,
.news-single-additional-info {clear: both;  padding: 0px; font-size: 10px;}
.news-single-additional-info {
	background: #F7F7F7; padding: 5px 10px 5px 10px; margin: 10px 0 5px 0;
}

.news-single-additional-info a{text-decoration: none;}

.news-latest-additional-info dt {display: none; }
.news-single-additional-info dt {font-weight: bold; }

.news-latest-additional-info dd,
.news-single-additional-info dd {white-space: nowrap; }

.news-latest-additional-info dd,
.news-single-additional-info dd,
.news-latest-additional-info dl,
.news-single-additional-info dl,
.news-latest-additional-info p,
.news-single-additional-info p { margin: 0px; padding-left: 0px;}


.news-latest-additional-info dl,
.news-single-additional-info dl {
	padding-bottom: 0px;
}

	
.news-latest-links p,
.news-single-links p {padding: 0px; margin: 0px;}

.news-latest-related img,
.news-single-related img {	}
/* ENDE */





/*//////////////////// Kontaktformular/Inputfelder ////////////////*/

#buttons{
	width: 420px;
	height: auto;
	display: block;
	text-align: right;
	float: left;
	clear: left;
	padding-left: 10px;
	padding-right: 10px;
}


#notes {
	/*width: auto;
	height: auto;
	border: 1px solid #A8B400;
	padding: 5px;*/
}
table td.notes {
	font-size: 10px;
	background-color: white;
}

/* MISC */



	
/*////////////////////////// footer ////////////////////////////*/
#footer	{
	margin:auto;
	width: 880px;
	height: auto;
	clear:both;
	color: black;
	border-top: 1px solid #F7F7F7;
	font-size: 10px;
	padding-top: 20px;
position: relative;
top: 25px;
	}

#footer a{
	color: #999999;
	font-weight: normal;
}
#footer a:hover{
	color: #A8B400;
	font-weight: normal;
}
#footernav {
	width: auto;
	float: left;
	padding-left: 20px;
}
#footernav a{
	float: left;
	padding-left: 20px;
	padding:0px;
	margin-top: -12px;
	}
	
#footernav_print_top	{
	margin:auto;
	width: 860px;
	height: auto;
	clear:both;
	color: black;
	font-size: 10px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	top: 20px;
	text-align: right;
	}
#footernav_print_top a {
	margin-left: 1px;
	margin-top: 0px;
}
	
#claim	{
	width: 220px;
	height: auto;
	float: right;
	}