/* Start of CMSMS style sheet 'CGH_style_std' */
/*
  "website.css"
  Standard-Stylesheet für die Homepage
  der Christus-Gemeinde Wettbergen
  
  Aktualisiert: 2004-08-27
  Autor: Jens Willmroth
  (c) Copyright 2004 Christus-Gemeinde Wettbergen
*/

/*
  Oberer linker Abschnitt der Homepage,
  Design in Anlehnung an das obere linke
  Viertel des Kzeuzes aus dem Gemeindelogo.
  Inhalt: Das Gemeindelogo mit dem Schriftzug
  "Christus-Gemeinde Wettbergen"
*/
div.topleft {
	border-right-color: Navy;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: Navy;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 20%;
	height: 20%;
	text-align: center;
	overflow: hidden;
}

/*
	Oberer rechter Bereich der Homepage,
	das Hintergrundbild greift den Verlauf
	aus dem Gemeindelogo wieder auf.
	Inhalt: Die Hauptüberschrift (<h1>)
	jeder Seite.
*/	
div.titlebar {
	left: 20%;
	top: 10px;
	position: absolute;
	width: 77%;
	height: 20%;
	margin-left: 20px;
	margin-bottom: 0;
	padding: 0;
	background-image: url(uploads/CGH_template/titlebar.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	overflow: hidden;
}

/*
	Die Navigationsleiste der Homepage am
	linken Bildschirmrand, der Hintergrund
	greift ebenfalls den Verlauf aus dem
	Logo auf.
*/
div.navbar {
	left: 10px;
	top: 20%;
	position: absolute;
	width: 20%;
	height: 72%;
	padding: 0;
	margin-top: 20px;
	padding-top: 10px;
	background-image: url(uploads/CGH_template/navbar.png);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}

/*
	Der eigentlich Inhalt der Homepage.
	"overflow: auto" stellt sicher, dass
	der Inhalt falls erforderlich durch
	eine Scrolleiste beweglich ist.
*/
div.content {
	left: 20%;
	top: 20%;
	width: 77%;
	height: 72%;
	position: absolute;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 0;
	border-left-color: Navy;
	border-left-style: solid;
	border-left-width: 2px;
	border-top-color: Navy;
	border-top-style: solid;
	border-top-width: 2px;
	overflow: auto;
	background: White;
	color: Black;
}

/*
	Das Gemeindelogo im oberen linken Abschnitt
*/

h1, h2 {
	margin: 10px 10px 0.7em 10px;
}

h3, h4, h5, h6, h7, h8, p {
	margin: 0px 10px 0.7em 10px;
}

img {
	border: 0;
}

img.logo_topleft {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 148px;
	height: 69px;
}

img.floatleft {
	float: left;
	margin-right: 15px;
	margin-left: 10px;
	margin-bottom: 15px;
}

img.floatright {
	float: right;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: 15px;
}

img.validator {
	border: 0;
	width: 88px;
	height: 31px;
	display: inline;
}

img.wcag {
	border: 0;
	width:88px;
	height:32px;
}

h1 {
	font-family: 'Century Gothic', Arial, Verdana, sans-serif;
	font-style: normal;
	/*font-size: 24pt;*/
	font-weight: normal;
	color: Black;
}

h2 {
	font-family: 'Century Gothic', Arial, Verdana, sans-serif;
	font-style: normal;
	/*font-size: 18pt;*/
	font-weight: normal;
	color: Navy;
}

h2.wichtig, h3.wichtig {
	font-weight: bold;
	color: Red;
}

h3 {
	font-family: 'Century Gothic', Arial, Verdana, sans-serif;
	font-style: normal;
	/*font-size: 14pt;*/
	font-weight: normal;
	color: #428000;
}

h4 {
	font-family: 'Century Gothic', Arial, Verdana, sans-serif;
	font-style: normal;
	/*font-size: 14pt;*/
	font-weight: normal;
	color: #000000;
}

.clear {
	clear: both;
}

.centered {
	text-align: center;
}

h1.mainheading {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

ul {
	font-family: 'Times new Roman', Times, serif;
	color: Black;
	/*font-size: 12pt;*/
}

p {
	font-family: 'Times new Roman', Times, serif;
	text-indent: 2em;
	color: Black;
	/*font-size: 12pt;*/
}

p.no_indent {
	font-family: 'Times new Roman', Times, serif;
	text-indent: 0;
	/*font-size: 12pt;*/
}

.italic {
	font-style: italic;
}

a {
	color: Navy;
}

a.external {
	color: Navy;
}

a.external:before {
	content: url(uploads/CGH_template/extlink.gif);
}

a:visited {
	color: #3F0080;
}

#primary-nav a {
	text-decoration: none;
	color: Navy;
}

#primary-nav a:hover {
	text-decoration: underline;
}

#primary-nav a:visited {
	color: #3F0080;
}

#primary-nav {
	/*margin-left: 10px;*/
	font-family: "Century Gothic", Arial, Verdana, sans-serif;
	color: Black;
	list-style-type: none;
}

div.navblock {
	padding: 0;
	margin: 0;
	position: absolute;
	right: 10px;
}

#primary-nav li {
	margin-bottom: 0.7em;
}

.hideme {
	display: none;
}

#primary-nav li.menuactive {
	list-style-image: url(uploads/CGH_template/button2.gif);
	list-style-position: outside;
}

div #openairimage {
	width: 66px;
	height: 422px;
	float: left;
	background-image: url(open-air.png);
	background-repeat: no-repeat;
}
/* End of 'CGH_style_std' */