/*
#########################################################
#
# Filename:			body.css
#
# Copyright:		S-Inside
# Project:			www.huveradvocaten.nl
# Platform:			CSS
# Date created: 	Augustus, 2009 
#
	used colours for this website:
	#006b65 		darkgreen
	#a3cdc3			lightgreen backmenu
	#fffefe			menucolor
	#000000			textcolor
   	#ffffff			textfield
#
#########################################################
*/

body {     
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
    padding: 0px;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
  	background-color: #d2ddde;
  	color: #005a66;    
}

.rij_logo {
	position: relative;
	height: 118px;
	background-color: #006b65;
	color: #fffefe;	
}

.logo {
	position: absolute;
	margin-top: 9px;
	margin-left: 4px;
	z-index: 98;
}

.rij_foto {
	position: relative;
	border: 2px solid #fffefe;
	z-index: 98;
	font-size: 0pt;
	white-space: nowrap;
}

.titel {
	z-index: 10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
  	margin-top: 10px;
  	background-color: inherit;
	color: #006b65;		
}

.inhoud {
	width: 100%;
	min-height: 300px;
	z-index: 10;
	padding: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
	background-color: #fffefe;
	color: #000000;	
}

p.redtext {
	font-weight: bold;
  	background-color: inherit;
	color: red;	
}

p.greentext {
	font-weight: bold;
  	background-color: inherit;
	color: #006b65;	
}

img.foto {
	float: right; 
	margin: 5px; 
	border: 1px solid #006b65;
}
a.link:hover {background-color: inherit; color: #006b65; text-decoration: underline;}
a.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
	text-decoration: underline;
  	background-color: inherit;
  	color: #000000;
}

a.linkklein:hover {background-color: inherit; color: #006b65; text-decoration: underline;}
a.linkklein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
	text-decoration: underline;
  	background-color: inherit;
  	color: #000000;
}

a.rechtlink:hover {background-color: inherit; color: #006b65; text-decoration: underline;}
a.rechtlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
	text-decoration: underline;
	line-height: 17pt;
  	background-color: inherit;
  	color: #000000;
}

.nieuwsbriefnaam {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: normal;
	background-color: inherit;
	color: #fffefe;	
}

.blank { 
  	width: 120px;
  	height: 19px;
    text-align: left;
  	background: inherit;
  	color: #fffefe;
}

.rij_bottom {
	height: 180px;
	border-bottom: 2px solid #fffefe;
	border-right: 2px solid #fffefe;
	background-color: #006b65;
	color: #fffefe;	 
}

.cell_bottom {
	height: 180px;
	width: 25%;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	border-left: 2px solid #fffefe;
	background-color: #006b65;
	color: #fffefe;	 
}

a.bottomlink:hover {background-color: #006b65; color: #a3cdc3; text-decoration: underline;}
a.bottomlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
	text-decoration: underline;
  	background-color: inherit;
  	color: #fffefe;
}

.rij_copy {
	text-align: center;
	height: 10px;
	background-color: #a3cdc3;
	color: #000000;	 
}

a.copy:hover {text-decoration: underline; color: #006b65;}
a.copy {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 7.5pt;
  	font-weight: bold;
	background-color: inherit;
	color: #000000;
}

.knop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	width: 100px;
	height: 22px;
  	border-color: #a3cdc3;
  	border-style: outset;
  	background-color: #006b65;
  	color: #ffffff;
}

.nieuwsbriefknop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	width: 100px;
	height: 22px;
	float: right;
	margin-right: 6px;
  	border-color: #fffefe;
  	border-style: outset;
  	background-color: #a3cdc3;
  	color: #006b65;
}

.textbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    width: 130px;
    height: 12px;
    border: 1px solid #a3cdc3;
    background-color: #fffefe; 
    color: #006b65;
}

#image_big {
	position: absolute;
	display: none;
	left: 80px;
	top: 328px;
	padding: 5px;
	z-index: 300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	text-decoration: underline;
	cursor: pointer;
	border: 2px solid #216a74;
	background-color: #ffffff;
	color: #216a74;
}

#foutmelding {
	position: absolute;
	display: none;
	padding: 20px;
	top: 200px;
	left: 200px;
	width: 400px;
	height: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	cursor: pointer;
	border: 2px solid #216a74;
	background-color: #ffffff;
	color: #216a74;
}

@media screen{
  	body>div#image_big{
   		position: fixed;
  	}
  	body>div#foutmelding{
   		position: fixed;
  	}
}