body{
	margin:					0;
	text-align:				center;
	width: 					100%;
	height:					100%;
}



#header{
color: #4c5a77;
font-size: 24px;
padding-left: 7px;
padding-right: 7px;
}



/**************************************SITEMAP**********************************/
.tx-dropdownsitemap-pi1 a{
	text-decoration:		none;
}
/**********************************GLOSSARY***********************************/
.navbar{
    background-color:		#505a77;
	width:					720;
	height:					18px; 
	padding: 	  			1px;
}
.buchstabe{
     border:                1px solid #dde0ea;
     width:   				18px;
     height:				16px;
     display: 				-moz-inline-block;
     display: 				inline-block;
     text-align:			center;  
     margin:        		0px 1px 1px 0px;
     color:              	#aaaaaa;
     font-weight:           bold;
	 float:					left;
}

*html .buchstabe{
     width:    				20px;
}

.download{
background-image:url(../Images/Kundenbereich/blue_arrow_link.png);
background-position:right;
background-repeat:no-repeat;
padding-right:17px;
text-decoration:underline;
color:#505a77;

}

#left_row{
	width:					160px;	
	padding:				4px;
	float:					left;
}
#title{
	line-height:			18px;
	margin-bottom:			5px;
}
#title a{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				12px;
	color:					#505a77;
	text-decoration:		none;
	background-image:		url(../Images/alg.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
	padding-left:			17px;
}
#title a.Terrassend�cher{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				12px;
	color:					#505a77;
	text-decoration:		none;
	background-image:		url(../Images/terr.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
	padding-left:			17px;
}
#title a.Winterg�rten{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				12px;
	color:					#505a77;
	text-decoration:		none;
	background-image:		url(../Images/rot.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
	padding-left:			17px;
}
#details, #details table{

	text-align:				left;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	line-height:			18px;	
}
*html #details{
	
}
#details b{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				18px;
	color:					#505A77;
	padding-bottom:			10px;		
}
#see_also a{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				12px;
	color:					#505a77;
	text-decoration:		none;
	background-image:		url(../Images/alg.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
	padding-left:			17px;
}
.buchstabe a{
	color:              	#ffffff;
	text-decoration:        none;
}
.buchstabe a:activ{
	color:              	#ffffff;
	text-decoration:        none;
	background-color:		#CCCCFF;
}
a.vj_lightbox{
	text-decoration:		none;
	background:				none;
}

/*************************TYPS******************************/
dfn {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				12px;
	color:					#660000;
	text-decoration:		none;
	background-image:		url(../Images/link_red.jpg);
	background-repeat:		no-repeat;
	background-position:	right;
	padding-right:			17px;
}

abbr{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				12px;
	color:					#4e7b01;
	text-decoration:		none;
	background-image:		url(../Images/link_green.jpg);
	background-repeat:		no-repeat;
	background-position:	right;
	padding-right:			17px;
}

/********************************HINTERGRUND***********************************/

#farb_container{
	height:					460px;
	margin:					auto;
	border:					4px solid #FFFFFF;
}

#top_left {
	background-color:		#FFFFFF;
	width:					50%;
	height:					110px;
	float:					left;
	margin:					0px;
	border-bottom:			4px solid #FFFFFF;
}

*html #top_left {
	z-index:				3;
}	

#top_right {
	background-color:		#505a77;
	width:					50%;
	height:					110px;
	float:					right;
	margin:					0px;
	border-bottom:			4px solid #FFFFFF;
}

*html #top_right {
	z-index:				3;
	clear:					both;
	float:					right;
}

#left{
	width:					50%;
	height:					360px;
	float:					left;
}

#left_red {
	background-color:		#505A77;
	width:					auto;
	height:					260px;
	border-bottom:			4px solid #FFFFFF;
}

*html #left_red {
	height:					260px;
}

#left_blue{
	background-color:		#505a77;
	width:					auto;
	height:					20px;
}

#right {
	width:					50%;
	height:					360px;
	float:					right;
}

#right_green{
	background-color:		#505A77;
	width:					auto;
	height:					260px;
	border-bottom:			4px solid #FFFFFF;
}

*html #right_green{
	height:					260px;
}

#right_blue{
	background-color:		#505a77;
	width:					auto;
	height:					20px;
}

/****************************INHALT******************************************/

#haupt_box {
	width:					960px;
	height:					auto;
	margin:					auto;
}

#top {
	float:					left;
	height:					110px;
	position:				absolute;
	top:					4px;
	width:					960px;
}
#logo {
	background-image:		url(../Images/logo_home.jpg);
	background-position:	center;
	background-repeat:		no-repeat;
	height:					110px;
	width:					480px;
	float:					left;
}

#menu_top {
	height:					110px;
	width:					480px;
	float:					right;
	margin-top:				10px;
	text-align:				right;
}

#navi_top{
	width:					475px;
	margin-right:			5px;
	height:					40px;
	float:					right;
}

*html #navi_top{
	width:					470px;
	margin-right:			5px;
	height:					40px;
	float:					right;

}
/***********************************BUTTONS**************************************/
#buttons{
	height:					50px;
    margin:              	43px 0px 0px -4px;
	width:					476px;	
	border:					4px solid #FFFFFF;			
}

*html #buttons{
	width:					484px;	
	margin:              	-1px 0px 0px -4px;
}
#red_btn {
	height:					50px;
	margin:					0px 0px;
	width:					236px;
	float:					left;
	border-right:			4px solid #FFFFFF;
}

#green_btn{
	height:					50px;
    float:					right;
	width:					236px;				
}
/******************************BILD****************************/
#bild {
	width:					472px;
	height:					260px;
	border:					4px solid #FFFFFF;
	position:				absolute;
	top:					115px;
	margin:					0px;
	float:					left;
	overflow:				hidden;
}
*html #bild {
	top:					110px;
	width:					715px;
	height:					264px;
}


/*************************CONTENTS*****************************/
#contetnts {
	width:					960px;
}
#content_left{
	width:					720px;
	text-align:				left;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	line-height:			18px;
}

*html #content_left{
	width:					728px;
	margin:					0px 0pt 0pt -222px;
}

#content_left p{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	margin:0px;
}
/********************************************INHALT*******************************/

#breadcrumb{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#505a77;
	position:				absolute;
	top:					430px;
	margin-left:			4px;
	width:700px;
	float:left;
}

#breadcrumb a{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					505A77;
	background-image:		url(../Images/bl_pf.jpg);
	background-repeat:		no-repeat;
	background-position:	right;
	padding-right:			17px;
}

#logout{
float:right;
}

* html #logout{
margin-top:-20px;
}


#content{
	position:				absolute;
	top:					465px;
	width:					710px;
	margin-left:			4px;
	color: #4f5a76;

}
#content a.back{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#505A77;
	background-image:		url(../Images/back_pf.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
	padding-left:			17px;
	text-decoration:		none;
	font-weight:			bold;
	}
		
	
*html #content{

	width:					700px;
}
#content h2{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				18px;
	color:					#505A77;
	font-weight:			bold;
}
#content h1{
	margin:					0px 0px 10px 0px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				18px;
	color:					#505A77;
	font-weight:			bold;
}
#content p{
	margin:					0px;
}
/*********************************SUBSCRIPTION*******************************************/
.df_damilsubscripe {
	text-align:				left;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	width:					232px;
}

*html .df_damilsubscripe {
	width:					234px;
}
.submit_btn{
	float:					right;
	margin-right:			5px;
	height:					45px;
	display:				block;

}
.profil_bearbeiten{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					505A77;
	background-image:		url(../Images/bl_pf.jpg);
	background-repeat:		no-repeat;
	background-position:	right;
	padding-right:			17px;
	text-decoration:		none;
	font-weight:			bold;
}
.subscription_field{
	margin:					2px 5px;
	display:				block;

}
#subscription{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	padding:	            0px;
}
#moduls label{
	border:					none;
	font-family:			     Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#505A77;
	font-weight:			     bold;
	padding:	                    0px;
	float:					left;
	width:					60px;
}
#moduls h2{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				18px;
	color:					#505A77;
	font-weight:			bold;
	margin:					5px 0 0 0;
}
/**********************KONTAKTFORMULAR***********************************/

.csc-mailform{
	border:					none;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#505A77;
	font-weight:			bold;
	padding:	            0px;
	float:					left;
	margin-top:15px;
	margin-bottom:15px;
}

* html .csc-mailform{
width:722px;

}


label{
	width:					80px;
	display:				block;
	float:					left;
}

* html label{
width:93px; 
}

.csc-mailform-field{
	margin:					2px;
}
#mailformAnrede{
	width:					200px;
}
.csc-mailform input{

	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
}
#mailformformtype_mail{
	width:					100px;
	margin-left:			107px;
}

* html #mailformformtype_mail{
	width:					100px;
	margin-left:			124px;
}


/******************************NEWS**********************************/

.news-list-item, .news-single-item{
	display:				block;
	float:					left;
}

.news-image{
	margin:					10px 10px 0 0;
	float:					left;
}
.news-single-image, .latest_image {
	margin:					5px 10px 0 0;
	float:					left;
}
.latest_subheader{
	margin:0px;
}
.news-single-text{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
}
.news-single-text a{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					505A77;
	background-image:		url(../Images/bl_pf.jpg);
	background-repeat:		no-repeat;
	background-position:	right;
	padding-right:			17px;
	text-decoration:		none;
	font-weight:			bold;
	
}
#content_left p.news-single-imgcaption {
     width:					150px;
     font-size:				10px;
     color:					505A77;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	line-height:            12px;
	margin:   				5px 0px 0px 0px;
	text-align:				center;
}
.news-single-text h3{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			bold;
}
.news-list-title a{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				18px;
	color:					#505A77;
	font-weight:			bold;
	text-decoration:		none;

}
/*Category*/
.Terrassend�cher, .Terrassend�cher a{
	font-family:			Arial, Helvetica, sans-serif;
	color:					#396b01;
	font-size:				18px;
	font-weight:			bold;	
	text-decoration:		none;

}
a img{
	vertical-align: 		middle;
}
.Winterg�rten, .Winterg�rten a{
	font-family:			Arial, Helvetica, sans-serif;
	color:					#660000;
	font-size:				18px;
	font-weight:			bold;
		
	text-decoration:		none;

}
.Sonne_am_Haus, .Sonne_am_Haus a, .Nichtangemeldete, .Nichtangemeldete a, .H�ndler{
	font-family:			Arial, Helvetica, sans-serif;
	color:					#505A77;
	font-size:				18px;
	font-weight:			bold;	
	text-decoration:		none;
	



}
.Newsletter, .Newsletter a {
	font-family:			Arial, Helvetica, sans-serif;
	color:					#505A77;
	font-size:				18px;
	font-weight:			bold;	
	text-decoration:		none;

}
.news-list-date, .news-single-timedata{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#505A77;
	font-weight:			bold;
	margin:					5px 0px;

}
.news-list-morelink{
	height:					20px;
	width:					700px;
	float:					right;
	margin:					0px 4px 10px 0px;
	border-bottom:			1px dotted #cccccc;
}
*html .news-list-morelink{
	padding-right:10px;
	width:					705px;
}
h3 {
	margin:0px;
}
.news-list-morelink a{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					505A77;
	background-image:		url(../Images/bl_pf.jpg);
	background-repeat:		no-repeat;
	background-position:	right;
	padding-right:			17px;
	float:					right;
	text-decoration:		none;
	font-weight:			bold;
}
.internal-link {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					505A77;
	background-image:		url(../Images/bl_pf.jpg);
	background-repeat:		no-repeat;
	background-position:	right;
	padding-right:			17px;

	text-decoration:		none;
	font-weight:			bold;
}
.news-single-backlink a{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#505A77;
	background-image:		url(../Images/back_pf.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
	padding-left:			17px;
	text-decoration:		none;
	font-weight:			bold;
}
/*LATEST in the right column*/
.news-latest-morelink {
	height:					20px;
	width:					220px;
	float:					right;
	margin:					0px 4px 10px 0px;
	border-bottom:			1px dotted #FFFFFF;
}
.news-latest-morelink a{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					505A77;
	background-image:		url(../Images/bl_pf_gr.gif);
	background-repeat:		no-repeat;
	background-position:	right;
	padding-right:			17px;
	float:					right;
	text-decoration:		none;
	font-weight:			bold;
}

/*************************LINKS******************************/
.red_link  {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				12px;
	color:					#660000;
	text-decoration:		none;
	background:		url(../Images/link_red.jpg);
	background-repeat:		no-repeat;
	background-position:	right;
	padding-right:			17px;
}

.green_link{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				12px;
	color:					#4e7b01;
	text-decoration:		none;
	background:		url(../Images/link_green.jpg);
	background-repeat:		no-repeat;
	background-position:	right;
	padding-right:			17px;
}
/************************SUBMENU*************************/
#submenu {
	width:					236px;
	height:					259px;
	background-color:		#d4d4d4;
	position:				absolute;
	top:					114px;
	margin:					0px 0pt 0pt 476px;
	border:					4px solid #FFFFFF;
	padding-bottom:			1px;
	overflow: hidden;
}
.submenu {
	border-bottom:					4px solid #FFFFFF;
}
*html #submenu{     
	width:					244px;
	height:					264px;
	top:					110px;
	margin:					0px 0pt 0pt -4px;
}


/***********************RIGHT***************************/
#content_right {
	width:					236px;
	background-color:		#d4d4d4;
	position:				absolute;
	top:					114px;
	margin:					0px 0pt 0pt 716px;
	border:					4px solid #FFFFFF;
	padding-bottom:			1px;
	min-height:				259;
}

*html #content_right{
	width:					240px;
	top:					110px;
	margin:					0px 0pt 0pt 236px;
	min-height:				264px;   
}

#content_right h1{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				18px;
	color:					#505A77;
	margin:3px 0px;
}
#moduls{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
color: #4c5a77;
padding-left: 7px;
padding-right: 7px;
}

#moduls h3{
font-size:14px;
color: #4c5a77;
padding-left: 0px;
padding-right: 0px;
}

#moduls h1{
background-color:#505a77;
padding-left: 7px;
padding-right: 7px;
}

/***************************RIGHT HTML ELEMENTS********************************/
form{
	margin:					0px;
}
#content_right table {
	margin:					1px 1px 0px 1px;
	border:					1px solid #F2F2F2;
	float:					left;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
}
#content_right td{
	padding-left:			3px;
	padding-bottom:			3px;
}
#content_right td h1{
	margin:					0px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				18px;
	color:					#505A77;
	font-weight:			bold;
}
a img{
	border: 				#FFFFFF;
}

.blau{
	color:					#505A77;
	border-bottom:			1px dotted #F2F2F2;
	padding-bottom:2px;
}
.rot{
	color:					#505A77;
}
#submit{
	valign:					bottom;
}


/************************************************************************/
/* Kontaktformular */

.csc-mailform-field textarea{
margin-left:28px;

}

* html  .csc-mailform-field textarea{
margin-left:23px;

}


.csc-mailform input{
margin-left:28px;

}

/************************************************************************/
/* Google Maps */

.infotitle{
    color: #505A77;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.marker{
   line-height: 18px;
   text-align: left;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
}

.tx-wecmap-map{
  border: 4px #505A77 solid;
  padding: 1px;
  color: #000000;
  font-size: 12px;
}
.bubble_description{
	font-size: 12px
}
.sidebar{
  width: 224px;
  overflow-y: auto;
  background-color:  #D4D4D4;
  padding: 5px;
  padding-bottom: 4px;
  border-right: 1px #505A77 solid;
  border-left: 1px #505A77 solid;
}

.sidebar .infotitle{
  font-size: 13px;
}

.bubble_title_a{
	color: #505A75;
	font-size: 16px;
	font-weight: bold;
}

.bubble_title_b,
.bubble_title_c{
	font-weight: bolder;
	font-size: 13px;
}

a.a_link{
	font-weight: bold;
}