﻿/* ============================================ */
/* Design CSS für Kunde                         */
/* Hier kommt nur Kondenbezogener Code rein!    */
/* ============================================ */

h1,h2,h3,h4,h5,h6 {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#000099;
	margin: 2px 0px 5px 0px;
	padding:0px;
}
h1 { font-size:1.4em; }
h2 { font-size:1.2em; }
h3, h4,h5,h6 { font-size:1.0em; }


/* SEITENLAYOUT-CONTAINER */

.containerPAGE {
	position:absolute;
	top: 35px;
	width: 850px;
	min-height:500px;
	left: 50%;
	margin-left: -425px;
	border: 1px solid #666666;
	background-color:#FFFFFF;
	overflow:visible;
	margin-bottom: 30px;
}

.cntTOP {
	width: 850px;
	height: 174px;
	position:absolute;
	top:0px;
	background-repeat:no-repeat;
	z-index: 5;	
}

/* dynamische Titel mit ID für cntTOP */
#dyn01 { background-image:url(/images/layout/titel/dynTitel10.jpg); }
#dyn02 { background-image:url(/images/layout/titel/dynTitel20.jpg); }
#dyn03 { background-image:url(/images/layout/titel/dynTitel30.jpg); }
#dyn04 { background-image:url(/images/layout/titel/dynTitel40.jpg); }
#dyn05 { background-image:url(/images/layout/titel/dynTitel50.jpg); }
#dyn06 { background-image:url(/images/layout/titel/dynTitel60.jpg); }
#dyn07 { background-image:url(/images/layout/titel/dynTitel70.jpg); }
#dyn08 { background-image:url(/images/layout/titel/dynTitel80.jpg); }
#dyn09 { background-image:url(/images/layout/titel/dynTitel90.jpg); }
/* dynamische Titel mit ID für cntTOP  - Ende */

.topServiceAddon { width: 280px; margin-right: 3px;
	border: 0px solid #060;
	position:absolute;
	top: 99px;
	right: 64px;
	z-index: 20;	
}
#topServiceAO_rathaus {	background-image:url(/images/layout/serviceAddon/svc_rathaus.png); 
	width: 88px; height: 74px; display: inline-block; float:right;
	margin-left: 6px; cursor:pointer;
}
#topServiceAO_wasseruhr { background-image:url(/images/layout/serviceAddon/svc_wasseruhr.png); 
	width: 88px; height: 74px; display: inline-block; float:right;
	cursor:pointer;
}
#topServiceAO_wasseruhr:hover { background-image:url(/images/layout/serviceAddon/svc_wasseruhrON.png); }
#topServiceAO_rathaus:hover { background-image:url(/images/layout/serviceAddon/svc_rathausON.png); }

.cntMENU {
	width: 185px;
	position:absolute;
	top: 190px;
	bottom: 0px;
	background-image:url(/images/layout/mnu_Adler.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#ffffff;
}



.cntCONTENT {
	width: 660px;
	padding-top: 190px;
	background-color:#ffffff;
	float:right;
	clear: right;
	min-height: 500px;

}

.cntCONTENT_SIDEBAR {
	width: 200px;
	height: 100%;
	background-color:#ffff99;
	float:right;
	clear:right;

}
.cntBannerEditTOP{
	width: 150px;
	height: 20px;
	position:absolute;
	top:135px;
	right: 265px;
	border: 0px solid #009900;
	text-decoration:underline;
}

.cntSUCHE {
	width: 212px;
	height: 60px;
	position:absolute;
	top:115px;
	right: 50px;
}

.cntSUCHE_menu {
	width: 180px;
	min-height: 60px;
	border: 0px solid #033;
}
.cntBOTTOM_Line {
	width: 1px;
	height: 550px; /* <-- Muss höher als MIN-HEIGHT Oben sein!!! */
	float:right;	
}

.cntBOTTOM {
	width: 523px;
	height:81px;
	background-image:url(/images/layout/bogen_unten.jpg);
	background-repeat:no-repeat;
	background-position:bottom right; 
	float:right;
}

/* XXX */
.bottomFonts {
	text-align:right;
	margin-top: 58px;
	margin-right: 60px;
}
.suche_lupe {
	width: 37px;
	height: 43px;
	float:right;
} 
.suche_header {
	width: 33px;
	height: 14px;
	background: url(/images/layout/suche_header.jpg) no-repeat;
	margin-left:7px;
}
/* Menü Listenpunkte */
li { font-size:small;
	margin: 2px 0px 2px 0px;
}
li.topMenu {
	list-style-image: url(/images/layout/point_topmenu.jpg);
	list-style-position:outside;
	text-indent: -6px;
	margin: -2px 0px 0px 0px;
}
li.menu {
	list-style-image: url(/images/layout/point_menu.jpg);
	list-style-position:outside;
	margin: 2px 0px 2px -17px;
	text-indent: -3px;
}

/* Footer */
#btnKontakt {
	width:70px;
	height: 23px;
	background-image:url(/images/layout/btn_kontakt.jpg);
	background-repeat:no-repeat;
	float:right;
}
#btnImpressum {
	width:86px;
	height: 23px;
	background-image:url(/images/layout/btn_impressum.jpg);
	background-repeat:no-repeat;
	float:right;
}
#btnTrenner {
	width:8px;
	height: 23px;
	background-image:url(/images/layout/btn_trenner.jpg);
	background-repeat:no-repeat;
	float:right;
}


/* SideBar-Boxen */
#sideBar1{
	width: 178px;
	min-height: 400px;
	float:right;
	margin-left: 10px;
}
.sideBarContainer {
	width: 169px;
	min-height: 80px;  /*42px;*/
	background-position:right top;
	background-repeat:no-repeat;
	padding-top: 46px;
	float:right;
	clear:both;
	margin-bottom: 10px;
}
.sideBarContainer#sbdInfo {
	min-height: 20px;  /*42px;*/
	background-image:url(/images/layout/side_info.jpg);
	text-align:center;
}
.sideBarContainer#sbdVeranstaltung {
	min-height: 20px;  /*42px;*/
	background-image:url(/images/layout/side_veranstaltung.jpg);
	margin-top: 23px;
	text-align:center;
}
.sideBarContainer#sbdNachrichten {
	background-image:url(/images/layout/side_nachrichten.jpg);
	text-align:center;
}
.sideBarContainer#sbdNewsticker {
	background-image:url(/images/layout/side_newsticker.jpg);
	text-align:center;
}
.sideBarContainer#sbdRathaus {
	min-height: 20px;  /*42px;*/
	background-image:url(/images/layout/side_rathaus.jpg);
	text-align:center;
}
.sideBarContainer#sbdRathausFloss {
	min-height: 20px;  /*42px;*/
	background-image:url(/images/layout/side_rathausfloss.jpg);
	text-align:center;
}
.sideBarContainer#sbdSonstiges {
	min-height: 20px;  /*42px;*/
	background-image:url(/images/layout/side_sonstiges.jpg);
	text-align:center;
}
.sideBarContainer#sbdWetter {
	min-height: 20px;  /*42px;*/
	background-image:url(/images/layout/side_wetter.jpg);
	text-align:center;
}
.sideBarContainer#sbdOeffnungszeiten {
	min-height: 20px;  /*42px;*/
	background-image:url(/images/layout/side_oeffnungszeiten.jpg);
	text-align:center;
}

#homeContent {
	width: 465px;
	float: left;
}
#infoBar_aktuell{
	width: 151px;
	height:36px ;
	background-position: left top;
	background-repeat:no-repeat;
	background-image:url(/images/layout/cnt_aktuell.jpg)

}
.cntVKalListe{
	width: 155px;
	height:37px ;
	background-position: left top;
	background-repeat:no-repeat;
	background-image:url(/images/layout/cnt_veranstaltungen.jpg);
	margin-top: 15px;

}

/* */

li.listeHome {
	list-style-image:url(/images/layout/point_topmenu.jpg);
	line-height:8px;
	text-indent: -6px;
	list-style-position: outside;
}

li.listeHome_Box {
	display: inline-block;
	border: 1px solid #000000;
	margin: 3px 0px;
	padding: 2px 5px;
	list-style-type:none;
	list-style-image:none;
	background-color:#F2F2F2;

}

/* >> Standard-CSS-Elemente  */
#hidden { display:none; }
.hiddenItem { display:none; }
.rightAlign { text-align:right;  margin: 0px 5px 0px 0px;}
.centerAlign { text-align:center; }

.tplTeiler { display:none; }

/* Bildergalerie CSS- Manuelle Angleichung */
.allImgFit {
	text-align:center;
	width: 138px; height:113px; margin-left: 10px; float: left; overflow:hidden;  
 	border: 1px solid #0033FF; background-color:#F1F2BF;
}
.allImgFit img { height: 100%; width:auto; }
.allImgFit img#UPPER {}

