/** CSS-Dokument für GRANADA **/



/* Dateiuebergreifende HTML-Tags
---------------------------------------------------------------------- */
html, body {
	margin: 0px;
	padding: 0px;
}
body {
	font: 11px Arial, Tahoma, Verdana, Helvetica, sans-serif;	/* Basis-Fontgröße 62.5% = 10px;  daraus ergibt sich als Größenangabe zB 10px × 1.2em = 12px */
	color: #585858;
	text-align: left;
	background: url(/includes/img/bg.jpg) repeat-x;
}
a {
	text-decoration: none;
}
hr {		/* wird angewendet, um den Fluss einzelner Bereiche mit dem Attribut "Float" wieder zu unterbrechen */
	clear: both;
	visibility: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 0.1em;
	display: none;
}
p.align-right {
	text-align: right;
	padding: 0px;
	margin-top: 0px;
}

p.align-right-border {
	text-align: right;
	padding: 0px;
	margin-top: 0px;
	border-color: #cacac8;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	color: #FFFFFF;

}
.arrow {
	background: url(/includes/img/sym_pfeil_global.gif) no-repeat 0px 5px;
	padding-left: 8px;
}



/* Container
---------------------------------------------------------------------- */
#container #logo h1,
#container_show #logo h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	position: absolute;
	top: 33px;
	height: 150px;
	width: 150px;
		display: none;
}
#container #logo a,
#container_show #logo a  {
	display: block;
	height: 150px;
	width: 150px;
		display: none;
}
#container #logo span,
#container_show #logo span {
	visibility: hidden;
}
#container #language,
#container_show #language {
	position: absolute;
	left: -1px;
	top: 218px;
	height: 224px;
	width: 29px;
		display: none;
}
#container #language a.deutsch,
#container_show #language a.deutsch {
	display: block;
	background: url(/includes/img/deutsch_off.gif) no-repeat 12px 29px;
	width: 30px;
	height: 100px;
		display: none;
}
#container #language a.deutsch:hover,
#container_show #language a.deutsch:hover {
	display: block;
	background: url(/includes/img/deutsch_on.gif) no-repeat 12px 29px;
	width: 30px;
	height: 100px;
		display: none;
}
#container #language .deutsch_an,
#container_show #language .deutsch_an {
	display: block;
	background: url(/includes/img/deutsch_on.gif) no-repeat 12px 29px;
	width: 30px;
	height: 100px;
		display: none;
}
#container #language a.englisch,
#container_show #language a.englisch {
	display: block;
	background: url(/includes/img/english_off.gif) no-repeat 9px 36px;
	width: 30px;
	height: 100px;
		display: none;
}
#container #language a.englisch:hover,
#container_show #language a.englisch:hover  {
	display: block;
	background: url(/includes/img/english_on.gif) no-repeat 9px 36px;
	width: 30px;
	height: 100px;
		display: none;
}
#container #language .englisch_an,
#container_show #language .englisch_an {
	display: block;
	background: url(/includes/img/english_on.gif) no-repeat 9px 36px;
	width: 30px;
	height: 100px;
		display: none;
}
#container #language a span,
#container_show #language a span {
	visibility: hidden;
		display: none;
}



/* Slider
---------------------------------------------------------------------- */
#slider {
	display: none;
	position: absolute;
	left: 222px;
	top: 95px;
	width: 733px;
	background:url(/includes/img/bg_slider.gif) bottom left no-repeat;	
	margin:0px;
	padding:0px;
}
#slider a.slider_arrow1 {
	display: none;
	position: absolute;
	left: 10px;
	top: 169px;
}
#slider a.slider_arrow2 {
	display: none;
	position: absolute;
	left: 703px;
	top: 169px;
}
#gallery_nav {
	display: none;
	margin: 0px 0px;
	height: 59px;
//	background:url(/includes/img/bg_slider.gif) no-repeat;
	background: transparent;
	float: left;
	width: 100%;
	padding-left: 0px;
        position: relative;
}
#gallery_nav li {
	display: none;
	overflow: hidden;
	float: left;
	height: 48px;
	width: 57px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 5px;
}
#gallery_nav li a {
	display: none;
	display: block;
	width: 57px;
	height: 144px;
	background: no-repeat 0 0;
	outline: none;
	behavior: url(iepngfix.htc);
}
#gallery_nav li a:hover {
	display: none;
	margin-top: -48px;
}
#gallery_nav li a.active {
	display: none;
	margin-top: -98px!important;

}
#gallery_nav li#head {
	display: none;
	font-size:14px;
	height:auto;
	margin: 1.3em 6px 0 0;
	text-align:right;
	width:100px;
}

ul.horizontal li,
ol.horizontal li { 
	display: none;
}




/* Container / Geruest
---------------------------------------------------------------------- */
#container {
	width: 932px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-right: 22px;
	padding-left: 22px;
	background: #FFFFFF url(/includes/img/bg_container_aus.gif) no-repeat;
	position: relative;

}
#container_show {
	width: 932px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-right: 22px;
	padding-left: 22px;
	background: #FFFFFF url(/includes/img/bg_container_unterseite_aus.gif) no-repeat;
	position: relative;

}
#global {
	display: none;
	padding-top: 14px;
	padding-bottom: 10px;
	font-size: 10px;
	color: #3F4142;
	margin-bottom: 10px;
}
#global a
{
	color: #3F4142;
	margin-right: 15px;
	background: url(/includes/img/sym_pfeil_global.gif) no-repeat 0px 5px;
	padding-left: 9px;
}
#global p {
	margin-top: -2px;
	margin-right: 5px;
	float: right;
}
#global .suche {
	display: inline;
	float: right;
}
#global .suche .field {
	background: #edeae0;
	border: 1px solid #85898C;
	height: 10px;
		margin-top: -3px;
	font-size: 9px;
	float: left;
}
#global .suche .btn {
	float: left;
			margin-top: -3px;
}





/* Hauptnavigation
---------------------------------------------------------------------- */
#navi {
	display: none;
	font: 11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	background: url(/includes/img/bg_navi.gif) no-repeat right center;
	text-align: right;
	height: 27px;
	width: 100%;
	float: left;
}
#navi a {
	color: #3f4142;
	text-align: center;
	width: 121px;
	padding-top: 7px;
	padding-bottom: 7px;
	float: right;
	margin-right: 1px;
}
#navi a:hover,
#navi .navi_an {	/* usw. für alle Menüpunkte anlegen */
	color: #ec008c;
	background: url(/includes/img/bg_navi_on.gif) repeat-x;
}

/* Links
---------------------------------------------------------------------- */
#spalte_links {
	display: none;


}



/* Unternavigation
---------------------------------------------------------------------- */
#subnavi {
	display: none;
	background: url(/includes/img/bg_subnavi.gif) no-repeat left bottom;	/* Abgerundete Kanten unten */

	width: 180px;
	padding-bottom: 18px;
}
#subnavi a {
	display: none;
	text-transform: uppercase;
	color: #3f4142;
	background: url(/includes/img/bg_subnavi_link.gif) no-repeat;
	display: block;
	width: 150px;
	padding-left: 16px;
	margin-bottom: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
#subnavi a:hover,
#subnavi .unternavi_an {		/* Klasse ON muss manuell in die entsprechenden Links eingefügt werden */
	background: url(/includes/img/bg_subnavi_link_on.gif) no-repeat;
	color: #EC008C;
		display: none;
}


/* Kontakt
---------------------------------------------------------------------- */
#kontakt {
	display: none;
	width: 170px;
	padding-bottom: 18px;
	margin-top: 40px;
	margin-bottom:20px;
	margin-left:10px;
}

#kontakt h1 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 14px;

}
#kontakt h2 {

	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
#kontakt h2 a {
	color: #585858;
}
#kontakt h2 a:hover {
	color: #000000;
}
#kontakt p {
	padding:0px;
	margin-bottom: 20px;
	margin-top:0px;
}

/* Galerie links
---------------------------------------------------------------------- */


.galerie_links
	display: none;
{
	margin-right: 14px;
	margin-left: 0px;
	margin-top: 50px;
	margin-bottom: 0px;
	background: #ffffff;
	width: 150px;
	padding:0px;
}
.galerie_links_border
{
	background: #f3f3f3; 
	padding:1px;
	margin:0px;

}
.galerie_links_border_aussen
{
	background: #eaeae8; 
	padding:1px;
	margin:0px;

}
.galerie_links_border_innen
{
	background: #dfdfdf; 
	padding:1px;
	margin:0px;
}
.galerie_links_content
{
	margin:0px;
	padding-bottom:5px;
	padding-right: 0px;
	padding-left: 8px;
	padding-top: 5px;
	background:#ffffff url(/includes/img/bg_informationen.gif) bottom right repeat-x;
}
*html .galerie_links_content
{
	padding-bottom:12px;
}

.galerie_links_content h1 {
	font: 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px;
	z-index:5;
}
.galerie_links_content  h2 {
	font: 11px Arial;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
}
.galerie_links_einzeln {
	float:left;
	margin-right:6px;
	margin-bottom:5px;
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	width: 60px;
	height:40px;	
	position:relative;
}
.galerie_links_einzeln_kreuz {
	background:url(/includes/img/kreuz_pink_klein.gif) bottom right no-repeat;
	z-index:1;
	position:absolute;
	bottom:0px;
	right:0px;
	width: 10px;
	height:10px;
}
.galerie_links_copyright
{
	margin-right: 14px;
	padding-bottom:20px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
	width: 150px;
	font-size:10px;
	text-align:right;
}
/* Grafik
---------------------------------------------------------------------- */
#grafik {

	position: relative;
	margin-left:0px;
	margin-top:33px;
	margin-bottom:0px;
	width: 733px;
	height:150px;
	float:left;
	padding:0px;

}
*html #grafik {
	margin-top:24px;
}

#grafik div.galerieImg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#galerieImg_runde_ecken {

	background:url(/includes/img/galerie_maske.gif) bottom; 	       
	 position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 733px;
	height:150px;
margin:0px
padding:0px;
}
#galerieImg_runde_ecke_maske {

	background: url(/includes/img/maske_bilder.gif) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5000;
	width: 733px;
	height:150px;
        margin:0px
        padding:0px;
}
#galerieImg_runde_ecke_oben_links {

	background: #f00 url(/includes/img/galerie_maske_oben_links.gif) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5000;
	width: 10px;
	height:10px;
        margin:0px
        padding:0px;
}

#galerieImg_runde_ecke_oben_rechts {

	background: #f00 url(/includes/img/galerie_maske_oben_rechts.gif) top left no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 5000;
	width: 10px;
	height:10px;
        margin:0px
        padding:0px;
}


#grafik div.current {

	z-index: 100; !important;
}

/* Grafik_Thumbnails
---------------------------------------------------------------------- */
#grafik_thumbnails {

	margin:0px;
	width: 733px;
	float:right;
	padding:0px;
	text-align:right;
	height:28px;
}

#grafik_bezeichnung {

	padding:0px;
	margin-left:4px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	width: 190px;
	height:28px;
	background:#000000 url(/includes/img/pink_ecke_links.gif) bottom left no-repeat;	
	float:left;
	text-transform:uppercase;
}
#grafik_bezeichnung_schrift {

	margin:0px;
	width: 190px;
	height:21px;
	background:url(/includes/img/pink_ecke_rechts.gif) bottom right no-repeat;	
	color:#ffffff;
	font-weight: bold;
	text-align:center;
	padding-top:7px;
}
#zahlen {

	margin-top:2px;
}
.grafik_zahlen {

	float:right;
	text-align:center;
	margin-left:2px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-weight: bold;
	width: 17px;
	padding-top:2px;

	height:15px;
	background:url(/includes/img/bg_zahlen.gif) bottom right no-repeat;	
}


a.zahlen_link {

	color: #585858;
}
a.zahlen_link:hover {

	color: #000000;
}
a.zahlen_link.current {
	color: #000000;

}


/* Showtemplate / Unter Header
---------------------------------------------------------------------- */
#logo_produktion {
	padding:0px;
	margin-left:1px;
	margin-right:0px;
	margin-bottom:25px;
	margin-top:0px;
	width: 190px;
	float:right;
	z-index:0;
	position:relative;
}

#logo_produktion_runde_ecken {
	background:url(/includes/img/logo_runde_ecken.gif) bottom right no-repeat;
	z-index:1;
	position:absolute;
	bottom:0px;
	left:0px;
	width: 190px;
	height: 9px;
}

#galerie_header {
	margin-top:2px;
	margin-bottom:5px;
	width: 515px;
}
*html #galerie_header {
	margin-bottom:0px;
}
.galerie_header_einzeln {
	float:left;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:5px;
	padding-left:5px;
	padding-right:0px;
	width: 80px;
	height:55px;
	background:url(/includes/img/bg_thumbnail.gif) top left no-repeat;	
	position:relative;
	z-index:0;
}
.galerie_header_einzeln_runde_ecken {
	background:url(/includes/img/kreuz_pink.gif) bottom right no-repeat;
	z-index:1;
	position:absolute;
	bottom:5px;
	right:5px;
	width: 14px;
	height:14px;
}
#galerie_copyright {
	margin-top:2px;
	margin-bottom:20px;
	padding-right:7px;
	width: 508px;
	font-size:10px;
	text-align:right;
}




/* Content / Hauptinhaltsbereich
---------------------------------------------------------------------- */
#content {
	margin-top: 0px;
	padding-left: 20px;
	padding-top: 0px;
}
* html #content {
	margin-top: 0px;
}
#content_show {
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	float:left;
	background:url(/includes/img/bg_content.gif) bottom right repeat-y;
	display:block;

}
#content_slider_show {
	margin-top: 260px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	float:right;
	background:url(/includes/img/bg_content.gif) bottom right repeat-y;
	display:block;

}
*html #content_slider_show {

	float:none;
	width:730px;
	background:url(/includes/img/bg_content_ie.gif) bottom right repeat-y;
}
*html #content_show {
	width:730px;
	background:url(/includes/img/bg_content_ie.gif) bottom right repeat-y;
}
/* Editmode
---------------------------------------------------------------------- */
#editmode{
	margin:15px;
	padding:10px;
	text-align:left;
	background:#ffffff;
	font: 11px Arial, Tahoma, Verdana, Helvetica, sans-serif;	/* Basis-Fontgröße 62.5% = 10px;  daraus ergibt sich als Größenangabe zB 10px × 1.2em = 12px */
	color: #585858;
}

#editmode h1 {
	font: 14px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:0px;
	color: #000000;
	padding-top:4px;
	padding-bottom:0px;
	border-top-style:dotted;
	border-color:#dfdfdf;
	border-width:1px;
}

#editmode p {
	margin:0px;
	padding-top:0px;
	padding-bottom:10px;
}

/* Mitte
---------------------------------------------------------------------- */
#spalte_mitte {

	width: 537px;
	background: #ffffff;
	display:block;

}
#spalte_mitte_show {
	padding-top: 5px;

	width: 537px;
	background: #ffffff;
	display:block;

}
#spalte_mitte_show a,
#spalte_mitte a{
	color: #000000;
}
#spalte_mitte_show a:hover,
#spalte_mitte a:hover{
	color: #000000;
	text-decoration:none;
}
#inhalt{
	margin-bottom:15px;
	margin-top:0px;
	padding:0px;
	width: 507px;


}
#inhalt a{
	color: #000000;
}
#inhalt a:hover{
	color: #000000;
	text-decoration:underline;
}
#inhalt li {
	list-style-image: url(/includes/img/pfeil_pink.gif);
	margin-left: 0px;
}
#inhalt h1 {
	font: 24px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px;
}
#inhalt h2 {
	font: 16px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:20px;
}

.teaser_block
{
	margin-bottom:0px;
	margin-left: 0px;
	float: left;
	background: #ffffff;
	width: 537px;


}
.teaser_block h1{
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #FFFFFF;
	padding-right: 3px;
}


#inhalt textarea.field,
#inhalt input.field {
  border: 1px #585858 solid;
  width: 250px;
}


/* Mitte Index
---------------------------------------------------------------------- */




#index #teaser1,
#index #teaser2,
#index #teaser3,
#index #teaser4,
#index #teaser5,
#index #teaser6 {
	float: left;


}
#index #teaser1, #index #teaser2, #index #teaser3 {
	margin-right: 19px;
	margin-left: 0px;
	float: left;
	background: #ffffff !important; 
	width: 220px;
}

#index #teaser1 .teaser_content, #index #teaser2 .teaser_content, #index #teaser3 .teaser_content {
	margin:0px;
	padding-bottom:20px;
	padding-right: 12px;
	padding-left: 8px;
	padding-top: 12px;
	background: #ffffff !important; 
}
#index #teaser1 .teaser_border, #index #teaser2 .teaser_border, #index #teaser3 .teaser_border
{
	background: #ffffff !important; 
	padding:0px;
	margin:0px;
	}
#index #teaser1 .teaser_border_aussen, #index #teaser2 .teaser_border_aussen, #index #teaser3 .teaser_border_aussen 
{
	background: #eaeae9; 
	padding:1px;
	margin-bottom:12px;
}
#index #teaser1 .teaser_border_innen, #index #teaser2 .teaser_border_innen, #index #teaser3 .teaser_border_innen
{
	background: #cbcac9; 
	padding:1px;
	margin:0px;
}
#index #teaser1 .teaser_content_hover, #index #teaser2 .teaser_content_hover, #index #teaser3 .teaser_content_hover {
	background:#ffffff url(/includes/img/bg_informationen.gif) bottom right repeat-x; !important
}

*html #index #teaser1 .teaser_content, 
*html #index #teaser2 .teaser_content, 
*html #index #teaser3 .teaser_content {
	padding-bottom:12px;
}
#index #teaser1 h1, #index #teaser2 h1, #index #teaser3 h1 {
	font: 14px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px;
}
#index #teaser1  h2, #index #teaser2  h2, #index #teaser3 h2 {
	font: 11px Arial;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 2px;
}
#teaser1 .teaser_content,
#teaser3 .teaser_content {
	margin-bottom: 12px;
	height: 250px !important; /* Höhe definieren! */
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
* html #teaser1 .teaser_content, 
* html #teaser2 .teaser_content, 
* html #teaser3 .teaser_content {	/* Hack für IE! */
	margin-left: -1px;
		height: 280px !important; /* Höhe definieren! */
}
#teaser2 .teaser_content {
	margin-bottom: 12px;
	height: 550px !important; /* Höhe definieren! Höhe der beiden Teaser1 und Teaser3 plus 12px Mittelabstand plus pi mal Daumen ausprobieren (hängt ab von der Höhe der Grafiken, Anzahl der Absätze etc. */
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
* html #teaser2 .teaser_content {	/* Hack für IE! */
	height: 600px !important; /* Höhe definieren! Höhe der beiden Teaser1 und Teaser3 plus 12px Mittelabstand plus pi mal Daumen ausprobieren (hängt ab von der Höhe der Grafiken, Anzahl der Absätze etc. */
}

#index #teaser1 h3,
#index #teaser2 h3,
#index #teaser3 h3 {
	color: #000000;
	font-size: 12px;
	text-transform: uppercase;
	background: #FFFFFF;
	display: inline;
	padding-right: 3px;
	float: left;
	margin: 0px;
}

/* Mitte 
---------------------------------------------------------------------- */




#spalte_mitte .teaser,
#spalte_mitte_show .teaser
{
	margin-right: 14px;
	margin-left: 0px;
	margin-top: 12px;
	margin-bottom: 0px;
	float: left;
	background: #ffffff !important;
	width: 245px;
	padding:0px;
}
#spalte_mitte .teaser_border,
#spalte_mitte_show .teaser_border
{
	background: #f3f3f3; 
	padding:1px;
	margin:0px;

}
#spalte_mitte .teaser_border_aussen,
#spalte_mitte_show .teaser_border_aussen
{
	background: #eaeae8; 
	padding:1px;
	margin:0px;

}
#spalte_mitte .teaser_border_innen,
#spalte_mitte_show .teaser_border_innen
{
	background: #dfdfdf; 
	padding:1px;
	margin:0px;
}
#spalte_mitte .teaser_content,
#spalte_mitte_show .teaser_content
{
	margin:0px;
	padding-bottom:20px;
	padding-right: 12px;
	padding-left: 8px;
	padding-top: 12px;
	background: #ffffff;
		height: 250px !important; /* Höhe definieren! */
}
*html #spalte_mitte .teaser_content,
*html #spalte_mitte_show .teaser_content
{
	padding-bottom:12px;
}
.teaser h1 {
	font: 14px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px;
}
.teaser  h2 {
	font: 11px Arial;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 2px;
}
.teaser  h3 {
	color: #000000;
	font-size: 12px;
	text-transform: uppercase;
	background: #FFFFFF;
	display: inline;
	padding-right: 3px;
	float: left;
	margin: 0px;
}
.teaser  h4 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.teaser  h5 {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
.teaser p {
	margin-top: 4px;
	margin-bottom: 8px;
}
.teaser  .teaser_content
{
	margin-bottom: 0px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
		height: 250px !important; /* Höhe definieren! */
}
* html .teaser  .teaser_content {	
		height: 280px !important; /* Höhe definieren! */
	}

.teaser_content_hover {
	background:#ffffff url(/includes/img/bg_informationen.gif) bottom right repeat-x; !important
}

.teaser_content p {
	margin-top: 0px;
	margin-bottom: 8px;
}
.teaser .bgdots {
	background: url(/includes/img/bg_dots.gif) repeat-x 0px 2px;
	width: 220px;
	margin-top: 10px;
	clear: both;
	height: 20px;
	border-width: 0px;
	border-style: none;
}

.bgdots {
	background: url(/includes/img/bg_dots.gif) repeat-x 0px 2px;
	width: 196px;
	margin-top: 10px;
	clear: both;
	height: 20px;
	border-width: 0px;
	border-style: none;
}
.bgdots .head3{
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	background: #FFFFFF;
	padding-right: 3px;
	text-transform:uppercase;
}
p.date {
	float: right;
	background: #000000;
	font-size: 10px;
	color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	margin-top: 1px;
	margin-bottom: 0px;
}
.teaser .teaserlink {
	color: #FFFFFF !important;
	background: #76ba0f url(/includes/img/bg_pfeil_link.gif) no-repeat right 2px;
	padding-right: 15px;
	padding-left: 25px;
	padding-bottom: 1px;
}
.teaser .teaserlink:hover {
	color: #FFFFFF !important;
}
.teaser .teaserlink:visited {
	color: #FFFFFF !important;
}
a.teaserlink {
	color: #FFFFFF !important;
	background: #76ba0f url(/includes/img/bg_pfeil_link.gif) no-repeat right 2px;
	padding-right: 15px;
	padding-left: 25px;
	padding-bottom: 1px;
}
a.teaserlink:hover {
	color: #FFFFFF !important;
}
a.teaserlink:visited {
	color: #FFFFFF !important;
}
a.teaserlink2 {
	color: #FFFFFF !important;
	background: #000000 url(/includes/img/bg_pfeil_link.gif) no-repeat right 2px;
	padding-right: 15px;
	padding-left: 25px;
	padding-bottom: 1px;
}
a.teaserlink3 {
	background: url(/includes/img/sym_pfeil_pink.gif) no-repeat 0px 3px;
	padding-left: 14px;
	width: 155px;
	display: block;
	color: #585858 !important;

	font-family: Arial, Helvetica, sans-serif;
}
a.teaserlink3:hover {
	color: #000000 !important;

}

#index #teaser4 { /* Teaser ganz rechts */
	width: 190px;
	float: left;
	display:none;
}
#index #teaser4 h1 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 20px;
}
#index #teaser4 h1 a {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#index #teaser4 h1 a:hover {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#index #teaser4 .teaserinline {
	margin-bottom: 12px;
	background: #efece3;
	padding: 12px;
	height: 264px;
}
#teaser4 #koeln {	/* Berlin analog */
	border: 1px solid #d2cfc6;
	padding: 6px;
	margin-top: 3px;
	margin-bottom: 0px;
	clear: both;
}

#teaser4 #berlin {	/* Berlin analog */
	border: 1px solid #d2cfc6;
	padding: 6px;
	margin-top: 3px;
	margin-bottom: 0px;
	clear: both;
	display: none;
}

#index #teaser5 { /* Teaser ganz rechts */
	width: 190px;
	margin:0px;
	padding:0px;
}
#index #teaser5 h1 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 14px;
}
#index #teaser5 h2 {

	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
#index #teaser5 h2 a {
	color: #585858;
}
#index #teaser5 h2 a:hover {
	color: #000000;
}
#index #teaser5 .teaserinline {
	margin-bottom: 0px;
	background: #efece3;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 5px;
	background:url(includes/img/rechts_border.gif) bottom left no-repeat;	
}

.teaserinline a.reiter_koeln, .teaserinline a.reiter_berlin {
	text-transform: uppercase;
	background: url(/includes/img/reiter_berlin.gif) no-repeat;
	font-weight: bold;
	font-size: 11px;
	padding-left: 5px;
}
.teaserinline a.reiter_koeln {
	text-transform: uppercase;
	background: url(/includes/img/reiter_berlin.gif) no-repeat;
	color: #585858;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-right: 39px;
	border-width: 0px;
	border-style: none;
}
.teaserinline a.reiter_koeln_aktiv {
	text-transform: uppercase;
	background: url(/includes/img/reiter_koeln.gif) no-repeat;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-right: 39px;
	border-width: 0px;
	border-style: none;
}
.teaserinline a.reiter_berlin {
	text-transform: uppercase;
	background: url(/includes/img/reiter_berlin.gif) no-repeat;
	color: #585858;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-right: 34px;
	width: 59px;
}
.teaserinline a.reiter_berlin_aktiv {
	text-transform: uppercase;
	background: url(/includes/img/reiter_koeln.gif) no-repeat;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-right: 34px;
	width: 59px;
}


.informationen
{
	margin-right: 14px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
	background: #ffffff;
	width: 507px;
	padding:0px;
}
.informationen_border
{
	background: #f3f3f3; 
	padding:1px;
	margin:0px;

}
.informationen_border_aussen
{
	background: #eaeae8; 
	padding:1px;
	margin:0px;

}
.informationen_border_innen
{
	background: #dfdfdf; 
	padding:1px;
	margin:0px;
}
.informationen_content
{
	margin:0px;
	padding-bottom:5px;
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 5px;

	background:url(/includes/img/bg_informationen.gif) bottom right repeat-x;
}
*html .informationen_content
{
	padding-bottom:12px;
}
.informationen h1 {
	margin-top: 10px;
	margin-bottom: 2px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	padding-right: 3px;
	display:block;
}
.informationen_wrapper
{
	margin:0px;
	padding:0px;
	clear:both;
	display:block;

}
.informationen_block
{
	margin-right: 5px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	float: left;
	width: 240px;
	padding:0px;
}
.informationen_linie
{

	margin-top: 2px;
	margin-bottom: 0px;
	margin-right: 2px;
	width: 238px;
	padding:0px;
	border-top-style:dotted;
	border-color:#dfdfdf;
	border-width:1px;
	display:block;
	clear:both;

}
.informationen_links
{

	float:left;
	width: 70px;
	font-weight:bold;
	margin-right: 2px;
	padding:0px;
}
.informationen_rechts
{

	float:left;
	width: 166px;
	font-size:10px;
	padding:0px;
}

/* Rechts
---------------------------------------------------------------------- */
#spalte_rechts {

	float: left;
	width: 190px;
	margin:0px;
	padding:0px;
}
#index #teaser5 { /* Teaser ganz rechts */
	width: 190px;
	margin:0px;
	padding:0px;
}
#index #teaser5 h1 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 14px;
}
#index #teaser5 h2 {

	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
#index #teaser5 .teaserinline {
	margin-bottom: 0px;
	background: #efece3;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 5px;
	background:url(/includes/img/rechts_border.gif) bottom left no-repeat;	
}
/* Fusszeile
---------------------------------------------------------------------- */
#foot {
	display: none;
	background: url(/includes/img/bg_footer.jpg) repeat-x;
	position: relative;
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	min-height: 300px;
}
#foot #boxen
{
padding-bottom:40px;
}
#foot #boxen p.clear {
	margin: 0px 0px 10px;
	float:left;
	width:150px;
	height: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
}
*html #foot #boxen p.clear {
	margin-bottom: -1px;
}
#foot #map {
	position: absolute;
	left: 511px;
	top: 3px;
}
#foot #footinline {
	text-align: left;
	padding-left: 51px;
	padding-top: 25px;
	font-size: 10px;
}
#foot form#contact {
	text-align: left;
	width: 155px;
	margin-bottom: 0px;
	padding-top: 20px;
		margin-top: 0px;

}
*html #foot form#contact {	/* Hack für IE */
margin-top: -80px;
}	
#foot #contact h1 {
	font-size: 11px;
	color: #585858;
	font-weight: normal;
	background: #e7e7e8 url(/includes/img/sym_pfeil_pink.gif) no-repeat 0px 2px;
	padding-left: 14px;
	width: 155px;
}
#foot #contact p {
	margin-top: 0px;
	margin-bottom: 3px;
	padding-left: 14px;
}
 #foot #contact label {
	float: left;
	width: 35px;
	font-size: 10px;
}
#foot #contact .field {
	font: 10px Arial, Helvetica, sans-serif;
	border: 1px solid #585858;
	height: 11px;
	width: 91px;
}
*html #foot #contact .field {
	width: 87px;
}
#foot #contact .submit {
	margin-left: 0px;
}
a.footlink {
	background: url(/includes/img/sym_pfeil_pink.gif) no-repeat 0px 3px;
	padding-left: 14px;
	width: 155px;
	display: block;
	color: #585858;
	border: 1px solid ##585858;
	font-family: Arial, Helvetica, sans-serif;
}
a.footlink:hover {
	color: #000000;
}
a.footlink2 {
	background: #e7e7e8 url(/includes/img/sym_pfeil_pink.gif) no-repeat 0px 2px;
	padding-left: 14px;
	width: 129px;
	display: block;
	color: #585858;
	margin-right: 26px;
}
#foot p.copyright {
clear:both;
	font-size: 10px;
	color: #808080;
	width: 100%;
	padding-bottom: 0px;
		margin-top: 15px;
}
*html #foot p.copyright {
margin-top: 0px;
}

#foot p.copyright .indent {
	padding-left: 36px;
}