/*  ###################################################################*/
/* #                                                  #      Gloabl Styles    #                                                        # */
/*  ##################################################################*/

A {
	text-decoration : none;
	COLOR: #686878;
}
A:hover {
	COLOR: #313768;
}
td,  body {
	font-size: 11px;
	font-family: sans-serif, verdana, tahoma, arial;
        COLOR: #686878;
}
body {
	font-family: sans-serif, verdana, tahoma, arial;
	background: White;
}

input, select, textarea{
	font-size : 10px;
	border:1px solid #C1C1D4;
}

hr {
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
	border : 1px dotted;
	border-color : #40476B;
}


/*  ###################################################################*/
/* #                                                   #      TextStyles    #                                                        # */
/*  ##################################################################*/

.content_small          {
	font-size: 11px;
	line-height:14px;
	letter-spacing : 0,5pt;
}

.content          {
	font-size: 12px;
	line-height:16px;
}

.content_big        {
	font-size: 18px;
	line-height:20px;
	font-weight : bold;
}

.content_headline       {
	font-size: 21px;
	line-height:26px;
	font-weight : bold;
}

.zitat {
	font-weight: bold;
	color: #FF6600;
}

.bold {
font-weight:bold;
}

.italic {
font-weight:italic;
}



	
/*  ###################################################################*/
/* #                                                   #      Layout Styles    #                                                        # */
/*  ##################################################################*/



.image {
	border : 1px solid #426DA2;
	padding:2px;
}
.border {
   border : 1px solid #000000;
}




/*  ###################################################################*/
/* #                                                   #      Positionierung  #                                                        # */
/*  ##################################################################*/

.center  {
		text-align: center;
}
.left  {
		text-align: left;
}
.right  {
		text-align: right;
}
.padding         {
	padding : 3px;
}

.padding2         {
	padding : 6px;
}
.padding3         {
	padding : 9px;
}


 

/*  ###################################################################*/
/* #                                                   #      System Styles    #                                                               # */
/*  ##################################################################*/

.controlpanel:hover {
	border : 1px solid #5C5D63;
	background-color : #E9F2F7;
 padding-left : 3px;
 padding-right : 3px;
}

.controlpanel{
	border : 1px solid #5C5D63;
	background-color : #FFFFFF;
 
padding-left : 3px;
 padding-right : 3px;
	
}

.info  {
		border-width: 1px;
		padding:2px;
		text-align: left;
		background-color: #E9E8FA;
		border : 1px solid #C1C1D4;
		font-family: sans-serif, arial, tahoma;
		font-size: 11px;
		line-height:13px;
}
.live-modus      {
	font-family: sans-serif, arial, tahoma;
	font-size: 11px;
	line-height:12px;
	color : Black;
	letter-spacing : 0,5pt;
	}
	
	
	.error         {
	font-family: sans-serif, arial, tahoma;
	font-size: 11px;
	line-height:16px;
	color : red;
	letter-spacing : normal;
	font-weight : bold;
}


/*  ###################################################################*/
/* #                                                   #      Farbwerte  #                                                        # */
/*  ##################################################################*/

 /*  --------------------- Farbe 1 ---------------------  */
  .bg1 {
background-color : #ECEDF1;
}
.color1 {
 color : #ECEDF1;
 }
 /*  --------------------- Farbe 2 ---------------------  */
 .bg2 {
 background-color :  #262A5A;
 }
.color2 {
 color : #262A5A;
 }
 /*  --------------------- Farbe 3 ---------------------  */
  .bg3 {
 background-color : #A8A9BD;
 }  
.color3 {
 color : #A8A9BD;
 }

 /*  --------------------- Farbe 4 ---------------------  */
  .bg4 {
 background-color : #686878;
 }
.color4 {
 color : #686878;
 }
.color4:hover {
 color : #686878;
 }  

 /*  --------------------- Farbe 5 ---------------------  */
  .bg5 {
 background-color : #F9F9FB;
 }
.color5 {
 color : #F9F9FB;
 }
.color5:hover {
 color : #686878;
 }  


 /*  ------------------ Grundfarben------------------  */
/*  -----------------------------------------------------  */
.bg-black{
 background-color : Black;
 }
.black {
 color : Black;
 }
/*  -----------------------------------------------------  */
.bg-weiss {
 background-color : White;
 }
.white {
 color : White;
 }
/*  -----------------------------------------------------  */
.bg-red {
 background-color : red;
 }
.red {
 color : red;
 }
/*  -----------------------------------------------------  */
.bg-green {
 background-color : #008000;
 }
 .green {
 color : green;
 }