dd, p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i    { font-family:Arial,sans-serif; }

a:link { color:#AA0000; text-decoration:none; font-weight: bold}
a:visited { color:#AA0000; text-decoration:none; font-weight: bold}
a:active { color:#AA0000; text-decoration:none; font-weight: bold}
a:hover { color:#770000; text-decoration:underline; font-weight: bold}

a.MENU:link { color:#000000; text-decoration:none; font-weight: bold}
a.MENU:visited { color:#000000; text-decoration:none; font-weight: bold}
a.MENU:active { color:#000000; text-decoration:none; font-weight: bold}
a.MENU:hover { color:#AA0000; text-decoration:underline; font-weight: bold}

a.LANGMENU:link { color:#AA0000; text-decoration:none; font-weight: bold; font-size:6pt;}
a.LANGMENU:visited { color:#AA0000; text-decoration:none; font-weight: bold; font-size:6pt;}
a.LANGMENU:active { color:AA0000; text-decoration:none; font-weight: bold; font-size:6pt;}
a.LANGMENU:hover { color:#660000; text-decoration:underline; font-weight: bold; font-size:6pt;}

a.LANGMENU2:link { color:#AA0000; text-decoration:none; font-weight: bold; font-size:10pt;}
a.LANGMENU2:visited { color:#AA0000; text-decoration:none; font-weight: bold; font-size:10pt;}
a.LANGMENU2:active { color:AA0000; text-decoration:none; font-weight: bold; font-size:10pt;}
a.LANGMENU2:hover { color:#660000; text-decoration:underline; font-weight: bold; font-size:10pt;}


a.MMENU:link { color:#000000; text-decoration:none; font-weight: bold}
a.MMENU:visited { color:#000000; text-decoration:none; font-weight: bold}
a.MMENU:active { color:#000000; text-decoration:none; font-weight: bold}
a.MMENU:hover { color:#AA0000; text-decoration:underline; font-weight: bold}


.liefer {
 display: none;
 }
.liefer2 {
 display: none;
 }
 

.rand { border:1px solid #999999;  }

.infobox {
  border: 1px solid black;
  border-radius: 10px;
  padding: 20px;
-webkit-box-shadow: 10px 10px 50px 9px rgba(0,0,0,0.19);
-moz-box-shadow: 10px 10px 50px 9px rgba(0,0,0,0.19);
box-shadow: 10px 10px 50px 9px rgba(0,0,0,0.19);
  margin: 20px;
  min-height: 140px;
  float: left;
  width: 40%;
}

.clearall {
  clear: both;
}

.mylist {
  margin-bottom: 20px;
}

@media (max-width: 999px) {
	.infobox {
     width: 35%;
  }
  
}
@media (max-width: 767px) {
	.infobox {
     width: 80%;
  }
  
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

.input1 {
	display: inline-block;
	vertical-align: top;
	font: 16px/1.5 "gotham_htf", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	border: 1px solid #cacacf;
	padding: 19px 25px;
	background: #fff;
	width: 100%;
	height: 64px;
	margin: 0 0 10px;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
  -webkit-box-shadow: 10px 10px 50px 9px rgba(0,0,0,0.19);
-moz-box-shadow: 10px 10px 50px 9px rgba(0,0,0,0.19);
box-shadow: 10px 10px 50px 9px rgba(0,0,0,0.19);
}

.input2
{
	display: inline-block;
	vertical-align: top;
	font: 16px/1.5 "gotham_htf", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	border: 1px solid #cacacf;
	padding: 19px 25px;
	background: #fff;
	width: 100%;	
	margin: 0 0 10px;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
  -webkit-box-shadow: 10px 10px 50px 9px rgba(0,0,0,0.19);
-moz-box-shadow: 10px 10px 50px 9px rgba(0,0,0,0.19);
box-shadow: 10px 10px 50px 9px rgba(0,0,0,0.19);
}

@media (min-width: 840px) {
	.desktopmenu {
		display: inline;
	}
	.mobilemenu {
		display: none;		
	}
	.searchmenu {
		width: 500px;
	}
	.programselect {
		width: 500px;
		size: 10;
	}	
	
	h1 { font-size:18pt; }
	h2 { font-size:16pt; }
	h2.sh2 { font-size:16pt; }
	h3,h3.xmp,h3.xpl,h3.inf,h3.tip { font-size:12pt; }
	h4 { font-size:10pt; }
	dd, p,ul,ol,li,div,td,th,address,nobr,b,i { font-size:10pt; }
	pre { font-family:Courier New,Courier; font-size:10pt; color:#0000C0; }
}
@media (max-width: 839px) {
	.desktopmenu {
		display: none;
	}
	.mobilemenu {
		display: inline;		
	}
	.searchmenu {
		width: 200px;
	}
	.programselect {
		width: 400px;
        size: 5;
	}	
	
	h1 { font-size:18pt; }
	h2 { font-size:16pt; }
	h2.sh2 { font-size:16pt; }
	h3,h3.xmp,h3.xpl,h3.inf,h3.tip { font-size:12pt; }
	h4 { font-size:12pt; }
	dd, p,ul,ol,li,div,td,th,address,nobr,b,i { font-size:12pt; }
	pre { font-family:Courier New,Courier; font-size:12pt; color:#0000C0; }

pre {
  overflow: auto;
}
img { max-width: 100%}
li {
/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
}