/* 
Tinga Deuren
======================================================================================
URL:				http://www.tingadeuren.nl/
Start xhtml: 		10 juli 2008
======================================================================================
*/


@import url(/addsite/css/iconen.css);

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #FFFFFF; 
	background: #3E6082;
	-webkit-text-size-adjust: none;
}

		
html
{
	height: 100%;
}

a:link, a:visited { 
	color: #DFBB79;
	text-decoration: none;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #DFBB79;
	text-decoration: underline;
	}
	
a.nieuwskop:link, a.nieuwskop:visited { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #FF9933;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-decoration: none;
	}

a.nieuwskop:hover, a.nieuwskop:active { 
	color: #DFBB79;
	text-decoration: none;
	}	


.newsitem{
	float: left;
	width: 525px;
	padding-bottom: 20px;
	border-bottom: 1px solid #2F3874;
}

.newsfoto{
	float: left;
	width: 75px;
	height: 75px;
}

.newsfoto img{
	border: 0px;
	float: left;
	width: 75px;
	height: 75px;	
	padding-top: 5px;
}

.newstekst{
	float: right;
	width: 432px;
}


#bovenstuk {
	width: 100%;
	height: 117px;
	background: url(../images/bovenback.gif) top left repeat-x;
}

#content_boven {
	width: 870px;
	margin: 0 auto;
	height: 117px;	
}

#middenstuk {
	width: 100%;
	background: #121E50;
}

#content {
	width: 870px;
	margin: 0 auto;
	min-height: 200px;
	background: url(../images/contentback.gif) top left repeat-y;
	position: relative;
}

#linkerkant{
	float: left;
	width: 160px;
}

#logo{
	float: left;
	width: 160px;
	height: 139px;
}

#logo img{
	float: left;
	width: 160px;
	height: 139px;
	border: 0px;
}

#adresgegevens {
	float: left;
	width: 160px;
	height: 280px;
	background: url(../images/adresback.jpg) top left no-repeat;
}

.adres{
	width: 150px;
	height: 175px;
	position: absolute;
	left: 10px;
	bottom: 0px;
	font-size: 11px;
	line-height: 16px;
	color: #DFBB79;	
}

#teksten{
	float: left;
	width: 555px;
}

.tekstblok{
	float: left;
	width: 525px;
	padding: 15px 15px 25px 15px;
}

.tekstblok_form{
	float: left;
	width: 529px;
	padding: 5px 15px 25px 11px;
}

.fotos_rechts{
	float: right;
	width: 165px;
	padding: 0px 0px 10px 15px;
}

.fotos_rechts img{
	float: right;
	margin: 0px 0px 10px 0px;
	border: 0px;
	width: 163px;
	border: 1px solid #DC6F2C;
}

.fotooverzicht { 
	float: left;
	width: 525px;
	padding: 25px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}


.fotooverzicht img{ 
	float: left;
	margin: 0px 10px 10px 0px;
	border: 0px;
	width: 121px;
	height: 121px;
	}
	

.ronding { 
	float: left;
	width: 165px;
	height: 7px;
	margin-top: -17px;
	background: url(../images/ronding.png) top left no-repeat;
	}	
	
	/* Fix voor IE */
	* html .ronding
	{
		width: 170px;
		height: 7px;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/tinga/www/images/ronding.png', sizingMethod='crop');
	}	

					
#rechterkant {
	float: right;
	width: 155px;
}		


.teksten_top{
	float: left;
	width: 555px;
	height: 31px;
	background: url(../images/teksten_top.gif) top left repeat-x;
}

#onderstuk {
	width: 100%;
	height: 110px;
	background: url(../images/onderback.gif) top left repeat-x;
}

#content_onder {
	width: 870px;
	margin: 0 auto;
	height: 110px;
	background: url(../images/onderstuk.gif) top left no-repeat;
}

#logos{
	float: left;
	width: 160px;
	height: 40px;
}

.nbd{
	float: left;
	border: 0px;
	padding: 5px 10px 0px 33px;
}

.stabu{
	float: left;
	border: 0px;
	padding: 6px 10px 0px 0px;
}

#login{
	float: right;
	width: 155px;
	height: 37px;
	padding-top: 3px;
	text-align: center;
	line-height: 37px;
}

#login a:link, #login a:visited { 
	color: #ffffff;
	text-decoration: none;
	}

#login a:hover, #login a:active { 
	color: #ffffff;
	text-decoration: underline;
	}

#header{
	float: left;
	width: 870px;
	height: 97px;
	background: url(../images/header.gif) top left no-repeat;
}

#menu{
	float: left;
	width: 860px;
	height: 20px;
	background: url(../images/menu.gif) top left no-repeat;
	padding-left: 10px;
}

	


	
	
	

#green_block2 {
	float: left;
	width: 850px;
	height: 116px;
	background: url(../images/vervolgback.jpg) top left no-repeat;
	color: #ffffff;
}

#green_block2 .tekst{
	padding: 66px 30px 0px 250px;
}



		
.subkop {
	font-weight: bold;
}

.subkopform {
	color: #FF9933;
	font-weight: bold;
	float: left;
	margin-top: 10px;
}

.intro {
	color: #B4CFEF;
}

	
	
h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #FF9933;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	}
	
	
.kop { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #FF9933;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	}	
	
h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	color: #9B1F0E;
	padding: 0px 0px 0px 0px;
	}	
	
h3 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}	
	
h4 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	color: #242424;
	padding: 0px 0px 0px 0px;
	}	
	
h5 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 25px;
	line-height: 31px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}		
	
	
	
#footer { 
	width: 850px;
	height: 90px;
	float: left;
	background: url(../images/footerback.gif) top left no-repeat;
	color: #626262;
	padding-top: 31px;
	}
	
#footer1{
	padding-left: 15px;
	width: 235px;
	float: left;
}

#footer2{
	width: 250px;
	float: left;
}

#footer3{
	width: 320px;
	float: right;
	text-align: right;
	padding-right: 15px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { 
	color: #626262;
	text-decoration: underline;	
	}

		


.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer75 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


	


	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.btn_home, a.btn_home:link, a.btn_home:visited 
{
	float: left;
	width: 100px;
	height: 31px;
	background: url(../images/btn_home.gif) 0px 0px;
}

a.btn_home:hover, a.btn_home:active
{
	background: url(../images/btn_home.gif) 0px -31px;
	text-decoration: none;
}


.btn_meer, a.btn_meer:link, a.btn_meer:visited 
{
	float: left;
	width: 121px;
	height: 26px;
	background: url(../images/btn_meer.gif) 0px 0px;
	margin-right: 10px;
	color: #ffffff;
	line-height: 26px;
	text-align: center;
}

a.btn_meer:hover, a.btn_meer:active
{
	background: url(../images/btn_meer.gif) 0px -26px;
	text-decoration: none;
}

.snelnav, a.snelnav:link, a.snelnav:visited 
{
	float: left;
	width: 177px;
	height: 47px;
	background: url(../images/snelnav.gif) 0px 0px;
	color: #242424;
	margin-bottom: 20px;
	line-height: 22px;
	text-align: left;
}

a.snelnav:hover, a.snelnav:active
{
	background: url(../images/snelnav.gif) 0px -47px;
	text-decoration: none;
}

a.snelnav .groen {
	font-weight: bold;
	color: #92B81E;
}








	
/* There is a version of this file commented in great detail for educational purposes here:
 * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
 */

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:1.0;
}
.nav ul {
	position:absolute;
	top:-999em;	
}
.nav ul li,
.nav a {
	width: 100%;	
}

.nav li ul li a {
	text-align: left;
}

.nav li {
	float:left;
	position:relative;
	z-index:99;
}

.nav li#last{
	background: none;	
}

.nav li ul li{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
	
.nav a {
	display: inline;	
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:-1px;
	top: 20px;
	width: 155px;	
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
	width: 155px;	
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:155px;
	top:0px;
	width: 155px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav {
	float:left;
	margin-bottom:1.5em;
}
.nav li {
	background: url(../images/streepje.gif) top right no-repeat;
	padding: 0px 9px 0px 8px;
	border-bottom: 1px solid #ffffff;
	height: 19px;
	font-weight: bold;
}
.nav a:link, .nav a:visited {
	color: #253164;
	height: 19px;
	line-height: 19px;
	text-decoration:none;
}
.nav a:hover, .nav a:active {
	text-decoration:none;
}

.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	color: #ffffff;
}
.nav li li {
	background:#FF9833;
	padding: 2px 0px 2px 0px;
	text-indent: 10px;
	font-weight: normal;	
	border-bottom: 1px solid #253164;
}
.nav li li li {
	background:#FF9833;
	margin-left: 1px;
}


 /* Formulier
---------------------------------------------------------------------------------------------- */

form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	

input.button { 
	background: #FD9B39; 
	border-bottom: 1px solid #B2630C; 
	border-left: 1px solid #FFDC6A; 
	border-right: 1px solid #B2630C; 
	border-top: 1px solid #FFDC6A; 
	color: #ffffff; 
	margin: 5px 0px 10px 6px; 
	padding: 3px 5px 3px 5px; 
	}
	
input.button2 { 
	background: #988A00; 
	border-bottom: 1px solid #6B6100; 
	border-left: 1px solid #CAB72D; 
	border-right: 1px solid #6B6100; 
	border-top: 1px solid #CAB72D; 
	color: #ffffff; 
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 10px; 
	padding: 1px 5px 2px 5px; 
	}	

.aanmelden {

	border: 1px solid #B8CADE;
		width: 165px;
		margin-left: 0px;
		font-size: 11px;
		line-height: 11px;
		height: 18px;
		margin: 2px 0px 10px 0px;
		}
	
.input {
	background: #ffffff;
	border: 1px solid #426688;
	font-size: 11px;
		width: 203px;
		margin-left: 10px;
		line-height: 11px;
		height: 16px;	
		}
		
.invulNormaal {
	background: #ffffff;
	border: 1px solid #426688;
	font-size: 11px;
		width: 273px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		
		}	
		
.invulHidden{
	display: none;
	visibility: hidden;
		}			
		
.invulArea {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: 1px solid #426688;
	font-size: 11px;
		width: 293px;
		height: 150px;
		line-height: 11px;
		margin: 1px 0px 1px 6px;
		padding: 2px 3px 1px 3px;
		}
		
.veld2pulldown select
{
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #ffffff;
 color: #000000;
 border: 1px solid #426688;
 margin-right: 0px;
 text-align: left;
 height: 18px;
 padding: 2px 3px 2px 3px;
 margin: 0 0 0 0;
}	

.invulSmall {
	background: #ffffff;
	border: 1px solid #426688;
	font-size: 11px;
		width: 153px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}
		
.invulPulldown {
	background: #ffffff;
	border: 1px solid #426688;
	font-size: 11px;
		width: 203px;
		line-height: 18px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		
.invulXSmall {
	background: #ffffff;
	border: 1px solid #426688;
	font-size: 11px;
		width: 73px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		

.frmseparator
{
	height: 4px;
	font-size: 0px;
	line-height: 0px;
}

.frmseparatora
{
	height: 4px;
	font-size: 0px;
	line-height: 0px;
}