/* @override http://www.wbg-suedharz.de/_css/wbg006.css */


body {
	margin: 0; 
	padding: 0;
	background: #fff url(../images/bg/bg.jpg) repeat-x;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: 1.4em;
	text-align: left;
	color: #666;
}

/* @end */


.pfeil { 
	background: url(../images/pfeile/pfeil.gif) no-repeat top left;		
	padding-left: 10px; 
}


/* @group Aufbau */

#wrapper {
	position: relative;
	width: 980px;
	margin: 0 auto;
	background: #fff url(../images/bg/schatten.gif) center repeat-y;
}



#left {
	float: left;
	width: 190px;  /* eigentlich 190px -> - padding */
	padding: 250px 0px 0px 0;
	background: url(../images/bg/links.jpg) no-repeat;
	font-size: 85%;
	
	  	min-height:400px;
  	 height:auto !important;  /* für moderne Browser */
  	 height:400px;  /*für den IE */
}

#right {
	float: left;
	width: 205px;  /* eigentlich 230px -> - padding */
	padding: 260px 0px 0px 25px;
	background: url(../images/bg/rechts.jpg) no-repeat;
	
  	 min-height:400px;
  	 height:auto !important;  /* für moderne Browser */
  	 height:400px;  /*für den IE */
}

#main {
	float: left;
	width: 560px;
	padding: 0 ;
	margin-left: 0px;
}

#header {
	background: #000033 url(../images/kopf/kopf_service.jpg) no-repeat;
	height: 210px;
}

#menu {
	float: left;
	width: 550px;
	background: #00aaee;
	padding-left: 10px
}


#inhalt {
	float: left;
	width: 500px; /* eigentlich 560px -> -30px padding */
	padding: 40px 30px 0 30px;
	font-size: 95%;
}


#footer {
	clear: both;
	width: 980px;
	margin: 0 auto;
	font-size: 80%; 
	background: #fff url(../images/aufbau/fuss_u2.gif) bottom center no-repeat;
	padding-bottom: 35px
}

.footer {
	clear: both;
	width: 620px;
	text-align: left;
	background: url(../images/aufbau/fuss_o2.gif) top center no-repeat;
	margin: 0 auto;
	padding: 60px 0px 0px 0px;
}

.footer ul {
	left: 15px;
	list-style: none;
	display: inline;
	}

.footer ul li {
	display: inline;
	list-style: none;
}

.footer ul li a {
	color: #fff;
	padding: 0 5px 0 5px;
	border-right: #00aaee 1px solid;
	display: inline;
	list-style: none;
}

.footer a.impr {
	text-transform: uppercase;
	color: #00aaee;
	padding: 0 70px 0 0;
}


/* @end */

#jubilaeum {
	float: left;
	width: 560px;
	background: url(../news/jubilaeum/jubilaeum2.jpg) top center no-repeat;
	margin: -30px -30px 0 -30px;
	position: relative;
	display: inline;
}
.jubilaeum_text {
	padding: 370px 30px 0 30px
}

.jubilaeum_abstand {
	height: 500px;
	float: left;
	clear: both
}


/* @group Menu */

#menu ul {
	list-style: none;
	background: #00aaee;
	width: 560px;
	display: inline;
	margin-left: 15px;
}
	
#menu ul li {
	float: left;
	list-style: none;
	background: #00aaee;
}
	
#menu ul li a {
	float: left;
	text-decoration: none; /* Innenabstand Buttons */
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	color: #aaddf0;
	background: url(../images/aufbau/between.gif) no-repeat bottom right;
	padding: 1.1em 1em .9em;
}
	
#menu li a:hover {
	color: #fff;
	background: url(../images/aufbau/n_pfeil.gif) no-repeat bottom center;
	text-decoration: none;
}
	
#menu li a.active {
	color: #fff;
	background: url(../images/aufbau/n_on.jpg) bottom center no-repeat;
}

#menu img { 
	border: none;
	border-bottom-color: none;
	border-right-color: none
}

/* @end */





/* @group Submenu */

#submenu { 
	padding: 0; }


#submenu ul {
	list-style: none;
	display: inline
}
	
	
#submenu ul li {
	list-style: none;
	padding: .7em 0;
	border-top: #cdcdcd 1px solid;
	
	margin:0; 
	width:170px; 
	float:right;  
	clear: right;	
}

	
#submenu a {
	list-style: none;
	text-transform: uppercase;
	color: #00aaee;
	padding-left: 10px;  
	text-decoration: none;
}
	
#submenu ul li a { }
	
#submenu li a:hover { 
	text-decoration: none;
	padding-left: 10px; 
	background: url(../images/pfeile/pfeil.gif) no-repeat 50% left;
}
	
#submenu li a.active { 
	color: #000033;
	padding-left: 10px; 
	font-weight: bold;
	background: none;
	padding-bottom: .7em;
	margin-bottom: .7em;
}

/* @end */


/* @group Submenu2 */

#submenu2 { padding: 0;
}


#submenu2 ul {
	list-style: none;
	display: inline;
}
	
#submenu2 ul li {
	list-style: none;
	padding: .4em 0;
	border-top: #cdcdcd 1px solid;
	
	margin: 0; 
	float: right;  
	clear: right;
	
	width: 150px
}
	
#submenu2 a {
	list-style: none;
	color: #000033;
	text-decoration: none;
	text-transform: none;
}
	
#submenu2 ul li a { }
	
#submenu2 li a:hover { 
	text-decoration: none;
	background: url(../images/pfeile/pfeil_b.gif) no-repeat 50% left;
}
	
#submenu2 li a.active { 
	font-weight: bold;
	background: none
}

/* @end */



/* @group Box */

.box, .box_blau, .box2, .box2_kl { 
	width: 205px;
	margin-top: 2.5em; /* Zwischenabstand zur nächsten Box */
	padding-top: 11px;
	font-size: 85%;
	line-height: 1.3em}
	.box2, .box2_kl { margin-top: 1em }
	.box			{ background: url(../images/aufbau/box_o.gif) top no-repeat; }
	.box_blau		{ background: url(../images/aufbau/box_o_b.gif) top no-repeat; }
	.box2			{ background: url(../images/aufbau/box_o2.gif) top no-repeat;
					 color: #fff; font-size: 140%; line-height: 1.2em}	 

.box_u, .box_u_kl	{ 
	width: 175px; 
	padding: .1em 15px 1em 15px;
	margin-right: -15px;
	background: url(../images/aufbau/box_u.gif) bottom left no-repeat }
	.box_blau .box_u	{ background: url(../images/aufbau/box_u_b.gif) bottom left no-repeat }
	.box2 .box_u		{ background: url(../images/aufbau/box_u2.gif) bottom left no-repeat }
	.box2 .box_u_kl		{ background: url(../images/aufbau/box_u2_kl.gif) bottom left no-repeat }


.box img, .box_blau img  { 
	margin: 0px 10px 3px 0;	
	float: left;	
	width: 65px; height: 65px; 
	padding: 1px;
	border: 1px solid #ccc; }
	
.box2 img { 
	margin: 0 10px 3px 0;	
	float: left;	
	width: 50px; height: 45px; 
	border: 1px solid #00aaee;; 
	padding: 0 }	

.box img.bildrahmenrechts  { 
	margin: 5px 0 3px 5px;
	width: 60px; height: 77px; 
	padding: 1px;
	border: 1px solid #ccc; }
	
.box .adresse  { 
	clear: both }	
	
.box2 a, .box2_kl a				{ text-decoration: none; color: #fff; }
.box2 a:hover, .box2_kl a:hover	{ text-decoration: none; color: #00aaee; }

.box h6, .box_blau h6, .box2 h6   	{ margin: .3em 0 .5em 0 }

.box h4, .box_blau h4, .box2 h4   	{ margin: 1.5em 0 .2em 0; color: #000033 }
	
.special 		{ 
	font-size: 180%;
	font-weight: bold;
	color: #000033;
	letter-spacing: -1px;
	margin: 0 0 .3em 0  }	
	
	
.fett { 
	font-size: 150%; 
	font-weight: bold;
	padding-top: .1em;
	right: 0;
	text-align: right }		
	
.fett1 { 
	clear: both;
	font-size: 105%; 
	font-weight: normal;
	padding-top: .1em;
	right: 0;
	margin-top: .3em;
	text-align: left;
	line-height: 1.3em }
	
.fett2 { 
	clear: both;
	font-size: 125%; 
	font-weight: bold;
	padding-top: .1em;
	right: 0;
	text-align: left }		

.sub { 
	font-size: 65%;
	font-weight: bold;
	color: #00aaee;
	text-transform: uppercase;
	line-height: 1.5em;
}	

.sub2 { 
	letter-spacing: -.1em
}	

.sub3 { 
	float: left;
	clear: both;
	font-size: 75%;
	letter-spacing: -.1em;
	font-weight: bold;
	color: #00aaee;
}

.box ul li, .box_blau ul li {
	color: #00aaee;
	line-height: 1.2em;
	list-style: none;
	margin: 0 0 .7em -40px;
	padding-left: 10px;
	background: url(../images/pfeile/pfeil.gif) no-repeat 50% left;
}


.textrechts_k 	{ font-size: 80%; line-height: 1.4em; color: #000033; padding: 1em .5em }
	


/* @end */







/* @group Rahmen */

.rahmen { 
	clear: both;
	color: #666;
	border: #999 1px solid;
	background: #f8f8f8;
	padding: .7em;
	margin: 2em 0 3.5em 0;
	width: 70%;
	font-size: 90%;
	line-height: 1.4em }	
	

	
/* @end */


/* @group FAQ */

.faq_rubrik_u { 
	border-top: #00aaee 1px solid;
	width: 100%;
	padding-top: .5em;
	margin-top: 2em } /* (nur weil vgf so angelegt) besser: .border_top_c (siehe unten)*/

.pagetop { 
float: left;
	border-bottom: 1px solid #ddd; 
	padding: .5em 0 0 0; 
	margin: 0 0 2em 0;
	width: 100%
	}	 

/* @end */


.back, .next, .pfeil, .druckversion {	margin: 0 0 1em 0 }

.back			{ background: url(../images/pfeile/pfeil_back.gif) no-repeat left;		padding-left: 10px;  margin-right: 5px; }
.next			{ background: url(../images/pfeile/pfeil_next.gif) no-repeat right;		padding: 0 10px 0 0; margin-left: 5px; }
.pfeil			{ background: url(../images/pfeile/pfeil_next.gif) no-repeat top left;	padding-left: 10px; clear: left; float: left }

.druckversion	{ background: url(../images/icons/druck.gif) no-repeat;				padding-left: 20px; float: right }


.film			{ background: #00aaee url(../images/icons/video5w.gif) no-repeat left;		padding: .2em .5em .2em 27px; margin: .3em 0 0 0;  float: right; color: #fff; font-weight: bold; text-transform: uppercase }
a:hover.film 	{ background: #000033 url(../images/icons/video5c.gif) no-repeat left;		text-decoration: none;  }

.pdf			{ background: #999 url(../images/icons/pdf_kb.gif) no-repeat left;		padding: .2em .5em .2em 22px; margin: .3em 0 0 0; clear: left; float: right; color: #fff; font-weight: bold; text-transform: uppercase }
a:hover.pdf 	{ background: #000033 url(../images/icons/pdf_kb.gif) no-repeat left;	text-decoration: none;  }



a.link { 
	background: #000033;
	padding: .2em .5em .2em .5em; 
	margin: .3em 0 1.5em 0;  
	float: left; 
	color: #fff; 
	font-weight: bold; 
	}		
	a.link:hover 	{
	background: #00aaee;
	text-decoration: none  }
	



/* @group Text */

p { padding: 0px 0px; }

#right p { 
	line-height: 1.4em;
	margin-top: -.1em;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "trebuchet ms", helvetica, sans-serif; 
	color: #00aaee;
	font-weight: bold;
	line-height: 1.3em; 
	margin-top: 1.5em;
	margin-bottom: .7em;
}

h1 {
	font-size: 190%;
	/* text-transform: uppercase; */
	
	margin-top: 0;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 140%;
	color: #000033;
			 /* background: url(images/foot_verlauf.gif) top repeat-x; 
			  margin-top: -1em -30px 0 -30px; padding-top: 1em; */
}


h4 {
	font-size: 120%; 
	margin-bottom: -0.5em;
}

h5 {
	font-size: 120%;
	padding: 0 30px 5px 0;
	border-bottom: #00aaee 1px solid;
}
h6	{
	font-size: 120%;
	text-transform: uppercase; 
	margin-top: -.5em;
}

.bg { float: left; clear: both; width: 475px; background: #000033; color: #fff; padding: .3em 15px .3em 10px; font-size: 110%; margin: .5em 0 0 0 }


.border 	{ border-top: #ddd 1px solid; margin-top: 1.5em; padding-top: 1.4em; clear: both; width: 99%  }
h1.border	{ margin-top: 1.5em; padding-top: 1.6em; float: left; clear: both; width: 99% }
h2.border	{ margin-top: 1.5em; padding-top: 2em; float: left; clear: both; width: 99% }
h3.border	{ margin-top: 1.2em; padding-top: 1.7em; float: left; clear: both; width: 99% }
h4.border	{ margin-top: 1.2em; padding-top: 1.7em; float: left; clear: both; width: 99% }



.border_top_c { border-top: #00aaee 1px solid; width: 100%; padding-top: .5em }
.border_top_b { border-top: #000033 1px solid; width: 100%; padding-top: .5em }
.border_bottom_c { border-bottom: #00aaee 1px solid; width: 100%; padding-bottom: .2em }
.border_bottom_b { border-bottom: #000033 1px solid; width: 100%; padding-bottom: .2em }


.border_verlauf {
	position: relative;
	background: url(../images/foot_verlauf_o.gif) repeat-x top right;
	border-top: #e4e4e4 1px solid;
	margin-right: -29px;
	margin-left: -29px;
	clear: both;
	padding: 1em 30px .5em 30px;
	margin-top: 2em
}


.abstand 		{ margin: 0 0 1.5em 0 }
.abstand_oben	{ margin-top: 3em; clear: both }


a		{ text-decoration: none; color: #00aaee; }
a:hover	{ text-decoration: underline; }



.k 		{ font-size: 85%; }

.big 	{ 
	font-size: 200%; 
	color: #00aaee;
	font-weight: bold;
	margin: 2em 0 }


.details	{ 
	float: right; 
	margin: 0;
	}
	.details a	{ 
	color: #00aaee; 
	background: url(../images/pfeile/pfeil_next.gif) no-repeat center left;		
	padding: .2em 0 0 10px;
	font-weight: bold
	}
	.details a:hover	{ 
	color: #000033; text-decoration: none;
	background: url(../images/pfeile/pfeil_next_b.gif) no-repeat center left;
	}





/* @end */




/* @group News */

.news {
	text-align: left;
	margin-top: 15px;
	margin-bottom: 8px;
	float: left;
	width: 100%;
}

.news_headline {
	margin-bottom: 0;
	font-size: 150%;
	margin-top: .3em;
}

.news_datum {
	font-size: 85%;
	color: #000033;
	padding-bottom: .5em; /* unterer Abstand bei Langnews größer */
}

.news_datum_lang {
	font-size: 85%;
	color: #000033;
	padding-bottom: 2em; /* unterer Abstand bei Kurznews kleiner */
}


#news_lang_bottom	{	
	margin-top: 1.5em; padding-top: 1em; 
	clear: left; float: left; 
	width: 100%; 
	border-top: #ddd 1px solid

}


.news_footer {
	position: relative;
	background: url(../images/foot_verlauf.gif) repeat-x bottom right;
	border-bottom: #e4e4e4 solid 1px;
	margin-right: -29px;
	margin-left: -29px;
	clear: both;
	padding-bottom: .5em;
	padding-top: .5em;
	height: 2em;
}

.news_footer ul {
	list-style: none;
	position: absolute;
	right: 30px;
	margin-top: .2em;
	margin-bottom: .2em;
}

.news_footer ul li {
	display: inline;
	padding-left: 17px; /* Abstand Icon zum Text */
	margin-left: 15px; /* Abstand Text zum Icon bzw. zwischen "Komentar" u. "mehr lesen" */
	background: no-repeat 0 50%; /* vertikale ausrichtung – mittig */
}

.news_footer ul li a 	{ color: #003366 }


#main .news_footer ul li.lesen		{ background: url(../images/listen/lesen.gif) no-repeat 0 50%; }


.news img						{ margin: 3px 0 5px 10px; float: right; border: solid 1px #0ae }
.news img.news_kurzbildlinks	{ margin: 3px 15px 5px 0; float: left }
.news img.news_kurzildrechts	{ margin: 3px 15px 5px 0; float: right }

.news_lang_headline {
}
.news_lang_datum { font-size: 10px; color: #a9a9a9;
	padding-bottom: 5px;
}
/* @end */



/* @group Download */

.dok {
	clear: both;
	border-top: 1px solid #eee;
	float: none;
	margin-top: -.6em;
}

.dok_thumb	{ 
	margin-top: 1em;
	clear: both;
	float: left; }

.dok_headline {
	margin: .8em 0 .3em 80px;
	color: #000033;
	font-size: 120%;
}
.dok_beschreibung {
	clear: both;
	margin-top: 0;
	margin-left: 80px;
	margin-bottom: 2px;
}
.dok_groesse	{ 
	font-size: 80%;
	color: #aaa;
	float: left;
	padding-left: 80px;
}

.dok_link	 	{ 
	float: right;
}

.dok_hinweis	 	{ 
	color: #666;
	font-size: 85%;
	margin: -1.5em 0 2em 0
}



/* @end */





/* @group Wohnen */



h3.headline_wg	{
	float: left; 
	clear: both;
	width: 99%;
	font-size: 155%;
	border-top: #000033 1px solid;
	margin-top: 1.5em;
	padding-top: .5em;
	margin-bottom: 1.5em
}


img.wohngebiet	{ 
	height: 130px; width: 163px;
	border: 1px solid #ccc;
	padding: 2px
}	






/* @end */






/* @group input-Felder */

#login 	{ padding: 10px 30px 0 30px; height: 34px}
.login	{ width: 85px }

#suchen	{ padding: 3em 0 3em 30px; }
.suche	{ width: 110px }

/* @end */



/* @group Bilder */

/* img 					{ padding: 4px;									border: 1px solid #ccc;
																		border-bottom-color: #999; /* wirkt plastischer */
																	/* 	border-right-color: #999; }

*/



.bild_expose,
.bild_grundriss, 
.bild_grundriss_kl			{ float: left; height: 200px; margin-right: 20px; margin-bottom: 1em; padding: 2px; border: #ccc 1px solid }
	.bild_grundriss, 
	.bild_grundriss_kl		{ margin-right: 0 }
	.bild_grundriss_kl		{ height: 150px }





img.bild 				{ margin: 0 0 4px; 								border: none }
img.bildlinks 			{ margin: 0px 12px 10px 0px;	float: left; 	border: none }
img.bildrechts 			{ margin: 0px 0px 10px 12px;	float: right; 	border: none }

img.bildrahmen  		{ margin: 0px 0px 4px 0px;  					}
img.bildrahmenlinks  	{ margin: 3px 12px 3px 0px;		float: left; 	}
img.bildrahmenrechts  	{ margin: 3px 0px 5px 12px;		float: right;	}
img.bildrahmenmitte  	{ margin: 0px 0px 4px 0px;						}

img.bildrahmenreihe  	{ margin: 3px 5px;				float: left; 	}
img.bildrahmenreihe2  	{ margin: 3px 5px;								}
img.bildkurzlinks 	 	{ margin: 3px 7px 3px 0;		float: left;	}
img.bildkurzrechts  	{ margin: 3px 0 3px 7px;		float: right; 	}


img.bildmitte			{ margin: 0 -30px -2.5em -30px; padding: 0; position: relative; display: inline; width: 560px;	border: none }

img.bild_oben			{ margin: -40px -30px 25px -30px; padding: 0; position: relative; display: inline; width: 560px;	border: none; border-top: #006d98 2px solid }



/* Bilder she */
				
img.pic_kurznews		{ margin: -20px 20px 3px 0;		float: left;	background: #fff; width: 80px; height: 80px; }

				
img.floatleft { float: left; margin: 10px 20px 3px 0px; }

img.floatright { float: right; margin: 10px 0px 3px 20px; }



#right img.passbild	{ 
	height: 165px; width: 125px;
	border: none;
	margin: 10px 0 5px 0px; 
	padding: 0px ;
}	


/* @end */


/* @group STARTSEITE */

.tabelle_start { 
clear: both;
	background: url(../images/foot_verlauf.gif) repeat-x bottom right;
	margin:  0 -29px .5em -29px;
	padding: 0 30px .5em 30px;
	border-bottom: #e4e4e4 solid 1px;
	width: 99%;
	
	 min-height:150px;
  	 height:auto !important;  /* für moderne Browser */
  	 height:150px;  /*für den IE */
}
img.startbild_c, img.startbild_b, img.startbild_g	{ 
float: left;
	height: 150px;
	border-left: 20px solid #00aaee;
	margin-left: -30px;
	padding-right: 20px;
	width: 190px
}	

img.startbild_b	{ 
	border-left: 20px solid #000033;
}	
img.startbild_g	{ 
	border-left: 20px solid #009900;
}	

.start_headline	{ 
	margin: .3em 0 .5em 0;
	padding-top: .6em
}	

.startrechts	{ 
}	


.jubilaeum { 
	clear: both;
	margin:  0em 0 2.7em 0;
	padding: 0;
}
.jubilaeum a img,
.jubilaeum a:hover { 
	text-decoration: none;
	border: 0;
	border: none
}



/* @end */




/* @group Tabellen */


.tabelle_verlauf { 
	clear: both;
	
	background: url(../images/foot_verlauf.gif) repeat-x bottom right;
	margin:  0 -29px 1em -29px;
	padding: .5em 30px 1em 30px;
}

.tabelle_head { 
	width: 100%;
	border-bottom: 1px solid #000033;
	margin: 1em 0;
	padding-bottom: .1em;
	font-weight: bold;
	color: #000033;
	float: left
}

.tabelle_head_cyan { 
	width: 100%;
	border-bottom: 1px solid #00aaee;
	margin: 1em 0;
	padding-bottom: .1em;
	font-weight: bold;
	color: #00aaee;
	float: left
}

.zeile { 
	float: left;
	clear: both;
	width: 99%;
	margin-bottom: 1em
}

.tabelle, .tabelle_linie					{ float: left; clear: both; width: 100%; margin-bottom: 2.5em }
.tabelle_bg									{ float: left; clear: both; width: 470px; margin: 0 0 2.5em 0; background: #f1fafe; padding: 1em 15px }
.tabelle_bg h4								{ color: #000033; margin-top: 0 }


.tabelle_linie .zeile						{ border-bottom: 1px solid #ddd; margin-bottom: 1em; padding-bottom: .5em }
.tabelle_linie_blau .zeile					{ border-bottom: 1px solid #00aaee; padding-bottom: 0 }
.zeile_none									{ border-bottom: none;   } /* letzte Zeile ohne Linie */
.tabelle h5, .tabelle_linie h5				{ float: left; clear: both; width: 100%; margin-top: 1em  } 

.rahmen .zeile								{ margin-bottom: .5em; padding-bottom: .1em } /* Abstand-Korrektur für Tabellen in Rahmen */
.rahmen .tabelle, .rahmen .tabelle_linie	{ margin-bottom: 1.8em }


.tabelle_linie h3,
.tabelle_linie h4,
.tabelle_linie h5,
.tabelle_linie h6,
.tabelle h3,
.tabelle h4,
.tabelle h5,
.tabelle h6   { margin-top: 0em; text-shadow: none }

.zeile h1,
.zeile h2,
.zeile h3,
.zeile h4,
.zeile h5,

.zeile h6  { margin-bottom: 0em; margin-top: 0em; text-shadow: none;  }

.spalte10 	{ width: 5%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte15 	{ width: 10%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte15o 	{ width: 15%;	float: left; 					padding-bottom: .5em }
.spalte20 	{ width: 15%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte20o 	{ width: 20%;	float: left; 					padding-bottom: .5em }
.spalte25 	{ width: 20%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte25o 	{ width: 25%;	float: left; 					padding-bottom: .5em }
.spalte30 	{ width: 25%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte35 	{ width: 30%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte40 	{ width: 35%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte40o 	{ width: 40%;	float: left; 					padding-bottom: .5em }
.spalte50 	{ width: 45%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte55 	{ width: 50%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte60 	{ width: 55%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte60o 	{ width: 60%;	float: left; 					padding-bottom: .5em }
.spalte65 	{ width: 60%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte70 	{ width: 65%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte70o 	{ width: 70%;	float: left; 					padding-bottom: .5em }
.spalte75 	{ width: 70%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte80 	{ width: 75%;	float: left; margin-right: 5%; padding-bottom: .5em }
.spalte80o 	{ width: 80%;	float: left; 					padding-bottom: .5em }
.spalte33 	{ width: 30%;	float: left; margin-right: 3%; padding-bottom: .5em }
/* @end */




/* @group Formularelemente */

#formular  { margin-left: 110px; }


.form10, .form20, .form50, .form80, .form90, .form100, { 
	font-size: 90%; 
	margin: 1px; 
	background: #F9F9F9;
	border: solid 1px #003366;
	color: #ccc
}

.form10		{ width: 30px }
.form20		{ width: 35px}
.form50		{ width: 155px }
.form80		{ width: 262px }
.form90		{ width: 282px }
.form100	{ width: 322px }

/* @end */





/* @group Kontakt */

.personal {
	clear: left;
}

img.person { 
	margin: 0 50px 0 20px;
	float: right;
}

img.pers_bild { 
	margin: 0 50px 0 20px;
	float: right;
}

.abteilung, .zimmer, .status, .adresse, .telefon, .fax, .email, .web, .paragraph, .zeit, .bemerkungen, .links, .leer {
	margin: 10px 0px 2px 0px;
	padding-left: 25px;
	line-height: 140%;
}

.status		{ font-weight: bold; color: #003366; padding-left: 0px; padding-right: 35px }
.abteilung	{ background: url(../images/icons/fabrik.gif) no-repeat; }
.adresse	{ background: url(../images/icons/adress.gif) no-repeat; }
.telefon	{ background: url(../images/icons/telefon.gif) no-repeat; }
.fax		{ background: url(../images/icons/fax.gif) no-repeat; }
.email		{ background: url(../images/icons/mail.gif) no-repeat; }
.internet	{ background: url(../images/icons/inet.gif) no-repeat; }
.paragraph	{ background: url(../images/icons/paragraph.gif) no-repeat; }
.zeit		{ background: url(../images/icons/zeit.gif) no-repeat; }
.links		{ background: url(../images/icons/inet.gif) no-repeat; }
.zimmer		{ background: url(../images/icons/zimmer.gif) no-repeat; }

/* @end */





a.button_wohnbeispiele {
	float: left;
	clear: both;
	background: url(../images/button_wohnbeispiele.jpg) no-repeat top left;
	width: 321px;
	height: 60px;
	margin: 1.5em 0 3em 0;
	text-decoration: none;
	border: none;
	border: 0;
	white-space: nowrap
}
a:hover.button_wohnbeispiele {
	background: url(../images/button_wohnbeispiele_hov.jpg) no-repeat top left;
	text-decoration: none;
	border: none
}




/* @group Aufzählung */

#inhalt ul li {
	background: url(../images/aufzaehlung_o.gif) no-repeat top left;
	list-style: none;
	margin: 0 0 .5em 0;
	padding-left: 15px;
	position: relative;
	right: 20px;
}

#inhalt ul {
	margin: 0 0 0 20px;
	padding: 0
}

#inhalt ul li.li_pfeil {
	background: url(../images/pfeile/pfeil_next.gif) no-repeat center left;		
	padding-left: 10px; 
	padding-top: .3em;
	list-style: none;
	margin: 0;
	position: relative;
	right: 10px;
}

/* @end */





/* @group Farben */

.gruen, .gruen a		{color: #009900}
.orange, .orange a		{color: #003366}
.rot, .rot a			{color: #ff4500}
.blau, .blau a			{color: #000033}
.weiss, .weiss a	    {color: #ffffff}
.grau, .grau a			{color: #696969}
.dunkelgrau, .dunkelgrau a	{color: #444444}
.cyan, .cyan a			{color: #00aaee}


/* @end */

.clearer		{ clear: both}



#debug {
	margin-left: 190px;
	margin-right: 230px;
	border-top: 5px solid #fa8d39;
	padding-right: 20px;
	padding-left: 20px;
}