body{
	font:11px Comic Sans MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding:0px;
	margin:0px;
	text-align:center;
	width:100%;
	height:100%;
	background-color: #F7D1F7;
	color: #FF0073;
}
html>body #containerbanner{width:905px;}
a,a:hover,a:active
{
color : #FF82BD;
text-decoration:underline;
}
img{border:none;}
form{display:inline;}
td{font-size:11px;}


/* HEADER */
h1  {
	background : url("../img/datetijdlogo.gif"/*tpa=http://www.datetijd.nl/img/datetijdlogo.gif*/) no-repeat;
}

h2, h3, a:hover, a:active, #midcontainer h2 a,#midcontainer h3 a,#midcontainer h4 a,#midcontainer h5 a,#midcontainer h6 a  {
	color : #FF0073;
}


h1{
	position:relative;
	top:10px;
	left:28px;
	width:122px;
	height:43px;
}

h1 a.logo
{
	display:block;
	width:350px;
	height:43px;
}

h1 span, #rightbanner span{display:none}

#header{float:left;width:765px;text-align:left;}

#top  {
	background : url("../img/top.gif") no-repeat;
	width:765px;
	height:85px;
	position:relative;
}

#smsticker{width:735px;text-align:left;}

#zoek INPUT.input  {
	background : url("../img/zoek_input.gif"/*tpa=http://www.come2gether.nl/img/zoek_input.gif*/) no-repeat;
	position:absolute;
	top:4px;
	right:87px;
	height:16px;
	max-height:16px;
	padding-left:4px;
	width:102px;
	border:none;
	font-size:9px;
}

#zoek INPUT.knop  {
	background : url("../img/zoek_knop.gif"/*tpa=http://www.come2gether.nl/img/zoek_knop.gif*/) no-repeat;
	position:absolute;
	top:4px;
	right:20px;
	height:16px;
	max-height:16px;
	width:55px;
	border:none;
	font-size:9px;
}


/* start top banner */
#topbanner{
	background : url("../img/banner_bg.gif"/*tpa=http://www.come2gether.nl/img/banner_bg.gif*/) repeat-y;
	position:relative;
	display:block;
}

#topbanner div.top
{
	width:765px;
	height:7px;
	display:block;
	font-size:1px;
	background : url("../img/banner_top.gif"/*tpa=http://www.come2gether.nl/img/banner_top.gif*/) no-repeat;
}
#topbanner div.padding{
	padding-left:17px;
	padding-right:20px;
	text-align:center;
	}
	
#topbanner div.bottom{
	width:765px;
	height:7px;
	display:block;
	font-size:1px;
	background : url("../img/banner_bottom.gif"/*tpa=http://www.come2gether.nl/img/banner_bottom.gif*/) no-repeat;
	}
	
/* einde top banner */

.banner
{
        font-family: Comic Sans MS, Verdana, Arial, sans-serif;
        font-size: 7px; 
        color: #FF0073; 
        background: no-repeat;
        background-attachment: fixed; 
        background-image: url("../img/online.jpg"/*tpa=http://www.come2gether.nl/img/online.gif*/); 
        border: 0px #FF0073 solid; 
        cursor:hand;
}

#skyscraper
{
position:absolute;
left:770;
top:50;
}

#inhoudbg  {
	background : url("../img/inhoud_bg.gif"/*tpa=http://www.come2gether.nl/img/inhoud_bg.gif*/) repeat-y;
	float:left;
	width:765px;
}

/* start linkernavigatie */
#linksnav{
	float:left;
	width:170px;
	}

#linksbcbg  {
	background : url("../img/links.gif"/*tpa=http://www.come2gether.nl/img/links.gif*/) no-repeat;
	position:relative;
	width:170px;
	height:25px;
	display:block;
	}
	
#nav{
	list-style:none;
	padding:0;
	margin:0 0 0 11px;
	}
	
#nav ul{
	padding:0;
	margin:0;
	list-style:none;
	z-index:99;
	position:relative;
	}
	
#nav li{
	float:left;
	position:relative;
	width:159px;
	display:block;
	line-height:19px;
	}
	
#nav a{
	font-size:1em;
	text-decoration:none;
	display:block;
	padding-left:8px;
	height:100%;
	}
	
#nav ul{
	/*display:none;*/
	position:absolute;
	margin-top:-19px;
	margin-left:159px;
	}
	
#nav li:hover ul{display:block;}
li>ul{top:auto;left:auto;}


	font-size:1em;
	margin:20px 0 0 0;
	line-height:1.2em;
	}

#loginform p{
	margin:4px 12px 4px 26px;
	}
	
#loginform input.inputbox{
	height:16px;
	max-height:16px;
	width:129px;
	padding-left:4px;
	border:none;
	font-size:9px;
	}
	
#loginform input.button{
	height:16px;
	max-height:16px;
	width:55px;
	border:none;
	font-size:9px;
	}
	
#loginform div.top, #loginform div.bottom{
	position:relative;
	width:170px;
	height:6px;
	display:block;
	font-size:1px;
	}
/* einde linkernavigatie */

#nav li  {
	border-bottom : 1px solid #FF82BD;
}

#nav li.first  {
	border-top : 1px solid #FF82BD;
}

#nav a  {
	color : White;
}

#nav a:hover  {
	background : #FF82BD;
}

#nav a.arrow  {
	background : url("../img/leftnav_arrow.gif"/*tpa=http://www.come2gether.nl/img/leftnav_arrow.gif*/) no-repeat right;
}

#nav a.arrow:hover  {
	background : #FF82BD url("../img/leftnav_arrow.gif"/*tpa=http://www.come2gether.nl/img/leftnav_arrow.gif*/) no-repeat right;
}

#subnav a  {
	background : #FF0073;
}

#subnav a.first  {
	background : url("../img/leftnav_sub_t.gif"/*tpa=http://www.come2gether.nl/img/leftnav_sub_t.gif*/) 0 -39px no-repeat;
}

#subnav a.last  {
	background : url("../img/leftnav_sub_b.gif"/*tpa=http://www.come2gether.nl/img/leftnav_sub_b.gif*/) 0 -19px no-repeat;
}

#subnav a.first:hover  {
	background : url("../img/leftnav_sub_t.gif"/*tpa=http://www.come2gether.nl/img/leftnav_sub_t.gif*/) 0 0 no-repeat;
}

#subnav a.last:hover  {
	background : url("../img/leftnav_sub_b.gif"/*tpa=http://www.come2gether.nl/img/leftnav_sub_b.gif*/) 0 0 no-repeat;
}


#nav ul,#subnav ul ul{display:none;position:absolute;margin-top:-19px;margin-left:159px;}
#subnav{border-left:5px solid F7D1F7;}
#subnav ul{padding:0;margin:0;list-style:none;position:relative;}
#subnav li.last{border:none;}

#subnav a  {
	background : #FF0073;
	background-color:#FF0073;
}



#loginform  {
	background : url("../img/loginform_bg.gif"/*tpa=http://www.come2gether.nl/img/loginform_bg.gif*/) repeat-y;
}

#loginform, #loginform a  {
	color : White;
}

#loginform input.inputbox  {
	background : url("../img/loginform_input.gif"/*tpa=http://www.come2gether.nl/img/loginform_input.gif*/) no-repeat;
}

#loginform input.button  {
	background : url("../img/loginform_button.gif"/*tpa=http://www.come2gether.nl/img/loginform_button.gif*/) no-repeat;
}

#loginform div.top  {
	background : url("../img/loginform_top.gif"/*tpa=http://www.come2gether.nl/img/loginform_top.gif*/) no-repeat;
}

#loginform div.bottom  {
	background : url("../img/loginform_bottom.gif"/*tpa=http://www.come2gether.nl/img/loginform_bottom.gif*/) no-repeat;
}

/* start footer */
#footer{z-index:1;float:left;width:765px;height:100px;clear:both;text-align:center;display:block;}
#footer p{padding-top:80px;margin:0;}
/* einde footer */

#hoeklinks  {
margin-left : 17px;
display : none;
}

#midden  {
	float : right;
	width : 595px;
}

#midden div.margin  {
	margin : 2px 40px 20px 20px;
}

#midden div.horizontalelijn  {
	clear : both;
	width : 100%;
	background : url("../img/horizontalelijn.gif"/*tpa=http://www.come2gether.nl/img/horizontalelijn.gif*/) repeat-x;
}

#footer  {
	color : #FF82BD;
	background : url("../img/bottom_bg.gif"/*tpa=http://www.come2gether.nl/img/bottom_bg.gif*/) no-repeat;
}

#footer a  {
	color : #FF82BD;
}

#footer a:hover  {
	color : #FF0073;
}



#middenbcbg  {
	position : relative;
	width : 595px;
	background : url("../img/bovenrechts.gif"/*tpa=http://www.come2gether.nl/img/bovenrechts.gif*/) no-repeat;
	height : 25px;
	display : block;
	color: #F7D1F7;
	text-align:right;
	padding-right:40px;
}


/* Forms */

.formbutton 
{ 
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	font-size: 11px; 
	color: #FFffff; 
	background-color: #FF0073;
	background-attachment: fixed; 
	border: 1px #FF0073 solid; 
	cursor:hand;
}

.formbutton2 
{ 
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	font-size: 11px; 
	color: #FF0073; 
	background-color: #F7D1F7;
	background-attachment: fixed; 
	border: 1px #F7D1F7 solid; 
	cursor:hand;
}


.inputveld
{
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	border-Style:solid;
	background:#ffffff;
	border-color:#FF0073;
	border-width:0;
	color: #FF0073;
	font-size=11px;
	font-weight : normal;	
}

.inputveldzonderrand
{
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	border-Style:solid;
	background:#ffffff;
	border-color:#FF0073;
	border-width:0;
	color: #FF0073;
	font-size=11px;
	font-weight : normal;	
}


.tekstveld
{
	border-Style:solid;
	font-size:11px;
	font-weight : normal;	
	border-width=0;
	background:#ffffff;
	border-color:#FF0073;
	color:#FF0073;
	scrollbar-3dlight-color : #FCF5F5;
	scrollbar-arrow-color : #FF0073;
	scrollbar-base-color : #FF0073;
	scrollbar-darkshadow-color : #FF0073;
	scrollbar-face-color : #FF0073;
	scrollbar-highlight-color : #EEEEEE;
	scrollbar-shadow-color : #FF0073;
	scrollbar-track-color : #ffffff;	
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
}

.dropdown{
	background-color: #ffffff;
	color: #FF0073;
	font-size: 11px;
	font-weight : bold;	
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	width: 200px
}

.dropdown2{
	background-color: #F7D1F7;
	color: #FF0073;
	font-size: 11px;
	font-weight : bold;	
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	width: 200px
}


.smalldropdown{
	background-color: #ffffff;
	color: #FF0073;
	font-size: 11px;
	font-weight : bold;	
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	width: 40px
}

.mediumdropdown{
	background-color: #ffffff;
	color: #FF0073;
	font-size: 11px;
	font-weight : bold;	
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	width: 120px
}

/* einde Forms */
.resultheader{
	background-color: #FF0073;
	color: #F7D1F7;
	font-size: 11px;
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	border-left: 1px solid #FF0073;	
	border-bottom: 1px solid #FF0073;	
	padding-left:5px;
	padding-right:5px;
}

.result1{
	background-color: #ffffff;
	color: #FF0073;
	font-size: 11px;
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	border-left: 1px solid #FF0073;	
	border-bottom: 1px solid #FF0073;	
	padding-left:5px;
}

.result1a{
	background-color: #ffffff;
	color: #FF0073;
	font-size: 11px;
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	border-bottom: 1px solid #FF0073;	
	padding-left:5px;
}

.result1b{
	background-color: #ffffff;
	color: #FF0073;
	font-size: 11px;
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	border-right: 1px solid #FF0073;
	border-bottom: 1px solid #FF0073;	
	padding-left:5px;
	padding-right:5px;
}
.result2{
	color: #FF0073;
	background-color: #F7D1F7;
	font-size: 11px;
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	border-left: 1px solid #FF0073;	
	border-bottom: 1px solid #FF0073;	
	padding-left:5px;
}

.result2a{
	color: #FF0073;
	background-color: #F7D1F7;
	font-size: 11px;
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	border-bottom: 1px solid #FF0073;	
	padding-left:5px;
}

.result2b{
	color: #FF0073;
	background-color: #F7D1F7;
	font-size: 11px;
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	border-right: 1px solid #FF0073;
	border-bottom: 1px solid #FF0073;	
	padding-left:5px;
	padding-right:5px;
}

.bericht{
	color: #FF0073;
	background-color: #F7D1F7;
	font-size: 11px;
	font-family :Comic Sans MS, Verdana, Arial, sans-serif;
	border-right: 1px solid #FF0073;
	border-left: 1px solid #FF0073;
	border-bottom: 1px solid #FF0073;	
	padding-left:5px;
	padding-right:5px;
}

A.profiel:link,A.profiel:visited{
	color: #F7D1F7;
	text-decoration: none;
}

A.result1:hover,A.result1a:hover,A.result1b:hover{
	background-color: #FF0073;
}

A.profiel:hover{
	color: #F7D1F7;
	text-decoration: underline;
}
div#centerme {
  color:darkred;
  margin:auto;
  padding:2%; /* we subtract this x 2 from the
	               width and height values below */
  width:350; /* 60% - 4% = 56% */
  height:350; /* see above */
  position:absolute;
  top:40%; /* 100% - 60% = 40% / 2 = 20% */
  left:20%;  /* same as above */
  }