﻿
body {
background-color : #ddd;
text-align : center;
background-image : url('../../images/bg.png');
}
#site {
margin : 15px auto;
border : 2px solid #ccc;
width : 800px;
background-color : white;
font : 10pt Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
}
#header {
margin : 0 auto;
text-align : left;
height : 100px;
width : 760px;
border-bottom : 5px solid #f8af6e;
padding-top : 15px;
}
#content {
margin : 0 auto;
text-align : left;
width : 760px;
padding : 10px 20px;
display : table-cell;
max-width:1000px;
}
#banner {
margin-left : 100px;
}
#waaromfoxxl {
margin-left : 80px;
}
#footer {
margin:				0px auto;
padding:			5px;
color:				#999;
border-top:			1px solid #ddd;
text-align:			left;
font-size:			8pt;
position:relative;
}
#logo {
float : right;
}
#tabs {
position : relative;
top : 70px;
}
.tab-groot {
background-color : lime;
}
.tab-mi {
background-image : url('../../images/tab-groot-mid.png');
color : white;
font : 10pt Arial, Helvetica, sans-serif;
position : relative;
top : -5px;
height : 28px;
display : inline;
background-color : white;
}
#validator {
float : right;
}
a {
color : #f58020;
text-decoration : none;
outline:none;
}
a:hover {
text-decoration : underline;
}
li {
vertical-align : middle;
}
h1 {
color : #f58020;
font : bold 18pt Arial, Helvetica, sans-serif;
}
h2 {
color : black;
font : bold 11pt Verdana, Arial, Helvetica, sans-serif;
border-bottom : 5px solid #f8af6e;
width : 500px;
margin-top : 60px;
}
img {
border : 0;
}
.right_nav {
float : right;
text-align : right;
}
.menu_orange {
margin-left : auto;
margin-top : 15px;
}
.menu_top {
width : 164px;
height : 36px;
padding-left : 20px;
text-align : left;
font-weight : bold;
}
.menu_mid {
width : 184px;
text-align : center;
}
.menu_bot {
width : 184px;
height : 18px;
}
.menu_gray {
margin-top : 15px;
}
.menu_gray .menu_top {
background-image : url('../../images/menu-gray-top.png');
}
.menu_gray .menu_mid {
background-image : url('../../images/menu-gray-mid.png');
}
.menu_gray .menu_bot {
background-image : url('../../images/menu-gray-bot.png');
}
.menu_orange .menu_top {
background-image : url('../../images/menu-orange-top.png');
}
.menu_orange .menu_mid {
background-image : url('../../images/menu-orange-mid.png');
}
.menu_orange .menu_bot {
background-image : url('../../images/menu-orange-bot.png');
}
.right_nav .menu_orange, .right_nav .menu_gray {
position : relative;
left : 35px;
    top: -7px;
}
.menu_mid a {
color : #111;
text-decoration : underline;
}
.foxxl {
font : 14pt Arial;
}
.news {
width : 500px;
}
.newsitem {
width : 500px;
border-bottom : 1px solid #ccc;
margin-bottom : 15px;
padding-bottom : 5px;
}
.news-last {
border-bottom : 1px solid white !important ;
}
.news-image {
float : left;
padding-right : 8px;
}
.news-date {
color : #aaa;
font-size : 8pt;
float : right;
}
.imagefloat {
float : left;
}
.imagefloat img {
width : 100px;
height : 100px;
border : 2px solid #f90;
}
.imageright {
float : right;
}
.imageleft {
float : left;
}
dt {

}
dd {
margin-left : 0;
margin-bottom : 10px;
}
.pakketten {
border : 2px solid black;
border-collapse : collapse;
}
.pakketten td {
border : 2px solid black;
font-size : 8pt;
padding : 4px;
}
.pakketten .header_left {
background-color : #ff9900;
font-weight : bold;
}
.pakketten .main_left a {
color : black;
}
.pakketten .header_right {
background-color : #ffcc99;
text-align : center;
}
.pakketten .main_left {
background-color : #cccccc;
font-weight : bold;
}
.pakketten .main_right {
text-align : center;
}
table.bestel {
border-collapse : collapse;
}
table.bestel td {
padding : 4px;
}
table.bestel thead tr {
background-color : #ff9900;
font-weight : bold;
}
table.bestel tfoot tr td {
border-top : 1px solid black;
}
.textbox, select, textarea {
border : 1px solid #ff9900;
font : 10pt Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
}
.verplicht {
color : #ff9900;
font-weight : bold;
font-size : 12pt;
}
.error {
color : red;
}
.small {
font-size : 8pt;
}
form {
display : inline;
}
.domeinen {
border : 2px solid black;
border-collapse : collapse;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
}
.domeinen th {
border : 2px solid black;
font-size : 8pt;
background-color : #ffcc99;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
text-align : center;
}
.domeinen td {
border : 2px solid black;
font-size : 8pt;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
text-align : center;
}
select {
border : 1px solid #f90;
}

