@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFCC33; /*gelb*/
	background-color:#000000;
}	
	
	
h1 { 	
	text-indent:-3145px;	
	font-variant:small-caps;
	font-size:30px;
	font-weight:normal;
	color:#CC0000; /*rot*/
}
/*---------fetter  Text auf Gospelkirchenseite-------------------*/
p#textgospel {
	font-weight:bold;
	margin-bottom:20px;
}

h2#ueberschriftgospel {
	margin-left:125px;
}
	 

h2, h3, p {
	margin-bottom:20px;
}
/*------------Grundelemente Layout-----------*/

div#container {
	margin:20px auto;
	width:820px;
	height:720px;
	border:2px solid #666666; /*grau*/
	background-image:url(vog_bilder/frontpagegvog.jpg);
}
/*--------rev dwight robson--------------*/
div#containerdwight {
	margin:20px auto;
	width:820px;
	height:720px;	
	border:2px solid #666666; /*grau*/
	background-image:url(vog_bilder/revdwightrobson.jpg);
}
/*------------workshopseite-------------*/
div#containerworkshops {
	margin:20px auto;
	width:820px;
	height:720px;
	/*padding:0px;*/
	border:2px solid #666666; /*grau*/
	background-image:url(vog_bilder/dwightworkshops.jpg);
}
/*-------------gospel Gottesdienst------------------------*/
div#containergospelgottesdienst {
	margin:20px auto;
	width:820px;
	height:720px;
	border:2px solid #666666; /*grau*/
	background-image:url(vog_bilder/gospelgottesdienst.jpg);
}
/*-------------------- presse-----------------*/
div#containerpresse {
	margin:20px auto;
	width:820px;
	height:720px;
	border:2px solid #666666; /*grau*/
	background-image:url(vog_bilder/presse.jpg);
}
/*------------Grundelemente Layout-----------*/

div#containerhistory {
	margin:20px auto;
	width:820px;
	height:720px;
	border:2px solid #666666; /*grau*/
	background-image:url(vog_bilder/gvog_history.jpg);
}
/*----------impressum------------------*/
div#containerimpressum {
	margin:20px auto;
	width:820px;
	height:720px;
	border:2px solid #666666; /*grau*/
	background-image:url(vog_bilder/dwightvonhinten.jpg);
}
/*-----kuenstler-------- */
div#containerschwarz {
	margin:20px auto;
	width:820px;
	height:720px;
	border:2px solid #666666; /*grau*/
	background-image:url(vog_bilder/kuenstlercontainer.jpg);
}
/*--------musikcontainer-----------------*/
div#containerschwarzmusik {
	margin:20px auto;
	width:820px;
	height:720px;
	border:2px solid #666666; /*grau*/
	background-color:#000;
}

/*--------voices of gospel--------------*/
div#containervog {
	margin:20px auto;
	width:820px;
	height:720px;
	border:2px solid #666666;/*grau*/
	background-image:url(vog_bilder/vog7.jpg); 	
}
/*-----------kontakt--------------------*/
div#containermicro {
	margin:20px auto;
	width:820px;
	height:720px;
	border:2px solid #666666;/*grau*/
	background-image:url(vog_bilder/dwightmicro.jpg);	
}
/*----------------------Kopfbox-------------------*/

div#headdunkel {
	height:150px;
	background-image:url(vog_bilder/headline_dunkel.png);
	/*background-color:#FFFFFF; /*weiss*/
}

div#headtransparent {
	height:150px;
	background-image:url(vog_bilder/headline_transparent.png);
	/*background-color:#FFFFFF; /*weiss*/
}

/*--------------Navigationbox----------------------*/
ul#navi {
	float:left; 
	width:160px;
	height:560px;
	margin-left:5px;
	list-style:none;/* ist allgemeiner als list-style-type, wo nur die listen bullets weggemacht werden*/
	color:#9999999; /*grau*/
	font-size:14px;
	font-weight:bold;
	/*background-color:#CCCCFF;*/ /*hell lila*/
}

ul#navi li {
	margin-bottom:10px;
	margin-top:10px;
	border:groove #CC0000; /*rot*/
/*	background-color:#999999; /*grau*/
}

ul#navi li a {
	text-decoration:none;
	color:#FF0000; /*rot*/
}
/*----------Navigation buttons------------*/

.navzelle {
	float:left;
	width:150px;
	text-align:center;
	/*background-color:#FFFF66;*/
	/* Nur zum Testen, wo der Bereich der navzelle liegt */
}


.navzelle a {
	display:block;
	padding:0.5em 0em;
	/*color:#000000; schwarz*/
	/*background-color:#999999; /*grau*/
}


.navzelle a:hover {
	color:#003399; /*blau*/
	background-color:#9999FF; /*lila*/
}

.navzelle a.uberlink {
	color:#003399;
	background-color:#FFFFFF; /*weiss*/
}
/*-----------------Hauptbox-------------------------*/

div#content {
	position:relative;
	height:550px;
	width:640px;
	margin-left:175px;
	/*background-color:#FFFF00;*/
}
/*------------Kuenstlergalerie Anfang im div#content------------------------*/
div#content ul {
	margin-top:9px;
	height:225px;
	list-style:none; /*Listenaussehen entfernen*/
	/*background-color:#9999CC;*/ /*lila hell*/
}

div#content ul li {
	float:left;
}
/*-------------------Ende Aussenrahmen Container---------------*/


div#content a.galerie, div#content a:visited {
	display:block;
	text-decoration:none;
	outline:none;
	margin:1px 2px 1px 2px;
	border:1px solid #FF0000; /*rot*/
}

div#content a.galerie span {
	display:none; /*span verstecken */
}
/*------Grosse Bilder:---------*/
div#content a.galerie:hover span {
	display:block; /*span zeigen*/
	position:absolute;
	top:225px;
	left:4px;	
	width:625px;
	height:317px;
	background-color:#FF0000; /*rot test fuer bild-position*/
}
/*das große Bild, das im span liegt, soll keine border haben:*/
div#content a.galerie span img {
	border:none;
}
/*hover fuer die Rahmen der Vorschaubilder*/
div#content a.galerie:hover {
	border:1px solid #6633CC; /*lila*/
}
/*---------einzelne Vorschaubilder-------------------*/
div#content a.bild01 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1101.jpg);
}

div#content a.bild02 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1102.jpg);
}

div#content a.bild03 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1103.jpg);
}

div#content a.bild04 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1104.jpg);
}

div#content a.bild05 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1105.jpg);
}
div#content a.bild06 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1106.jpg);
}

div#content a.bild07 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1107.jpg);
}

div#content a.bild08 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1108.jpg);
}

div#content a.bild09 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1109.jpg);
}

div#content a.bild10 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1110.jpg);
}

div#content a.bild11 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1111.jpg);
}

div#content a.bild12 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1112.jpg);
}

div#content a.bild13 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1113.jpg);
}

div#content a.bild14 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1114.jpg);
}

div#content a.bild15 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1115.jpg);
}

div#content a.bild16 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1116.jpg);
}

div#content a.bild17 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1117.jpg);
}

div#content a.bild18 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1118.jpg);
}

div#content a.bild19 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1119.jpg);
}

div#content a.bild20 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1120.jpg);
}

div#content a.bild21 {
	width:84px;
	height:70px;
	background-image:url(vog_bilder/bild1121.jpg);
}


/*-------------Künstlergalerie Ende----------------------------------------*/
/*--------Seite Downloads--------------*/
div#contentdownloads {	
	position:relative;	
	height:530px;
	width:630px;
	margin:10px 10px 10px 178px;	
}

div#contentunten {
	height:95px;
	width:623px;
/*	background-color:#FF33CC; lila*/
}

h3#txtdownloads {
	margin:7px 0px 5px 0px;
	font-weight:bold;
}

#txtsongs {
	margin-top:5px;
	letter-spacing:1px;
	line-height:10px;
	font-size:14px;
}

p#txtsongtitel {
	margin-top:5px;
	font-weight:bolder;
	font-size:11px;
	line-height:15px;
	letter-spacing:1px;	
}
/*----------Kontaktseite----------------*/
div#contentkontakt {
	position:relative;
	height:435px;
	width:640px;
	margin-left:175px;
	/*background-color:#3366CC;*/ /*blau*/
}
div#linkskontakt {
	margin:180px 0px 0px 0px;
	height:300px;
	width:200px;	
	float:left;	
	}
div#textkontakt {
	margin:250px 20px 0px 195px;
	height:300px;
	width:430px;
	position:absolute;
	/*float:left;*/
}

/*---php senden Text----------*/
div#submenu {
	margin:340px 0px 0px 30px;
	font-weight:bolder;
	height:80px;
	width:550px;
	float:left;
	
}
div#content_navi {
	height:80px;
	width:550px;
	/*margin:280px 0px 0px 40px; */
	
}
/*-------Gottesdienstseite-----------------------*/	
div#contentoben {
	margin:110px 20px 0px 90px;
	height:280px;
	width:440px;
	/*background-color:#FF6699;*/ /*pink*/
}
/*Texte mit Skrollbalken*/
div#txtgottesdienst {
	margin: 40px 0px  0px 20px;
	line-height:25px;
	color:#FFCC00; /*gelb*/
	width:620px;
	height:40px; /*Höhe wird benötigt um Skrollbereich zu deffinieren*/
	/*overflow:hidden;*/ /*Text wird abgeschnitten*/
	/*overflow:auto;*/ /*Skrollbalken gilt für alle Seiten, wenn sie zu viel Text für die Box gibt*/
	/*background-color:#99FF00; /*gelb*/
}
/*-----Formular---------------*/
form {
	width:400px;
	/*margin:165px 20px 0px 220px;*/
	/*background-color:#9999CC;*/ /*helles lila*/
}

fieldset {
	margin:2px -7px; /*Abstand oben/unten  rechts/links	*/
	border:1px solid #CC0000; /*rot*/
	padding:5px;
	/*background-color:#A7A6BB;*//*helles lila*/
 }

legend {
	font-weight:bold;
	color:#CC0000; /*rot*/
}
/*Textfeld im Antwortformular*/
.textnachricht {
	width:362px;
	height:120px;
	margin-left:20px;
	background-color:#CCCCCC;
}

.button {
	background-color:#FF9933; /*gelb*/
	width:100px;
	height:20px;
	display:block;
	cursor:pointer;
}

fieldset#ansprechpartner {
	text-align:right;
	padding:1px;
}

input {
	margin:0px 20px;
	background-color:#CCCCCC;
}
/*------------formular ende-------------------*/
p#impressum {
	margin-top:450px;
	margin-left:40px;
	font-weight:bold;	
}
/*Texte mit Skrollbalken*/
div#txt {
	margin: 290px 0px 0px 10px;
	line-height:25px;
	color:#FFCC00; /*gelb*/
	width:630px;
	height:270px; /*Höhe wird benötigt um Skrollbereich zu deffinieren*/ /*overflow:hidden;*/ /*Text wird abgeschnitten*/
	overflow:auto; /*Skrollbalken gilt für alle Seiten, wenn se zu viel Text für die Box gibt*/
	/*background-color:#99FF00; /*gelb*/
}
/*------Zeitungsartikel Workshop--------------*/
/*Texte mit Skrollbalken*/
div#txtworkshop {
	margin: 350px 0px  0px 10px;
	line-height:25px;
	color:#FFCC00; /*gelb*/
	width:630px;
	height:200px; /*Höhe wird benötigt um Skrollbereich zu deffinieren*/
	overflow:auto; /*Skrollbalken gilt für alle Seiten, wenn es zu viel Text für die Box gibt*/
	/*background-color:#99FF00; /*gelb*/
}
.gelb {
	font-weight:bold;
	line-height:25px;
	color:#FFCC33; gelb
}

.rot {
	font-style:italic;
	color:#CC0000; /*rot*/
}

/*---------history button presse seite---------------------*/
div#history {
	margin:0px 0px 0px 460px;
	/*height:10px;
	width:100px;*/
	/*background-color:#FF6699;*/ /*pink*/
}
/*---------zeitungsartikel presse---------------------*/
div#txtpresse {
	margin:210px 0px 0px 10px;	
	width:630px;
	height:180px; /*Höhe wird benötigt um Skrollbereich zu deffinieren*/
	overflow:auto; /*Skrollbalken gilt für alle Seiten, wenn se zu viel Text für die Box gibt*/	
	color:#CC0000; /*dunkelrot*/
	/*background-color:#99FF00; /*gelb*/
}

/*---------GVOG history seite-------------------*/
div#headhistorybutton {
	margin:35px 0px 0px 621px;
}
.right {
	float:right;
	}
/*-----------copyright----------------------*/

div#copyright{
	font-size:12px;
	margin-left:390px;
	}