/*-----------------------------------------------------------------*/
/* Global styles                                                   */
/*-----------------------------------------------------------------*/

html, body {
	background-color:#FFFFFF;
	font: 13px Trebuchet MS;
	color:#333333;
	margin: 0;
	padding: 0;
	height:100%;
}

h1, h2, h3, h4, h5{
	margin:0;
}
h1{
	font-size:18px;
	font-weight:normal;
	color:#333333;
	line-height:22px;
}
h2{
	font-size:15px;
}
h3{
	font-size:12px;
	font-weight:bold;
}
h4{
	font-size:11px;
}
h5{
	font-size:10px;
}

.textborder {
	border: 1px solid #666666;
}

.klein {
	font-size: 11px;
	font-style:italic;
}

.interlinie {
	line-height: 2.5em;
}

a:link {
	text-decoration: underline;
	color: #333333;
	position: relative;
}
a:visited {
	text-decoration: underline;
	color: #333333;
	position: relative;
}
a:hover {
	text-decoration: underline;
	color: #660000;
	position: relative;
}
a:active {
	text-decoration: underline;
	color: #333333;
	position: relative;
}
#container{
	position: relative;
	width:980px;
	margin:0 auto;
}

#bannerbgrechts1{
	position: absolute;
	width: 155px;
	height: 200px;
	right: 0px;
	top: 190px;
	z-index:30;
	background: #CC0000 url(../img/banner_bg_rechts1a.png) no-repeat bottom;
}

#bannerrechts1{
	font: 15px Trebuchet MS;
	color:#FFFFFF;
	position: absolute;
	width: 135px;
	height: 120px;
	left: 10px;
	top: 6px;
	z-index:31;
}

#bannerbgrechts2{
	position: absolute;
	width: 155px;
	height: 140px;
	right: 0px;
	top: 340px;
	z-index:20;
	background: transparent url(../img/banner_bg_rechts2.png) no-repeat scroll; 
}

#bannerrechts2{
	position: absolute;
	width: 135px;
	height: 120px;
	left: 10px;
	top: 10px;
	z-index:21;
}

a.banner:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a.banner:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a.banner:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.banner:active {
	color: #FFFFFF;
	text-decoration: underline;
}		

/*-----------------------------------------------------------------*/
/* Layout styles                                                   */
/*-----------------------------------------------------------------*/

#foto {
	position:relative;
	z-index:1;
	top:50px;
	height:480px;
	width: 980px;
	background-image: url(../img/foto/01b.jpg);
}

#fotowrapper {
	position:relative;
	z-index:1;
	top:50px;
	height:950px;
	width: 980px;
	background:#EBEBEB url(../img/foto/01d.jpg) no-repeat top left;
}

#foto2 {
	position:relative;
	z-index:1;
	top:50px;
	height:480px;
	width: 980px;
	background-image: url(../img/foto/01a.jpg);
}

#fotorotate {
	position:relative;
	z-index:1;
	top:50px;
	height:480px;
	width: 980px;
	background: url(../img/foto/rotate.php);
}


/*-----------------------------------------------------------------*/
/* Menu styles                                                     */
/*-----------------------------------------------------------------*/

#navigation{
	position:absolute;
	right:10px;
	top:15px;
}
.headnav{
	text-decoration: none;
}


/*-----------------------------------------------------------------*/
/* Header styles                                                   */
/*-----------------------------------------------------------------*/

#logo{
	z-index:100;
	position:absolute;
	left:140px;
	top:75px;
}


/*-----------------------------------------------------------------*/
/* Footer styles                                                   */
/*-----------------------------------------------------------------*/

#footer {
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-top: 10px;
	top: 530px;
	z-index:3;
	float:left;
}

#footer1 {
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-top: 10px;
	top:50px;
	z-index:3;
	float:left;
}
a.footnav:link {
	color: #333333;
	text-decoration: underline;
}
a.footnav:visited {
	color: #333333;
	text-decoration: underline;
}
a.footnav:hover {
	color: #660000;
	text-decoration: underline;
}
a.footnav:active {
	color: #333333;
	text-decoration: underline;
}

/*-----------------------------------------------------------------*/
/* Content styles                                                  */
/*-----------------------------------------------------------------*/

#textparthome {
	position: absolute;
	left: 560px;
	top: 440px;
	z-index: 10;
	width: 370px;
	overflow:hidden;
}

#textpartinfo {
	position: absolute;
	left: 560px;
	top: 175px;
	z-index: 10;
	width: 390px;
	height: 340px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#textpartinfo1 {
	background:#FFFFFF;
	position: absolute;
	left: 560px;
	top: 135px;
	z-index: 10;
	width: 370px;
	overflow:hidden;
}

#buttonpartvoorbeelden {
	position: absolute;
	left: 560px;
	top: 490px;
	z-index: 11;
	width: 370px;
	height: 25px;
	overflow:hidden;
	text-align: right;
}

#btn-submit{
	background:transparent url(../img/btn-versturen.png) no-repeat scroll center top;
	border:0pt none;
	cursor:pointer;
	height:25px;
	padding:0pt;
	text-indent:-1000em;
	width:95px;
}
#btn-wissen{
	background:transparent url(../img/btn-wissen.png) no-repeat scroll center top;
	border:0pt none;
	cursor:pointer;
	height:25px;
	padding:0pt;
	text-indent:-1000em;
	width:74px;
}
#btn-volgende{
	background:transparent url(../img/btn-volgende.png) no-repeat scroll center top;
	border:0pt none;
	cursor:pointer;
	height:25px;
	padding:0pt;
	text-indent:-1000em;
	width:85px;
}
#btn-login{
	background:transparent url(../img/btn-inloggen.png) no-repeat scroll center top;
	border:0pt none;
	cursor:pointer;
	height:25px;
	padding:0pt;
	text-indent:-1000em;
	width:95px;
}