/* -----------------------------------------------------------------------------------

Style Sheet for kv7 Symposium 2010 

Year:			2010
Website ontwerp: 	Kirsten Koymans - Crystalline Design	
XHTML/CSS/PHP:		Luc Koymans - www.koymans.be

----------------------------------------------------------------------------------- */


/* -------- GENERAL SETTINGS TO AVOID IMCOMPATIBILITIES BETWEEN DIFFERENT BROWSERS -------- */
* {
	margin:0;
	padding:0;
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif, courier;
 	font-size: 11px;
}

body {
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif, courier;
	background :#fff url(/layout/bg_body.jpg) 0 0 repeat-x;
	color:#000;
}

/* The class clear is used as floated elements are taken out of the flow of the contents of the wrapper div */
.clear {
	clear:both;
}

.hide{ /* hides text from broswer */
        position:absolute;
        left:-9999px;
        width:0px;
        overflow:hidden;
}

/* In IE6 gaat de floating vaak mis. Een aparte div voor de float is net iets anders dan de float left zelf
aan een element meegeven. Dit gaat meestal wel goed in IE6 */

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

img {
	border:0;
}

h1 {
	color:#ccc;
	font-size:15px;
}

h2 {
	font-size:14px;
}

h3 {
	font-size:14px;
}

p {
  margin-top: 5px;
  margin-bottom: 5px; 
}

/* Always use the following order to avoid cascade problems */
/*a:link, a:visited {text-decoration:none; font-weight:bold; color:#ffb423;}
a:hover, a:active {text-decoration:underline; color:#8a4c13;}*/


/* -------- END OF GENERAL SETTINGS TO AVOID IMCOMPATIBILITIES BETWEEN DIFFERENT BROWSERS -------- */

a[href$='.pdf'] {
	padding-right: 20px;
	background: url(/layout/icon_pdf.gif) no-repeat center right;
	color:#6e6e6e;
	text-decoration:none;
}

a[href$='.pdf']:hover {
	text-decoration:underline;
}

#wrapper {
	width:1000px;
	margin:0 auto;
	min-height:600px;
	height:auto !important;
	height:600px;
	background:#fff url(/layout/ionchannel.jpg) 10px 40px no-repeat;
}

#topheader {
	height:40px;
	width:1000px;
	background:#fff url(/layout/bg_header.jpg) 0px 0px no-repeat;
}

#header {
	position:relative;
	width:1000px;
	height:130px;
}

#contentwrapper {
	width:1000px;
}

#left_column {
	float:left;
	width:195px;
	margin-top:15px;
	text-align:right;
}

#right_column {
	float:right;
	width:800px;
}

#right_column a {
	text-decoration:none;
	color:#009899;
}

#right_column a:hover {
	color:#00C6C6;
}

#content_left {
	float:left;
	width:395px;
	margin-top:15px;
}

#content_left h1 {
	text-align:left;
	color:#009899;
}

#content_left p {
	line-height:15px;
}

#content_left ul {
	padding-left:20px;
	list-style-type:none;
}

#content_right {
	float:right;
	width:395px;
}

#content_center {
	float:left;
	width:690px;
	margin-top:15px;
	padding-bottom:30px;
}

#content_center p.time {
	float:left;
	width:100px;
}

#content_center p.remarks {
	float:left;
	width:540px;
}

#content_center p.presentation {
	float:left;
	width:540px;
	line-height:15px;
}

#content_center p.chairmen {
	width:540px;
	text-align:center;
	padding-left:80px;
}

#content_center h1 {
	text-align:center;
	color:#009899;
	margin-bottom:20px;
}

#content_center h2 {
	text-align:left;
	color:#009899;
}

#content_center h3 {
	text-align:center;
	color:#000;
}

#footer {
	clear:both;
	width:1000px;
	height:73px;
	background:#fff url(/layout/bg_footer.jpg) 0 0 no-repeat;
}

#footer img.first {
	float:left;
	padding-left:195px;
}

#footer img.rest {
	float:left;
	padding-left:20px;
}

/* header ------------------------------------------------------------------------- */

#logo {
	float:left;
}

#logo_left {
	float:left;
}

#logo_left img {
	position:absolute;
	top:5px;
	left:150px;
}

#logo_left img.hideimg {
}

#logo_right {
	width:845px;
	float:left;
 	font-size:14px;
}

#logo_right p.leftalign {
 	font-size:14px;
	text-align:left;
	padding-left:250px;
}

#logo_right p.centeralign {
 	font-size:14px;
	text-align:center;
	padding-left:136px;
	line-height:10px;
}

/* right_content ----------------------------------------*/
#top_block {
	width:370px;
	min-height:146px;
	height:auto !important;
	height:146px;
	background:#6e6e6e url(/layout/bg_venue.jpg) 0 0 no-repeat;
}

#top_block img {
	float:left;
}

#hotel_block, #hotel_block2, #hotel_block3 {
	width:370px;
	min-height:146px;
	height:auto !important;
	height:146px;
	background:#6e6e6e url(/layout/bg_hotels.jpg) 0 0 no-repeat;
}

#hotel_block2, #hotel_block3 {
	margin-top:40px;
}

#hotel_block img, #hotel_block2 img, #hotel_block3 img {
	float:left;
}

#hotel_block p, #hotel_block2 p, #hotel_block3 p {
	color:#fff;
	padding-left:20px;
	padding-top:1px;
	font-weight:bold;
	font-size:14px;
}

.hotel {
	min-height:146px;
	height:auto !important;
	height:146px;
}

#pleft {
	position:relative;
	top:1px;
	color:#fff;
	float:left;
	padding-left:100px;
}

#pright {
	position:relative;
	top:1px;
	color:#fff;
	float:right;
	padding-right:20px;
}

.pictures img {
	float:left;
	margin-bottom:10px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

#bottom_block {
	width:370px;
	min-height:146px;
	height:auto !important;
	height:146px;
	background:#6e6e6e url(/layout/bg_about.jpg) 0 0 no-repeat;
	margin-top:20px;
}

#bottom_block p {
	padding-top:30px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	color:#fff;
}

#bottom_block ul {
	padding-left:20px;
	padding-right:10px;
	padding-bottom:10px;
	color:#fff;
}

/* formulier lid-worden */

.formleft {
	width:385px;
	float:left;
}

.formright {
	width:385px;
	float:right;
}

label.label1 {
	float:left;
	width:240px;
}

label.label2 {
	float:left;
	width:100px;
}

label.label3 {
	float:left;
	width:390px;
}

.input1 {
	float:left;
	width:240px;
}

.input2 {
	float:left;
	width:240px;
}

#form_center {
	float:left;
	width:800px;
	margin-top:15px;
}

#form_center fieldset {
	border:1px solid #009899;;
	margin-bottom:30px;
	padding-left:20px;
}

#form_center legend {
	font-size: 14px;
	padding: 0.2em 0.5em;
	text-align: right;
	font-weight: bold;
	color: #000;
	background: #27a1a1;
	border: 1px solid #27a1a1;
}

/*#form_center input {
	float:left;
	width:250px;
	height: 18px;
	font-size: 11px;
	background-color: #faf9f8;
	border-top:1px solid #5a4942;
	border-right:1px solid #5a4942;
	border-left:2px solid #5a4942;
	border-bottom:2px solid #5a4942;
}*/

#form_center input.submit {
	width:100px;
	font-size:11px;
	height:26px;
	margin-bottom:20px;
}

input.submit_loop {
	width:22px;
	height:20px;
}

textarea.invulgroot{
	width: 350px;
	height: 90px;
	font-size: 11px;
	padding-top: 2px;
	padding-left: 5px;
	background-color: #faf9f8;
	border-top:1px solid #5a4942;
	border-right:1px solid #5a4942;
	border-left:2px solid #5a4942;
	border-bottom:2px solid #5a4942;
}

fieldset br {
	clear: left;
}

.error {
  color: #c00;
  font-weight:bold;
}

#login {
	width:350px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	font-size:12px;
}

#login label {
	width:100px;
	font-weight:bold;
	color:#009899;
	margin-left:10px;
}

#login input.submit {
	margin-left:10px;
	width:50px;
}

/* main menu ------------------------------------------------*/


#menu {
	width:190px;
	float:right;
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:right;
}

#menu li {
	display:inline;
	float:right;
	text-align:right;
}

#menu a.main_link {
	display:block;
	width:150px;
	height:22px;
	line-height:22px;
	color:#000;
	text-decoration: none;
	padding-right:40px;
}

#menu a.main_link:hover {
	color:#009899;
	background:url(/layout/groen_bolletje.png) 160px 5px no-repeat;
}

#menu a.main_link_active {
	display:block;
	width:150px;
	height:22px;
	line-height:22px;
	color:#000;
	text-decoration: none;
	background:url(/layout/groen_bolletje.png) 160px 5px no-repeat;
	padding-right:40px;
}

#menu a.sub_link_active {
	font-size:9px;
	display:block;
	width:130px;
	height:22px;
	line-height:22px;
	color:#000;
	text-decoration: none;
	padding-right:60px;
	background:url(/layout/zwart_bolletje.png) 140px 5px no-repeat;
}

#menu a.sub_link {
	font-size:9px;
	display:block;
	width:130px;
	height:22px;
	line-height:22px;
	color:#000;
	text-decoration: none;
	padding-right:60px;
}

#menu a.sub_link:hover {
	color:#6e6e6e;
	background:url(/layout/zwart_bolletje.png) 140px 5px no-repeat;
}
.hidden {
  text-indent: -1000px;
}

#contact_menu {
	background:url(/layout/contactbol.jpg) 50px 10px no-repeat;
	height:60px;
}

#whitespace {
	clear:both;
	width:500px;
	height:30px;
}