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

/* ************************************************************************ */
/* Links
/* ************************************************************************ */
A:link    {text-decoration: none;  font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica; color: #666666;}
A:visited {text-decoration: none;  font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica; color: #666666;}
A:active  {text-decoration: none;  font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica; color: #666666;}
A:hover   {text-decoration: underline;  font-size:  12px; font-family: Verdana, Geneva, Arial, Helvetica; color: #999999;}

A.smallMail:link    {text-decoration: underline;  font-size: 9px; font-family: Verdana, Geneva, Arial, Helvetica; color: #999999;}
A.smallMail:visited {text-decoration: underline;  font-size: 9px; font-family: Verdana, Geneva, Arial, Helvetica; color: #999999;}
A.smallMail:active  {text-decoration: underline;  font-size: 9px; font-family: Verdana, Geneva, Arial, Helvetica; color: #999999;}
A.smallMail:hover   {text-decoration: underline;  font-size: 9px; font-family: Verdana, Geneva, Arial, Helvetica; color: #000000;}


/* ************************************************************************ */
/* Grundsätzliche Standart-Definitionen
/* ************************************************************************ */
body,TD
{   
		scrollbar-base-color: #FFFFFF;
		scrollbar-track-color: #FFFFFF;
		scrollbar-face-color: #A8A8A8;
		scrollbar-darkshadow-color: #A8A8A8;
		scrollbar-shadow-color: #cccccc;
		scrollbar-arrow-color: #333333;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333; font-size: 12px;	
}



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

.content
{
	background-color: #ffffff;
	background-image:url(../_images/background_content.gif);
	background-repeat:repeat-y;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

.background_unten
{
	background-color: #004D77;
	background-image:url(../_images/bg_unten.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	
	/*
	background-position:
	top = vertikal obenbündig.
	bottom = vertikal untenbündig.
	center = zentriert (horizontal oder vertikal, center center kann als center zusammengefasst werden).
	left = horizontal linksbündig.
	right = horizontal rechtsbündig.
	top right;
	top left;
	*/
	
}

.backgroundWeiss
{
	background-color: #ffffff;
}

.backgroundSchwarz
{
	background-color: #000000;
}

/*.header
{
	background-color: #636567;
}*/

/*.footer
{
	background-color: #6E7377;
}*/


.title
{   
		font-family: Verdana, Geneva, Arial, Helvetica;  font-weight: bold; color: #797979; font-size: 15px;	
}

.titleGross
{   
		font-family: Verdana, Geneva, Arial, Helvetica;  font-weight: bold; color: #797979; font-size: 20px;	
}

.titleFarbe{   
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-weight: bold; color: #78CBFF; font-size: 14px;
		
}

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

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


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

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

.farbe{   
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #78CBFF; font-size: 11px;	
}

.gruen
{
	color: #00ff30;
}

.rot
{
	color: #FF1717;
}

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

.red
{
	color: #FF4C59;
}

.gelb
{
	color: #FFCC00;
}

.boxgruen
{
	padding: 6px; background-color: #10810B;
}

.boxneutralgrau
{
	padding: 6px; background-color: #374B56;
}

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

.boxgelb
{
	padding: 6px; background-color: #D94D00;
	border: 1px solid #000000;
}

.vorteile
{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #333333; 
 font-size: 10px; 
 background-color: #CCCCCC;
}
 
.vorteile_grau
{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #676767; 
 font-size: 10px;
 background-color: #CCCCCC; 
}


/* ************************************************************************ */
/* Klassen für Formulare
/* ************************************************************************ */
.formular{
		background-color: #333333;
		color: #ffffff;
		border: 1px solid #cccccc;
		width: 180px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
		font-size: 11px;
		height: 17px;
}

.antispam{
		background-color: #333333;
		color: #ffffff;
		border: 1px solid #cccccc;
		width: 80px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
		font-size: 11px;
		height: 17px;
}


.textarea{
		background-color: #333333;
		color: #ffffff;
		border: 1px solid #cccccc;
		width: 300px;
		height: 90px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
		font-size: 12px;
}

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

/* ************************************************************************ */
/* Klassen für Supportformular von Claudio Kuenzler
/* ************************************************************************ */
.supportform
{
	font-family:Verdana; 
	font-size:12px; 
	color:#ff6600; 
	background:#e6e6e6; 
	border:1px solid #666666;
	font-weight:bold;
}

.supportformerror
{
	font-family:Verdana; 
	font-size:12px; 
	color:#FF0000; 
	font-weight:bold;
}

.supportformok
{
	font-family:Verdana; 
	font-size:12px; 
	color:#336633; 
	font-weight:bold;
}