* {
margin : 0;
padding : 0;
}
body {
background : #8e7d6b url(../Graphics/Bg.jpg) repeat-x top left;
font-family : "Trebuchet MS", Arial, sans-serif;
font-size : 11px;
color : #76644f;
}
#container {
width : 866px;
margin : 0 auto 0 auto;
padding : 0 0 0 0;
}
#logo {
float : left;
width : 194px;
height : 151px;
}
#header_right {
float : left;
width : 672px;
height : 151px;
}
#header_top {
width : 672px;
height : 70px;
background : url(../Graphics/Header_top.jpg);
background-repeat : no-repeat;
}
#navigation {
width : 672px;
height : 38px;
}
#header_bottom {
clear : both;
width : 672px;
height : 43px;
background : url(../Graphics/Header_bottom.jpg);
background-repeat : no-repeat;
}
#nav1 {
float : left;
width : 62px;
height : 38px;
}
#nav2 {
float : left;
width : 78px;
height : 38px;
}
#nav3 {
float : left;
width : 89px;
height : 38px;
}
#nav4 {
float : left;
width : 89px;
height : 38px;
}
#nav5 {
float : left;
width : 79px;
height : 38px;
}
#nav6 {
float : left;
width : 108px;
height : 38px;
}
#nav7 {
float : left;
width : 97px;
height : 38px;
}
#nav8 {
float : left;
width : 70px;
height : 38px;
}
#main {
clear : both;
width : 866px;
height : 507px;
background : url(../Graphics/Bg_main.jpg);
background-repeat : no-repeat;
}
#foto {
float : left;
width : 359px;
height : 507px;
}
#fotoleeg {
float : left;
width : 359px;
height : 507px;
background : url(../Graphics/Foto.jpg);
}
#content {
float : left;
width : 507px;
height : 507px;
}
#text {
padding-top : 20px;
padding-left : 5px;
width : 470px;
line-height : 18px;
}
#footer {
clear : both;
width : 866px;
height : 74px;
background : url(../Graphics/Footer.jpg);
background-repeat : no-repeat;
font-size : 10px;
}
h1 {
font-size : 140%;
}
#footer_left {
float : left;
padding-top : 8px;
width : 556px;
padding-left : 30px;
}
#footer_right {
float : left;
text-align : right;
padding-right : 30px;
padding-top : 8px;
width : 250px;
color : #c2b4a4;
}
#footer a:link {
color : #c2b4a4;
text-decoration : none;
}
#footer a:visited {
color : #c2b4a4;
text-decoration : none;
}
#footer a:hover {
color : #c2b4a4;
text-decoration : underline;
}
#footer a:active {
color : #c2b4a4;
text-decoration : none;
}
ul {
padding : 0 2px 0 0;
margin : 3px 3px 0 20px;
text-indent : 1px;
list-style-position : outside;
list-style-image : url(../Graphics/Arrow4.jpg);
}
ul.inspring {
padding : 0 2px 0 20px;
margin : 3px 3px 0 20px;
text-indent : 1px;
list-style-position : outside;
list-style-image : url(../Graphics/Arrow4.jpg);
}
a:link {
color : #8e7d6b;
text-decoration : none;
}
a:visited {
color : #8e7d6b;
text-decoration : none;
}
a:hover {
color : #8e7d6b;
text-decoration : underline;
}
a:active {
color : #8e7d6b;
text-decoration : none;
}
textarea {
font-family : "Trebuchet MS", Arial, sans-serif;
}
.input {
border : 1px solid #b5aca5;
width : 400px;
padding : 3px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.input2 {
border : 1px solid #b5aca5;
width : 100px;
padding : 3px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.input3 {
border : 1px solid #b5aca5;
width : 273px;
padding : 3px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.input4 {
padding : 3px;
border : 1px solid #b5aca5;
width : 333px;
min-height : 83px;
font-size : 11px;
color : #65655b;
background-color : #f5f5f5;
color : #a39a94;
}
.input5 {
border : 1px solid #b5aca5;
width : 205px;
padding : 2px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.inputred {
border : 1px solid #e0314a;
width : 400px;
padding : 3px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.input2red {
border : 1px solid #e0314a;
width : 100px;
padding : 3px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.input3red {
border : 1px solid #e0314a;
width : 273px;
padding : 3px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.input4red {
padding : 3px;
border : 1px solid #e0314a;
width : 333px;
min-height : 83px;
font-size : 11px;
color : #65655b;
background-color : #f5f5f5;
color : #a39a94;
}
.input5red {
border : 1px solid #e0314a;
width : 205px;
padding : 2px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
#verstuur {
margin-top : 20px;
text-indent : -9999px;
font-size : 0;
background : url(../Graphics/Verstuur.jpg) no-repeat 50% 50%;
width : 103px;
height : 36px;
border : none;
cursor : pointer;
display : block;
}
#bevestigen {
margin-top : 20px;
text-indent : -9999px;
font-size : 0;
background : url(../Graphics/Bevestigen.jpg) no-repeat 50% 50%;
width : 104px;
height : 37px;
border : none;
cursor : pointer;
display : block;
}
.red {
color : #e0314a;
}
.tool-tip {
color : #ebe6e0;
width : 300px;
z-index : 13000;
}
.tool-title {
font-weight : bold;
font-size : 120%;
margin : 0;
color : #c2b4a4;
padding : 8px 8px 4px;
background : url(../Graphics/bubble2.png) top left;
}
.tool-text {
font-size : 11px;
padding : 4px 8px 8px;
background : url(../Graphics/bubble2.png) bottom right;
}
.tool-text A {
color : #069;
}
.tool-loading {
background : url(../Graphics/ajax_load.gif) no-repeat center center;
width : 30px;
height : 30px;
margin : 0 auto;
}
.inputb {
border : 1px solid #b5aca5;
width : 330px;
padding : 3px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.input2b {
border : 1px solid #b5aca5;
width : 90px;
padding : 3px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.input3b {
border : 1px solid #b5aca5;
width : 90px;
padding : 3px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.input4b {
padding : 3px;
border : 1px solid #b5aca5;
width : 40px;
font-size : 12px;
color : #65655b;
background-color : #f5f5f5;
color : #a39a94;
}
.inputbred {
border : 1px solid #e0314a;
width : 330px;
padding : 3px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.input2bred {
border : 1px solid #e0314a;
width : 90px;
padding : 3px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.input3bred {
border : 1px solid #e0314a;
width : 90px;
padding : 3px;
font-size : 12px;
background-color : #f5f5f5;
color : #a39a94;
}
.input4bred {
padding : 3px;
border : 1px solid #e0314a;
width : 40px;
font-size : 12px;
color : #65655b;
background-color : #f5f5f5;
color : #a39a94;
}
#menutitle {
margin-top : 12px;
margin-bottom : 5px;
background-image : url(../Graphics/Menutitle4.jpg);
width : 344px;
height : 48px;
}
#menutitle2 {
margin-bottom : 5px;
background-image : url(../Graphics/Menutitle4.jpg);
width : 344px;
height : 48px;
}
#menutitle3 {
margin-bottom : 5px;
background-image : url(../Graphics/Menutitle5.jpg);
width : 344px;
height : 48px;
}
#wijntabel {
border : 1px solid #efefef;
padding : 5px;
}
#wijntabel td {
border : none;
padding : 4px;
}
.hoverbox {
cursor : default;
list-style : none;
list-style-position : outside;
margin-left : -5px;
}
.hoverbox a {
cursor : default;
}
.hoverbox a .preview {
display : none;
}
.hoverbox a:hover .preview {
display : block;
position : absolute;
top : -33px;
left : -45px;
z-index : 1;
}
.hoverbox img {
background : #fff;
border-color : #aaa #ccc #ddd #bbb;
border-style : solid;
border-width : 1px;
color : inherit;
padding : 2px;
vertical-align : top;
width : 80px;
height : 75px;
}
.hoverbox li {
background : #e8e4e1;
border-color : #ddd #bbb #aaa #ccc;
border-style : solid;
border-width : 1px;
color : inherit;
display : inline;
float : left;
margin : 9px;
padding : 5px;
position : relative;
}
.hoverbox .preview {
border-color : #8d7e6b;
width : 300px;
height : 200px;
}