@import url("menu.css");

html
{
	margin:0px;
	padding:0px;
	background-color:#358083;
}

body
{
	background-color: #c9e9ea;
	background-image: url(images/bckgradient.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	margin:0;
	padding:0;
	font-family:verdana, tahoma, arial, sans-serif;
	/*font-family: trebuchet ms, verdana, tahoma, arial, sans-serif;*/
	line-height:1.3em;
	/*font-size: 0.75em;*/
	font-size:11px;
	color:#737373;
}

h1
{
	font-size: 15px;
	color:#003333;
	font-weight:bold;
	margin:15px 0px 20px 0px;
}
h2
{
	font-size: 13px;
	color:#003333;
	font-weight:bold;
}

ul
{
	margin-left:1.5em;
	padding-left: 0;
}
li
{
	list-style-type:square;
}

a, a:active, a:link, a:visited {
	color: #003333;
	text-decoration:none;
}
a:hover
{
	color: #339999;
	text-decoration: none;
}
input
{
	border:1px solid #117579;
	font-family:tahoma;
	font-size:13px;
	padding:2px;
	margin:1px;
}
textarea
{
	border:1px solid #117579;
	font-family:tahoma;
	font-size:13px;
	padding:2px;
	margin:1px;
}

.dynamicformfield
{
	width:300px;
}

#spacertop
{
	height:40px;
	width: 936px;
	margin: 0px auto;
}
	#address
	{
		float:right;
		padding:15px;
	}
		
#container 
{
	width: 936px;
	margin: 0px auto;
	text-align: left;
	position: relative;
}

	#header
	{
		padding-top:0px;
		background-color:#1E6579;
		line-height: 1.5em;
		height:23px;
		border-left: 1px solid #117579;
		border-right: 1px solid #117579;
		padding-bottom: 0px;
	}
		#logo
		{
			position: absolute;
			right:1px;
			top:1px;
			background-image:url(images/logo.gif);
			background-repeat:no-repeat;
			width: 250px;
			height: 68px;
		}

#contentholder{display:table;}
#content 
{
	min-height:250px;
	width:884px;
	padding: 0 25px 25px 25px;
	border-left: 1px solid #117579;
	border-right: 1px solid #117579;
	background-color: #FFFFFF;
	display:table-cell;
	height:100%;
}
	.wrapper {
		margin: 0px auto;
		padding: 0px;
		width: 880px;
	}
		.leftside {
			float: left;
			width: 589px;
			padding-right: 15px;
			margin: 0px;
			border-right:1px solid #c9e9ea;
		}
		.rightside {
			float: left;
			width: 255px;
			padding:60px 0px 0px 15px;
		}
		.nopaddingtop
		{
			padding-top:0px;
		}
#attentionleft{
	float: left;
	width: 193px;
	height: 198px;
	/*background: url(images/attentionleft.gif) no-repeat center top;*/
	padding: 10px 13px 10px 10px;
}
#attentioncenter {
	float: left;
	width: 193px;
	height: 198px;
	/*background: url(images/attentioncenter.gif) no-repeat center top;*/
	padding: 10px 13px 10px 10px;
}
#attentionright {
	float: left;
	width: 193px;
	height: 198px;
	/*background: url(images/attentionright.gif) no-repeat center top;*/
	padding: 10px 13px 10px 10px;
}
#horlinesleft {
	float: left;
	width: 115px;
	height: 218px;
	/*background: url(images/horizlinesleft.gif) no-repeat center top;*/
}
#horlinesright {
	float: left;
	width: 115px;
	height: 218px;
	/*background: url(images/horizlinesright.gif) no-repeat center top;*/
}
#footer {
	position: relative;
	width: 936px;
	height: 142px;
	background: url(images/footer.jpg);
	left: 0px;
	bottom: 0px;
	text-align:center;
}
	.footerlijntje {
		color: #999999;
		margin:0px 100px 0px 100px;
		padding: 10px 50px 10px 50px;
		height: 0px;
		border-top: 1px solid #e5e5e5;
position: absolute;
top: 40px;
left: 20px;	
	}

.white
{
	color:#ffffff;
}
.titel
{
	color:#003333;
	font-weight:bold;
}
.subtitel
{
	color:#006666;
	font-weight:bold;
}

.smalltext
{
	color: #575757;
	font: 10px verdana, tahoma, arial, sans-serif;
}

.captiontext
{
	color: #004f6d;
	font: 12px tahoma, arial, sans-serif;
	font-weight: bold;
	margin: 0;
}

/* Drop shadow */
.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,
.shadowcontent{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #666666; /*shadow color*/
	color: inherit;
}

.shadowcontent{
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #666; /*border color*/
}
.shadowcontent img {
	border: 0px;
}


/* form settings */
.buttonsend
{
	border-color: #AAAAAA;
	border-style: solid;
	border-width: 1px;
	width: auto;
	background-color: #CCCCCC;
	color: #333333; /*tahoma, verdana, geneva, arial, helvetica*/
	font-size: 9pt;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color: #575757;
	margin-left: 337px;
}

.textinput
{
	background: #FFFFFF;
	border: 1px solid #575757;
	text-align: left;
	font-size: 9pt;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
}
#listsubscribe .dynamicformfield {
	width: 180px;
	margin-bottom: 10px;
}

#listsubscribe .contactformtableholder {
	width: 210px;
}

#listsubscribe .contactformtable {
	width: 210px;
}

#listsubscribe .buttonsend
{
	margin-left: 173px;
}

/* ---- CSS Link LoginModule ---- */
.loginmodule
{
	background: #FFFFFF;
	/*border: 1px solid #A19DB6;*/
	color: #575757;
	font-weight: bold;
	margin-top: 5px;
	width: 150px;
}

.loginpage
{
	text-align:left;
	color: #575757;
	font-weight: bold;
	margin-top: 5px;
	width: 150px;
}

.loginfield
{
	background: #FFFFFF;
	border: 1px solid #575757;
	text-align: left;
	font-weight: bold;
	font: 11px arial black,tahoma, arial, sans-serif;
}

.logintitle
{
	text-align: left;
	font-weight: bold;
	font-size: 11px;
}

.loginbutton
{
	text-align: left;
}

div#loginbox
{
	text-align: center;
	border: 1px solid #a6c2cc;
	/*background-color: #c2e9f5;*/
	width: 250px;
	padding:5px;
}

div.registrationform
{
	border: 2px solid #7A8383;
	background-color: #CCCCCC;
	width: 470px;
	margin-top: 10px;
	padding-left: 8px;
	padding-bottom: 8px;
}

.readonlytextbox
{
	background: transparent;
	color: #575757;
	border: 0px;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 1px;
}

/* languageselector */

.languageselector
{
	float:left;
	font-size:9px;
	width:50px;
	padding:0px;
}
.langbutton
{
	float:left;
	padding:0px;
	cursor:pointer;
}

.langselected
{
	color: #51bfe2;
}

.langbuttonhover
{
	
}

.langbuttonspacer
{
	float:left;
	padding:2px 0px 2px 0px;
}

/* css contact page table */
.contactformtableholder
{
	width:400px;
}
.contactformtable
{
	width:520px;
}
.contactformtable td
{
	vertical-align:top;
	line-height:20px;
}

/* News */
.newsitem
{
	padding:5px;
	margin:5px 0px 0px 0px;
	border:1px solid #c9e9ea;
}
.newsitemtext
{
	padding:5px;
}
.commentlinkholder
{
	text-align:right;
	padding:5px;
}
.commentlink
{
	padding-left:5px;
}

.commentholder
{
	
}

/* sp comments form */
.spcomments
{
	margin:0;
	padding:4px;
	list-style-type:none;
}

.commentstart
{
	border-top: 1px solid #c7c7c7;
	margin-top: 10px;
	padding-top:10px;
}

.spcomments li
{
	padding-top:5px;
	list-style-type:none;
}

.spcomments li span
{
	display:block;
}

.spcomments li span .comment
{
	width:100%;
}

.spcommentitem
{
	padding:3px;
}

.txtcomment
{
	height:100px;
	width:100%;
}

.txtnormal
{
	
}

/* Comments */
.comment
{
	position:relative;
	padding:0px;
	margin:5px 0px 0px 0px;
	border:1px solid #c9e9ea;
	width:90%;
}
.comment1
{
	background-color:#dddddd;
}
.comment2
{
	background-color:#f0f0f0;	
}
.commenttext
{
	margin:5px;
}
.commentpostedby
{
	color:#443;
	font-style:italic;
	margin:25px 5px 5px 5px;	
	text-align:right;
}

.commentitem
{
	margin:2px;
	padding:2px;
}
.commentitem div
{
	width:100px;
	height:20px;
	float:left;
	line-height:20px;
}
.commentformsubmit
{
	margin-left:70px;
	padding:2px 5px 3px 5px;
}

.pdf
{
	background-image:url(images/page_white_acrobat.png);
	background-repeat:no-repeat;
	padding:2px 0px 5px 20px;
	margin:0px 0px 0px 30px;
}


#webpakket {
	background: url(images/websiteheader3.jpg) no-repeat left top;		
}

	#webpakket #title 
	{
		position:absolute;
		font-size:36px;
		color:#27AFAF;
		left:330px;
		top:36px;
	}
	#webpakket #text 
	{
		position:absolute;
		left:360px;
		top:77px;
		width:350px;
		color:#003333;
	}
	#webpakket #price 
	{
		position:absolute;
		font-size:28px;
		color:white;
		font-family:Arial;
		font-weight:bold;
		left:700px;
		top:80px;
		width:133px;
		height:75px;
		padding-top:58px;
		text-align:center;
		background: url(images/sticker.jpg) no-repeat center top;
	}
	#webpakket #link
	{
		position:absolute;
		left:480px;
		top:160px;
		width:250px;
	}