/*
Stylesheet fuer die Website www.ganderkesee.de

Pixeltier Mediengestaltung 2005-06
http://www.pixeltier.de/
*/

body {
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica;
	font-size:0.9em;	
	background-color:#f8f8f8;
}

/*
Seite
*/
div.PageContainer {
	width:776px;
	background-color:white;
}



/*
Kopfzeile
*/
div.PageContainer div.PageHeader {
	width:776px;
	height:100px;	
	background-image:url(css/bannergrund.gif);
	background-position:top left;
	background-repeat:no-repeat;
}



/*
Kopfteil
*/
div.PageContainer div.HeaderFrame {
	width:150px;
	height:100px;
	float:left;
}

div.PageContainer div.HeaderFrame img.LogoImage {
	width:150px;
	height:78px;
	margin-top:14px;
	margin-bottom:4px;
	border:0;
}






/*
Menüteil
*/
div.PageContainer div.MenuFrame {
	width:626px;
	height:100px;
	float:left;
	text-align:center;
}



/*
Haupt-Navigation auf die Bereiche
Leben, Tourismus, Wirtschaft, Rathaus
*/
div.PageContainer div.MenuFrame ul.MenuList {
	list-style:none;
	width:580px;
	height:80px;
	text-align:left;
	margin:0;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding:0;
}

div.PageContainer div.MenuFrame ul.MenuList:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}

div.PageContainer div.MenuFrame ul.MenuList li {
	width:121px;
	height:80px;
	float:left;
	margin:0;
	margin-left:16px;
	margin-right:16px;	
	padding:0;
}

div.PageContainer div.MenuFrame ul.MenuList li#First {
	margin-right:16px;
	margin-left:0;
}

div.PageContainer div.MenuFrame ul.MenuList li#Last {
	margin-left:16px;
	margin-right:0;
}

div.PageContainer div.MenuFrame ul.MenuList a {
	display:block;
	width:120px;
	height:80px;
}

div.PageContainer div.MenuFrame ul.MenuList li.MenuLeben a {
	background-image:url(images/MenuLeben.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.PageContainer div.MenuFrame ul.MenuList li.MenuLeben a:hover {
	background-image:url(images/MenuLebenHover.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.PageContainer div.MenuFrame ul.MenuList li.MenuLeben a#Selected {
	background-image:url(images/MenuLebenHover.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.PageContainer div.MenuFrame ul.MenuList li.MenuRathaus a {
	background-image:url(images/MenuRathaus.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.PageContainer div.MenuFrame ul.MenuList li.MenuRathaus a:hover {
	background-image:url(images/MenuRathausHover.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.PageContainer div.MenuFrame ul.MenuList li.MenuRathaus a#Selected {
	background-image:url(images/MenuRathausHover.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.PageContainer div.MenuFrame ul.MenuList li.MenuWirtschaft a {
	background-image:url(images/MenuWirtschaft.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.PageContainer div.MenuFrame ul.MenuList li.MenuWirtschaft a:hover {
	background-image:url(images/MenuWirtschaftHover.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.PageContainer div.MenuFrame ul.MenuList li.MenuWirtschaft a#Selected {
	background-image:url(images/MenuWirtschaftHover.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.PageContainer div.MenuFrame ul.MenuList li.MenuTourismus a {
	background-image:url(images/MenuTourismus.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.PageContainer div.MenuFrame ul.MenuList li.MenuTourismus a:hover {
	background-image:url(images/MenuTourismusHover.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.PageContainer div.MenuFrame ul.MenuList li.MenuTourismus a#Selected {
	background-image:url(images/MenuTourismusHover.gif);
	background-position:top left;
	background-repeat:no-repeat;
}











/*
Inhalte
*/
div.PageContainer div.PageContent {
	width:776px;
}

/*
div.PageContainer div.PageContent:after
{ 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}
*/

/*
Seitenteil
*/
div.PageContainer div.PageContent div.SideFrame {
	width:150px;
	height:850px;
	float:left;
	background-image:url(css/navigrund.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.PageContainer div.PageContent div.SideFrame img {
	border:0;
}

/*
Formular der Volltextsuche
*/
div.PageContainer div.PageContent div.SideFrame form.SucheForm {
	margin:0;
	padding:5px;
	border:0;
}

/*
Behelfs-Navigation
(zeigt Hyperlink zur Startseite, Kontakt und Impressum)
*/
div.PageContainer div.PageContent div.SideFrame p.StdNav {
	margin-top:3px;
	margin-left:25px;
	margin-right:19px;
	margin-bottom:4px;
}

/*
Seiten-Navigation
(wird im Seitenteil angezeigt)
*/
div.PageContainer div.PageContent div.SideFrame ul.SubMenuList {
	width:134px;
	list-style:none;	
	margin:0;
	margin-top:20px;
	padding:0;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:white;
}

div.PageContainer div.PageContent div.SideFrame ul.SubMenuList li {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:white;
}

div.PageContainer div.PageContent div.SideFrame ul.SubMenuList a {
	display:block;
	width:120px;
	height:2.4em;
	margin:0;	
	padding:4px;
	padding-left:10px;
	text-decoration:none;
	font-weight:bold;	
	font-size:0.9em;
	line-height:1.2em;
	color:white;
}

div.PageContainer div.PageContent div.SideFrame ul.SubMenuList a:hover {
	background-color:#03379A;
}






/*
Hauptteil, der Inhaltecontainer
(hierher werden alle Inhaltselemente gerendert)
*/
div.PageContainer div.PageContent div.MainFrame {
	width:580px;
	float:left;
	text-align:left;
	margin:0;
	padding:23px;
}



/*
Bilder
*/
div.PageContainer div.PageContent div.MainFrame img {
	border:0;
}



/*
Seitentitel
*/
div.PageContainer div.PageContent div.MainFrame p.Heading
{
	width:556px;
	margin:0;
	margin-bottom:0.25em;
	padding:12px;
	padding-top:0.15em;
	padding-bottom:0.15em;
	font-size:1.2em;
	line-height:1.6em;
	color:white;
	background-color:#3278FF;
}



/*
Breadcrums 
(zeigt an, wo sich der Benutzer gerade in der Website befindet),
Hyperlinks innerhalb der Breadcrums
*/
div.PageContainer div.PageContent div.MainFrame p.Breadcrums {
	margin:0em;
	margin-top:0.25em;
	margin-bottom:1em;
	padding:0em;
	font-size:0.75em;
	font-weight:bold;
	color:#3278FF;
}

div.PageContainer div.PageContent div.MainFrame p.Breadcrums a {
	text-decoration:underline;
	color:#3278FF;
}



/*
Überschriften erster Ordnung
*/
div.PageContainer div.PageContent div.MainFrame h1 {
	margin:0em;
	margin-top:1.2em;
	margin-bottom:0.4em;
	padding:0em;
	font-size:1em;
	font-weight:bold;
	line-height:1.4em;	
}



/*
Überschriften zweiter Ordnung
*/
div.PageContainer div.PageContent div.MainFrame h2 {
	margin:0em;
	margin-top:1.2em;
	margin-bottom:0.4em;
	padding:0em;
	font-size:1em;
	font-weight:bold;
	font-style:italic;
	line-height:1.4em;
}



/*
Überschriften dritter Ordnung
*/
div.PageContainer div.PageContent div.MainFrame h3 {
	margin:0em;
	margin-top:1.2em;
	margin-bottom:0.4em;
	padding:0em;
	font-size:0.9em;
	font-weight:normal;
	font-style:italic;
	line-height:1.4em;
}



/*
Absatz Textkörper Fließtext
*/
div.PageContainer div.PageContent div.MainFrame p {
	margin:0;
	margin-bottom:0.4em;
	padding:0;
	font-size:0.9em;
	line-height:1.4em;
}



/*
Hyperlink Anker
*/
div.PageContainer div.PageContent div.MainFrame a {
	font-size:0.9em;
	line-height:1.4em;
	color:#900000;
	text-decoration:underline;
}



/*
Aufzählung Liste, Listenelemente
*/
div.PageContainer div.PageContent div.MainFrame ul {
	list-style:url(css/ul.gif);
	margin-top:0.4em;
	margin-bottom:0.2em;
	margin-left:1.4em;
	padding:0;
	font-size:0.9em;
	line-height:1.4em;
}

div.PageContainer div.PageContent div.MainFrame ul li {
	padding-bottom:0.4em;
}

/*
Formulare, 
vorangestellte Beschriftung zu einem Eingabefeld in Formularen,
Feldmenge in Formularen, Abschnitt mit Eingabefeld in Formularen
*/
div.PageContainer div.PageContent div.MainFrame form {
	width:500px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0.8em;
	margin-bottom:0.6em;
	padding:0;
}

div.PageContainer div.PageContent div.MainFrame form label {
	display:block;
	float:left;
	width:180px;
	font-size:0.9em;
	line-height:1.4em;
}



/*
Feldmenge bei Inhaltselement-Typ Formular
*/
div.PageContainer div.PageContent div.MainFrame table.csc-mailform {	
	border:0; 
	width:500px;
	empty-cells:show;
}

div.PageContainer div.PageContent div.MainFrame table.csc-mailform tr {
}

div.PageContainer div.PageContent div.MainFrame table.csc-mailform td {
}

div.PageContainer div.PageContent div.MainFrame table.csc-mailform td.csc-form-labelcell {
}

div.PageContainer div.PageContent div.MainFrame table.csc-mailform td.csc-form-fieldcell {
}

/*
div.PageContainer div.PageContent div.MainFrame form fieldset.csc-mailform {
	border:1px solid #666666;
	padding:0.8em;
}

div.PageContainer div.PageContent div.MainFrame form fieldset.csc-mailform div.csc-mailform-field {
	margin:4px;	
}
*/



/*
Tabellen, Tabellenzeilen und Tabellenzellen
*/
div.PageContainer div.PageContent div.MainFrame table {
}

div.PageContainer div.PageContent div.MainFrame table tr {
}

div.PageContainer div.PageContent div.MainFrame table td {
	margin:0;
	padding:0;
	padding-top:0.1em;
	padding-bottom:0.8em;
	font-size:0.9em;
	line-height:1.4em;
	text-align:left;
}

div.PageContainer div.PageContent div.MainFrame table.contenttable {	
	border:0; 
	margin:24px 0px 10px 0px; 
	width:580px;
	empty-cells:show;
}

div.PageContainer div.PageContent div.MainFrame table.contenttable tr {
}

div.PageContainer div.PageContent div.MainFrame table.contenttable td {
	border-bottom:1px solid #dddddd;
}




/*
Tabelle bei Inhaltselement-Typ Dateilinks
*/
div.PageContainer div.PageContent div.MainFrame table.csc-uploads {
}

div.PageContainer div.PageContent div.MainFrame table.csc-uploads td.csc-uploads-icon {
	width:32px;
}

div.PageContainer div.PageContent div.MainFrame table.csc-uploads td.csc-uploads-fileName {
}

div.PageContainer div.PageContent div.MainFrame table.csc-uploads td.csc-uploads-fileName p {
	margin-bottom:0;
}



/*
Bildbeschriftungen bei Inhaltselement-Typ Text mit Bild
*/
div.PageContainer div.PageContent div.MainFrame dd.csc-textpic-caption
{	
	font-size:0.76em;
	color:#666666;
	padding:0.2em;
	padding-left:0;
}



/*
Unterseiten-Navigation
(wird innerhalb des Inhaltecontainer Mainframe angezeigt)
*/
div.PageContainer div.PageContent div.MainFrame ul.SubSubMenuList {
	width:500px;
	list-style:none;	
	margin:0;
	padding:0;
	padding-top:20px;
}

div.PageContainer div.PageContent div.MainFrame ul.SubSubMenuList li {
	float:left;
	width:250px;
	margin:0;
	margin-top:6px;
	margin-bottom:3px;
	padding:0;
}

div.PageContainer div.PageContent div.MainFrame ul.SubSubMenuList li img {
	display:block;
	width:66px;
	float:left;
	vertical-align:middle;
	margin-right:4px;
}

div.PageContainer div.PageContent div.MainFrame ul.SubSubMenuList li a {
	display:block;
	width:180px;
	float:left;
	margin:0;
	padding:0;
}











/*
Fußzeile
*/
div.PageContainer div.PageFooter
{	
	clear:both;
	display:block;
	width:776px;
	height:80px;
	margin:0;
	padding:0;
	border-width:0;
}

div.PageContainer div.PageFooter div.FooterFrame 
{
	margin:0;
	margin-top:15px;
	margin-bottom:20px;
	padding:0;
	padding-top:5px;
	border-top:1px solid #cccccc;
	font-size:0.75em;
	font-weight:bold;
	text-align:right;
	color:#777777;
}

div.PageContainer div.PageFooter div.FooterFrame a 
{
	color:#777777;
	text-decoration:none;
}

div.PageContainer div.PageFooter div.FooterFrame a:hover 
{
	color:#444444;
	text-decoration:underline;
}






/*
Kalender in der Monatsansicht
*/


#jwcalendar_month ul.month_select{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#jwcalendar_month ul.month_select li{
	margin: 0px;
	margin-right: 3px;
	padding: 0px;
	display: inline;
	list-style: none;
	font-size: 1.6em;
}

#jwcalendar_month ul.month_select li a{
	text-decoration: none;
}

#jwcalendar_month ul.month_select li a:visited{
	text-decoration: none;
}

#jwcalendar_month ul.month_select li a:hover{
	text-decoration: underline;
}

td.inside{
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;
	margin: 0px:
	padding: 0px;
	width: 81px;
	vertical-align: top;
}

td.outside{
	border: 1px solid #aaaaaa;
	margin: 0px;
	padding: 0px;
	width: 81px;
	vertical-align: top;
}

td.today{
	background-color: #dddddd;
	border: 1px solid #aaaaaa;
	margin: 0px;
	padding: 0px;
	width: 81px;
	vertical-align: top;
}


#jwcalendar_month span.date{
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
	margin-left: 5px;
}

#jwcalendar_month span.item a{
	text-decoration: none;
	font-size: 0.8em;
	color: black;
	margin-left: 5px;
	margin-bottom: 5px;
	display: block;
	border-bottom: 1px solid #aaaaaa;
}

#jwcalendar_month span.item a:hover{
	text-decoration: underline;
	color: black;
	font-size: 0.8em;
	margin-left: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #aaaaaa;
}

#jwcalendar_month span.item a:visited{
	text-decoration: none;
	color: black;
	font-size: 0.8em;
	margin-left: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #aaaaaa;
}

#jwcalendar_month span.date a{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#jwcalendar_month span.date a:hover{
	margin: 0px;
	padding: 0px;
	text-decoration: underline;

#jwcalendar_month span.date a:visited{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}