/* Alle css komen hier samen, slechts EEN hoeft daarom in dochead_end genoemd te worden */
/*
AMT kleuren:
paars: #a11075 zie amtcolor
 geel: #ffcc00 (of #ffe401 is exact de kleur van het logo)
standaard: #330033
*/
/* *{ margin:0; padding:0; } werkt NIET --> gewone verticale lijst voor menu */

@import "amt_nav.css";
@import "form_amt.css";

.amtcolor		{color: #a11075;}
.amtgeel		{color: #ffcc00;}
.amtlogogeel	{color: #ffe401;}

body {
margin:0; padding:0px;
height: 100%;
}

#omhulsel {
text-align: center;
margin:0; padding:0px;
height: 100%;
}

#bodykop {
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius: 15px 15px 15px 15px; /* for some reason you have to declare all corners in ie*/

background: url(../images/bg2.png) repeat-x;
margin: 0px auto 6px;
padding: 0;
text-align: center;
width: 1085px;
}


.paginainhoud {
border-spacing: 0;
padding: 0px;
margin: 0 auto;
width: 1085px;
height: 100%;
text-align: left;
float:none;
/*border:1px dashed #333;*/
background: url(../images/background.jpg);
font: normal 12px Arial;
color: #330033;
}

.paginainhoud td {
padding: 0px;
margin: 0px;
border: 0;
}

.paginainhoud h1 {
color: #a11075;
font: italic bold 32px Arial;
text-shadow: 1px 1px 4px #666;
margin-top: 18px;
margin-bottom: 20px;
height: 38px;
filter: Shadow(Color=#cccccc, Direction=135, Strength=8);
	/*werkt wel, maar is lelijk in MSIE */
}

.paginainhoud h2 {
color: #a11075;
font: bold 24px Arial;
/*opacity: 0.35; werkt alleen in Firefox */
}

.paginainhoud h3 {
color: #a11075;
font: bold 16px Arial;
font-variant: normal;
}

.linkerblok {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px 10px 10px 10px; /* for some reason you have to declare all corners in ie*/
float: left; 
border: 1px solid #000000; 
width: 120px; 
min-height: 100%;	/* is min-height standaard? */
padding: 8px 0px 8px 8px;
margin-top: 0px;
margin-left: 0px;
margin-right: 24px;
margin-bottom: 12px;
background: url(../images/walti_f-111_5.jpg) top right fixed;
font-size: 12px;
color: #a11075;
}

.linkerblok img {
margin-left: -3px;
margin-right: 9px;
padding: 3px 0px 3px 0px;
}

.linkerblok .imprint {
font-weight: bold;
margin-bottom: 0px;
}

.linkerblok .extra {
color: #330033;
}




/* MIDDEN BLOK */
.middenblok {
/*border: 1px solid #ff0000; */
margin: 0px;
height: 100%
}

.middenblok .retro {
padding: 4px;
border: 1px solid #336699;
}

.middenblok .pagkop {
background: url(../images/bgkopjes.png);
font-size: 18px;
padding: 4px;
margin-top: 18px;
margin-bottom: 20px;
color: #ffcc00;
}

.middenblok .nieuwsdatum{
float: left;
width: 111px;
padding: 0px 4px 1px;
margin-right: 8px;
background: #cccccc;
background: url(../images/bg2hor.png);
color: #ffcc00;
font-weight: bold;
}

.middenblok .nieuwsitem {
margin-top: 6px;
margin-left: 132px;
margin-bottom: 24px;
color: #330033;
}

.middenblok .redbar {
list-style-image:url(../images/red.gif);
line-height: 26px;
}

/* middenblok specstable is voor pagina met turbine specs: specs.php */

.middenblok .specstable table {
width: 100%;
}

.middenblok .specstable th {
text-align: center;
font-weight: bold;
background: #cccccc;
margin: 1px;  /* ipv cellspacing=3 bij table */
}

.middenblok .specstable th:first-child {background: #ffffff;}

.middenblok .specstable th a,
.middenblok .specstable th a:visited {
color: #330033;
}

.middenblok .specstable th p a,
.middenblok .specstable th p a:visited {
font-weight: normal;
}

.middenblok .specstable tr {
text-align: left;
background: #999999;
}

.middenblok .specstable td {
font-weight: normal;
padding: 4px 0px 3px 4px;
color: #330033;
}

.middenblok .specstable td.yellowleft { font-weight: bold; background:#ffcc00;}
.middenblok .specstable td.mercury { font-weight: bold; color: #990000;}
.middenblok .specstable td.pegasus { font-weight: bold; color: #ffcc00;}
.middenblok .specstable td.olympus { font-weight: bold; color: #663366;}
.middenblok .specstable td.titan { font-weight: bold; color: #006600;}
.middenblok .specstable td.nike { font-weight: bold; color: #000066;}

/* middenblok eventstable is voor paginas met event calendar: schedule_xx.php */
/* te beginnen met 2010 worden deze gevuld mbv een php script vanuit de database */
.middenblok .specstable table {
width: 100%;
}

.middenblok .eventstable tr {
background: #cccccc;
}

.middenblok .eventstable th {
font-weight: bold;
text-align: left;
}

.middenblok .eventstable td {
font-weight: bold;
text-align: left;
padding-left: 2px;
}


/* middenblok dealers is voor pagina met dealer adressen: AMT_dealer_list.php */

.middenblok .dealers {
width: 100%;
}

.middenblok .dealer {
text-align: left;
width: 33%;
min-height: 200px;
float: left;
}

.middenblok .dealer h3{
color: #a11075;
font: bold 16px Arial;
font-variant: normal;
}

/* middenblok logo is voor pagina met amt logo's: amt_logo.php */

.middenblok .logo {
margin-right: 72px;
text-align: left;
min-height: 170px;
float: left;
}

/* middenblok photos is voor pagina met foto galleries: photos.php */

.middenblok .photos {
width: 100%;
}

.middenblok .photo {
text-align: left;
width: 16.66666%;  /* aantal naast elkaar: 3-->33% 4-->25% 5-->20% 6-->16.6% */
min-height: 130px;
float: left;
}

.middenblok .photo h3{
color: #a11075;
font: bold 16px Arial;
font-variant: normal;
}

.middenblok .photoga1 {
text-align: center;
font-size: 16px;
font-weight: bold;
}

.middenblok .photoga1 p{
width: 600px;
margin: 10px auto 12px;
font-size: 14px;
font-weight: normal;
}

.rechterblok {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px 10px 10px 10px; /* for some reason you have to declare all corners in ie*/
float: right; 
border: 1px solid #000000; 
/*width: 180px; */
width: 170px;
min-height: 100%;	/* is min-height standaard? */
padding: 8px;
margin-left: 12px;
margin-bottom: 12px;
background: url(../images/bg2hor.png) 0 0 repeat-y;
font-size: 11px;
color: #ffcccc;
}

.rechterblok #bedrijfsdata {
padding: 0px;
margin-top: 6px;
margin-bottom: 0px;
color: #ffcc00;
font-weight: bold;
}

.rechterblok #amtinfo {
  -moz-border-radius:5px;		/* voor FireFox. */
  -webkit-border-radius:5px;	/* voor Safari & Google Chrome */
  border-radius: 5px 5px 5px 5px; /* for some reason you have to declare all corners in ie*/
  /* werkt NIET in MSIE, WEL in Opera?????? */
background: url(../images/bg2hor2.png) 100% 100% repeat-y;
padding: 8px;
/*width: 144px;*/
font-weight: bold;
margin: 12px 0;
}

.rechterblok .randomfoto .fotoachtergrond{ /* oud, bovenste random test  */
margin:0;
padding:0;
background: #ffffff; }

.extra_info {
color: #999999;
}

#onderaan {
width: 100%;
text-align: center;
clear: both;
min-height: 50px;	/* is min-height standaard? */
background: url(../images/amtklein.gif)  no-repeat right 12px;
padding-bottom: 18px;
font: normal 12px Arial;
color: #330033;
}

#domeinen {
font-size: 9px;
}

.copyright {
font-size: 10px;
color: #cccccc;
clear: right; float: right;
}

.toiweb {
font-size: 10px;
color: #cccccc;
clear: left; float: left;
}

.normaal {font-weight: normal;}
.vet {font-weight: bold;}
.links {text-align: left;}
.midden {text-align: center;}
.rechts {text-align: right;}
.red {color: #990000;}
.wit {color: #ffffff;}
.amtcolor {color: #a11075;}
.groter {font-size: 14px;}
.px36 {font-size: 36px;}
.px32 {font-size: 32px;}
.px24 {font-size: 24px;}
.px20 {font-size: 20px;}
.px18 {font-size: 18px;}
.px16 {font-size: 16px;}
.px15 {font-size: 15px;}
.px14 {font-size: 14px;}
.px13 {font-size: 13px;}
.px12 {font-size: 12px;}
.px11 {font-size: 11px;}
.px10 {font-size: 10px;}
.px9 {font-size: 9px;}
.px8 {font-size: 8px;}

.result_table {
border: 1px solid #330033;
background: #cccccc;  
text-align: left;
}

tr .result_table  (
border: 1px solid #330033;
background: #00c0ff;  
padding-left: 12px;
}

.result_table  td (
border: 1px solid #330033;
font-family: Arial;
font-size: 40pt;
text-align: left;
}

div .rightarrow {
border: solid white;
border-width: 5px 0 5px 10px;
border-left-color: black;
font-size: 0;
line-height: 0;
width:0;
}