/* Mijn Stylesheet pagina voor MCB-2018 gecreëerd in juli 2018*/

/*
/*------------------------------------------
/* @import url(https://fonts.googleapis.com/css?family=Raleway);*/
/* importeren van GOOGLE FONTS :*/
/* @import url(https://fonts.googleapis.com/css?family=Tangerine)*/
/* @import url(http://fonts.googleapis.com/css?family=Tangerine)*/
@import url('https://fonts.googleapis.com/css?family=Sofia');  /*  in  p.sof  bijvoorbeeld  */
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);/*  in  p.rob  bijvoorbeeld  */

/*@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');

/* @import url(http://fonts.googleapis.com/css?family=Pacifico);*/
/* @import url(https://fonts.googleapis.com/css2?family=Lora&display=swap);*/
/* @import url(http://fonts.googleapis.com/css?family=Satisfy)*/
/* @import url(http://fonts.googleapis.com/css?family=Helvetica)*/
/* @import url(https://fonts.googleapis.com/css?family=Poppins)*/
/* @import url(https://fonts.googleapis.com/css?family=Open+Sans)*/
/* @import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap)*/
/* @import url(http://fonts.googleapis.com/css?family=Tangerine)*/
/* @import url(http://fonts.googleapis.com/css?family=Neucha)*/
/* --------------------------------------------------------------
/* @import url(https://fonts.googleapis.com/css?family=Pacifico);*/

/* <link rel="preconnect" href="https://fonts.gstatic.com"> */
/* LADEN van MATHJAX */
/* https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=default */

.content {
  max-width: 500px;
  margin: auto;
}
/*----------------------------------------------------------------------*/
#ruitjes {
 background: url("back_ruitjes.gif");
 background-repeat : repeat;
 font-family: Calibri,Myriad Pro Light,Trebuchet MS,Verdana,Arial,Futura,Garamond,Helvetica; overflow-y: scroll;
 margin-left:auto; margin-right:auto;
 text-align:center}
/*----------------------------------------------------------------------*/
 #lijntjes {
 background: url("back_lijntjes.gif");
 background-repeat : repeat;
 font-family: Calibri,Myriad Pro Light,Trebuchet MS,Verdana,Arial,Futura,Garamond,Helvetica; overflow-y: scroll;
 margin-left:auto; margin-right:auto;
 text-align:center}
/*----------------------------------------------------------------------*/
 #vwojwo{
 background-image: url("back_vwojwo.gif");
 background-color : #fff2e6;
 background-repeat : repeat;
 font-family: Calibri,Myriad Pro Light,Trebuchet MS,Verdana,Arial,Futura,Garamond,Helvetica; overflow-y: scroll;
 text-align:center}
 /*----------------------------------------------------------------------*/
 #cijfers {
 background: url("backmath.gif");
 background-repeat : repeat;
 font-family: Calibri,Myriad Pro Light,Trebuchet MS,Verdana,Arial,Futura,Garamond,Helvetica; overflow-y: scroll;}
/*----------------------------------------------------------------------*/
/* #vwo {
 background: url("VWO logo nieuw - back.gif");
 background-repeat : repeat;
 font-family: Calibri,Myriad Pro Light,Trebuchet MS,Verdana,Arial,Futura,Garamond,Helvetica; overflow-y: scroll;} */
/*----------------------------------------------------------------------*/
/* #ruitjes {
 background: url("back ruitjes.gif");
 background-repeat : repeat;
 font-family: Calibri,Myriad Pro Light,Trebuchet MS,Verdana,Arial,Futura,Garamond,Helvetica; overflow-y: scroll;} */
/*----------------------------------------------------------------------*/
 
/* voor de body */
#f1 {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:lemonchiffon;  color:#333; font-size:14px; } 
#f2 {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:khaki    ;     color:#333; font-size:14px; } 
#f3 {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:#FFDDFF;       color:#333; font-size:14px; } 
#f4 {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:#FFBBBB;       color:#333; font-size:14px; } 
#fR {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:lavender;      color:#333; font-size:14px; }

#f5 {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:#A0CFFF;      color:#333; font-size:14px; }  /* background-color:#97D3D3;*/
#f7 {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:gainsboro;     color:#333; font-size:14px; } 
#f5AB {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:#B2FFBF;       color:#333; font-size:14px; } 
#f5AT {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:#B5CDFF;       color:#333; font-size:14px; } 
#f5AE {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:#CEB2FF;       color:#333; font-size:14px; }
#f5lime {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:#B3FF00;      color:#333; font-size:14px; } 

#fduc {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:#F3FFE3;      color:#333; font-size:16px; } 
#f5VI {font-family: Verdana, Calibri, Tahoma, Times, Trebuchet MS, serif; background-color:#C4FAF8;       color:#333; font-size:14px; } 

#f5af {font-family: Helvetica,Verdana serif;               background-color:#C4FAF8;  color:#333; font-size:19px; } 
#f5db {font-family: Verdana,Helvetica,Sofia,Neucha, serif; background-color:#C4FAF8;  color:#333; font-size:15px; } 
#test {font-family: Mistral,Verdana,Helvetica,Raleway,Neucha,Sofia,Satisfy,Poppins,"Open+Sans",Tahoma,Verdana ; font-size: 28px; background-color:azure}

/*  Body voor 500-600  vanaf 20 dec 2020*/
#body21 {font-family: Roboto,Verdana,Helvetica,Sofia,Neucha, serif;
              background-color:#CBF1F5;
              color:black; 
              font-size:18px; 
              font-weight:500; } 
#body21v {font-family: Roboto,Verdana,Helvetica,Sofia,Neucha, serif;
              font-size:16; 
              font-weight:400; 
              background-color:#CBF1F5;
              color:grey; 
              } 
/* komt van <body text=#000000  bgcolor=#EEEEEE background="vwoback.gif"> */

/*----------------------------------------------------------------------*/
div.content {  max-width: 700px;  margin: 0 auto; text-align:center }
#div1 {position:relative; top: 20; left: 0; width:400; visibility:hidden; color:black;}
/* #div2 {background-color:#fffdd0;  font-family:Roboto;  font-size:14px; text-align:left; visibility:hidden; } */
   #div2 {background-color:#fffdd0;  font-family:Roboto,Calibri; font-size:14px; text-align:left; visibility:hidden; }
div.center { margin: auto; width: 50%; border: 1px solid blue;      border: 2mm ridge rgba(211, 220, 50, .6);         padding: 10px;}
#div3 {visibility:hidden; color:#333; margin: auto; width: 50%;    border-width: 3px; border-color:lavender ; border-style: outset ridge;  box-shadow: 12px 8px 16px;  padding: 9px; }
#div9 {}  /* bedoeld voor de vragen met een v????sol.png oplossing */
/* #div2 {top: 20; left: 350;          visibility:hidden;  margin-left: 150px;
	  height: auto;       background-color:#fffdd0;  
	  color:#666;  font-family:Calibri;  font-size:18px; font-weight:500; text-align:center} */

	  
div.pacifico { font-family: Pacifico; background-color: lightblue;      width: 200px; }
div.box { background-color: lightblue;      width: 200px; }
div.box250 { background-color: lightblue;      width: 250px; }
div.blok {
  width: 500px;
  background-color: tomato;
  color: white;
  border: 5px solid black;
  margin: 20px;
  padding: 10px;
  color: yellow;
  font-size: 150%;
  text-align: center;
}

div.naar {font-family: Handlee, Sofia, Raleway; font-size:18px; line-height: 12pt }
div.fs10 {font-size:10px ; color:gray}
div.fs11 {font-size:11px }
div.fs12 {font-size:12px }
div.fs13 {font-size:13px }
div.fs14 {font-size:14px }
div.fs15 {font-size:15px }
div.fs16 {font-size:16px }
div.fs17 {font-size:17px }
div.fs18 {font-size:18px }

img   {margin-left: auto; margin-right: auto; vertical-align: middle; }
img.n { vertical-align: baseline; }
img.t { vertical-align: text-top; }
img.d { vertical-align: text-bottom; }  /* d van down */
img.b { vertical-align: sub; }
img.p { vertical-align: super; }

img.r { float: right }
img.cos {clip-path: polygon(29% 11% , 51% 11% ,  51% 39% ,29% 39% ) }
.wrap {
    width: 272px;
    height: 240px;
    overflow: hidden;
}

/*----------------------------------------------------------------------*/
/* Engels <table border="4" cellpadding="3" bordercolor="limegreen" cellspacing="1" > */
/* Engels <tr><td rowspan=5 align=center><font face="Calibri,Tahoma" size=" */

/* NEDERLANDSE TABEL */
table2. #VII    { border: 1px solid green;        border-collapse: collapse; font-size:15px }

#VI    { border-collapse: collapse;  }


#tnl    {   border: 4px solid blue;        border-collapse: collapse; font-size:15px}


table.center { margin-left: auto;  margin-right: auto; }
#t2018 td { font-size:18px}
#t2023 th { font-size:26px; color:#111; background-color: none;  }
#t2023 td { font-size:20px; color:navy; background-color: lightyellow; font-weight:bold;}
#t2023_20 td { font-size:20px; color:navy; background-color: lightyellow; font-weight:bold;}
#t2023_18 td { font-size:20px; color:navy; background-color: lightyellow; font-weight:bold;}

#tengels   { border:4px solid green;    border-color:limegreen;  border-collapse: separate;   padding:1px;  border-radius: 8px}
#tengels td {rowspan:5; align:center; font-face:Calibri,Tahoma;  font-size:15px;  color:#111; }

#t2018    { border: 5px solid mediumblue; border-collapse: separate; font-size:24px; font-family: Arial,Myria Pro Light,Arial,Helvetica,Calibri,Trebuchet,Georgia,Tahoma,Avenir; padding: 1px; border-radius: 15px;}  /* 3-8-2018 12u. */
#t2018_20 { border: 5px solid mediumblue; border-collapse: separate; font-size:20px; font-family: Myriad Pro Light,Arial,Helvetica,Calibri,Trebuchet,Georgia,Tahoma,Avenir; padding: 1px; border-radius: 15px;}  /* 14-8-2018 12u. */
#t2018_18 { border: 5px solid mediumblue; border-collapse: separate; font-size:18px; font-family: Myriad Pro Light,Arial,Helvetica,Calibri,Trebuchet,Georgia,Tahoma,Avenir; padding: 1px; border-radius: 15px;}  /* 14-8-2018 12u. */
#t2023    { border: 5px solid blue;       border-collapse: separate; font-size:28px; font-family: Arial,Myria Pro Light,Arial,Helvetica,Calibri,Trebuchet,Georgia,Tahoma,Avenir; padding: 1px; border-radius: 15px;}  /* 3-7-2023 12u. */
#t2023_20 { border: 5px solid mediumblue; border-collapse: separate; font-size:20px; font-family: Myriad Pro Light,Arial,Helvetica,Calibri,Trebuchet,Georgia,Tahoma,Avenir; padding: 1px; border-radius: 15px;}  /* 14-8-2018 12u. */
#t2023_18 { border: 5px solid mediumblue; border-collapse: separate; font-size:18px; font-family: Myriad Pro Light,Arial,Helvetica,Calibri,Trebuchet,Georgia,Tahoma,Avenir; padding: 1px; border-radius: 15px;}  /* 14-8-2018 12u. */
#tnl20    { border: 4px solid blue;       border-collapse: collapse; font-size:30px}
#ten      { border: 4px solid green;      border-collapse: collapse; font-size:22px}
#te       { border: 4px solid green;      border-collapse: separate; font-size:16px; padding: 1px; border-radius: 6px;}
#tvi      { border: 2px solid green;      border-collapse: separate; font-size:10px; font-family: Arial,Myria Pro Light,Arial,Helvetica,Calibri,Trebuchet,Georgia,Tahoma,Avenir; padding: 1px; border-radius: 15px;}


td, th { border: 1px solid lightblue; padding: 5px; text-align: left; }


table.table2    {border-collapse: collapse; font-size:15px  ; border: 1px solid #EEE; }
table.table2 tr {padding: 3px;   text-align: left;   border: 1px solid #F3FFE3;}
table.table2 td {padding: 2px;   text-align: left;   border: 1px solid #F3FFE3;}
table.c1 td     {border-collapse: collapse; font-size:10px  ; border: 1px solid #EEE; font-family: Arial, Helvetica, sans-serif; color:blue; padding: 0px }
table.c2 td     {border-collapse: collapse; font-size:10px  ; border: 1px solid #EEE; font-family: Arial, Helvetica, sans-serif; color:#800000; padding: 0px }
table.fibo      {border-collapse: collapse; font-size:12px  ; border: 1px solid #EEE; font-family: Arial, Helvetica, sans-serif; color:#800000; padding: 0px }
table.fibo td   {border-collapse: collapse; font-size:12px  ; border: 1px solid #EEE; font-family: Arial, Helvetica, sans-serif; color:#800000; padding: 0px ; text-align: right}
/* table.eng { border:4px solid green;    border-color:limegreen;  border-collapse: separate;   padding:1px; } */

/* vi  staat voor Volledige Inductie  */
#vi table  {   border-collapse: collapse; border-style:hidden ; font-family: Roboto ;}
#vi td     {   border-collapse: collapse; border-style:hidden ; font-family: Roboto ; padding: 1px}

table.kans td {border-collapse: collapse; padding: 0px;  line-height: 10pt;  text-align:right;   border: 1px solid #F3FFE3;}

p.a   { font-family: Times New Roman, Times, serif; font-size:25px}
p.b   { font-family: Arial, Helvetica, sans-serif; font-size:25px}
p.r   { font-family: Raleway, sans-serif; font-size:25px}
p.sof { font-family: Sofia,  sans-serif; font-size:25px}
p.rob { font-family: Roboto, sans-serif; font-size:25px; font-weight:normal}
p.t   { font-family: Tangerine, sans-serif; font-size:25px}
p.pa  { font-family: Pacifico, sans-serif;  font-size:25px}
p.po  { font-family: Poppins, sans-serif;   font-size:25px}
p.n   { font-family: Neucha, sans-serif;    font-size:25px}
p.s   { font-family: Sofia;                 font-size:25px}

.bigger {font-size: larger;}

.rob900n20 { font-family: Roboto ; font-weight:900; font-style:normal; font-size:20px}
.rob700n20 { font-family: Roboto ; font-weight:700; font-style:normal; font-size:20px}
.rob500n20 { font-family: Roboto ; font-weight:500; font-style:normal; font-size:20px}
.rob400n20 { font-family: Roboto ; font-weight:400; font-style:normal; font-size:20px}
.rob300n20 { font-family: Roboto ; font-weight:300; font-style:normal; font-size:20px}
.rob100n20 { font-family: Roboto ; font-weight:100; font-style:normal; font-size:20px}

p             {font-family: Calibri; font-size:11px ; letter-spacing: 1px;                 font-style: italic; }
p.center      {text-align:center; }
p.einde       {font-family: Calibri; font-size:13px ; letter-spacing: 0px; color:#4d4dff ; font-style: normal;}
p.dv          {font-family: Calibri; font-size:14px ; letter-spacing: 0px; color:#4d4dff ; font-style: normal; text-align:center;} 
p.boodschap   {font-family: Calibri; font-size:14px ; letter-spacing: 0px; color:#4d4dff ; font-style: normal;} 
p.links       {font-family: Calibri; font-size:14px ; letter-spacing: 0px; color:#4d4dff ; font-style: normal;} 
p.kiezen      {font-family: "Arial Black",Tahoma,Verdana,Calibri,"Myriad Pro Light",Verdana; font-size:13px ; letter-spacing: 1px; color:aqua ;} 
p.buik        {font-family: Calibri; font-size:16px ; letter-spacing: 0px; color:#4d4dff ; font-style: normal;} 
p.update      {font-family:  Verdana; fontsize:13px; letter-spacing: 0px; color: yellow; font-style: normal;}
p.pijl        {margin: 0;  padding: 0; font-family: Calibri; font-size:17px ; letter-spacing: 1px; font-style: bold italic; color:blue}
p.pijlnl      {margin: 0;  padding: 0; font-family: Calibri; font-size:12px ; letter-spacing: 1px; font-style: bold italic; color:blue}
p.pijlen      {margin: 0;  padding: 0; font-family: Calibri; font-size:12px ; letter-spacing: 2px; font-style: bold italic; color:white}
p.look        {margin: 0;  padding: 0; font-family: Verdana, Mistral, Arial Narrow, Calibri; font-size:30px ; letter-spacing: 2px; font-style: bold italic; color:white; text-align:right}
p.slank       {margin: 0;  padding: 2; font-family: Arial Narrow, Calibri, Verdana ; font-size:13px ; letter-spacing: 0px; color:#4d4dff ; font-style: normal;}
p.spiegel     {margin: 0;  padding: 5px 7px 1px; font-family: Calibri, Verdana ; font-size:18px ; letter-spacing: 1px; color:#4d4dff ; font-style: italic;}
p.translation {text-align:center ; font-family: Calibri,Arial,Verdana ; font-size:14px; letter-spacing: 1px; color:green;  font-style: italic; }
p.cesuur      {font-family: Garamond, "Arial Narrow", "Helvetica Condensed", "Myriad Pro Condensed", "League Gothic", "Futura Condensed", "Generica Condensed", Soho, Perpetua, Arial, Helvetica; font-size:12px ; letter-spacing: 0px ; color: white ; font-style: normal;}
p.kleinebr    {font-family: Calibri; font-size:6px ; letter-spacing: 1px; font-style: italic; }
p.benje       {font-family: Borderland, Nova, Garamond, "Helvetica Condensed", "Arial Narrow",  "Myriad Pro Condensed", "League Gothic", "Futura Condensed", "Generica Condensed", Soho, Perpetua, Arial, Helvetica; font-size:14px ; letter-spacing: 0px ; color: black ; font-style: normal;}
p.engels      {font-family: Tahoma,Verdana,'Trebuchet MS', Borderland, Nova, Garamond, "Helvetica Condensed", "Arial Narrow",  "Myriad Pro Condensed", "League Gothic", "Futura Condensed", 
"Generica Condensed", Soho, Perpetua, Arial, Helvetica; font-size:12px ; letter-spacing: 1px ; color: grey ; font-style: normal; padding: 0; margin: 1px 0}
p.telling     {font-family: Roboto,Tahoma,Verdana; font-size:11px;   font-weight: 400;   color: blue;   }
p.oplossing   {font-family: Roboto,Tahoma,Verdana; font-size:13px; letter-spacing: 3px ;  font-weight: 500;   color: blue; text-align:center  }
/**    <br><sup>&emsp; <font color="#00A800">telling vanaf 1 jan. 2021</font></sup>    */
div.engels21  {font-family: Roboto,Tahoma,Verdana,Helvetica; 
               font-size:11px ; 
               letter-spacing: 1px ; 
               color: grey; 
               font-style: italic; 
               }

div.lh04 {line-height: 4pt}
div.lh05 {line-height: 5pt}
div.lh06 {line-height: 6pt}
div.lh07 {line-height: 7pt}
div.lh08 {line-height: 8pt}
div.lh09 {line-height: 9pt}
div.lh10 {line-height: 10pt}
div.lh11 {line-height: 11pt}
div.lh12 {line-height: 12pt}
div.lh13 {line-height: 13pt}
div.lh14 {line-height: 14pt} 
div.lh15 {line-height: 15pt}
div.lh16 {line-height: 16pt}
div.lh17 {line-height: 17pt}
div.lh18 {line-height: 18pt}
div.lh19 {line-height: 19pt} 
div.lh20 {line-height: 20pt}
div.lh21 {line-height: 21pt}
div.lh22 {line-height: 22pt}
div.lh23 {line-height: 23pt}
div.lh24 {line-height: 24pt}
div.lh25 {line-height: 25pt}
div.lh26 {line-height: 26pt}
div.lh27 {line-height: 27pt}
div.lh28 {line-height: 28pt}
div.lh29 {line-height: 29pt}
div.lh30 {line-height: 30pt}
div.lh32 {line-height: 32pt}
div.lh35 {line-height: 35pt}
div.lh40 {line-height: 40pt}
/**
var txt = "Hello World!";
document.write("The original string: " + txt);
document.write("<p>Big: " + txt.big() + "</p>");
document.write("<p>Small: " + txt.small() + "</p>");
document.write("<p>Bold: " + txt.bold() + "</p>");
document.write("<p>Italic: " + txt.italics() + "</p>");
document.write("<p>Fixed: " + txt.fixed() + "</p>");
document.write("<p>Strike: " + txt.strike() + "</p>");
document.write("<p>Fontcolor: " + txt.fontcolor("green") + "</p>");
document.write("<p>Fontsize: " + txt.fontsize(6) + "</p>");
document.write("<p>Subscript: " + txt.sub() + "</p>");
document.write("<p>Superscript: " + txt.sup() + "</p>");
document.write("<p>Link: " + txt.link("https://www.w3schools.com") + "</p>");
document.write("<p>Blink: " + txt.blink() + " (works only in Opera)</p>");
*/

/*h2 { margin-top: 4px; margin-bottom: 5px; margin-right: 5px; margin-left: 5px; font-weight:bold; line-height:33px } */

ul { list-style: none; padding: 4px 0; background-color:#ccc;  }
/*   li { display: inline; padding 40px; }  */
li:hover { background-color: #eee; }
 
/** Menu 
#menu { 	height: 35px; }
#menu ul {	float: center;
	padding: 10px 0 0 20px;
	list-style: none;
	line-height: normal;  }
#menu li { display: inline; font-size:30px}
#menu a { padding-right: 35px; 	text-decoration: none; 	color: red; }
#menu a:hover { text-decoration: underline; color: blue; } 
#colOne { 	float: center;
	width: 1460px;
	padding-right: 80px;
	background: url("______________gricha25.gif") no-repeat; }
#v123456 {font-family: Myriad Pro Light,Trebuchet MS,Verdana,Arial,Futura,Garamond,Helvetica; font-size:15px;  } 
*/
.bgclichtlichtgeel{ background-color: #FFFF99;}
.bgclichtgeel{ background-color: #FFFF66;}
.bgcgeel     { background-color: yellow;}
.bgclavendel { background-color: lavender;}
.bgcblauw    { background-color: #D2EFE8;}
.bgcoranje   { background-color: #FFAF7A;}
.bgcgroen    { background-color: #ADFF2F;}
.bgcpink     { background-color: #FBE4FF;}
.bgclichtblauw    { background-color: #D5FFFF;}

/*.container { box-sizing:border-box; width: 1470px; border: 5px solid black ;  background: #F5F5DC;  } */
.container {    display:inline-block;
                width: 50%;
                max-width: 300px;
                border: 1px solid #000:
}

.va {vertical-align: middle}
.ta {text-align:left; }

.zesjaren  { box-sizing:border-box; width: 13.4%;  border: 1em silver ridge; padding: 0.5em; margin:0; float:left } 

.a { line-height: normal; }
.b { line-height: 1.6; }
.c { line-height: 80%; }
.d { line-height: 200%; }
.h12{line-height: 12px }

.right {   text-align: right;   margin-right: 1em; }
.left  {   text-align: left;    margin-left: 1em;  }

#grad1 {
    font-family: Myriad Pro Light, Calibri, Trebuchet MS,Verdana,Arial,Futura,Garamond,Helvetica;
    color: blue;
	height: 166px;
    background: lightblue; /* For browsers that do not support gradients */
    background: linear-gradient(to bottom right, lightblue, white); /* Standard syntax (must be last) */    
	   }
#grad2 {
    height: 200px;
    background: linear-gradient(red, yellow, blue);  }

#box {
    font-family: Myriad Pro Light, Calibri, Trebuchet MS,Verdana,Arial,Futura,Garamond,Helvetica; 
	background-color: lightgrey;
    width: 755px;
    border: 3px solid green;
    padding: 3px;
    margin: 10px;
}

#header {
    width: 100%;
    background-color: red;
    height: 30px;
}

#container {
    width: 960px;
    background-color: transparant;
    margin: auto;
}
#links {
font-family: Calibri, Arial, Helvetica, Tahoma, Geneva, Georgia;
	font-size: 15px;
	width: 100px;
    float: left;
    height: 320px;
    background-color: AntiqueWhite;
    padding-left: 5px;
}
#first {
    font-family: Calibri, Arial, Helvetica, Tahoma, Geneva, Georgia;
	font-size: 15px;
	width: 280px;
    float: left;
    height: 320px;
    background-color: #FFCC99;
}
#second {
    font-family: Calibri, Arial, Helvetica, Myriad ,Verdana, Tahoma, Geneva, Georgia;
	font-size: 15px;
    width: 4440px;
    float: left;
    height: 320px;
    background-color: azure;
}
#third {
    font-family: Calibri, Arial, Helvetica, Tahoma, Geneva, Georgia;
	font-size: 15px;
	width: 280px;
    float: left;
    height: 320px;
    background-color: #FFCC99;
}
#rechts {
font-family: Calibri, Arial, Helvetica, Tahoma, Geneva, Georgia;
	font-size: 15px;
	width: 40px;
    float: left;
    height: 320px;
    background-color: #FFFFFF;
    padding-left: 10px;
}
#clear {
    clear: both;
}