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

body {
	
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #696969;
	text-decoration: none;
	margin:0; 
	padding:0;
	text-align:left;
	
	background: url(../images/bgr_whole.png) left top;
   background-attachment: fixed;	
}

a {
	color: Gray;
	text-decoration:none;
}
a:hover {
	color: #000000;
	text-decoration:underline;
}
a.download, a:link.download, a:active.download, a:visited.download, a:hover.download {
    font-weight:bold;
}
img {
	border:0;
}
a img {
	border-width: 0px;
}
p {
	margin:0 0 4px 0;
}
.bodytext {
	font-size:11px;
}
td, div, p.bodytext {
	font-size:11px;
	margin:0;
}
/*
a {

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


#site_wrapper {
	position:absolute;
	top:0px;
	left:50%;
	z-index:0;
	margin:0;
}
#main_wrapper {
	position:absolute;
	top:0;
	left:-480px;
	width:960px;
	z-index:1;
	margin:0;
	background: url(../images/bgr_shadow_png24.png) repeat-y center top;
	
}

#main {
	position:relative;
	left:10px;
	top:0px;
	width:940px;
	margin:0;
	display:table;
	z-index:2;

}
#main_footer {
	position:relative;
	left:0px;
	top:15px;
	height:15px;
	width:960px;
	z-index:3;
	border:0px solid red;
	background: url(../images/bgr_shadow_png24_footer.png) no-repeat center bottom;
}

#head_wrapper {
	position:relative;
	z-index:4;
	left:0px;
	top:0px;
	height:100px;
	width:940px;
	border:0px solid #ff0000;
	margin:0;
}
#bgr_logo {
	position:absolute;
	left:0px;
	top:0px;
	width:940px;
	height:100px;
	z-index:5;
	margin:0;
	padding:0;
	border:0px solid #ccff00;
	overflow:hidden;
   background: white;	

	background: url(../images/bgr_header_newsletter.png) no-repeat -35px 20px; 

}

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

}

#head_logo {
/*
	background: logo bei bedarf
  */
  	background: url(../images/logo_bego_.png) no-repeat left top; 
	position: relative;
	left:30px;
	top:25px;
	width:940px;
	height:60px;
	z-index:6;
	margin:0;

}
#head_logo a,
#head_logo a:hover {
	display:block;
	width:157px;
	height:54px;
	color:#ffffff;
	text-decoration:none;
}
#top_menu_wrapper {
	width:940px;
	height:26px;
   background: url(../images/bgr_navi_gradient.png) gray repeat-x left top;
	
}
#suche {
	display:none;
	position:relative;
	left:15px;
	top:7px;
	float:left;
	width:273px;
	height:26px;
}
#suche div.csc-header {
	display:none;
}


#header_bild {
	margin-top: 8px;
	margin-left:10px;
}

#lang_menu {
	position:absolute;
	left:520px;
	top:7px;
	width:100px;
	height:20px;
	z-index:9;
}

#top_site_links {
	margin:0;
	position:absolute;
	right:-5px;
	top:0px;
	width:300px;
	height:30px;
	z-index:10;
	background:url(../images/top_links_bgr.png) no-repeat 5px top;
	border:0px solid red;
}
#navi_top_table {
	margin:0 0 0 0;
	width:290px;
	height:24px;
	
}
#navi_top_table td {
	text-align:right;
	vertical-align: top;
	padding-top:3px;
}
#navi_top_td_1 a, #navi_top_td_2 a, #navi_top_td_3 a,
#navi_top_td_1 a:hover, #navi_top_td_2 a:hover, #navi_top_td_3 a:hover {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none; 
	line-height:16px;
	padding:0;
}
#navi_top_td_3 a, #navi_top_td_3 a:hover {
	padding-right:-6px;
}
#navi_top_td_1 a, #navi_top_td_1 a:hover {
	padding-left:9px;
}
#navi_top_td_1 a, #navi_top_td_3 a  {
	color:#696969;
}
#navi_top_td_2 a {
	color:#a9a9a9;
	padding-left:1px;
}
#navi_top_td_2 a:hover {
	color:#d1d1d1;
	padding-left:1px;
}

#navi_top_td_1 a:hover, #navi_top_td_3 a:hover  {
	color:#000000;
}



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

#content_wrapper { 
	width:940px;
	min-height:300px;
  	height:auto !important;
  	height:300px;
	border:0px solid #ffcc00;
	margin:0;
	padding: 15px 0 0px 0;
}



  
#content_main {
	width:940px;
	margin:0;
	border:0px solid #ffcc00;

}



/******* content mit headline ****************/
#content_real {
	width:660px;
	margin:0 0 0 60px;
	float:left;
	border:0px solid #ffcc00;
}
#content_headline {
	margin:0;
	padding:0;
}
#content_headline h1 {
	font-size:13px;
	font-weight:bold;
	color: #edc300;
	margin:0;
	padding:0;
	line-height:20px;
}
/******* content ****************/
#content {
	font-size:12px;
	margin:0;
	padding:0 0 0 0;
}


#content_real div.col_left h1.csc-firstHeader,
#content_real div.col_right h1.csc-firstHeader {
   background: url(../images/bgr_header_content_box.png) no-repeat left top;	
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	line-height:25px;
	height:25px;
	padding-left:5px;
}

#content h1,
#content h1.csc-firstHeader {
	margin:0 0 6px 0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	color: #edc300;
}

#content h2 {
	margin:0 0 4px 0;
	padding:0 0 0 15px;
	font-size:12px;
	font-weight:bold;
	color: #edc300;
	background: url(../images/bgr_navi_on.png) no-repeat left top; 
}
#content div {
	margin:0;
	padding:0;
}
p.bodytext {
	margin:0 0 0 0;
	line-height:20px;
}
 

/****** 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  {
   background: #ffffff url(../images/bgr_header_right_boxes.png) no-repeat right bottom;
	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;
}
.content_2col_holder div.col_right {
   background: #ecfbec;	
	position:relative;
	left:10px;
	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 {
	position:relative;
	left:10px;
	width:940px;
	height:0px;
	border-bottom: 3px solid #edc300;
	margin:0;
	padding:0;
	clear:both;
	display:none;
}

#footer_wrapper {
position:relative;
left:10px;
	width:960px;
	height:0px;
	margin:0;
	border:0px solid red;
display:none;
}

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

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

#form_php div#content_norm {
	border:0px solid #ff0000;
	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;
	border:0px solid #ffcc00;
}
#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 - direct mail subscription ******************************/

/** für felder in tx_sremailsubscribe_pi1_css_tmpl.html **/
.nope {
	display:none;
}
/****/

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

.warning {
	font-weight:bold;
	color:gray;
}
.warning a {
	font-weight:bold;
	color:#dba932;
}


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

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


/******************** altered typo css ***********************/
#content table.contenttable {
	position:relative;
	top:-4px;
	left:0px;
}
.contenttable td,
.contenttable th,
.contenttable p {
	font-size:12px;
	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;
}


li {
	line-height:18px;
}

/*********************** newsletter *******************************/
body#newsletter_body {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
#main_newsletter {
	background: #ffffff;
	background-image: none;
	text-align:left;
	margin:0;
	width:600px;
	position: relative;
	top:10px;
	left:0px;
	z-index:0;
}

#head_wrapper_newsletter {
	position:relative;
	z-index:4;
	left:0px;
	top:0px;
	height:176px;
	width:600px;
	border:0px solid #ff0000;
	margin:0;
	overflow:hidden;
	display:none;
}
#content_wrapper_newsletter {
	background: #ffffff;
	background-image: none;
	width:600px;
}
#head_wrapper_newsletter div#bgr_logo {
	position:absolute;
	left:0px;
	top:0px;
	width:600px;
	height:176px;
	z-index:5;
	margin:0;
	padding:0;
	border:0px solid #ccff00;
	overflow:hidden;
	background: url(../images/bgr_header.jpg) no-repeat right top; 
}

#head_wrapper_newsletter #head_logo {
/*
	background: logo bei bedarf
  */
  	background: url(../images/logo.png) no-repeat right top; 
	position: relative;
	left:330px;
	top:70px;
	width:253px;
	height:70px;
	z-index:6;
	margin:0;
	overflow:hidden;
}

#head_wrapper_newsletter #head_logo a,
#head_wrapper_newsletter #head_logo a:hover {
	display:block;
	width:273px;
	height:70px;
	color:#ffffff;
	text-decoration:none;
	border:0px solid Red;
}
#content_wrapper_newsletter div#content {
	position: relative;
	z-index:199;
}
#content_wrapper_newsletter div#content,
#content_wrapper_newsletter div#content p.bodytext,
#content_wrapper_newsletter div#content p,
#content_wrapper_newsletter div#content h1,
#content_wrapper_newsletter div#content h2,
#content_wrapper_newsletter div#content h3 {
	color:black;
}
#content_wrapper_newsletter div#content h1,
#content_wrapper_newsletter div#content h2,
#content_wrapper_newsletter div#content h3, 
#content_wrapper_newsletter div#content p.bodytext {
	margin:5px 0 5px 10px;
	padding:0;
}
#content_wrapper_newsletter div.csc-header {
	margin:0;
	padding:0;
}
#content_wrapper_newsletter div.csc-header br,
#content_wrapper_newsletter div.csc-header IMG,
#footer_extras_newsletter br,
#footer_extras_newsletter IMG {
	display:none;
}


#footer_wrapper_newsletter {
	width:600px;
	margin: 20px 0 0 0;
	padding:0;
}
#footer_extras_newsletter h1, 
#footer_extras_newsletter p.bodytext {
	font-size:11px;
	color: Gray;
	margin:5px 0 5px 10px;
	padding:0;
}

/*********************************** newsletter ENDE *******************/
.div_sr_email_subscribe {
	
}
.div_sr_email_subscribe dl {
	width:580px;
}
.div_sr_email_subscribe dt {
	width:130px;
}
.div_sr_email_subscribe dd {
	width:430px;
}
.div_sr_email_subscribe dd,
.div_sr_email_subscribe dd span,
.div_sr_email_subscribe span {
	display:inline;
	white-space: nowrap;
}

legend {
   border: 0px solid gray;
	border-collapse: collapse;
   
}
fieldset {
   border: 1px solid #cccccc;
	border-collapse: collapse;
   
}
.ie_input,
.ie_input input {
	border:none;
}
div.ie_input {
	border:0px solid gray;
   white-space: nowrap;
	width:350px;
	float:left;
}

.nolinkpic {
	background: none;
	background-image: none;
	margin:0;
	padding:0;
}
.warning img {
	display:none;
}
.warning {
	width:280px;
}
.warning a {
	background: none;
	background-image: none;
	margin:0;
	padding:0;
	width:280px;
}


/******** newsletter  ********/

p.tx-sremailsubscribe-pi1-error {
	width:350px;
	white-space: normal;
}


#newsletter_right_a a,
#newsletter_right_a p,
#newsletter_right_a p.bodytext a {
	text-decoration: none;
}

/*********** NEWSLETTER INCUDES **************/
fieldset#newsletter_anmelden dt
{
	float: left;
	width: 140px;
	vertical-align: middle;
}
	fieldset#newsletter_anmelden dt label
	{
		float: right;
		padding-right: 7px;
	}
fieldset#newsletter_anmelden dd
{
	padding-bottom: 7px;
	vertical-align: middle;
}
	fieldset#newsletter_anmelden dd input
	{
		width: 260px;
	}
	fieldset#newsletter_anmelden dd input.checker
	{
		width: 15px;
		height: 15px;
	}
