/* (c) 2008 die [C] re-activen e.K.  */
/* design.css */
/* feel free to take a copy... */
/* ..., but make a backup before editing (g) */

a:link.navi
        { color: #666666; text-decoration: none; font-weight: bold; font-size: 11px; background-color: transparent;
		  border-left: 1px solid transparent;
		  border-right: 1px solid transparent;
		  border-top: 1px solid transparent;
		  border-bottom: 1px solid transparent;
	    }

a:active.navi
        { color: #660000; text-decoration: none; font-weight: bold; font-size: 11px; background-color: #FFFFFF;
		  border-left: 1px solid #999999;
		  border-right: 1px solid #999999;
		  border-top: 1px solid #999999;
		  border-bottom: 1px solid #999999;
	    }

a:visited.navi
        { color: #666666; text-decoration: none; font-weight: bold; font-size: 11px; background-color: transparent;
		  border-left: 1px solid transparent;
		  border-right: 1px solid transparent;
		  border-top: 1px solid transparent;
		  border-bottom: 1px solid transparent;
	    }

a:hover.navi
        { color: #660000; text-decoration: none; font-weight: bold; font-size: 11px; background-color: #FFFFFF;
		  border-left: 1px solid #999999;
		  border-right: 1px solid #999999;
		  border-top: 1px solid #999999;
		  border-bottom: 1px solid #999999;
	    }
		
a:link
        {
        color: #666f7b;
        text-decoration: underline;
        }

a:active
        {
        color: #660000;
        text-decoration: underline;
        }

a:visited
        {
        color: #666f7b;
        text-decoration: underline;
        }

a:hover
        {
        color: #660000;
        text-decoration: underline;
		}
		
body
        { color: #666666;
		  font-weight: normal;
		  font-size: 12px;
		  font-family: Verdana, Arial, Helvetica;
		  /* background-image: url(../images/kachel.jpg); */
		  background-color: #FFFFFF;
		  margin: 0px;
		  scrollbar-3dlight-color: #EEEEEE;
		  scrollbar-arrow-color: #003366;
		  scrollbar-darkshadow-color: #FFFFFF;
		  scrollbar-face-color: #EEEEEE;
		  scrollbar-highlight-color: #666666;
		  scrollbar-track-color: #DDDDDD;
		  text-shadow: none; 
		  cursor: auto;
		}

table
        { color: #666666;
		  font-weight: normal;
		  font-size: 12px;
		  font-family: Verdana, Arial, Helvetica;
		}
		
table.content
        { color: #666666;
		  background-image: url(../images/back_content.jpg);
		  background-repeat: no-repeat;
		  /* background-color: #FFFFFF; */
		  font-weight: normal;
		  font-size: 12px;
		  font-family: Verdana, Arial, Helvetica;
		}

table.bottom
        {
	color: #666666;
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
		}
		
table.border
        { color: #666666;
		  font-weight: normal;
		  font-size: 12px;
		  font-family: Verdana, Arial, Helvetica;
  		  padding-top: 10px;
		  /* border-left: 1px solid #999999;
		  border-right: 1px solid #999999;
		  border-top: 1px solid #999999;
		  border-bottom: 1px solid #999999; */
		}
				
td.navi
        { color: #FFFFFF;
		  font-weight: normal;
		  font-size: 12px;
		  font-family: Verdana, Arial, Helvetica;
		}
		
td.header
        { color: #666666;
		  padding-left: 5px;
          letter-spacing: 2px;
		  font-weight: bold;
		  font-size: 14px;
		  font-family: Arial, Verdana, Helvetica;
		}
		
h1
        {
	color: #666f7b;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica;
        }

h2
        { color: #000000; font-size: 16px; font-weight: bold;}
		
h3
        { color: #000000; font-size: 14px; font-weight: bold;}
		
h4
        { color: #006600; font-size: 12px; font-weight: bold;}		

hr
        { color: #EEEEEE;
		height: 1px;
		}
		
div.layer
        { 
		  color: #666666;
		  /* border-left:1px solid #999999;
		  border-right:1px solid #999999;
		  border-top: none;
		  border-bottom:1px solid #999999;*/
		}

li
        {
	color: #666666;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	text-indent: 0px;
	margin-left: 0px;
	list-style-type: square;
		}

/*input
        { 
		  color: #666666; 
		  font-weight: normal; 
		  font-size: 11px; 
		  font-family: Verdana, Arial, Helvetica; 
		  text-align: left; 
		  background: white; 
		  border: #666666 solid 1px; 
		  padding-left: 5px
		}

input.button
        { color: #666666;
		  font-weight: normal;
		  font-size: 11px;
		  font-family: Verdana, Arial, Helvetica;
		  text-align: center;
		  background: white;
		  border: #666666 solid 1px;
		}*/
		
select
        { color: #666666;
		  font-size: 11px;
		  font-family: Verdana, Arial, Helvetica;
		  text-align: left;
		  background: white;
		  border: #666666 solid 1px;
		}


textarea
        {
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
	text-align: left;
	background: white;
	border: #666666 solid 1px;
	padding-left: 5px;
	padding-right: 5px;
		}

#infotext
		{
		width:700px;
		margin:auto;
		margin-top:450px;
		}

.infotext
		{
		color: #999999;
		text-align:left;
		}

.infotext h1
		{
		color: #999999;
		font-size:13px;
		}
		
.infotext p
		{
		font-size:11px;
		}
.zitat 
		{
		font-size: 9px;
		font-style: italic;
		}

form 
		{
		background: #eeee99; /* Das ist nur für die gelbe Hintergrundfarbe*/
		}
		
label, fieldset
		{ /* Hier werden die Schriftart, Scrhiftgröße und die
		Schriftfarbe für "label" und "fieldset" festgelegt */
		font-family: sans-serif;
		font-size:12px;
		color:#000000;
		}
		
fieldset 
		{ /* Jetzt passe ich die Breite von "fieldset" an mein Formular an,
		und gebe dem Rahmen eine andere Farbe */
		width:280px;
		border:1px solid #777777;
		}
		
legend 
		{
		margin:0 0 10px 0; /* Hier wird ein Abstand vom unteren Rand der
		Legende (Deine Anmeldung) festgelegt */
		}
		
label	
		{ /* Damit wird das Verhalten von "label" festgelegt, also die
		Entfernung zu den input-Feldern und zusätzlich ein Rahmen von 10px; */
		display:block;
		width:40px;
		float:left;
		margin:10px;
		}
		
input 
		{ /* Ja und hier wird schließlich die Länge und der Abstand der
		input-Felder festgelegt. */
		width:180px;
		margin:10px;
		}