html {
	/*** achtung folgende reihenfolge nicht verändern, wegen ff, safari ... blah blah ****/
	overflow: -moz-scrollbars-vertical;
	overflow:scroll;
	overflow-x: hidden;
}

body {

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #042e6e;
	text-decoration: none;
	margin:0; 
	padding:0;
	/*
	background: url(../images/bgr_whole.png) no-repeat center top;
	*/
	background: url(../images/bgr-whole-neu.gif) repeat-y center top;
	text-align:center; 
	
/*	background:#f5f5f5;
*/
}

a {
	color: Gray;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a:hover {
	color:#042e6e;
	text-decoration:underline;
}

a.mail {

	color:#042e6e;
}
a.mail:hover {

	color:#042e6e;
}


img {
	border:0;
}
a img {
	border-width: 0px;
}


td, p, div, span {
	font-size:11px;
	
}
div {
	color:#042e6e;
}


#site_wrapper {
 width:100%;
  margin:0 auto;
}
#main_wrapper {
width:980px;
background:url(images/bgr_kreuz.gif) no-repeat 0px top;
position:relative;
text-align:left;
margin:0 auto;

}

#sound {
	position:absolute;
	left:955px;
	top:36px;
	width:50px;
	height:20px;
	margin:0;
	z-index:100;
	overflow:hidden;
	border:solid red 0px;
}

#head_wrapper {
	position:relative;
	z-index:4;
	left:0px;
	top:0px;
	height:110px;
	width:980px;
	border:0px solid #ff0000;
	margin:0;
}
#bgr_logo {
	position:absolute;
	left:350px;
	top:89px;
	width:400px;
	height:20px;
	z-index:8;
	margin:0;
	padding:0;

	overflow:hidden;
   /*background: url(images/claim.gif) no-repeat left top;
   */
	background: url(images/claim-heller.gif) no-repeat left top;
   
}

#bgr_logo img {
	padding:0;	
	margin:0;
	border:0;

}

#head_logo {
/*
	background: logo bei bedarf
  */
	background: url(images/logo-held-team.gif) no-repeat left top; 
	position: relative;
	left:24px;
	top:24px;
	width:150px;
	height:80px;
	z-index:6;
	margin:0;

}
#head_logo a,
#head_logo a:hover {
	display:block;
	width:120px;
	height:65px;
	color:#ffffff;
	text-decoration:none;
}
#top_menu_wrapper {
	width:980px;
	height:0px;
   background: #042e6e;
   display:none;
}
#suche {
	display:none;
	position:relative;
	left:15px;
	top:7px;
	float:left;
	width:273px;
	height:26px;
}
#suche div.csc-header {
	display:none;
}


/**************** CONTENT **********************/

#content_wrapper { 
	width:960px;
	min-height:470px;
  	height:auto !important;
  	height:470px;

	margin:0;
	padding: 19px 0 0px 0;
	border:0px solid green;
}
  

/******* content mit headline ****************/
#content_real {
	width:960px;
	margin:0;
	border:0px solid #ffcc00;
}

/******* content ****************/
#content {

	font-size:11px;
	margin:0;
	padding:0;
}




h1 {
	margin:0 0 5px 0;
	padding:0;
	font-size:11px;
	font-weight:normal;
}

h2 {
	margin-top:0;
	margin-bottom:4px;
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
	font-size:11px;
	font-weight:normal;
}

h3 {
	font-size:11px;
	font-weight:normal;
}

p {
	margin:0 0 0 0;
	padding-bottom:3px;
}




/****** normale typo überschriften  nur für adminbereich zeigen, im FE ausblenden,
da bei bedarf eigene klassen verwendet werden  ********/



.csc-textpic-caption {
	padding-top:0px;
	font-size:10px;
	color:gray;
}


.clear_div {
	width:0px;
	height:1px;
	clear:both;
	margin:0;
}

/***************** php formular kontakt ****************************/
input, textarea {
	border:1px solid #696969;
}
/*
#form_php {
	width:660px;
}
*/




/********** html only *****************/
/*
.bgr_wipe_wrapper {
	position:absolute;
	top:0px;
	left:0px;
	width:1px;
	height:1px;
	background:#f5f5f5;
	margin:0;
	z-index:0;
}
*/

/**** folgendes div sorgt dafür, dass das bgr-kreuz 
bei aufruf von inhaltsseiten mit fläche abgedeckt wird *****/
.bgr_wipe {
	position:absolute;
	top:149px;
	left:0px;
	width:960px;
border:0px solid red;
	
	height:480px;
	
   background:#f5f5f5;
  
  /*
  background: white;
  */
	overflow:hidden;
	margin:0;
}

.content_inner {
	width:960px;
	margin:0;
}

.content_inner_inner {
	padding:0px 0px 0px 0px;
	border:0px solid green;
	font-size:11px;
	background: url(images/bgr_white_960x20.gif) repeat-y left top;
	/*
	background:white;
	
	background:#f5f5f5;
	*/
	position:relative;
	/*display:table;*/
	margin:0;
	z-index:500px;
	left:0;
	top:0;
}

.content_inner_inner:after {
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	clear:both;
}

.content_inner_inner div,
.content_inner_inner p,
.content_inner_inner span,
.content_inner_inner a,
.content_inner_inner td {
	font-size:11px;
}

div.expand {
	min-height: 0px;
	height:auto !important;
	height:0px;
	margin:0;
	padding:0;
}

/***** content schachtel - in jedem content include mit drinn *******/

div.overall {
   width:960px;
   margin:0;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	border:0px solid red;
	background: white;
}


/****************************************************************************************/
/************** static HTML content usw ******************/


.html_table {
	width:960px;	
}


.html_table,
.html_table_inner {

   border-width:0px;
   border:none;
  background: none;
	border-collapse: collapse;

	margin:0;
   padding:0;
	/*
	border:1px solid red;
	*/
}

.html_table td,
.html_table_inner td  {

   width:156px;
      
	margin:0;
   padding:0;
   color:#042e6e;

	border-width:0px;
	/*
	border-right:3px solid #f5f5f5;
	border-bottom:3px solid #f5f5f5;
	*/
border-right:3px solid white;
	border-bottom:3px solid white;


}
.html_table td.leer {
	height:50px;
}


td.clean,
td.clean table td.on {
	margin:0;
	padding:0;
}
td.clean table {
	border-width:0px;
   border:none;
	margin:0;
   padding:0;
	border-collapse: collapse;
}

.html_table_inner td {

	width:156px;
}

.html_table_inner td {
	border:0px solid red;
}

.html_table td.double_width,
.html_table_inner td.double_width {
	width:316px;
	margin:0;
	padding:0;
}

.html_table h2 {
	margin:0;
	padding-top:3px;
	padding-bottom:0px;
	padding-left:6px;
}
.html_table a h2 {
	padding-top:3px;
	padding-bottom:0px;
	padding-left:6px;

}
.html_table a h3 {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;

}



.html_table h3 {
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
}

.html_table p,
.html_table_inner p {
	margin:0 6px 0 0;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
}

.html_table ul {
	margin:0;
	padding:0 0 3px 0;
}
.html_table li {
	margin:0 6px 0 0;
	padding:3px 0 0 15px;
	border:0px solid red;
	font-size:11px;
	line-height:14px;
	list-style: none;
	list-style-type: none;
	background: url(images/list-style-image.gif) no-repeat 6px 5px;
}

div.on,
.html_table td.on,
.html_table_inner td.on {
   background:#002180;
	color:white;

}


.html_table td.on p,
.html_table td.hell p  {
	color:white;
}

div.hell,
.html_table td.hell,
.html_table_inner td.hell {
   background:#0039a6;
	color:white;
   
}


a.all {
   text-decoration:none;
   color:white;
   font-size:11px;
   display:block;
	height:100%;

}
a.all:hover {
	text-decoration:none;
		display:block;
	height:100%;
}
div.hell a.all:hover {
	background: #002180;
	text-decoration:none;
	display:block;
	height:100%;
}
div.on a.all:hover {
   background: #0039a6;
	text-decoration:none;
	display:block;
	height:100%;
}

.html_table_inner a.all {

   text-decoration:none;
   color:white;
   font-size:11px;
   display:block;

   padding:0px;

}


.html_table a.all:hover {

   background:#0039a6;
   text-decoration:none;
   color:white;
    width:156px;
   font-size:11px;

display:block;

   height:100%;

}
.html_table_inner a.all:hover {
	
   background:#0039a6;
   text-decoration:none;
   color:white;
    width:156px;
   font-size:11px;
height:100%;
display:block;

}



.html_table a:hover {
   /*
	display:block;
   */
	background:#0039a6;


   font-size:11px;

}

div.rasterdiv {
	background: white;
}


div.rasterdiv a.all {
	text-indent: 0px;
	border:0px solid red;
	display:block;
}
div.rasterdiv a.all:hover {
	display:block;
   
} 


.html_table img.content {
	border:0px solid #002180;
	margin-bottom:4px;
}


/*********** div im  td **************/
.html_table div.hell {
	
	height:50px;
  
	display:block;
  
}


.html_table div.on {
	margin:0;
	padding:0;
   position:relative;
	height:50px;
	display:block;
   
}

div.on,
div.on div,
div.on h2,
div.on p {
	color:white;
}



div.null {
	position:relative;
	margin:0;
}


div.x1,
div.x2,
div.rasterdiv div.x1,
div.rasterdiv div.x2 {
	margin:0;
	position:absolute;

	left:0px;
	top:0px;
	height:20px;
	z-index:600;
}

div.x1,
div.x1 div.rel,
div.rasterdiv div.x1,
div.rasterdiv div.x1 div.rel {
	width:156px;
}
div.x2,
div.x2 div.rel,
div.rasterdiv div.x2,
div.rasterdiv div.x2 div.rel {
	width:317px;
}
div.rel,
div.rasterdiv div.rel {
	position:relative;
	display:table;
	z-index:999;
	background:#0039a6;
}

div.rel div,
div.rasterdiv div.rel {
	background:#0039a6;
} 

div.x1_y2,
div.x2_y2,
div.x1_y3,
div.x2_y3,
div.x2_y4,
div.x2_y5 {
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:0px;

	border:0px solid red;
  z-index:500;
}

div.x2_y4 h2 {
	width:310px;
	border:0px solid red;
	margin-right:0;
	padding-right:0;
}

div.x1_y1 {
	width:156px;
	height:50px;
}

div.x1_y2 {
	width:156px;
	height:103px;
}
div.x1_y3 {
	width:156px;
	height:156px;
}
div.x2_y2 {
	width:317px;
	height:103px;
}
div.x2_y3 {
	width:317px;
	height:154px;
}
div.x2_y4 {
	width:317px;
	height:204px;
}
div.x2_y5 {
	width:317px;
	height:255px;
}

div.bgr_white {
	background: white !Important;
	/*display:table;*/
	position:relative !Important;
}

/*div.bgr_white:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}*/

div.bgr_none {
	background: none !Important;
}

.bgr_white p,
.bgr_white h1,
.bgr_white h2,
.bgr_white h3,
.bgr_white span {
	color:#002180 !Important;
}

.white p,
.white h1,
.white h2,
.white h3,
.white span,
.white a {
	color:white !Important;
	background:#0039a6;
}

.pointer,
.white a {
	cursor:pointer;
}

.html_table td.on div, 
.html_table td.hell div {
	color:white;
}



/******** list,  downloads ***************************/

/*.download_wrapper:after {
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
*/

.download_wrapper dl  {
	margin:0;
	padding:4px 0 0 0;
	width:310px;
}



	
.download_wrapper dt,
.download_wrapper dd  {
	margin:0;
	padding:5px 5px 5px 0;
	float:left;
	border-top:1px solid #0039a6;
}


.download_wrapper dt {
	width:200px;

}
 
.download_wrapper dd {
	width:100px;
}

/********** list wrapper zB references clients - awards *************/

div.list_wrapper_outer {
	width:960px;
	margin:0;
	vertical-align: top;
	display:table;
	position:relative;
}

.scroll_up_arrow {
	position:absolute;
	left: 340px;
	top:-22px;
	width:20px;
	height:15px;
	border:0px solid red;
	z-index:999;
	background: url(images/arrow-up-neu.gif) no-repeat 3px 5px;
}

.scroll_down_arrow {
	position:absolute;
	left: 320px;
	top:-22px;
	width:20px;
	height:15px;
	border:0px solid green;
   z-index:999;
	background: url(images/arrow-down-neu.gif) no-repeat 3px 5px;
}

/* a href */
.pfeil_up_arrow,
.pfeil_down_arrow,
.pfeil_up_arrow:hover,
.pfeil_down_arrow:hover {
	display:block;
	width:20px;
	height:15px;
	text-decoration:none;
}



.scroll_up {
	position:absolute;
	left: 170px;
	top:85px;
	width:760px;
	height:60px;
	border:0px solid red;
}

.scroll_down {
	position:absolute;
	left: 170px;
	top:230px;
	width:760px;
	height:60px;
	border:0px solid red;
}

.scroll_up a,
.scroll_down a {
/*
   background: url(images/pfeil_up_down.gif) no-repeat 48% 0px;
*/
}
.scroll_up a:hover {
 /*
   background: url(images/pfeil_up_down.gif) no-repeat 48% -40px;
*/

}
.scroll_down a:hover {
 /*
   background: url(images/pfeil_up_down.gif) no-repeat 48% -80px;
*/
	
}
.scroll_up a,
.scroll_down a,
.scroll_up a:hover,
.scroll_down a:hover {
	display:block;
   height:60px;
	text-decoration:none;
}

div.list_wrapper_x_gap {
	width:160px;
	float:left;
	margin:0;
}
div.list_wrapper_x_gap.none {
	width:0px;
}


div.list_wrapper {
	float:left;
	width:790px;
	margin:0;
	padding:0;	
	background: url(images/bgr_blau_on.gif) repeat-y left top;
	/*
	display:table;
	*/
	vertical-align: top;
}
/*
html_table td.bgr {
	background: url(images/bgr_blau_on.gif) repeat-y left top;
}
*/






/*
.double dl {
	margin:3px 6px 3px 6px;
}
*/
div.double.ranking {
	margin:6px 0 0 0;
	padding:6px 0 6px 0
	
}
.ranking dl {
	margin:0 6px 0 6px;
	padding:0;

	display:table;
}

.dl-header-bold {
	font-weight:bold;
}

.ranking dt {
	width:190px;
	float:left;
		margin:0;
	padding-top:0px;
	padding-bottom:3px;
	padding-right:6px;
}
.ranking dd {
	width:100px;
		margin:0;
	padding-top:0px;
	padding-bottom:3px;
	float:left;
	text-align:right;

}  


.list_wrapper dl  {
	clear:both;
	margin:0;
	padding:0;
	display:block;
	width:800px;

   background: url(images/trenner_x.gif) transparent repeat-x left bottom;

	
		border-bottom:0px solid #7f90bf;
	display:table;
	
}


.list_wrapper dt {
	width:146px;
	color:white;
	margin:0;
	padding:3px 3px 6px 6px;
	float:left;
	border-top:0px solid #7f90bf;
}

.list_wrapper dd {
	width:146px;
	margin:0;
	padding:3px 6px 6px 6px;
	float:left;
	border-top:0px solid #7f90bf;
}

.list_wrapper div.dl-header,
.list_wrapper dl.dl-header dt {
	border-width:0px;
	height:53px;
	margin:0;
	padding:3px 3px 6px 6px;
}
.list_wrapper div.dl-header h2 {
	color:white;
	margin:0;
	padding:0 0 0 0;
}

.list_wrapper dl.dl-header dd {
	border-width:0px;
	height:53px;
	margin:0;
	padding:3px 6px 6px 6px;
}
.list_wrapper dl.dl-header {
	border-width:0px;
	border:none;
	border-bottom:0px solid fuchsia;
	display:table;
}
.list_wrapper dl.dl-header-2 {
	border-width:0px;
	border:none;
	border-bottom:0px solid #7f90bf;
	display:table;
	
}

.list_wrapper dl.dl-header-2 dt {
	border-width:0px;
	border-bottom:0px solid #7f90bf ;
	margin:0;
	padding:3px 3px 6px 6px;
}

.list_wrapper dl.dl-header-2 dd {
	border-width:0px;
	margin:0;
	padding:3px 6px 6px 6px;
}




.clear_left {
	clear:left;
}
.clear_right {
	clear:right;
}

dl-info {
	clear:left;
}

/*** references ****/
div.references {
	margin:0;
}
div.references.clients {
	padding:0 0 0 0px;
	border:0px solid red;
}
div.references.awards {
	
}



/********** foooooooooooter *********************/

.panel_copyright {
	position:relative;
	margin:4px 0 10px 0;
	font-size:10px;
   z-index:888;
}
.copyright_inner {
	position:absolute;
	left:890px;
	top:35px;
	width:90px;
	height:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}


#footer {
	text-align:right;
	width:980px;
	margin:4px 0 10px 0;
	font-size:10px;
	display:none;
}

#betw_footer {
	width:960px;
	height:0px;
	border-bottom: 3px solid #ff9f00;
	margin:0;
	padding:0;
	clear:both;
	display:none;
}

#footer_wrapper {
	width:960px;
	height:28px;
	margin:0;
   border:0px solid #ffcc00;
   color:#042e6e;
	display:none;
}



/******** formular *******************/

/****** extras ***************/

/*** !!! MERKE: float überschreibt den status INLINE, somit sind längen möglich ********/

form {
	margin:0;
	padding:0;
   vertical-align: top;
}

div.form {
	width:638px; 
	border:0px solid red; 
	margin:0;
}

div.form label {
	width:150px;
	text-align:right;
}

div.form_left {
	float:left; width:316px; padding-right:3px;
}
div.form_right {
	float:left; width:316px;
}


div.over {
	position: absolute;
	width:323px;
	height:80px;
	margin:0;
	border:0px solid green;
}

div.form div.clear {
	clear:both;
	margin:0;
}

label.form {
	width:153px;
	text-align:right;
	border:0px solid red;
   float:left;
	margin-right:3px;
	padding-right:3px;
	padding-top:3px;
}

input.blue {
	background: #002180;
	color:white;
	width:150px;
   margin-bottom:3px;
	padding-left:3px;
}
textarea.blue {
	background: #002180;
	color:white;
	width:150px;
	height:82px;
   margin-bottom:3px;
	padding-left:3px;
}

input.submit_blue {
	background: #002180;
	color:white;
	cursor: pointer;
	margin-top:135px;
	margin-left:164px;
	width:80px;
}

input.captcha {
	border:1px solid #002180;
   width:78px;
	margin-bottom:3px;
}
.right {
	text-align: right;
}


/******* NEW div raster *********************/

.rasterdiv a {
	cursor:pointer;
}

div.overall.rasterdiv div {
	float:left;
	width:156px;
	height:50px;
	margin:0 3px 3px 0;
	/*
	background: #e6e6fa; 
	*/
position:relative;

}

.rasterdiv div.break {
	clear:left;
}


/*div.overall.rasterdiv:after,
div.overall.rasterdiv div:after,
.rasterdiv div.break:after  {
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
*/


div.on,
.html_table div.on,
div.rasterdiv div.on,
div.off {
	background:#002180 !important;
	color:white;
	margin:0;
position:relative;
display:block;
  z-index:10;

}

div.off{
    background:#E3E7F2 !important;
}
div.rasterdiv div.hell {
	background:#0039a6 !important;
	color:white;
	margin:0;
	position:relative;
	display:block;
  z-index:10;
}

div.rasterdiv h1,
div.rasterdiv h2,
div.rasterdiv h3 {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
	margin:0;
}

h2.on,
h3.on {
	background: #002180;
}
h2.on a,
h3.on a {
	color:white;
}

div.hell p,
div.on p  {
	padding:3px 6px 3px 6px;
	margin:0;
}

div.hell a,
div.on a {
	color:white;
}

div.rasterdiv div.x1_y3,
div.rasterdiv div.x1_y2.hell,
div.rasterdiv div.x1_y3.hell,
div.rasterdiv div.x2_y2.hell,
div.rasterdiv div.x2_y3.hell,
div.rasterdiv div.x3_y4.hell {
	 z-index:20;
}
div.on div.x1_y2,
div.on div.x1_y3,
div.on div.x2_y2,
div.on div.x2_y3,
div.on div.x2_y4,
div.on div.x2_y5,
div.on div.x2_y6,
div.on div.x3_y4 {
	background: #002180;
}

div.rasterdiv div.x1_y2 {
	position:absolute;
	width:156px;
	height:103px;

}
div.rasterdiv div.x1_y3 {
	position:absolute;
	width:156px;
	height:156px;

}
/*
div.rasterdiv div.x1_y3.hell {
	background: white !important;
}
*/
div.rasterdiv div.x2_y2 {
	position:absolute;
	width:317px;
	height:103px;

}
div.rasterdiv div.x2_y3 {
	position:absolute;
	width:317px;
	height:156px;

}

div.x2_y3 div {
	width:317px !important;
}

div.rasterdiv div.x2_y4 {
	position:absolute;
	width:317px;
	height:209px;
}
div.rasterdiv div.x2_y4_down {
	width:317px;
}


div.rasterdiv div.x2_y5 {
	position:absolute;
	width:317px;
	height:252px;

}
div.rasterdiv div.x2_y6 {
	position:absolute;
	width:317px;
	height:315px;

}
div.rasterdiv div.x2_y9 {
	position:absolute;
	width:317px;
	height:464px;

}

div.rasterdiv div.x3_y4 {
	position:absolute;
	left:0px;
	top:0px;
	width:470px;
   height:300px;
	overflow:hidden;
}

div.on_roll {
	background: #002180;
	margin:0;
	display:table !important;
}
div.on_roll h1,
div.on_roll h2,
div.on_roll h3,
div.on_roll p {
	padding:3px 6px 3px 6px;
	margin:0;
}
div.on_roll h1,
div.on_roll h2,
div.on_roll h3,
div.on_roll p,
div.on_roll span {
	color:white;
}

div.on_roll a {
	color:white;
}


div.abs {
	position:absolute;

}

div.rasterdiv img.spacer-gif {
	clear:left;
}

div.performance_ie {
	width:317px;
	height:309px;
	overflow:hidden;
}

/* cat menu */

ul.cat-menu {
   display:block;
   position:absolute;
	width:151px;
	left:5px;
	margin:0;
	padding:0;
	list-style: none;
	z-index:999;
}
ul.cat-menu li,
ul.cat-menu li.cat-off  {
	line-height:26px;
	width:141px;
	display:block;
	position:relative;
	padding-left:10px;
	background-color: #e3e7f2;
	/*border-bottom:1px solid white;*/
	cursor:pointer;
}

ul.cat-menu li.cat-on,
ul.cat-menu li:hover,
ul.cat-menu li.sfHover {
	background-color: #929ebf;
	color:white;
}