* {
margin:0;
padding:0;
text-decoration:none;
}

body {
background-color:#bdb191;
color:#330;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(../images/screen.jpg);
background-repeat:repeat;
}

/* BASIS ---------------------------------------------------*/

#preheader {
width:960px;
height:19px;
background:url(../images/a-top.png) no-repeat center bottom;
margin:6px auto 0;
}

#container {
width:940px;
background:url(../images/a-mid.png) repeat-y center;
margin:0 auto;
padding:0 10px;
}

#bottom {
width:960px;
height:23px;
background:url(../images/a-bot.png) no-repeat center top;
margin:0 auto;
}

/* KOP --------------------------------------------*/

#kop {
width:920px;
height:74px;
background-color:#FFF;
padding-right:20px;
background-image:url(../images/tdkopscreen.gif);
background-repeat:repeat-y;
}

#kopnavcontainer {
padding-top:47px;
text-align:right;
float:right;
}

#navkop li {
display:inline;
list-style-type:none;
}

#navkop a {
margin-left:30px;
border-top:1px dotted #CCC;
padding:5px 0 0;
}

#navkop a:hover {
color:#330;
border-top:1px solid #C60;
}

#active {
color:#C60;
margin-left:30px;
border-top:1px dotted #C60;
padding:5px 0 0;
}

/* HOME  --------------------------------------------*/

#inhoudhome {
width:920px;
height:465px;
background:#fff url(../images/screenhome.jpg) repeat-y;
padding:20px 20px 0 0;
}

#koltxt {
float:left;
width:195px;
height:442px;
border-top:1px dotted #FFF;
color:#FFF;
padding:10px 0 0 43px;
}

.txtvlak {
	height:361px;
}
#contenthome {
float:right;
width:616px;
color:#fff;
}

#links,#midden,#rechts {
width:188px;
border-top:1px dotted #FFF;
border-bottom:1px dotted #FFF;
padding:10px 0 15px;
}

#links-,#midden-,#rechts- {
width:188px;
border-bottom:1px dotted #FFF;
padding:10px 0 15px;
}

.homevisual {
margin-bottom:5px;
}

#contenthome a, #inhoudcontact a  {
color:#fff;
}

#contenthome a:hover, #inhoudmij a:hover, #contentlinks a:hover, #inhoudcontact a:hover, #contentpano a:hover {
color:#9CF;
}

/* PANORAMA  ---------------------------------------------------*/

#containerwerkpano {
width:920px;
height:465px;
background:#fff url(../images/screenwerk.gif) repeat-y;
padding:20px 20px 0 0;
}

#contentpano {
float:right;
width:616px;
}

#contentpano a {
color:#e0760a;
}

#panovoor {
	height: 169px;
	width: 616px;
	background-color: #666;
}

/* WERK  ---------------------------------------------------*/

#containerwerk {
width:940px;
height:465px;
background:#fff url(../images/screenwerk.gif) repeat-y;
padding:20px 0 0;
}

#kolnav li {
background: url(../images/screenwerkbut.gif) repeat-y;
}

#kolnav li a {
color:#330;
display:block;
width:195px;
padding:4px 0 5px 43px;
}

#kolnav li a#current {
background:#FFF;
color:#C60;
width:228px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

#kolnav li a#currentfoto {
background:#FFF;
color:#C60;
width:228px;
border-top:1px solid #FFF;
}

#kolnav li a#fotoserie {
background:#FFF;
width:208px;
color:#898b7b;
border-top:1px dotted #CCC;
padding:4px 0 5px 63px;
}

#kolnav li a#currentfotoserie {
background:#FFF;
width:208px;
color:#330;
font-weight:700;
border-top:1px dotted #CCC;
padding:4px 0 5px 63px;
}

.lijntop {
border-top:1px dotted #fff;
width:238px;
}

.lijntopbot {
border-top:1px dotted #fff;
border-bottom:1px dotted #fff;
width:238px;
}

.lijnbot {
border-bottom:1px dotted #fff;
width:238px;
}

#contentwerk {
float:right;
width:636px;
color:#330;
}

#contentwerk a {
color:#C60;
}

#contentloop {
float:right;
width:636px;
text-align: center;
padding-top:30px;
}

#fotoloop {
margin: 0 auto;
text-align: center;
}

#fotoloop img {
}


/* OVER MIJ  ---------------------------------------------------*/

#inhoudmij {
width:920px;
height:465px;
background:#fff url(../images/screenmij.jpg) repeat-y;
padding:20px 20px 0 0;
}

#kolmij {
float:left;
width:238px;
height:442px;
border-top:1px dotted #FFF;
padding:10px 0 0;
}

#rechtsgroot {
float:right;
width:402px;
border-top:1px dotted #FFF;
border-bottom:1px dotted #FFF;
padding:10px 0 20px;
}

#inhoudmij a {
color:#e0760a;
}

/* LINKS  ---------------------------------------------------*/

#containerlinks {
float:right;
width:920px;
background:#fff url(../images/screenlinks.jpg) repeat-y;
color:#fff;
padding:20px 20px 40px 0;
}

#contentlinks {
float:right;
width:616px;
border-top:1px dotted #CCC;
padding:10px 0 20px;
}

.line {
width:616px;
height:1px;
border-top:1px dotted #CCC;
margin:19px 0 10px;
}

.extralink {
background-color:#FFF;
border:5px solid #FFF;
margin:7px 0;
}

#kolnavlinks li {
background: url(../images/screenlinksbut.gif) repeat-y;
}

#kolnavlinks li a {
color:#fff;
display:block;
width:195px;
padding:4px 0 5px 43px;
}

.lijnlinkstop {
border-top:1px dotted #CCC;
width:238px;
}

.lijnlinkstopbot {
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
width:238px;
}

.lijnlinksbot {
border-bottom:1px dotted #CCC;
width:238px;
}

#contentlinks a {
color:#CCC;
}

.naarboven {
float:right;
color:#999;
font-size:10px;
background:url(../images/links/pijlnaarboven.png) right no-repeat;
padding-right:15px;
}

/* CONTACT  ---------------------------------------------------*/

#inhoudcontact {
width:920px;
height:465px;
background:#fff url(../images/screencontact.jpg) repeat-y;
padding:20px 20px 0 0;
}

.verplicht {
font-size:11px;
font-style:italic;
color:#e0760a;
}

#contact-area {
width:402px;
margin-top:10px;
}

#contact-area input,#contact-area textarea {
width:392px;
border:1px solid #FFF;
margin:0 0 10px;
padding:5px;
}

#contact-area textarea {
height:160px;
}

#contact-area textarea:focus,#contact-area input:focus {
border:1px solid #330;
}

#contact-area input.submit-button {
width:100px;
float:left;
background:#e0760a;
}

label {
text-align:left;
margin-right:15px;
width:100px;
padding-top:5px;
font-size:12px;
}

/* EXTRA  ---------------------------------------------------*/

#clear {
clear:both;
}

.clear {
clear:both;
}

.foto {
background-color:#FFF;
margin:0 auto;
}

#containertupres {
width:774px;
background-color:#FFF;
height:580px;
margin:0 auto;
padding:10px;
}

/* DOWNLOAD  ---------------------------------------------------*/

#inhoudupdown {
width:940px;
height:auto !important;/*all browsers except ie6 will respect the !important flag*/
min-height:465px;
height:465px;/*Should have the same value as the min height above*/
background:#fff url(../images/screenupdown2.gif) repeat-y;
padding:20px 0 0;
}

#contentdown {
float:right;
width:900px;
color:#330;
}

#contentload {
float:right;
width:890px;
background:#dfdfd9 url(../images/screenwerkbut.gif) repeat-y;
padding:10px 10px 10px 7px;
border-top:1px dotted #996;
border-bottom:1px dotted #996;
}

#inupload {
text-align:left;
color:#330;
padding:4px;
}

#koplogo,#midden,#midden- {
float:left;
}

#navkop a:link,#navkop a:visited,a {
color:#330;
}

#links,#links- {
float:left;
margin-right:26px;
}

#rechts,#rechts- {
float:right;
}

#kolnav,#kolnavlinks {
float:left;
width:271px;
height:442px;
}

#kolnav ul,#kolnavlinks ul {
list-style-type:none;
}

#kolnav li a:hover,#kolnavlinks li a:hover,#contentwerk a:hover {
font-weight:700;
}

/* PANORAMA  ---------------------------------------------------*/

#page {
text-align: center;
color: #000;
}
#page a {
color: #000;
}
#page .panorama-viewport {
margin-left: auto;
margin-right: auto;
border: 1px solid #CCC;
}

/* TEKST  ---------------------------------------------------*/

p {
line-height:18px;
font-size:12px;
margin:0;
}

h1 {
font-size:16px;
font-weight:400;
line-height:36px;
letter-spacing:0.1em;
}

h2 {
color:#FFF;
font-size:16px;
font-weight:400;
line-height:24px;
letter-spacing:0.1em;
}

.plus {
margin-bottom:12px;
}

h3 {
color:#e0760a;
font-size:14px;
font-weight:400;
line-height:20px;
}

h4 {
font-size:16px;
font-weight:700;
line-height:32px;
margin-top:10px;
letter-spacing:0.1em;
}

.hgroter {
font-size:12px;
font-weight:700;
}

.xtragroot {
font-size:16px;
}

.wit {
color:#fff;
}

#grijsvlak {
	padding:0 4px 10px;
	background-color: #e0760a;
}
.paddinglinks {
padding-left:43px;
}