/*/
 * 
 * Cascading Style Sheet
 * 
 * style.css
 * 
 * Company: AT-Webdesign
 * Creator: Peter Mudde
 * 
/*/


/* ELEMENTEN */
* {
margin:0; 
padding:0;
} 

a img {
border:0;
}

#break{
clear:both;
}

p {
margin-bottom:10px;
}

/* BASIS */
html, body{
text-align:center;
background:#ebebea;
font-family:arial;
}

#preload { 
display: none; 
z-index:-10; 
}

#box {
width:982px;
margin:0 auto;
margin-top:20px;
text-align: left;
}

#top {
width:982px;
height:10px;
background:url(../images/bg_shadow_top.png) no-repeat top left;
}
#mid {
width:982px;
height:auto;
min-height:300px;
}
#bottom {
width:982px;
height:10px;
background:url(../images/bg_shadow_bottom.png) no-repeat top left;
}

#left {
width:10px;
height:347px;
background:url(../images/bg_shadow_left.png) no-repeat top left;
float:left;
}
#center {
width:962px;
height:auto;
min-height:363px;
float:left;
}
#right {
width:10px;
height:347px;
float:left;
background:url(../images/bg_shadow_right.png) no-repeat top left;
}

/* HEADER */
#header {
width:962px;
height:50px;
color:#3762ba;
font-size:11px;
background:#fff;
}
#header a {
color:#3762ba;
font-size:11px;
text-decoration:none;
}
#header a:hover {
text-decoration:underline;
}
#header h1 {
font-size:18px;
font-weight:normal;
margin-top:20px;
color:#505050;
}
#header h1 b {
font-size:22px;
color:#3762ba;
} 
#header_links {
width:664px;
height:50px;
margin-left:8px;
float:left;
}
#header_rechts {
width:283px;
height:19px;
padding:31px 0px 0px 0px;
float:left;
text-align:right;
color:#333333;
}
#header_rechts span {
color:#3762ba;
}
#header_rechts a{
text-decoration:none;
color:#3762ba;
}

/* MENU */
#menu {
width:962px;
height:26px;
background:url(../images/bg_menu.png) repeat-x top left;
color:#fff;
margin:0px;
}

#menu a {
display:block;
width:auto;
height:20px;
margin-left:-1px;
padding:6px 30px 0px 30px;
float:left;
text-decoration:none;
color:#fff;
font-size:12px;
border-left:1px solid #666;
border-right:1px solid #666;
background:none;
}
#menu a:hover {
background:#818080;
}
#menu_span {
width:800px; /* Stel deze in voor een goede menu-centratie */
height:auto;
margin:0 auto;
}

/* BANNER */
#banner {
width:922px;
height:122px;
padding:55px 0px 0px 40px;
background:url(../images/bg_banner.png) no-repeat top left;
color:#fff;
font-size:13px;
}
#banner h2 {
font-size:18px;
font-weight:normal;
margin-bottom:3px;
}
#banner_tekst {
width:664px;
height:auto;
float:left;
color:#403f3f;
}
#banner_tekst h2{
color:#fff;
}
#banner_foto {
width:178px;
height:auto;
float:left;
}
#banner_foto img {
margin:-28px 0px 0px 64px;
}

/* ICONENBALK */
#iconenbalk {
width:962px;
height:94px;
background:url(../images/bg_iconenbalk.png) repeat-x top left;
color:#666;
font-size:12px;
}
#iconenbalk a {
color:#666;
font-size:12px;
text-decoration:none;
}
#icoon1 {
width:240px;
height:94px;
border-right:1px solid #666;
float:left;
}

#icoon2 {
width:239px;
height:94px;
border-right:1px solid #666;
float:left;
}

#icoon3 {
width:239px;
height:94px;
border-right:1px solid #666;
float:left;
}
#icoon4 {
width:240px;
height:94px;
float:left;
}
a:hover #icoon1,
a:hover #icoon2,
a:hover #icoon4,
a:hover #icoon3 {
background:#dcdcdc;
text-decoration:none;
}

.icoon_tekst {
width:120px;
height:70px;
margin:18px 10px 0px 14px;
float:left;
text-decoration:none;
font-size:12px;
}
.icoon_foto {
width:80px;
height:70px;
margin-top:6px;
float:left;
}

/* CONTENT  */
#content {
width:962px;
height:auto;
margin:0px -10px 0px -10px;
padding:15px 10px 15px 10px;
background:url(../images/bg_content.png) repeat-y top left #fff;
}
#content a { 
color:#373737;
}
#content a:hover {
text-decoration:none;
}

#linkstop {
width:675px;
height:13px;
margin-left:15px;
padding:5px 0px 8px 10px;
background:url(../images/bg_teksttop.png) repeat-y top left;
font-size:13px;
color:#ffffff;
font-weight:600;
}

#tekstvak{
width:661px;
height:auto;
margin-left:15px;
padding:12px;
background:url(../images/bg_tekst.png) no-repeat top left #fff;
float:left;
font-size:13px;
color:#373737;
}
#links {
width:700px;
height:auto;
float:left;
font-size:13px;
color:#373737;
}
#links h2 {
font-size:17px;
font-weight:bold;
color:#2e529c;
margin-bottom:7px;
}

#rechts {
width:224px;
height:auto;
float:left;
}

.kopje {
width:224px;
height:71px;
margin:0px 0px 15px 20px;
border:1px solid #666565;
background:url(../images/bg_kopjes.png) no-repeat top left #E8E8E8;
}

.kopje_text{
width:140px;
height:52px;
padding:12px 7px 7px 7px;
font-size:12px;
color:#373737;
float:left;
}

.kopje_img{
width:53px;
height:53px;
padding: 9px 13px 9px 4px;
float:left;
}

.kopje_text b {
font-size:13px;
color:#2d519a;
}
.kopje a {
text-decoration:none;
color:#373737;
}
.kopje a:hover {
text-decoration:none;
}