html { 
	margin:0; 
	padding:0; 
	text-align:center; 
	overflow:scroll;
	overflow-x: hidden; 
	overflow: -moz-scrollbars-vertical;

} 

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	text-decoration: none;
	margin:0; 
	padding:0;
	text-align:left;
 background: black;
	
}




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

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


td, div, p.bodytext,
p,
span,
.bodytext {
	font-size:11px;
	margin:0;
	padding:0;
   line-height:16px;
}
/*
a {

	font-family:  Arial, Verdana, Helvetica, Tahoma, sans-serif;
}
*/

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

.clearfix {
    display: inline-block;
	 border:2px solid lime;
	 height:0px;
	 margin:0;
	 padding:0;
	 position:relative;
	 left:-999em;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


#site_wrapper {
	position:absolute;
	top:0px;
	left:50%;
	z-index:0;
	margin:0;

}
#main_wrapper {
	position:absolute;
	top:0;
	left:-470px;
	width:940px;
	z-index:1;
	margin:0;
border: 0px solid orange;
}
/*
#white_over {
	position:absolute;
	top:0;
	left:978px;
	width:1000px;
	height:200px;
	z-index:2;
	margin:0;
	background: #ffffff;
	overflow:hidden;
	
}
*/
#main {


	text-align:left;
	margin:0;

	width:940px;
	border: 0px solid orange;
}
#head_wrapper {
	position:relative;
	z-index:4;
	left:0px;
	top:0px;
	height:164px;
	width:940px;
	border-bottom:2px solid White;
	margin:0;
}
#bgr_logo {
	position:absolute;
	left:0px;
	top:0px;
	width:235px;
	height:160px;
	z-index:5;
	margin:0;
	padding:0;
border:0px solid red;
	
	background: url(../images/logo_eggheads_frei.png) no-repeat left top; 
}

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

#head_logo {
/*
	background: logo bei bedarf
  */
	position: relative;
	left:20px;
	top:0px;
	width:940px;
	height:164px;
	z-index:6;
	margin:0;
}
#head_logo a,
#head_logo a:hover {
	display:block;
	width:260px;
	height:164px;
	color:black;
	text-decoration:none;
}

#suche {
	float:left;
	position:absolute;
	display:inline;
	left:720px;
	top:0px;
	z-index:599;
	width:220px;
	height:20px;
	border:0px solid gray;
	margin-top:40px;
}
#suche div.csc-header {
	display:none;
}

/***************** sprachwahl  sprache ********************************/
#lang_menu {
	position:relative;
	left:0px;
	top:3px;
	z-index:300;
	float:left;
	display:inline;
	margin:0 0 0 4px;
	padding:0;
	width:80px;
	height:20px;
		white-space: nowrap;
	border:0px solid #7fff00;
	
}
#lang_menu img {
	display:none;
}
#lang_menu img.flag_current,
#lang_menu img.flag_not_current {
	display:inline;
	width:15px;
	height:13px;
}


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

/******* ausgelagert in content_start.css und content.css *********/

#content_wrapper {
	border-top:4px solid black;
	margin:0;
	padding:0;

	width:940px;
	background:white;
}

  
#content_main {
	margin:9px 0 0 0;
	padding:0;
	/*
	min-height:280px;
  	height:auto !important;
  	*/
	height:291px;
 	width:940px;
 	border:0px solid red;
	/*
	overflow:auto;
	*/
	display:table;
	
}


/************ der table dazwischen wirds schon richten.... *******************/
.richter_belmont {
	width:100%;
	border-collapse: collapse;
	border: 0px solid lime;
	margin:0;
	padding:0;
	
}
.richter_belmont td {
	margin:0;
	padding:0;
}
.richter_belmont td.td_left {
	

}
.richter_belmont td.td_right {
	
}
.richter_belmont td.td_left, 
.richter_belmont td.td_right {
	text-align: left;
}

.content_wrap_case_navi {
	border:2px solid yellow;
}
/*
.breit {
	width:750px;
	border:2px solid orange;
}
*/


#content_main td, div, p, span, h1, h2, h3 {
	color: Black;
}
#content_pre_holder {
	float:left;
	margin:0;
	padding:0;

}
#content_holder {
	margin:0;
	padding:0;
	float:left;
	background: url(../images/bgr_white_tile_940x_b.png) white left top;
}

/******* content mit headline ****************/


#content_headline {
	margin:0;
	padding:0;
}
#content_headline h1 {
	margin:0 0 0 0;
	padding:0;
	font-size:18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: Black;
	line-height:20px;
	
}
/******* content ****************/
#content_scrollbar {
	position:relative;
	top:-20px;
	margin:0;
	padding:0;
	overflow:auto;
	height:291px;
}

#content_scrollbar div#content {
	margin:20px 5px 0 0;
}

#content {
	font-size:11px;
  vertical-align: top;
	margin:20px 5px 0 20px;

	padding:0 0 0 0;
	border:0px solid lime;
   vertical-align: top;
	border:0px solid yellow;

}

#content h1,
#content h1.csc-firstHeader {
	margin:0 0 6px 0;
	padding:0;
	font-size:18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: Black;
	line-height:20px;
}

#content h2 {
	margin:0 0 4px 0;
	padding:0;
	font-size:14px;
	font-family: Arial, sans-serif;
	font-weight:bold;
	color: #696969;

}



/****** boxes right ******************/

#content_right {
	position:relative;
	left:0px;
	top:0px;
	z-index:4;
	float:right;
	width:168px;
	background: #f1f1f1;
	border:0px solid #000000;
	margin:0;
}
#content_right div.csc-header  {

	margin:0;
	border-top:18px solid #ffffff;

}

#content_right div.csc-header h1.csc-firstHeader,
#content_right div.csc-header h1 {
	margin:0;
	padding:0 0 0 10px;
	line-height:18px;
	font-size:12px;
	color:#ffffff;
}

#content_right p.bodytext {
	margin:6px 10px 6px 10px;
	font-size:11px;
	
}


/*********** fce_content_2col.html - content 2cols u.a. start *****************/

.content_2col_holder {
	position:relative;
	left:0px;
	top:0px;
	width:574px;
}
.content_2col_holder div.col_left {
	background:#f1f1f1;	
	position:relative;
	left:0px;
	top:0px;
	width:282px;
	float:left;
}



/****** 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;
}



#betw_footer {
	width:1px;
	height:0px;
	border:0;
	margin:0;
	padding:0;
	clear:both;
}

#footer_wrapper {
	width:940px;
	margin:0;
	padding:0;
   color:White;
	position:relative;
}

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

/***************** php formular kontakt ****************************/
input, textarea {
	border:1px solid #696969;
}
/*
#form_php {
	width:660px;
}
*/
#form_php td,
#form_php div {
	font-size:11px;
	margin:0;
	padding:0;
}
#form_php td.headline {
	padding:0 0 8px 0;
	margin:0;
}

#form_php div#content_norm {

	margin:0;
	min-height:430px;
  	height:auto !important;
  	height:430px;
	width: 640px;
}
#form_php td.form_left {
	width:45%;
	margin:0;
	padding:0;
}
#form_php td.form_right {
	width:620px;
	margin:0;
	padding:0;
}
#form_php td.form_left td, 
#form_php td.form_right td,
#form_php td.form_small td table td {
	padding:3px 0 0 0;
	margin:0;
}
#form_php td.form_small {
	width:450px;

}
#form_php td.td_a {
	width:23%;
} 
#form_php td.td_b {
	width:76%;
}
#form_php input.norm {
	width:200px;
}
#form_php input.norm_plz {
	width:45px;
}
#form_php input.norm_ort {
	width:151px;
}

#form_php textarea.norm_textarea {
	width:320px;
	height:60px;

}
#form_php input.checkbox {
	position:relative;
	top:2px;
	border:none;
}


/**************** direct mail ******************************/

.newsletter_subscription,
.newsletter_subscription font {
	font-size:11px;
}


/*********************** sitemap ***************************************/

.csc-sitemap li {
	list-style-image: url(../images/list.gif);   
}
.csc-sitemap li a {
	color:#696969;
}
.csc-sitemap li li a {
	color:gray;
	font-size:11px;
}


/******************** altered typo css ***********************/
#content table.contenttable {
	position:relative;
	top:-4px;
	left:0px;
}
.contenttable td,
.contenttable th,
.contenttable p {
	font-size:11px;
	text-align:left;
	vertical-align:top;
}
#content p.bodytext ul,
#content p.bodytext li,
#content ul,
#content li {
	margin-left:8px;
	padding:0 0 3px 0;
}
#content ol {
	margin-left:10px;
	padding:0 0 3px 5px;
}

a {
	color: gray;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}

li {
	line-height:18px;
}

/************************ selbsttest  selbsttest.php *********************************/

.selbsttest td {
	padding-bottom:5px;
	line-height:18px;
}
.selbsttest td.betw {
	height:15px;
}
.selbsttest p.hell {
padding: 5px 5px 5px 5px;
   background: #f5f5f5;	
}
.selbsttest td.a {
	width:22px;
	text-align:right;
	padding-right:5px;
}
.selbsttest input {
	position:relative;
	top:3px;
	border:none;
}
.selbsttest input.input_submit {
	border:1px solid #696969;
}


/**************** footer news *********************************/
#footer_news {
	padding:0;
	margin:0;
	width:940px;
	/*
	overflow:hidden;
	*/
	
}
#footer_news:after {
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
#footer_news p.bodytext {
	color: White;
	margin:0 0 5px 0;
	padding:0;
	line-height:15px;
}



/*************** fce bild rechts oben raus ************************/

#table_bild_rechts_oben {
	border-collapse: collapse;
	border:none;
	margin:0;
	padding:0;
}
#table_bild_rechts_oben div#bild_rechts_oben img {
	position:relative;
	top:5px;
	left:5px;
	 
}
#table_bild_rechts_oben td {
	width:49%;
	vertical-align: top;
}

#bild_o_r_holder {
	position:relative;	
	top:0px;
	left:0px;	
	width:470px;
	border:0px solid red;
	z-index:301;
}

#bild_rechts_oben {
	position:absolute;
	top:-205px;
	right:0px;
	width:470px;
	z-index:1;
}
/********* fce bild oben rechts raus ***********/
#table_bild_rechts_oben div#bild_rechts_oben img {
	position:relative;
	top:-4px;
	left:5px;
	 
}

#bild_rechts_unten {
	position:absolute;
	top:-10px;
	right:-5px;
	z-index:400;
}


#betw_footer {
	margin:0;
	padding:0;
	height:0px;
	display:none;
}