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

* {
	margin:0;
	padding:0;
}

body { 
	font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size:14px;
	color:#FFF; /*weiss*/
	background-color:#903;
}	
	
	
h1 { 	
	text-indent:-3145px;	
	font-variant:small-caps;
	font-size:30px;
	font-weight:normal;
	color:#CC0000; /*rot*/
}
/*Text auf indexseite*/
div#textindex {
	margin:75px 0px 0px 20px;
	line-height:25px;
	color:#FFF; /*weiss*/
	width:480px;
	height:620px; /*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*/
}

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

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

div#container {	
	margin:0px auto;
	width:760px;
	height:920px;
	border:2px solid #666666; /*grau*/
	/*background-color:#636;*/
	background-image:url(vog_bilder/indexseite.jpg);
}

/*repertoire*/
div#containerrepertoire {
	position:relative;
	margin:0px auto;
	width:760px;
	height:920px;
	border:2px solid #666666;/*grau*/
	background-image:url(vog_bilder/repertoire.jpg);
}
/*-contakt---*/
div#containercontact {
	margin:0px auto;
	width:760px;
	height:920px;
	border:2px solid #666666;/*grau*/
	position:relative;
	background-image:url(vog_bilder/contact.jpg);	
}
/*--freya --*/
div#containerfreya {	
	margin:0px auto;
	width:760px;
	height:920px;
	border:2px solid #666666; /*grau*/
	/*background-color:#636;*/
	background-image:url(vog_bilder/freya.jpg);
}
div#containerimpressum {	
	margin:0px auto;
	width:760px;
	height:920px;
	border:2px solid #666666; /*grau*/
	/*background-color:#636;*/
	background-image:url(vog_bilder/containerimpressum.jpg);
}
/*--Kopfbox--*/

div#headtransparent {
	height:198px;
	background-image:url(vog_bilder/headline_transparent.png);
	/*background-color:#FFFFFF; /*weiss*/
}
/*div#links {
	/*margin:5px 5px 5px 5px;*/
	/*width:95px;
	height:90px;
	padding:5px;
	position:relative;
}*/
/*-Hauptbox index seite---*/

div#content {
	position:absolute;
	height:710px;
	width:740px;
	margin:10px 0px 0px 10px;
	/*background-color:#FFFF00;*/
}

div#youtubelink {
	
	float:left;
	margin-top: 50px;
	margin-left: 15px;
	width: 505px;
	height: 603px;
	
	/*margin-left: 0px;*/
}

/*---contact seite-*/
div#contentcontact {
	margin:0px 0px 0px 100px;
	height:60px;
	width:620px;
	position:absolute;
	left:0px;
	top:210px;
	/*background-color:#FFFF00;*/
}
div#contentimpressum {
	position:absolute;
	height:710px;
	width:740px;
	margin:10px 0px 0px 10px;
	/*background-color:#FFFF00;*/
}
div#textkontakt {
	margin:300px 20px 0px 150px;
	height:300px;
	width:510px;
	float:none;
	/*float:left;*/
}
/*-Text contact seite--*/
div#txt {
	margin:5px 0px 0px 170px;
	line-height:25px;
	color:#FFF; /*weiss*/
	width:400px;
	height:80px; 
	float:none;
	/*background-color:#99FF00;*/ /*gelb*/
}
/* Text senden*/
div#contentsenden {
	margin:80px 0px 0px 60px;
	height:100px;
	width:660px;
	position:absolute;
	left: 0px;
	top: 197px;
	/*background-color:#FFFF00;*/
}

/*--repertoire seite--*/
div#txtrepertoire  {
	float:left;
	margin:70px 0px 0px 0px;
	line-height:25px;
	color:#FFF; /*weiss*/
	width:500px;
	height:630px; /*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*/
}
div#textindexfreya {
	margin:75px 0px 0px 305px;
	line-height:20px;
	color:#FFF; /*weiss*/
	width:215px;
	height:400px; /*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*/
}
div#textfreya {
	margin: 0px 0px 0px 25px;
	line-height:20px;
	color:#FFF; /*weiss*/
	width:495px;
	height:180px; /*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*/
}
div#textimpressum {
	/*margin: 20px 0px 0px 40px;*/
	float: left;
	padding: 20px;
	line-height: 15px;
	color:#FFF; /*weiss*/
	width:700px;
	height:630px; /*Höhe wird benötigt um Skrollbereich zu deffinieren*/ /*overflow:hidden;*/ /*Text wird abgeschnitten*/
	overflow: auto; /*Skrollbalken gilt für alle Seiten, wenn es zu viel Text für die Box gibt*/
	/*position:static;*/
	/*background-color:#99FF00; /*gelb*/	
}	
/*-repertoire Seite Downloads--*/
div#contentdownloads {	
	position:relative;	
	height:50px;
	width:50px;
	margin:600px 0px 0px 535px;	
}

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

ul#navi li {
	margin-bottom:3px;
	margin-top:3px;
	border:hidden;
/*	background-color:#999999; /*grau*/
}

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

.navzelle {
	float:left;
	width:100px;
	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*/
}


/*Gottesdienstseite-*/	
div#contentoben {
	margin:110px 20px 0px 90px;
	height:280px;
	width:440px;
	/*background-color:#FF6699;*/ /*pink*/
}

/*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-*/

.rot {
	font-style:italic;
	color:#CC0000; /*rot*/
}
.schwarz {
	font-style:normal;
	color:#000; /*schwarz*/
}
.weiss {
	font-style:normal;
	color:#FFF; /*weiss*/
}
/*-copyright*/

div#copyright{
	font-size:12px;
	width:500px;
	height:20px;
	margin:0px 0px 0px 620px;
	}
div#copyrightcontact{
	font-size:12px;
	width:300px;
	height:20px;
	margin:0px 0px 0px 820px;
	}