@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: 'OpenSans';
    color: #262626;
    font-size: 12px;
    font-weight: normal;
}

#divBackground {
    background-image: url(https://www.vision-concept.com/extranet/bilder2/Background_1.jpg)
position: absolute;
}

img#imgBackground {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.base_text		{font-size:12px; color:#7b879c; }
.base_text_u		{font-size:12px; color:#7b879c; text-decoration:underline;}

.ueberschrift		{font-size:28px; color:#00408a; font-weight:bold}
.ueberschrift1		{font-size:10px; color:#00408a; font-weight:bold}
.ueberschrift1_white	{font-size:16px; color:#fff; font-weight:normal}
.ueberschrift12_white	{font-size:12px; color:#fff; font-weight:normal}
.ueberschrift2		{font-size:12px; color:#262626; font-weight:normal}
.ueberschrift2_red		{font-size:12px; color:#e4032e; font-weight:normal}
.ueberschrift2_white	{font-size:12px; color:#262626; font-weight:normal}
.ueberschrift3		{font-size:16px; color:#262626; font-weight:normal}
.ueberschrift31		{font-size:12px; color:#262626;}
.ueberschrift31_red		{font-size:12px; color:#e4032e;}
.ueberschrift32		{font-size:12px; color:#262626; font-weight: bold;}
.ueberschrift31_bold		{font-size:12px; color:#262626; font-weight: bold; padding-bottom: 8px;}
.ueberschrift32_bold		{font-size:14px; color:#262626; font-weight: bold;}
.ueberschrift4		{font-size:16px; color:#262626; font-weight:normal}
.ueberschrift4_red	{font-size:16px; color:#e4032e; font-weight:normal}
.ueberschrift4_white	{font-size:16px; color:#262626; font-weight:normal}
.ueberschrift41		{font-size:14px; color:#00408a;}
.ueberschrift42		{font-size:14px; color:#262626;}
.ueberschrift5		{font-size:16px; color:#262626; font-weight:bold}
.ueberschrift6		{font-family:Gilroy; font-size:48px; color:#e4032e; font-weight:bold}
.ueberschrift6_gray {font-family:OpenSans; font-size:16px; color:#262626; font-weight:normal}
.ueberschrift7		{font-size:20px; color:#00408a; font-weight:bold}


.uline_red          {background-color: #e4032e;width:24px;height:2px;margin-top:3px;margin-bottom:20px}
.uline_red1         {background-color: #e4032e;width:24px;height:2px;margin-top:3px;}
.uline_red_left     {background-color: #e4032e;width:24px;height:2px;margin-top:8px;margin-bottom:20px}
.uline_red_left1    {background-color: #e4032e;width:24px;height:2px;margin-top:8px;}
.uline_red_ico      {background-color: #e4032e;width:12px;height:2px;margin-top:2px;margin-bottom:6px}
.uline_red_icon     {background-color: #e4032e;width:16px;height:2px;margin-top:4px;margin-bottom:10px}

.ueberschrift_g1		{font-size:10px; color:#7b879c; font-weight:bold}
.ueberschrift_g2		{font-size:11px; color:#7b879c; font-weight:bold}
.ueberschrift_g21		{font-size:11px; color:#7b879c;}
.ueberschrift_g3		{font-size:12px; color:#262626; font-weight:bold}
.ueberschrift_g31		{font-size:12px; color:#7b879c;}
.ueberschrift_g4		{font-size:14px; color:#7b879c; font-weight:bold}
.ueberschrift_g41		{font-size:14px; color:#7b879c; }
.ueberschrift_g5		{font-size:16px; color:#262626; font-weight:normal}
.ueberschrift_g6		{font-size:18px; color:#00408a; font-weight:bold}
.ueberschrift_g7		{font-size:20px; color:#7b879c; font-weight:bold}

.ueberschrift_weis1		{font-size:10px; color:#ffffff; font-weight:bold}
.ueberschrift_weis2_bold		{font-family:OpenSans; font-size:30px; color:#ffffff; font-weight:bold;}
.ueberschrift_weis2		{font-family:OpenSans; font-size:30px; color:#ffffff; font-weight:lighter;}
.ueberschrift_weis3		{font-family:OpenSans; font-size:16px; color:#ffffff; font-weight:normal;}
.menuetitle             {margin-top:0px; margin-left:auto; margin-right: auto; vertical-align: middle;}
.menuestrip             {font-family:OpenSans; font-size:30px; color:#fff; font-weight: lighter;}
.menue_title            {font-family:Gilroy; font-size:30px; color:#e4032e;}

.weiss		{color:#000000; }
.weiss_fett	{color:#000000; font-weight:bold}


.fett			{font-family:arial, sans-serif, helvetica; font-size:12px; color:#000000; font-weight:bold}
.klein			{font-size:10px;}
.klein_u		{font-family:arial, sans-serif, helvetica; font-size:10px; color:#000000; }


.grau			{color:#7b879c; }
.grau_fett	{color:#7b879c; font-weight:bold}

.rot1			{font-size:12px; color:#e72936; font-weight:bold}
.rot2			{font-size:14px; color:#e72936; font-weight:bold} 
.rot			{font-size:20px; color:#e72936; font-weight:bold} 

.LinieG	{padding:1px 0px 25px 0px; margin:0px; border:0px solid #bbb; height: 10px;}
.LinieK	{padding:1px 0px 1px 0px; margin:0px; border:0px solid #bbb; height: 0px;}
.LinieK_top	{padding:0px 0px 1px 0px; margin:0px; border:0px solid #bbb; height: 0px;}
.LinieK_bottom	{padding:1px 0px 20px 0px; margin:0px; border:0px solid #bbb; height: 0px;}




h1 	{font-size:155%; padding:10px 0px 10px 0px; margin:0px;}
h2 	{font-size:125%; padding:20px 0px 0px 0px; margin:0px;}
h3 	{font-size:90%;}


p 	{margin: 6px 0px 9px 0px; font-size: 100%;}
ul 	{font-size: 100%;}
li	{margin:0px 0px 0px 0px; padding:0px 0px 3px 0px; }
td {vertical-align:middle;  font-size: 100%;}
.td_middle {vertical-align:middle;  font-size: 100%;}
.td_bottom {vertical-align:bottom;  font-size: 100%;}
.td_bottom_l {vertical-align:bottom;  position:relative; top:5px; left:30px;  font-size: 100%;}
.td_line_l {vertical-align:top;  position:relative; top:8px; left:30px;  font-size: 100%;}
.td_line_la {vertical-align:top; top:8px; left:30px;  font-size: 100%;}

table	{margin:0px; padding:0px; border-spacing:0px;}
.tb_u_tel				{font-family:arial, sans-serif, helvetica; font-size:12px; color:#00904C; font-weight:bold;}
.tb_k_tel				{font-family:arial, sans-serif, helvetica; font-size:10px; color:#00904C; }
.tb_tel					{font-family:arial, sans-serif, helvetica; font-size:11px; color:#000000; }



.Haupt			{background:#ffffff;}
.Oben			{width:100%; height:110; background:#B2B3B4;}
.Menu_Oben	{width:100%; background:#7F112E;}
.Links				{width:160px; height:100%; background:#7F112E;}
.Links_Unten	{background:#B2B3B4;}


.Inhalt			{font-size:12px;  color:#bbb;}
.Inhalt_Mitte	{padding: 20px 20px 10px 30px; width:590px; font-family:arial, sans-serif, helvetica; font-size:12px;  color:#000000;}
.Inhalt_Mitte2	{margin: 20px 20px 10px 30px; }
.Inhalt_Mitte3	{padding: 20px 20px 10px 30px; width:650px; font-family:arial, sans-serif, helvetica; font-size:12px;  color:#000000;}
.Inhalt_Mitte_bilder {padding: 40px 20px 10px 30px; width:830px; font-family:arial, sans-serif, helvetica; font-size:12px;  color:#000000;}

.Rechts			{width:200px; padding: 20px 10px 10px 20px; height:100%; font-family:arial, sans-serif, helvetica; font-size:11px; background:#B2B3B4; color:#000000;}

#Kontakt 						{margin:0px; padding:10px; font-family: Verdana,Helvetica; width:140px; font-size:8pt; line-height: 150%; color:#000000;}

#MenuOben  					{margin:0px; padding:0px; list-style:none; font-size:75%;}
#MenuOben  a 				{margin:2px; padding:2px 8px 2px 8px; text-decoration:none; display:block; position:relative; color:#ffffff; }
#MenuOben  a:hover 		{color: #000000;background:#afaf94; }
#MenuOben span.active a {font-weight:bold;color: #000000;background:#afaf94;}

#MenuLinks  					{margin:0px; padding:0px; list-style:none; font-family:arial, sans-serif, helvetica; font-size:12px;}
#MenuLinks  a 				{margin:0px 8px 4px 8px; padding:4px 8px 4px 8px; text-decoration:none; display:block; position:relative; color:#ffffff;}
#MenuLinks  a:hover 		{color:#000000; background:#7B7B3B;font-weight:bold;}
#MenuLinks span.active a 	{color:#ffffff; background:#7B7B3B; font-weight:bold;}

#unten	{position:relative; bottom:10px; font-size: xx-small; color:#000000;}

.TableLink1{font-size: 110%; font-weight:bold;  padding:6px 6px 6px 10px; background:#7B7B3B; color:#ffffff;}
.TableLink2{font-size: 90%; font-weight:bold; width:25%; padding:6px 4px 4px 10px; background:#afaf94; color:#ffffff;}
.TableLink3{font-size: 90%;  padding:6px 4px 4px 4px; background:#CACAB5; color:#000000;}

hr.hr2 	{margin:0px 0px 5px 0px; background-color:#AAA; border:none; height:2px; color:#AAA;}


.form_text		{font-size:16px; color:#262626; font-weight:bold; }
.form_text1		{font-size:16px; color:#262626; font-weight:normal; }
form, input,select,textarea {text-align:left;margin: 2;font-size: 16px; color: #262626;}

.pass1		{font-family:arial, sans-serif, helvetica; font-size:10px; color:#000000; font-weight:bold; vertical-align: top; padding-top:5px;}
.pass2		{font-family:arial, sans-serif, helvetica; font-size:10px; color:#000000; font-weight:bold; }
.pass3		{font-family:arial, sans-serif, helvetica; font-size:10px; color:#00904B; font-weight:bold}
.pass4		{font-family:arial, sans-serif, helvetica; font-size:18px; color:#00904B; font-weight:bold}

a:link 		{text-decoration:none;}
a:visited	{text-decoration:none;}
a:active	{text-decoration:none;}
a:hover		{color:#bbb;text-weight:bold;}