/* CSS Styles by Fabrice Steurer, www.artofwork.ch, 2002-2006 */

/* ************************************************************************ */
/* Links
/* ************************************************************************ */
A:link {text-decoration: underline; font-weight: bold; font-size: 10px; color: #0362A0;}
A:visited {text-decoration: underline;  font-weight: bold; font-size: 10px; color: #0362A0;}
A:active {text-decoration: underline;  font-weight: bold; font-size: 10px; color: #0362A0;}
A:hover {text-decoration: underline;  font-weight: bold; font-size: 10px; color: #000000;}

A.LinkAufGruenemBackground:link 	{text-decoration: underline;  font-weight: bold; font-size: 10px; color: #FFFFFF;}
A.LinkAufGruenemBackground:visited 	{text-decoration: underline;  font-weight: bold; font-size: 10px; color: #FFFFFF;}
A.LinkAufGruenemBackground:active 	{text-decoration: underline;  font-weight: bold; font-size: 10px; color: #FFFFFF;}
A.LinkAufGruenemBackground:hover 	{text-decoration: underline;  font-weight: bold; font-size: 10px; color: #69ED21;}

A.MailsmallRot:link    {text-decoration: none; 	font-weight: normal; font-size: 9px; color: #ff0000; padding-bottom: 4px;}
A.MailsmallRot:visited {text-decoration: none; 	font-weight: normal; font-size: 9px; color: #ff0000; padding-bottom: 4px;}
A.MailsmallRot:active  {text-decoration: none; 	font-weight: normal; font-size: 9px; color: #ff0000; padding-bottom: 4px;}
A.MailsmallRot:hover   {text-decoration: none; 	font-weight: normal; font-size: 9px; color: #666666; padding-bottom: 4px;}

A.Mailsmall:link    {text-decoration: underline; 	font-weight: normal; font-size: 9px; color: #666666;}
A.Mailsmall:visited {text-decoration: underline; 	font-weight: normal; font-size: 9px; color: #666666;}
A.Mailsmall:active  {text-decoration: underline; 	font-weight: normal; font-size: 9px; color: #666666;}
A.Mailsmall:hover   {text-decoration: none; 		font-weight: normal; font-size: 9px; color: #000000;}

A.buttonLink:link 	{text-decoration: none; font-size: 11px; color: #0362A0;}
A.buttonLink:visited 	{text-decoration: none; font-size: 11px; color: #0362A0;}
A.buttonLink:active 	{text-decoration: none; font-size: 11px; color: #0362A0;}
A.buttonLink:hover 	{text-decoration: none; font-size: 11px; color: #000000;}



/* ###################################################
   NEWSLETTER-APPLIKATION
   ################################################### */
.newsletterFormular{
		background-color: #ffffff;
		border: 1px solid #cccccc;
		color: #000000;
		width: 120px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
		font-size: 10px;
}


.newsletterSpamprotection{
		background-color: #ffffff;
		border: 1px solid #cccccc;
		color: #000000;
		width: 80px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
		font-size: 10px;
}

.newsletterSpamCode{
		background-color: #333333;
		border: 1px solid #cccccc;
		color: #ffffff;
		width: 100px;
		padding: 2px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
		font-size: 11px;
}

.newsletterSmallSchwarz{   
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #666666; font-size: 9px;	
}


.newsletterbutton{
		background-color: #666666;
		color: #ffffff;
		width: 70px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
		font-size: 11px;
}




/* ########################################################## */
/* NEUE STYLES PER 1. AUGUST 2008
/* ########################################################## */
.navigationBackground
{
	background-image:url(../_template/navigation_background.gif);
	background-repeat:no-repeat;
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 38px;
	padding-bottom: 38px;
}

A.HauptNavigationLink:link 		{text-decoration: none; font-weight: bold; font-size: 12px; color: #000000;}
A.HauptNavigationLink:visited 	{text-decoration: none; font-weight: bold; font-size: 12px; color: #000000;}
A.HauptNavigationLink:active 	{text-decoration: none; font-weight: bold; font-size: 12px; color: #000000;}
A.HauptNavigationLink:hover 	{text-decoration: none; font-weight: bold; font-size: 12px; color: #0462A0;}

A.HauptNavigationLinkActive:link 		{text-decoration: none; font-weight: bold; font-size: 12px; color: #0462A0;}
A.HauptNavigationLinkActive:visited 	{text-decoration: none; font-weight: bold; font-size: 12px; color: #0462A0;}
A.HauptNavigationLinkActive:active 		{text-decoration: none; font-weight: bold; font-size: 12px; color: #0462A0;}
A.HauptNavigationLinkActive:hover 		{text-decoration: none; font-weight: bold; font-size: 12px; color: #0462A0;}

A.SubNavigationLink:link 		{text-decoration: none; font-weight: normal; font-size: 12px; color: #000000;}
A.SubNavigationLink:visited 	{text-decoration: none; font-weight: normal; font-size: 12px; color: #000000;}
A.SubNavigationLink:active 		{text-decoration: none; font-weight: normal; font-size: 12px; color: #000000;}
A.SubNavigationLink:hover 		{text-decoration: none; font-weight: normal; font-size: 12px; color: #0462A0;}

A.SubNavigationLinkActive:link 			{text-decoration: none; font-weight: normal; font-size: 12px; color: #0462A0;}
A.SubNavigationLinkActive:visited 		{text-decoration: none; font-weight: normal; font-size: 12px; color: #0462A0;}
A.SubNavigationLinkActive:active 		{text-decoration: none; font-weight: normal; font-size: 12px; color: #0462A0;}
A.SubNavigationLinkActive:hover 		{text-decoration: none; font-weight: normal; font-size: 12px; color: #0462A0;}

.WebsiteRand
{
    padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background-color: #000000;
}

.SeitenTitel
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	padding-left: 14px;
}

.SeitenTitelohneAbstand
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}

.SeitenTitel2
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 13px;
	padding-left: 14px;
}

.SeitenTitel2ohneAbstand
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 13px;
}

.TitelKursivFettSchwarz
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
}

.TitelKursivSchwarz
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 15px;
	font-style: italic;
}

.TitelFettSchwarz
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}

.TitelSchwarz
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 15px;
}

.TextFarbigGross
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #0362A0;
	font-size: 14px;
}

.TextKursivFettSchwarz
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

.TextKursivSchwarz
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 13px;
	font-style: italic;
}

.TextFettSchwarz
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

.TextSchwarz
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 13px;
}

.TextWeiss
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
}

.TextFarbe
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #5D98C0;
	font-size: 13px;
}

.TextRot
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #ff0000;
	font-size: 13px;
}

A.TextLink:link 	{text-decoration: none; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #0362A0;}
A.TextLink:visited 	{text-decoration: none; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #0362A0;}
A.TextLink:active 	{text-decoration: none; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #0362A0;}
A.TextLink:hover 	{text-decoration: underline; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000;}

A.TextLinkWeiss:link 	{text-decoration: none; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff;}
A.TextLinkWeiss:visited 	{text-decoration: none; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff;}
A.TextLinkWeiss:active 	{text-decoration: none; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff;}
A.TextLinkWeiss:hover 	{text-decoration: underline; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #0362A0;}


A.TextLinkFett:link 	{text-decoration: none; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #0362A0;}
A.TextLinkFett:visited 	{text-decoration: none; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #0362A0;}
A.TextLinkFett:active 	{text-decoration: none; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #0362A0;}
A.TextLinkFett:hover 	{text-decoration: underline; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000;}

A.TextLinkKlein:link 	{text-decoration: underline; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #666666;}
A.TextLinkKlein:visited 	{text-decoration: underline; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #666666;}
A.TextLinkKlein:active 	{text-decoration: underline; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #666666;}
A.TextLinkKlein:hover 	{text-decoration: none; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000;}

A.TextLinkKleinRot:link 	{text-decoration: underline; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #FF0000;}
A.TextLinkKleinRot:visited 	{text-decoration: underline; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #FF0000;}
A.TextLinkKleinRot:active 	{text-decoration: underline; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #FF0000;}
A.TextLinkKleinRot:hover 	{text-decoration: none; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000;}


.TextKleinGrau
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #777777;
	font-size: 11px;
}

.TextKleinRot
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #ff0000;
	font-size: 11px;
}


.AbstandLinks_14px
{
	padding-left: 14px;
}

.AbstandRechts_14px
{
	padding-right: 14px;
}

.AbstandOben_14px
{
	padding-top: 14px;
}

.SeitenHintergrund
{
	border: 1px solid #8B8B8B;
	background-color: #ffffff;
}

.linie
{
	background-color: #D8D8D8;
	height: 6px;
}


.FormularfeldNormal
{
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 13px; 
  width:420px; 
  background-color:#0362A0; 
  border:#000000 1px solid; 
  color:#ffffff; 
}

.FormularfeldTextarea 
{
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 13px; 
  width:420px; 
  height:160;
  background-color:#0362A0; 
  border:#000000 1px solid; 
  color:#ffffff; 
}

.FormularfeldAntiSpam
{
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 13px; 
  width:90px; 
  background-color:#0362A0; 
  border:#000000 1px solid; 
  color:#ffffff; 
}


/* ************************************************************************ */
/* Grundsätzliche Standart-Definitionen
/* ************************************************************************ */
body,TD{   
		scrollbar-base-color: #4D7A98;
		scrollbar-track-color: #4D7A98;
		scrollbar-face-color: #0362A0;
		scrollbar-darkshadow-color: #0362A0;
		scrollbar-shadow-color: #000000;
		scrollbar-arrow-color: #FFFFFF;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #000000; font-size: 10px;
}



		/* ************************************************************************ */
		/* Gästebuch Styles */
		/* ************************************************************************ */
		.guestbookTopBG
		{
		  background-color: #0362A0;
		  color: #ffffff;
		}
		
		.guestbookTextBG
		{
		  background-color: #16425F;
		  color: #ffffff;
		}
		
		.guestbookAntwort
		{
		 background-color: #55616D;
		 color: #FFFFFF;
		}
		
		A.gb:link    {text-decoration: underline; font-size: 10px; color: #ffffff;}
		A.gb:visited {text-decoration: underline; font-size: 10px; color: #ffffff;}
		A.gb:active  {text-decoration: underline; font-size: 10px; color: #ffffff;}
		A.gb:hover   {text-decoration: underline; font-size: 10px; color: #30ABFB;}
		
		
		
		.titlegb
		{   
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-weight: bold; color: #000000; font-size: 13px;	
		}




		/* ************************************************************************ */
		/* Klasse für Email-Versand
		/* ************************************************************************ */
		
		.email{
		        padding: 10px;
			margin: 0px;
			background-color: #cccccc;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #000000; font-size: 10px;
		}
		
		.emailInnen{
			background-color: #ffffff;
			color: #000000;
		}
		
		
		A.emailLink:link {text-decoration:    underline;  font-size: 10px; color: #666666;}
		A.emailLink:visited {text-decoration: underline;  font-size: 10px; color: #666666;}
		A.emailLink:active {text-decoration:  underline;  font-size: 10px; color: #666666;}
		A.emailLink:hover {text-decoration:   underline;  font-size: 10px; color: #000000;}
		
		
		A.emailLinkSmall:link {text-decoration:    underline;  font-size: 9px; color: #666666;}
		A.emailLinkSmall:visited {text-decoration: underline;  font-size: 9px; color: #666666;}
		A.emailLinkSmall:active {text-decoration:  underline;  font-size: 9px; color: #666666;}
		A.emailLinkSmall:hover {text-decoration:   underline;  font-size: 9px; color: #000000;}
		
		
		.titleEmail{   
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #666666; font-size: 13px;	
		}





/* ************************************************************************ */
/* Allgemeine Klassen
/* ************************************************************************ */
.rand{
        padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background-color: #000000;
}

.abstand{
	padding-left: 26px;
	padding-right: 11px;
	padding-bottom: 26px;
	background-image:url(/_images/background.jpg);
}


.footer{   
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
		color: #666666; 
		font-size: 9px;
		padding-top: 4px;
		padding-bottom: 12px;	
}


.tableBackground
{
	background-color: #ffffff;
	border: 1px solid #ffffff;
}

.tdPaddingOhneLinks
{
  padding-right: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
}



.imageHell
{
	border: 1px solid #cccccc;
}



.gruen
{
	color: #19D400;
}

.rot
{
	color: #FF1717;
}


.boxgruen
{
	padding: 6px; background-color: #10810B;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	font-size: 13px;
}

.boxneutralgrau
{
	padding: 6px; background-color: #374B56;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	font-size: 13px;
}

.boxrot
{
	padding: 6px; background-color: #FF4C59;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	font-size: 13px;	
}

.boxgelb
{
	padding: 6px; background-color: #D94D00;
	border: 1px solid #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	font-size: 13px;
}

/* ************************************************************************ */
/* Klasse für herausstehende TD-Titles (z.B. bei Domains) 
/* ************************************************************************ */
.tdTitle
{
	background-color: #000000; 
	color: #FFFFFF; 
	padding-left: 3px; 
	font-weight: bold;
}


/* ************************************************************************ */
/* Klasse für inneren TD, Aufzählung. (z.B. Vorteile einer Webapplikation) 
/* ************************************************************************ */
.tdInnen
{
  vertical-align: middle; 
  padding-left: 10px; 
  padding-right: 4px; 
  padding-bottom: 4px;
  padding-top: 4px;
}


.serverTitle
{
  background-color: #0462A0;
  padding: 4px;
  color: #ffffff;
}

.serverTitleOrange
{
  background-color: #FF6800;
  padding: 4px;
  color: #ffffff;
}

.serverTabelle
{
  padding: 4px;
}


.title{   
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #000000; font-size: 13px;
		
}

.titleGrau{   
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #4B4B4B; font-size: 13px;
		
}


.titleFarbe{   
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #0362A0; font-size: 13px;
		
}

.small{   
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #666666; font-size: 9px;	
}

.smallHell{   
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #999999; font-size: 9px;	
}

.smallDunkel{   
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #333333; font-size: 9px;	
}

.small_farbe{   
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #0362A0; font-size: 9px;	
}

.farbe{   
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #0362A0; font-size: 10px;	
}



/* ************************************************************************ */
/* Klassen für Formulare
/* ************************************************************************ */
.button {
	border:#000000 1px solid; background:#D9D1BB;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;a
}

.button_als_link
{
		background-color: #efefef;
		color: #000000;
		border: 1px solid #0362A0;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
		font-size: 12px;
		height: 20px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 1px;
		padding-bottom: 1px;
}


.textarea {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  width:300px; 
  height:80;
  background-color:#0362A0; 
  border:#000000 1px solid; color:#ffffff; 
}


.textareaCopy{
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  width:480px; 
  height:60;
  background-color:#0362A0; 
  border:#000000 1px solid; color:#ffffff; 
}


.textarea_chat {
background-color: #ffffff;
border: 1px solid #cccccc;
color: #000000;
width: 120px;
height:80;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
font-size: 10px;
}

.selectbox {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  width:160px; 
  background-color:#0362A0; 
  border:#000000 1px solid; 
  color:#ffffff; 
}

.selectbox_klein {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  width:60px; 
  height:20px;
  background-color:#0362A0; 
  border:#000000 1px solid; 
  color:#ffffff; 
}

.formular {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  width:300px; 
  background-color:#0362A0; 
  border:#000000 1px solid; 
  color:#ffffff; 
}

.formular_klein {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  width:110px; 
  height:20px;
  background-color:#0362A0; 
  border:#000000 1px solid; 
  color:#ffffff; 
}

.formular_chat {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  width: 100px; 
  background-color:#efefef; 
  border:#000000 1px solid; 
  color:#000000; 
}

.antispam{
		background-color: #0362A0;
		color: #ffffff;
		border: 1px solid #000000;
		width: 70px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
		font-size: 12px;
		height: 17px;
}