/* CSS Van Veen Witten - 2010 */

/*
Kleuren

Blauw/grijs:       #557F8F
Lichtblauw/grijs:  #88A6B1
Geel:              #FFCC00
BG:				   #DDE5E9

*/


body, html {
	margin:5px;
	background:#DDE5E9;
}

#container {
	height:auto;
	width:970px;
	margin:auto;
	background:#FFF;
}

h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:20px;
	color:#557F8F;
}

#header {
	width:970px;
	height:151px;
	background:#FFF;
}

#header2 {
	width:970px;
	height:200px;
	background:#FFF;
}

#logo {
	float:left;
	display:inline;
	width:267px;
	height:151px;
	background:#FFF;
}

#sloganContainer {
	float:left;
	display:inline;
	width:378px;
	height:151px;
	background:#557F8F;
}

#slogan {
	width:348px;
	height:67px;
	background:#557F8F;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	color:#FFF;
	line-height:22px;
	padding-top:50px;
	padding-left:30px;
}

#kruimel {
	width:348px;
	height:24px;
	background:#88A6B1;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	padding:10px 0 0 30px;
}

#ticker {
	width:653px;
	height:20px;
	background:url(../../images/bg_ticker.png) no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	padding:8px 20px 2px 30px;
}

#kruimel2 {
	width:348px;
	height:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	padding:5px 0 20px 0;
}

#foto {
	float:left;
	display:inline;
	width:323px;
	height:151px;
	border-left:1px solid #FFF;
	z-index:1;
	background:#557F8F;
}

#trans {
	clear:both;
	width:324px;
	height:151px;
	background:url(../../images/trans.png) bottom no-repeat;
	z-index:2;
	position:absolute;
}

#foto2 {
	float:left;
	display:inline;
	width:970px;
	height:151px;
	z-index:1;
}

#trans2 {
	clear:both;
	width:267px;
	height:200px;
	background:url(../../images/trans2.png) bottom no-repeat;
	z-index:9999;
	position:absolute;
}

#contentContainer {
	width:970px;
	height:auto;
	background:url(../../images/bg.png) repeat-y;
	margin-top:3px;
}

#menuContainer {
	float:left;
	display:inline;
	width:267px;
	height:auto;
	background:#FFCC00;
}


#menu {
	float:left;
	display:inline;
	width:267px;
	height:auto;
	background:#FFCC00;
}

#adres {
	float:left;
	display:inline;
	width:207px;
	height:auto;
	background:#557F8F;
	border-right:20px solid #88A6B1;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:18px;
	padding:20px 20px 20px 20px;
}
#adres a:link {
	color:#FFF;
	text-decoration: none;
}
#adres a:visited {
	color:#FFF;
	text-decoration: none;
}
#adres a:hover {
	color:#FC0;
	text-decoration: none;
}
#adres a:active {
	color:#FFF;
	text-decoration: none;
}

#slogan_menu {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	padding:20px;
	width:207px
	line-height:18px;
}

#contentVeld {
	float:left;
	display:inline;
	width:703px;
	height:auto;
}

#content {
	float:left;
	display:inline;
	width:653px;
	height:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	line-height:18px;
	padding:20px 20px 20px 30px;
	background:#FFF;
}
#content a:link {
	color:#557F8F;
	text-decoration: none;
}
#content a:visited {
	color:#557F8F;
	text-decoration: none;
}
#content a:hover {
	color:#FC0;
	text-decoration: none;
}
#content a:active {
	color:#557F8F;
	text-decoration: none;
}

#footer {
	clear:both;
	width:970px;
	height:20px;
	background:#FFF;
}

#footerGeel {
	float:left;
	display:inline;
	width:267px;
	height:20px;
	background:#FC0;
}

#footerMenu {
	float:left;
	display:inline;
	width:285px;
	height:17px;
	background:#557F8F;
	margin-left:378px;
	border-right:20px solid #88A6B1;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	padding:3px 0 0 20px;
}
#footerMenu a:link {
	color:#FFF;
	text-decoration: none;
}
#footerMenu a:visited {
	color:#FFF;
	text-decoration: none;
}
#footerMenu a:hover {
	color:#FC0;
	text-decoration: none;
}
#footerMenu a:active {
	color:#FFF;
	text-decoration: none;
}

/* ================= Submenu (in grijze vlakken) ================= */

#SubKnop1  {
	float:left;
	width:227px;
	margin:20px 0 20px 20px;
	background-color:#FC0;
	border-top:1px solid #FFF;
}


.navlist a:visited {
	color:#000000;
	text-decoration:none;
}

#SubKnop1 ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#SubKnop1 li a {
	display:block;
	padding:5px 0 6px 0px;
	width:227px;
	text-align:left;
	font:normal 11px Verdana, Geneva, sans-serif;
	border-bottom:1px solid #FFF;
}

#SubKnop1 a:link {
	color:#000000;
	text-decoration:none;
}

#SubKnop1 a:hover {
	background:#557F8F;
	background-position:0 0px;
	color:#FFF;
}
	
#SubKnop1 li.knopaan a {
	background:#FC0;
	color:#557F8F;
	font-weight:bold;
}

/* ================= Uitklapmenu (in grijze vlakken) ================= */

#sub1, #sub2, #sub3, #sub4, .submenu {
	display:none;
}

.knopaan #sub1, .knopaan #sub2, .knopaan #sub3, .knopaan #sub4, .knopaan .submenu {
	display:block;
}

#sub1 li a, #sub2 li a, #sub3 li a, #sub4 li a, .submenu li a {
	background:#B9CAD1 !important;
	color:#000 !important;
	border-bottom:none !important;
	font-weight:normal;
	text-transform:none;
	font-style:italic;
	font-weight:normal !important;
	padding-left:10px;
	width:217px;
}

#sub1 li a:hover, #sub2 li a:hover, #sub3 li a:hover, #sub4 li a:hover, .submenu li a:hover {
	background:#88A6B1 !important;
	background-position:0 10px !important;
	color:#000 !important;
	border-bottom:none !important;
	font-weight:normal !important;
}

/* ================= Formulier =================== */

.form2 {
	width:440px;
	margin:0;
	padding:0;
}

.textarea {
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	border:solid 1px #557F8F;
	background:#fff;
	color:#333;
	width:220px;
	height:100px;
	padding:4px 4px 4px 4px;
	overflow:auto;
}

.textarea2 {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	border:solid 1px #557F8F;
	background:#fff;
	color:#333;
	width:220px;
	height:100px;
	padding:4px 4px 4px 4px;
	overflow:auto;
}

.input {
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	border:solid 1px #557F8F;
	background:#fff;
	color:#333;
	width:220px;
	height:14px;
	padding:4px 4px 4px 4px;
	margin-bottom:10px;
}

.input2 {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	border:solid 1px #557F8F;
	background:#fff;
	color:#333;
	width:220px;
	height:14px;
	padding:4px 4px 4px 4px;
	margin-bottom:10px;
}

.label {
	width:150px;
	height:14px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
	cursor:pointer;
	margin-bottom:10px;
} 

.frmKnop {
	float:none!important;
	background:#557F8F!important;
	margin:10px 0 20px 210px!important;
	width:230px!important;
	height:25px!important;
	color:#fff!important;
	padding:0!important;
	font-weight:bold!important;
	cursor:pointer;
	border:1px solid #557F8F;
}

.frmKnop2 {
	float:none!important;
	background:#557F8F!important;
	margin:10px 0 20px 0px!important;
	width:230px!important;
	height:25px!important;
	color:#fff!important;
	padding:0!important;
	font-weight:bold!important;
	cursor:pointer;
	border:1px solid #557F8F;
}

#ticker marquee{
	float:left;
	height:15px;
	width:580px;
}
#foto2 a:link{
	cursor: default;
}#foto2 a:visited{
	cursor: default;
}
.pics {  
    height:  200px;  
    width:   970px;  
    padding: 0;  
    margin:  0;  
	overflow:hidden;
} 
.pics img {  
    padding: 0;  
    border-bottom: 0;
    border-top: 1px solid white;
    background-color: #eee;  
    width:  970px; 
    height: 200px; 
    top:  0; 
    left: 0;
}