/* AnswerGarden Style (c) Creative Heroes */

#backgroundbox {
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	width: 999px;
	height: auto;
/*background: #FFFFFF;
	border: 1px solid black;*/
}

#topbarbox {
	text-align: left;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	width: auto;
	height: 50px;
/*	background: #FFFFFF;
	border: 1px solid black;*/
}


#topbarhomebox {
	float: left;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 12px 0px 0px 0px;
	width: 200px;
	height: auto;
/*background: #FFFFFF;
	border: 1px solid black;*/
}

#topbarcreatebox {
	float: right;
	text-align: right;
	vertical-align: middle;
	margin: 0px;
	padding: 12px 0px 0px 0px;
	width: 200px;
	height: 100%;
/*background: #FFFFFF;
	border: 1px solid black;*/
}

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



#titlebox {
	text-align: left;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	width: auto;
	height: 300px;
	background-image: url(../pics/title.png);
/*	background: #FFFFFF;
	border: 1px solid black;*/
}


#titlebox2 {
	text-align: left;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	width: auto;
	height: 150px;
	background-image: url(../pics/title2.png);
/*	background: #FFFFFF;
	border: 1px solid black;*/
}


#faqbox {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 160px;
/*background: #FFFFFF;
	border: 1px solid black;*/
}


#faqwhatbox {
	float: left;
	text-align: left;
	vertical-align: middle;
	margin: 0px 55px 0px 0px;
	padding: 15px 0px 0px 0px;
	width: 300px;
	height: auto;
/*background: #FFFFFF;
	border: 1px solid black;*/
}



#faqwhobox {
	float: left;
	text-align: left;
	vertical-align: middle;
	margin: 0px auto 0px 0px;
	padding: 15px 0px 0px 0px;
	width: 300px;
	height: auto;
/*	background: #FFFFFF;
	border: 1px solid black;*/
}


#faqbenefitsbox {
	float: right;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	width: 300px;
	height: auto;
/*background: #FFFFFF;
	border: 1px solid black;*/
}


#faqmorebox {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 41px;
/*background: #FFFFFF;
	border: 1px solid black;*/
}

#faqmorebox a:link		{color: #005d88; text-decoration: none;}
#faqmorebox a:hover		{color: #005d88; text-decoration: underline;}
#faqmorebox a:visited	{color: #005d88; text-decoration: none;}
#faqmorebox a:active	{color: #005d88; text-decoration: none;}


#faqmorewhatbox {
	float: left;
	text-align: left;
	vertical-align: middle;
	margin: 0px 55px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	height: auto;
/*background: #FFFFFF;
	border: 1px solid black;*/
}



#faqmorewhobox {
	float: left;
	text-align: left;
	vertical-align: middle;
	margin: 0px auto 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	height: auto;
/*	background: #FFFFFF;
	border: 1px solid black;*/
}


#faqmorebenefitsbox {
	float: right;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	height: auto;
/*background: #FFFFFF;
	border: 1px solid black;*/
}


#startbox {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 280px;
/*background: #FFFFFF;
	border: 1px solid black;*/
}



#demobuttonbox {
	float: left;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 75px 0px 0px 0px;
	width: 475px;
	height: auto;
	background-position:top center;
	background-image:url(../pics/pointer.png);
	background-repeat:no-repeat;
/*background: #FFFFFF;
	border: 1px solid black;*/
}



#createbuttonbox {
	float: right;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 75px 0px 0px 0px;
	width: 475px;
	height: auto;
	background-position:top center;
	background-image:url(../pics/pointer.png);
	background-repeat:no-repeat;
/*background: #FFFFFF;
	border: 1px solid black;*/
}




#footer {
	text-align: center;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	height: 50px;
	font-size: 1.0em; 
	line-height: 150%;	

	/*background: #FFFFFF;
	border: 1px solid black;*/
}

#footer a:link		{text-decoration: none;}
#footer a:hover		{text-decoration: underline;}
#footer a:visited	{text-decoration: none;}
#footer a:active	{text-decoration: none;}




#navbarbox {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 49px;
/*background: #FFFFFF;
	border: 1px solid black;*/
}


#navbarbuttonbox {
	float: left;
	text-align: left;
	vertical-align: middle;
	margin: 0px auto 0px 0px;
	padding: 18px 105px 0px 0px;
/*	background: #FFFFFF;
	border: 1px solid black;*/
}

#navbarlastbuttonbox {
	float: right;
	text-align: left;
	vertical-align: middle;
	margin: 0px auto 0px 0px;
	padding: 18px 0px 0px 0px;
/*	background: #FFFFFF;
	border: 1px solid black;*/
}


#contentbox {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 100%;
	/*height: 900px;*/
	overflow: auto; 
/*	background: #FFFFFF;
	border: 1px solid black;*/
}

#contentleftbox {
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 475px;
	height: auto;
/*background: #FFFFFF;
	border: 1px solid black;*/
}

#contentrightbox {
	float: right;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	width: 475px;
	height: auto;
/*background: #FFFFFF;
	border: 1px solid black;*/
}

#contentcenterbox {
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 100%;
/*	height: 575px;*/
	overflow: auto; 
/*	background: #FFFFFF;
	border: 1px solid black;*/
}


#demonstrationbox {
	float: left;
	text-align: center;
	margin: 10px 0px 0px 30px;
	padding: 45px 0px 0px 0px;
	width: 942px;
	height: 410px;
	background-position:top left;
	background-image:url(../pics/back_demo.png);
	background-repeat:no-repeat;
/*background: #FFFFFF;
	border: 1px solid black;*/
}


#quickstartbox {
	float: left;
	text-align: center;
	margin: 10px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	width: 942px;
	height: 999px;
	background-position:top left;
	background-image:url(../pics/back_quick.png);
	background-repeat:no-repeat;
/*background: #FFFFFF;
	border: 1px solid black;*/
}



#commentbox {
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 450px;
	height: 384px;
/*background: #FFFFFF;
	border: 1px solid black;*/
}



#createform
{
	/*padding-top: 40px;*/
	padding-left: 0px;
	padding-bottom: 0px;
}

#wordlelink
{
	padding-left: 0px;
	padding-bottom: 0px;
}

h2 { text-align: left; font-size: 2em; color: #005d88; }
h3 { text-align: left; font-size: 1.5em; color: #005d88; line-height: 1.5em;}
h4 { text-align: left; font-size: 1.05em; color: #4e4e4e; line-height: 1.4em;}

input.sized {
	width: 99%;
	height: 1.4em;
	vertical-align: middle;
	font-size: 150%;
}

input.passized {
	width: 240px;
	height: 1.2em;
	vertical-align: middle;
	font-size: 130%;
}

#submit { 
	padding: 0px;
	}

#formoptioncontentbox {
	float: left;
	text-align: left;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	overflow: auto;
}

#formoptionleftbox {
	float: left;
	text-align: center;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
	width: 80px;
	height: auto;
	font-size: 1.2em;
}

#formoptionrightbox {
	float: right;
	text-align: left;
	/*vertical-align: middle;*/
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
	width: 300px;
	height: auto;
}

#formoptionright2box {
	float: right;
	text-align: left;
	/*vertical-align: middle;*/
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
	width: 400px;
	height: auto;
}

#centerbox {
	text-align: left;
	vertical-align: middle;
	margin: 30px auto;
	padding: 0px;
	width: 999px;
	height: 100%;
}	

#centerboxfull {
	text-align: left;
	vertical-align: middle;
	margin: 30px auto;
	padding: 0px;
	width: 999px;
	height: 100%;
}	

#centerbox2 {
	text-align: left;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	width: 999px;
	height: 100%;
}

#backgroundbotbox {
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	height: 50px;
	background-image: url(../pics/backgroundbot.jpg);
}	

#example {
	margin: 0px;
	padding: 0px;
	height: 245px;
	background-image: url(../pics/exampleback.jpg);
	background-repeat:no-repeat;
	background-position: left;
	text-align: center;
}

#logo {
	margin: 0px;
	padding: 0px;
	height: 80px;
	background-image: url(../pics/logo_blue.jpg);
	background-repeat:no-repeat;
}

#logo-gris {
	margin: 0px;
	padding: 0px;
	height: 78px;
	background-image: url(../pics/logo_gris.jpg);
	background-repeat:no-repeat;
	background-position: right;
}

#logo-gris2 {
	margin: 0px;
	padding: 0px;
	height: 97px;
	background-image: url(../pics/logo_gris2.jpg);
	background-repeat:no-repeat;
	background-position: right;
}

#top {
	margin: 0px;
	padding: 0px;
	height: 251px;
}


#cloudcontent {
	margin: 0px;
	padding: 0px;
	height: 500px;
}

#bottom {
	margin: 0px;
	padding: 0px;
	height: 111px;
	background-image: url(../pics/bottom.jpg);
}

div.centerdiv
{
	text-align: left;
}

.left {
	float: left;
	text-align: left;
}

.button
{ border: color: #000000; text-align:center; font-weight: normal; text-decoration: none;
} 


p.right {text-align:right;padding:0px;margin:0px; }

p.introduction{ text-align: left; font-size: 1.2em; color: #919191; line-height: 2em;}

img	{border: none}

pre { 
	border: solid 1px #cccccc; 
	background: #ebebeb;
	padding: 5px;
	}
	
abbr, acronym, .verklaring {
	border-bottom: 1px dotted #000;
	cursor: help;
}

abbr, acronym, .verklaring2 {
	cursor: help;
}


#notification {
  display: none;
  left: 0;
  top: 0;
  overflow: visible;
  position: fixed;
  width: 100%;
  cursor: pointer;
}
.notification-container {
  display: block;
  overflow: visible;
  position: relative;
  width: 100%;
  padding: 10px;
  background-color: #c9c9c9;
  border: 1px solid #c9c9c9;
  font-size: 1.5em;
}

.share {
	clear: both;
	width: 400px;
	margin: 10px auto 0;
	height: 20px;
}

.share .twitter {
	float: left;
	margin-left: 20px;
}

.share .facebook {
	float: right;
}

	#toggle { display:none }

	
	#lala
	{
		background: #000;
	}
#panel 
{
			position: relative;
			margin: 0px auto;
			width: 999px;
			height:auto;
			overflow:hidden ; 
			text-align:center

}
		
#menu 
{
			position: relative;
			margin-left: 5px;
			height:auto;
}
		
.gallery
{
			margin: 30px auto;
				overflow: hidden;
			padding-top: 10px;
			height:auto;
}
.menuitem
{
		background: #f5f5f5;

					
}

.menutarget
{
			background-color:#f5f5f5;
			display: none;
			border-bottom: 5px solid white;
			border-left: 5px solid white;
			border-right: 5px solid white;
}

img.floatRight
{
	float: right;
	margin: 4px;
	border: 1px solid #cccccc;
}