@charset "UTF-8";
/*********** Body ************/
/**************************************************************************************/
html, body {
	margin: 0px;
	padding: 0px;
	color:#000000;
	background-color:#FFFFFF;
	/* Lucida Grande for Macintosh Computers; Lucida Sans Unicode for Windows; Lucida for Linux; otherwise use standard MS fonts */
	/* font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Trebuchet MS", Verdana, sans-serif; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*************** CGG-Logo *************/
/**************************************************************************************/
#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:20em;
	height:9.0em;
	z-index:1;  
/*	background-image: url(../images/banner/logo.png); */
	background-repeat: no-repeat; 
}
/*************** Oberer Bereich (Text "CGG" und Quicklinks) **************/
/**************************************************************************************/
#access {
  display: none;
}
#top {
	margin: 0;
	padding: 10px 0 1px 0;
	width: 98%;
	background-color: #0F218B;
	background-image: url(../images/banner/borderb_ur.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
/* Titel "Christliche Gehörlosen Gemeinschaft */
#top h1 {
	font-size:160%;
	color: #FECC2E;
	text-align: right;
	margin-right: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.6em;
}
#top h1 a:link, #top h1 a:visited, #top h1 a:hover {
	color: #FECC2E;
  text-decoration: none;
}
/* Quick-Links Navigation */
#topNav {
	position: relative;
	padding: 0em;
	text-align: right;
	margin-right: 0em;
	margin-bottom: 0em;
  padding-right: 12em;
}
#topNav p {
	display: none;
}
#topNav ul {
	margin-left: 0;
}
#topNav ul li {
	list-style: none;
	margin: 0;
	display: inline;
}
#topNav a {
	color: #99C4DE;
	text-decoration: none;
}
#stylelink {
    font-style: italic;
    position: absolute;
    top: -1em;
    right: 1.7em;
}
#topNav a:link {
	padding: 2px 4px 2px 4px;
	width: 100%;
}
#topNav a:visited {
	padding: 2px 4px 2px 4px;
}
#topNav a:hover {
	background-color: #99C4DE;
	color: #0F218B;
	padding: 2px 4px 4px 4px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/************** Navigation Stile **************/
/**************************************************************************************/
/* Stile Navigation */
#navStils {
	position: absolute;
	text-align: left;
	height: 3em;
	width: 25em;
	top: 2.6em;
	left: 210px;
  z-index: 99;
  font-style: italic;
}
#navStils p {
	display: none;
}
#navStils ul {
	margin-left: 0;
}
#navStils ul li {
	list-style: none;
	margin: 0;
	display: inline;
	}
#navStils a {
	/*color: #FECC2E;   */
 color: #99C4DE;
	text-decoration: none;
}
#navStils a:link {
	padding: 2px 4px 2px 4px;
	width: 100%;
}
#navStils a:visited {
	padding: 2px 4px 2px 4px;
}
#navStils a:hover {
	background-color: #99C4DE;
	color: #0F218B;
	padding: 2px 4px 2px 4px;
}

/************** Hauptnavigation **************/
/**************************************************************************************/

/* language bar */
#langbar {
  width: auto;
  display: block;
  background-color: #FEDE3E !important; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  
}

#langbar p {
  padding-top: 3px;
  display:block !important;
}

#langbar span {
  display: none;
}

#langbar img {
  margin-left: 1.9em;
  border-width: thin;
  border-color: black;
  border-style: solid;
}

#langbar a:hover img {
  box-shadow:  2px 2px 5px #550;
  -moz-box-shadow:  2px 2px 5px #550;
  -webkit-box-shadow:  2px 2px 5px #550;

}


/* Navigationsbox */
#navBar
{
}

#navBar ul a:link, #navBar ul a:visited {
	display: block;
}
#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navBar {
	margin: 0 0 0 0;
	width: 13.2em;
	padding: 40px 12px 12px 12px;
	background-color: #FECC2E;
	float: left;
	background-image: url(../images/banner/border_ur.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	font-size: 85%;
}
#navBar a {
	color: #0F218B;
	text-decoration: none;
}
#navBar p {
	display: none;
}
/* Navigationsliste */
#sectionLinks ul {
	position: relative;
	margin: 0px;
}
#sectionLinks ul li {
	font-size: 125%;
	font-weight: bold;
	padding-top: 8px;
  border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #EABC2A;
}
#sectionLinks ul .sectionLinks_firstnosub {
  border-top-width: 0px;
  padding-bottom: 10px;
}
#sectionLinks ul .sectionLinks_nosub {
  padding-bottom: 10px;
}
#sectionLinks ul ul {
	position: relative;
	margin: 0;
	padding-bottom: 8px;
}
#sectionLinks ul ul li {
	padding-top: 0px;
	border: none;
	font-size: 90%;
  font-weight: normal;
}
#sectionLinks ul ul li a:link {
	padding: 2px 0px 2px 13px;
}
#sectionLinks ul ul li a:visited {
	padding: 2px 0px 2px 13px;
}
#sectionLinks ul ul li a:hover {
	background-color: #FAB123;
	padding: 2px 0px 2px 13px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#sectionLinks ul li a:link {
	padding: 2px 0px 2px 4px;
}
#sectionLinks ul li a:visited {
	padding: 2px 0px 2px 4px;
}
#sectionLinks ul li a:hover {
	background-color: #FAB123;
	padding: 2px 0px 2px 4px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#sectionLinks ul li a.navigationCurLink {
  background-color: #FFFFFF; 
  margin-right: -1.5em;
  color: #0F218B; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#sectionLinks ul li a.navigationCurLink:hover {
  background-color: #FFFFFF; 
  color: #0F218B; 
  margin-right: -1.5em;
}
#sectionLinks ul ul li a.navigationCurLink {
  background-color: #FFFFFF; 
  margin-right: -1.5em;
  color: #0F218B; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#sectionLinks ul ul li a.navigationCurLink:hover {
  background-color: #FFFFFF;
  color: #0F218B; 
  margin-right: -1.5em;
}
/************ Generelle Style (Seitenuebergreifend) ****************/
/**************************************************************************************/


/* styles for navigation buttons (like "back", "forward") */
#content p.button {
	/*clear: both;*/
	padding-top: 20px;
  text-align: center; 
	font-weight: normal;
	font-weight: bold;
	font-size: 100%;
	color: #0F218B;
}
.button a {
	background-color: #FECC2E;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	border: 1px solid #0F218B;
}
.button a:link {
	width: 100%;
	color: #0F218B !important;
}
.button a:visited {
	color: #0F218B  !important;
}
.button a:hover {
	background-color: #FAB123  !important;
	color: #0F218B !important; /* important, damit nicht von #content a überschrieben wird */
}
/************ Inhalt - Generelle Definitionen ****************/
/**************************************************************************************/

#content {
  overflow: hidden;
	padding-top: 3.2em;
	padding-bottom: 1em;
  padding-right: 2em;
	padding-left: 5em;
	color: black;
  font-size: 95%
}
/* Standardtext */
#content p {
	padding-left: 1em;
	vertical-align: top;
  text-align: justify;
}
#content a {
	color: #0000FF;
}
#content a:hover {
  color: #0F218B;
}
#content a img {
	border: none;
}
/* Ueberschriften */
#content h1 {
	font-size: 140%;
	font-weight: bold;
	background-color: #FECC2E;
	text-align: left;
	margin-bottom: 1.25em;
	margin-top: 1em;
  margin-left: -0.5em;
	margin-right: -0.3em;
  padding-left: 0.5em;
  padding-bottom: 0.1em;
  padding-right: 0.5em;
  padding-top: 0.1em;
}
#content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 125%;
	font-weight: bold;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1em;
}
/* Fuer Leads */
#content h4 {
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
/* Tabellendefinition */
#content td {
	vertical-align: top;
	border-top-width:  1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width:  1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 4px;
}

#content th {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	background-color: #E0E0E0;
}
#content table {
	margin-left: 1em;/*	padding-top: 12px; */
  border-collapse: collapse;
  width: 95%;
}  /* vor Tabellen etwas Abstand */

/* Artikelstile */
#content blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-style: italic;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#content blockquote.song {
  text-align: center;
}

#content li {
	margin-bottom: 5px;
}
/* Formulartabellen */
#content td.formular_legend {
	font-weight: bold;
	text-align: right;
	width:220px;
}
#content td.formular_inputs {
	text-align: left;
}

/* Bilder */
#content img.image {
  margin-left: auto;
  margin-right: auto;
  margin-bottom:-2em;
	/*background-color: #CCCCCC;*/
	display: block;
	padding-top: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 3em;
	padding-left: 0.6em;
}

#content p.image_legend {
    margin-top: 0em;
    margin-bottom: 2em;
    text-align: center;
    font-variant: small-caps;
}

#content p.image_right {
  margin-top: 0em;
  margin-bottom: 0.5em;
  margin-left: 1.4em;
  margin-right: 0em;
	background-color: #CCCCCC;
  text-align: center;
  float: right;
	display: block;
	padding-top: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0.6em;
  font-variant: small-caps;
}
#content p.image_left {
  margin-top: 0em;
  margin-bottom: 0.5em;
  margin-left: 1.2em;
  margin-right: 1.4em;
	background-color: #CCCCCC;
  text-align: center;
  float: left;
	display: block;
	padding-top: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0.6em;
  font-variant: small-caps;
}

/************ Formulare ****************/
/**************************************************************************************/

input.inputbutton {

	/* font-family: "Lucida Grande", Geneva, Verdana, sans-serif; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
	color: #0F218B;
	background-color: #FECC2E;
  padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	border: 1px solid #0F218B;
}

input.inputbuttonhover {
	/* font-family: "Lucida Grande", Geneva, Verdana, sans-serif; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	border: 1px solid #0F218B;
	background-color: #FAB123;
	color: #0F218B;
  cursor: pointer;
}

input, textarea, select {

	/* font-family: "Lucida Grande", Geneva, Verdana, sans-serif; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
	color: #000000;
	background-color: #FFEEEE;
}

input.inputnotmustenter {
	background-color:#EEFFEE;
}
textarea.inputnotmustenter {
	background-color:#EEFFEE;
}

#formular td {
	border-top-style: none;
	border-bottom-style: none;
}


/************ Individuelle Definitionen *******************/
/**************************************************************************************/

/* Hauptseite */
/* ------------------------- */
#content #mainsite-neuigkeiten, 
#content #mainsite-agenda, 
#content #mainsite-interesting {
	background-repeat: no-repeat;
  padding-left: 7em;
}

#content #mainsite-bolivien,
#content #mainsite-cgg {
	background-repeat: no-repeat;
  padding-left: 9em;
}

#content #mainsite-neuigkeiten td {
	border-top-style: none;
	border-bottom-style: none;
}

/* Titel nicht anzeigen, da Bild */
#content #mainsite-neuigkeiten h1, 
#content #mainsite-agenda h1, 
#content #mainsite-interesting h1, 
#content #mainsite-bolivien h1, 
#content #mainsite-cgg h1 {
  color: #0F218B;
  width: 35em;
  font-size: 100%;
  margin-top: -5em;
  margin-left: -5em;
  margin-bottom: 2em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  text-indent: 5em;
}



#content #mainsite-neuigkeiten h1
{
  margin-top: -10em;
}

#content #mainsite-cgg h1
{
  margin-top: -2em;
}

#content #mainsite-bolivien h1
{
  margin-top: -10em;
}


#content #mainsite-bolivien 
{
  margin-top: 2em;
  margin-bottom: 3em; 
}

/* Einrueckung der Tabelle */
#content #mainsite-agenda table {
	margin-left: 1.2em;
  margin-top: 1.3em;
}
#content #mainsite-neuigkeiten table {
	margin-left: 0em;
  margin-top: 0.2em;
  color: black;
}

#content #mainsite-neuigkeiten-picture {
	background-repeat: no-repeat;
  position: relative;
  left: -8em;
  width:120px;
  height:200px;
	background-image: url(../images/frontpage/fpnews.png);
}
#content #mainsite-agenda-picture {
	background-repeat: no-repeat;
  position: relative;
  left: -8em;
  width:120px;
  height:120px;
	background-image: url(../images/frontpage/fpagenda.png);
}
#content #mainsite-interesting-picture {
	background-repeat: no-repeat;
  position: relative;
  left: -8em;
  width:120px;
  height:120px;
	background-image: url(../images/frontpage/fpinteresting.png);
}

#content #mainsite-bolivien-picture {
	background-repeat: no-repeat;
  position: relative;
  left: -10em;
  width:140px;
  height:200px;
	background-image: url(../images/frontpage/arca.png);
}

#content #mainsite-cgg-picture {
	background-repeat: no-repeat;
  position: relative;
  left: -9em;
  top: 2em;
  width:140px;
  height:120px;
	background-image: url(../images/frontpage/ccs.png);
}

/* Listenseiten */
/* ------------ */

/* Tabellenstyles - Datumsdarstellung */
#content .date {
	width: 10.5em;
	text-align: right;
}
#content .smalldate {
	width: 6em;
	text-align: right;
}
#content .maincolumn {
	/*width: 70%; */
}
#content .place {
	width: 10em;
}
#content .keyword {
	font-weight: bold;
	width: 160px;
}
#content .keyword_right {
	font-weight: bold;
	text-align: right;
	width:160px;
}
/* Übersichtseiten, generell */
/* ------------------------- */
#content .overview {
clear: both;
position: relative;
top:0px;  
padding: 15px 2px;
overflow: hidden;
z-index: 0;  
}
#content .overview .overview-left {
  width: 47%;
  float: left;
}
#content .overview .overview-right {
margin:  auto;
width: 47%;
float: right;
}

#content .overview p {
text-align: left;
}

/* Titel nicht anzeigen, da Bild */
#content .overview h2 {
	height: 70px;
  width:250px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
#content .overview table {
	padding-top: 3px;
}

#content .overview td {
	border-top-style: none;
	border-bottom-style: none;
}
/*
#content .overview h2 a {
  display: block;
  width: 250px;
  height: 70px;
}*/



#content .overview h2 a {
  display: inline-block;
  margin-left: 13px;
  margin-top: 13px;
  width: 142px;
  height: 70px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #FFFFFF;
  text-align: left;
  text-decoration: none;
  /* Schatten auf allen 4 Seiten, stark verschwommen, damit Hintergrund und Vordergrund klar 
     abgetrennt sind */
  text-shadow: #000000 3px 3px 10px, #000000 -3px -3px 10px, #000000 3px -3px 10px, #000000 -3px 3px 10px;
}
#content .overview h2 a:link {
}
#content .overview h2 a:visited {
}

#content .overview h2 a:hover {
	color: #FECC2E;
}

#content .overview .overview-marker {
  display: block;
  width: 242px;
  height: 5px;
	background-image: url(../images/overview/yellow_decoration.png);
  background-repeat: no-repeat;
  position: relative;
  top: 61px;
  left: 13px;
}

#content .overview .hidden {
  display: inline;
}

#content .hidden {
  display:none;
}

#content .overview a.normallink {
	height: auto;
	display: inline;
	width: auto;
}
/* Einzelbilder für die einzelnen Übersichten */
/* ------------------------------------------ */


.overview #aboutwir {
	background-image: url(../images/overview/ueberuns.png);
}
.overview #aboutorganigramm {
	background-image: url(../images/overview/organigramm.png);
}
.overview #aboutkontakt {
	background-image: url(../images/overview/kontakt.png);
}
.overview #gebvideos {
	background-image: url(../images/overview/gebaerdenvideo.png);
}
.overview #geblernen {
	background-image: url(../images/overview/gebaerden.png);
}
.overview #empflinks {
	background-image: url(../images/overview/links.png);
}
.overview #empfbuecher {
	background-image: url(../images/overview/books_comics.png);
}
.overview #empfvideos {
	background-image: url(../images/overview/videos_dvd.png);
}
.overview #gemaktuell {
	background-image: url(../images/overview/aktuelle_gemeinschaft.png);
}
.overview #gemarchiv {
	background-image: url(../images/overview/gemeinschaft_archiv.png);
}
.overview #gemabo {
	background-image: url(../images/overview/abo.png);
}
.overview #medgemeinschaft {
	background-image: url(../images/overview/gemeinschaft.png);
}
.overview #medpowerpoint {
	background-image: url(../images/overview/powerpoint.png);
}
.overview #medphoto {
	background-image: url(../images/overview/fotoalbum.png);
}
.overview #medempfehlungen {
	background-image: url(../images/overview/empfehlungen.png);
}
.overview #bolprojektinfo {
	background-image: url(../images/overview/projektinfo_bolivien.png);
}
.overview #bolland {
	background-image: url(../images/overview/land_bolivien.png);
}
.overview #bolspende {
	background-image: url(../images/overview/wie_spenden.png);
}
.overview #bolnews {
	background-image: url(../images/overview/bolivien_news.png);
}
.overview #stgallen {
	background-image: url(../images/overview/lokalgruppen/stgallen.png);
}
.overview #bern {
	background-image: url(../images/overview/lokalgruppen/bern.png);
}
.overview #zentralschweiz { 
	background-image: url(../images/overview/lokalgruppen/zentralschweiz.png);
}
.overview #thun {
	background-image: url(../images/overview/lokalgruppen/thun.png);
}
.overview #zurich {
	background-image: url(../images/overview/lokalgruppen/zuerich.png);
}
.overview #agenda {
	background-image: url(../images/overview/agenda.png);
}
.overview #bibeltreff {
	background-image: url(../images/overview/bibeltreff.png);
}
.overview #lokalgruppen {
	background-image: url(../images/overview/lokalgruppen.png);
}
.overview #ostern {
	background-image: url(../images/overview/ostern.png);
}
.overview #weihnachten {
	background-image: url(../images/overview/weihnachten.png);
}
.overview #jugend {
	background-image: url(../images/overview/jugend.png);
}
.overview #berichte {
	background-image: url(../images/overview/berichte.png);
}
.overview #erlebnisse {
	background-image: url(../images/overview/erlebnisse.png);
}
.overview #lieder {
	background-image: url(../images/overview/lieder.png);
}
.overview #geschichten {
	background-image: url(../images/overview/geschichten.png);
}
.overview #zumnachdenken {
	background-image: url(../images/overview/zum_nachdenken.png);
}
.overview #bibelstudium {
	background-image: url(../images/overview/bibelstudium.png);
}
.overview #suche {
	background-image: url(../images/overview/suche.png);
}
.overview #edcywelcome {
	background-image: url(../images/overview/edcy.png);
}
.overview #edcyinfos {
	background-image: url(../images/overview/edcy_infos.png);
}
.overview #edcyrules {
	background-image: url(../images/overview/edcy_rules.png);
}
.overview #edcyanmeldung {
	background-image: url(../images/overview/edcy_anmeldung.png);
}
.overview #edcyteam {
	background-image: url(../images/overview/edcy_team.png);
}

/* Fotogalerie */
/* ------------------------- */
#photogallery 
{
  font-variant: small-caps;
  text-align: center;
	background-color: #E0E0E0;
  margin-left: auto;
  margin-right: auto;
  width: 720px;
}

#photogallery td 
{
  padding: 0.5em;
  width: 180px;
  vertical-align: middle;
}



/************* Spezialfälle **********/
/**************************************************************************************/

.errorbox {
	background-color: #FFAAAA;
	border: medium solid #FF0000;
  color: black;
  padding: 0em;
  margin: 0.8em;
}
.okbox {
	background-color: #C1FFC1;
	border: medium solid #00FF00;
  color: black;  
  padding: 0em;
  margin: 0.8em;
}
#video {
  -moz-box-shadow: 10px 10px 5px #888;
  -webkit-box-shadow: 10px 10px 5px #888;
  box-shadow: 10px 10px 5px #888;
}
.videoplayer {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

.standard-ohne-einzug {
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
}

/** EDCY-Sponsoren **/
#content .sponsoren td {
  padding: 0;
  vertical-align: middle;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
  width: auto;
}
#content .sponsoren table {
  width: auto;
}
hr {
margin-top: 2em;
margin-bottom: 1em;
color: #CCC;
}