body         {font-family:arial,helvetica,sans-serif; text-align:center; margin:0}
.mitte       {position:relative; top:0px; left:0px; color:#000000; background-color:#ffffff; width:100%; height:600px; margin:0 auto;}
.top         {position:absolute; top:0%; left:0%; width:100%; height:75px; color:#ffffff; background-color:#ffffff;}
.top1        {position:absolute; top:0%; left:1.010101%; width:30%; text-align:left;}
.logo        {height:50px; padding-top:5px; text-align:left;}
.ltext       {height:50px; text-align:left;}
.top4        {position:absolute; top:7%; left:34%; width:calc(66% - 90px);}
.top4h       {font-size:150%;}
.top5        {position:absolute; top:6.666666%; left:calc(100% - 78px);}
.but1        {margin:1px 0; font-size:0.7em; text-align:center;}
.but1 a      {display:block; width:65px; height:auto; margin-bottom:3px; padding:1px; border-radius:3px; background-color:#0000c0; color:#FFFFFF;}
.but1 a:hover {background-color:#F9D90C; color:#000000;}
.mid1        {position:absolute; top:65px; left:1.010101%; width:98.989898%;}
.but2        {display:block; width:32%; height:auto; text-align:center; margin-bottom:1%; margin-right:0.9%; float:left;}
.divl1       {width:98%;}
.divl1 input {margin-bottom:10px;}
.divr0       {width:98%;}
.divr1       {width:260px;}
.divl2       {width:98%;}
.divr2       {width:98%;}

h1           {font-size:1.15em; font-weight:bold;}
img          {border:0; max-width:100%}
a            {text-decoration:none;}
br.next      {clear:both;}
br.left      {clear:left;}
.sub         {position:relative; top:2px; font-size:70%}
.txtl        {text-align:left;}
.txtc        {text-align:center;}
.txtr        {text-align:right;}
.flr         {float:right;}
.left1       {margin-left:1em;}
.txti        {padding-left:0.65em; text-indent:-0.65em;}

.maina       {text-align:left; font-size:1em; margin-right:10px;}
.mainb       {width:18%; height:41%; margin-top:2.5%; margin-left:1%; margin-right:1%; float:right;}
.mainbtxt    {font-size:0.9em;}
.mainc       {width:33%; margin:2.5% 1%; float:right;}

.ffeld1      {width:80px; float:left;}
.ffeld2      {width:85%;}
.ffeld4      {width:95%; height:110px; border:0; background-color:#CFEEEE; padding:3px;}
.ifeld1      {width:calc(95% - 86px); border:0; background-color:#CFEEEE; padding:3px;}
.ifeld2      {width:35px; border:0; background-color:#CFEEEE; padding:3px;}

.send        {background-color:#2040D0; color:#FFFFFF; font-size:0.875em; text-align:center;
              padding-top:2px; padding-bottom:2px; padding-left:10px; padding-right:10px;
              border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:0;
              box-shadow:3px 3px 3px #000000; -moz-box-shadow:3px 3px 3px #000000; -webkit-box-shadow:3px 3px 3px #000000;}
.send:hover  {background-color:#FFFF80; color:#000000;}

.box1        {font-size:1em; font-weight:bold; background-color:#FFD83D; color:#000000; width:98.5%; margin:2% 0; padding:3px; clear:both;}
.box2        {width:30%; font-size:0.875em; background-color:#CFEEEE; color:#000000; border:0; padding:3px;}
.text1       {width:200px; margin-bottom:10px; float:left;}
.text2       {width:100%; margin-bottom:10px; color:#FF0000; font-size:1em; font-weight:bold;}

.w60         {width:60px; border:0; padding:4px; background-color:#CFEEEE;}
.w70         {width:70px; border:0; padding:4px; background-color:#CFEEEE;}
.mb10        {margin-bottom:10px;}
.mt10        {margin-top:10px;}
.mainpic     {float:right; margin-left:2%; margin-right:2%; margin-top:20px; margin-bottom:2%; width:40%;}

.links       {width:300px; margin-right:2%; text-align:center; float:left;}

@media all and (min-width:420px) {
  .top4   {width:calc(66% - 117px);}
  .top5   {top:4%; left:calc(100% - 105px);}
  .but1   {font-size:0.75em;}
  .but1 a {width:90px;}
  }

@media all and (min-width:500px) {
  .top      {height:80px;}
  .top1     {width:30%;}
  .logo     {width:214px; height:70px;}
  .ltext    {width:220px; height:70px;}
  .top4     {width:calc(66% - 127px);}
  .top5     {left:calc(100% - 115px);}
  .but1     {font-size:0.85em;}
  .but1 a   {width:100px; margin-bottom:4px; border: 1px solid #c0c0e0;}
  .mid1     {top:100px;}
  h1        {font-size:1.29em;}
  .mainpic  {width:45%;}
  .mainbtxt {font-size:1em;}
  }

@media all and (min-width:650px) {
  .top     {height:90px;}
  .top1    {width:33%;}
  .top4    {width:calc(63% - 127px);}
  .but1    {font-size:0.95em;}
  .but2    {width:16.1617%; margin-bottom:0.5%; margin-right:0.5%;}
  .mid1    {top:110px;}
  h1       {font-size:1.29em;}
  .divl1   {width:50%; float:left;}
  .divr0   {width:47%; float:right;}
  .divr1   {width:260px; float:right;}
  .divl2   {width:45%; float:left;}
  .divr2   {width:53%; float:right;}
  }

@media all and (min-width:750px) {
  .logo         {width:274px; height:90px;}
  .ltext        {width:282px; height:90px;}
  .top4         {font-size:1.15em;}
  .top5         {top:8%; left:calc(100% - 125px);}
  .but1 a:hover {-webkit-transform:scale(1.10);
                    -moz-transform:scale(1.10);
                      -o-transform:scale(1.10);
                         transform:scale(1.10);}
  .but1 a       {width:110px; margin-bottom:8px;
                 box-shadow:3px 3px 3px #000000; -moz-box-shadow:3px 3px 3px #000000; -webkit-box-shadow:3px 3px 3px #000000;}
  .but8 a       {display:block;}
  .but8 a:hover {-webkit-transform:scale(1.05);
                    -moz-transform:scale(1.05);
                      -o-transform:scale(1.05);
                         transform:scale(1.05);}
  .mainpic      {width:370px;}
  }

@media all and (min-width:990px) {
  body          {background-image:url(pics/bg.png); background-repeat:repeat-x;}
  .mitte        {width:990px;}
  .top4         {top:4%; font-size:1.25em;}
  .top5         {left:calc(100% - 135px);}
  .but1         {font-size:0.9em;}
  .but1 a       {width:120px; margin-bottom:8px;
                 box-shadow:3px 3px 3px #000000; -moz-box-shadow:3px 3px 3px #000000; -webkit-box-shadow:3px 3px 3px #000000;}
  }