﻿/***********CSS for Kontrapunkt.de 13.01.2008 *******************/
body { 
		background-color:#336699;
		background-image:url(images/Hintergrund-Kontrapunkt.gif);
		background-repeat:no-repeat;
		background-position:left top;
		font-family:verdana, sans-serif;
		color:#000000; /* Textfarbe*/

	 }
	 
/* ************** Navigations Menue *************** */
.hovermenu ul			{
						font: bold 13px arial;
						padding-left: 0;
						margin-left: 0;
						height: 20px;
						border-left: 2px solid #336699; /* Linker Navigations Strich */
						position: absolute;
    					top: 200px; left: 10px;
						}

.hovermenu ul li		{
						list-style: none;
						display: inline;
						}

.hovermenu ul li a		{
						padding: 2px 0.5em;
						text-decoration: none;
						float: left;
						color: #336699;
							/*border Rechts hinter dem Linktext*/
						border-right-width:2px;
						border-right-style:solid;
						border-right-color:#336699;
						}

.hovermenu ul li a:hover{
						background-color: #99CCFF;
						color: #336699;
						}

/* ************** Navigations Menue Impressum *************** */
.hovermenu-Imp ul			{
						font: bold 13px arial;
						padding-left: 0;
						margin-left: 0;
						height: 20px;
						border-left: 2px solid #336699; /* Linker Navigations Strich */
						position: absolute;
    					top: 200px; left: 695px;
						}

.hovermenu-Imp ul li		{
						list-style: none;
						display: inline;
						}

.hovermenu-Imp ul li a		{
						padding: 2px 0.5em;
						text-decoration: none;
						float: left;
						color: #336699;
							/*border Rechts hinter dem Linktext*/
						border-right-width:2px;
						border-right-style:solid;
						border-right-color:#336699;
						}

.hovermenu-Imp ul li a:hover{
						background-color: #99CCFF;
						color: #336699;
						}

/* ************** Navigations Menue INTERNES *************** */
.hovermenu-int ul			{
						font: bold 13px arial;
						padding-left: 0;
						margin-left: 0;
						height: 20px;
						border-left: 2px solid #993333; /* Linker Navigations Strich */
						position: absolute;
    					top: 200px; left: 475px
						}

.hovermenu-int ul li		{
						list-style: none;
						display: inline;
						}

.hovermenu-int ul li a		{
						padding: 2px 0.5em;
						text-decoration: none;
						float: left;
						color: #993333;
							/*border Rechts hinter dem Linktext*/
						border-right-width:2px;
						border-right-style:solid;
						border-right-color:#993333;
						}

.hovermenu-int ul li a:hover{
						background-color: #d1a375;
						color: #993333;
						}

/* ******************************************************************************** */
/* ********* Positionierung der Mitglieder Information, wie NIC,User-Online ******* */
/* ******************************************************************************** */
.Pos-Mitglied 
	{
	position: absolute;
	top: 12px;
	left: 11px;
	width: 770px;
	font-size: xx-small;
    /*font-size: 1em;*/
	font-weight: bold;
	color: #000000;
}


/* ********* Positionierung der Header Information, wie Logo, Chorbild und Überschrift ******* */
.Pos-Header 
	{
	position: absolute;
    top: 65px; left: 10px;
    width: 770px;
    font-size: 16.2px;
    /*font-size: 1em;*/
    font-weight: bold;
    color:#336699;
	}
.Pos-Headerbild1 
	{
	position: absolute;
    top: 90px; left: 10px;
 	}
.Pos-Headerbild2 
	{
	position: absolute;
    top: 90px; left: 165px;
 	}
.Pos-Headerbild3 
	{
	position: absolute;
    top: 90px; left: 320px;
 	}
.Pos-Headerbild4 
	{
	position: absolute;
    top: 90px; left: 475px;
 	}
.Pos-Headerbild5 
	{
	position: absolute;
    top: 90px; left: 630px;
 	}

.Pos-Headerlogo 
	{
	position: absolute;
    top: 20px; left: 378px;
    }

/* *************** Inhaltsfenster wird hier definiert ************************** */
 #Inhalt {
     	/* **** position: relative ; --> wird gebraucht wegen Firefox und Snow-Script funktion *****/
    	position: absolute;
    	top: 250px; left: 10px;
    	width: 770px;
    

    /* margin-left: 10px; padding: 0 1em;
    /* border-left: 2px ridge gray; border-top: 2px ridge gray;*/
  		}
  			

  #Inhalt h2
{
    font-size: 1em;
    margin: 2em 5% 1em 0%;
    color: #000000;
    border-bottom: 1px solid silver;
}
  #Inhalt p {
    	font-size: 0.7em;
    	margin: 0.5em 0;
  			}
  #Inhalt UL {
    	font-size: small;
    	/*margin: 0.5em 0;*/
  			}
  #Inhalt #Fusszeile {
    	font-size: 0.5em;
    	margin: 5em 0 0; padding: 0.1em;
    	text-align: left;
    	background-color: #75a3d1; border: 1px solid silver;
  					  }
  #Inhalt #Fusszeile .right a {color: #777;position: absolute ; right: 10px;}

  #Inhalt a:link{color:#E7781A;
	font-family: Arial, Helvetica, Sans-Serif;
} /* Besuchter Link Farbe festlegen*/
  #Inhalt a     {color:#F5CC0B ;} /* Linkfarbe festlegen*/
