/**
 * screen.css
 *
 * @author  A. van der Galiën
 * @package degrooteveen.nl
 *
 * Copyright (c) Malibomba
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF
 * THIS CODE, WITHOUT THE PERMISION OF THE AUTHOR.
 * Info? Mail to info@malibomba.com
 */
/*<![CDATA[*/
@import "./reveal.css";

/**
 * DEFAULT:
 * Default layout style
 --------------------------------------------------------------------------------------------------*/
* {
	margin:0px;
	padding:0px;
	border-width:0;
	font: 12px/18px Geneva, tahoma, sans-serif;
	border-color:#000;
	border-style:dotted;
}

/**
 * FONT/TEXT CLASSES:
 --------------------------------------------------------------------------------------------------*/
.b { font-weight:bold; }
.i { font-style:italic; }
.u { text-decoration:underline; }
.uc { text-transform:uppercase; }
.lc { text-transform:lowercase; }


h1,h2,h3,h4{color:#34a02a; font-weight:bold; }
h1{ font-size:13pt; padding: 5px 0 10px 0;}
h2{ font-size:11pt; }
h3{ font-size:10pt; color:#CC3333; padding:0px; margin:0px; }

h1 span { font-weight:bold; font-size:16px; }

a{ color:#000; text-decoration:underline; }

p { margin:0 0 19px 0; }

strong { font-weight:bold; }

.navbar-toggle 	{ border:1px solid #dbdbdb; background:#eee; }
.navbar-toggle .icon-bar { background:#dbdbdb; }

.center ul 		{ margin-left:30px; }

/**
 * LAYOUT CLASSES:
 --------------------------------------------------------------------------------------------------*/
.fl { float:left; }
.fr { float:right; }
/*.clear { clear:both; }*/

.honing { display:none; }

.left, .center, .right {
	-webkit-transition: all 0.5s ease-out;
	   -moz-transition: all 0.5s ease-out;
		 -o-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out;
}

.maxheight {
	max-height:90px;
}


/**
 * LAYOUT CONTAINERS:
 * Definition of the used layout containers.
 --------------------------------------------------------------------------------------------------*/
#lc-centered {
	width:980px;
	margin:0 auto;
	text-align:left;
	background:url("/pics/background_content.jpg") bottom no-repeat;
}

#logo {
	top:-65px;
	z-index:99;
	position:relative;
}

.device-xs #logo {
	top:-30px;
}

.slideshow {
	z-index:0;
}

.body 					{
	background:url("/pics/background_content.jpg") bottom no-repeat;
}

#lc-body {
	width:980px;
	padding: 0;
	margin: 0;
}

	#lc-content{
		left:190px;

		float:left;
		position:relative;
		padding:0 20px;
		border-width:0 1px;
	}

	#lc-content li	{ margin-left:30px; }

	#lc-nieuws{
		float:right;
		width:200px;
		font-size:9pt;
		padding:0 20px;
		position:relative;

	}
	#lc-menu{
		z-index:99;
		margin-left:0px;
		background:#fff;
		position:relative;
	}

	#lc-menu button {
		float:none;
		padding:7px;
	}

	.center 			{ border-left:1px dotted #000; border-right:1px dotted #000; }

	.right h2 { padding:0 0 10px 0; border-width:0 0 1px 0; }
	.right .btn { padding:10px 0 0 0; border-width:1px 0 0 0;  }


#lc-footer {	clear:both;	 text-align:center; padding-top:30px; height:30px;}
#lc-footer p {  }
#lc-footer * { font-size:8pt; }



/**
 * MENU:
 * Menu layout
 --------------------------------------------------------------------------------------------------*/

#lc-menu ul {
padding:0px;
position:relative;
z-index:999;
}
#lc-menu li {
	padding-bottom:10px;
	list-style-type:none;
}
#lc-menu li.active > a,
#lc-menu li.active > span > a { font-weight:bold; }
#lc-menu li > ul > li { padding-bottom:0px;  }

#lc-menu li a{
	color:#34a02a;
	text-decoration:none;
}

#lc-menu .parent{
	color:#34a02a;
}

#lc-menu .child{
	color:#000;
	display:block;
	font-size:10pt;
	margin-top:6px;
	padding-top:4px;
	padding-bottom:-4px;
	border-top:1px dotted #000;
}

#lc-menu .last{
	border-bottom:1px dotted #000;
}

/**
*
OTHER STYLE DEFINING OPTIONS
---------------------------------------------------------------------------------------------------*/
#toTop {
	width:30px;
	height:30px;
	padding:5px;
	bottom:10px;
	right:200px;
	position:fixed;
	cursor:pointer;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background:url('/pics/arrow_top.png') no-repeat left;
}
#toTop:hover{
	xborder:1px solid #000;
	background:url('/pics/arrow_top_hover.png') no-repeat left;
}

/**
*
FORM
---------------------------------------------------------------------------------------------------*/

#reservation{

margin-top:20px;
}
#reservation label{
	float:left;
	clear:both;
	width:160px;
	text-align:right;
	color:#34A02A;
	font-size:10pt;
	padding-right:10px;

	}

	#reservation .required{
		background:url('/pics/star.gif') no-repeat 163px;

	}



#reservation input[type="text"], textarea{
	margin-left:10px;
	border:1px solid #AAA;
	margin-top:3px;
	width:250px;
	font-size:11pt;
	padding:1px;
	outline: none;
   -webkit-transition: .2s ease-in;
   -moz-transition: .2s ease-in;
   -o-transition: .2s ease-in;
   transition: .2s ease-in;
}

#reservation input:focus{
	border:1px solid #666;
}

#reservation textarea:focus{
	border:1px solid #666;
}

/**
 * Agenda:
 --------------------------------------------------------------------------------------------------*/
table.wrapTable									{ margin-left:-3px; }

table.days tr td								{ border:1px solid #dbdbdb; transition:background 0.5s; -moz-transition:background 0.5s; -webkit-transition:background 0.5s; -o-transition:background 0.5s; }
table.days tr td.pad							{ padding:5px; }
table.days tr td:hover							{ background:#eee; }
table.days tr td.today							{ background:#eee; }
table.days .appointment small 					{ font-size:11px; display:block; padding:3px 0; transition:background 0.5s; -moz-transition:background 0.5s; -webkit-transition:background 0.5s; -o-transition:background 0.5s; }
table.days .appointment small:hover				{ background:#ddd; }
table.days .appointment a						{ font-size:11px; text-decoration:none; }
table.days .appointment a:hover					{ text-decoration:underline; }

a.disabled										{ color:#dbdbdb !important; text-decoration:none; cursor:default; }
a.disabled:hover								{ text-decoration:none !important; }

table.days .appointment.disabled small 			{ color:#dbdbdb; }
table.days .appointment.disabled small:hover 	{ font-weight:normal !important; background:transparent !important; }
table.days .appointment.disabled small a 		{ color:#dbdbdb; }
table.days .appointment.disabled small a:hover 	{ font-weight:normal !important; text-decoration:none; }
table.days .appointment.disabled small.pending:hover { background:#ff6c00 !important; }
table.days .appointment.disabled small.approved:hover { background:#e70000 !important; }

table.tableTop									{ width:100%; border:1px solid #dbdbdb; padding:5px; background:#eee; }
table.tableTop a								{ text-decoration:none; color:#34a02a; }
table.tableTop a:hover							{ text-decoration:underline; }

#appointment									{ display:hidden; }
small.pending									{ background:#ff6c00; }
small.pending:hover								{ background:#ff6c00 !important; }
small.approved									{ background:#e70000; }
small.approved:hover							{ background:#e70000 !important; }
.status											{ display:none; font-weight:bold; }
.status.success									{ color:#34a02a !important; }
.status.fail									{ color:#e70000 !important; }

.legend											{ margin-bottom:20px; }
.legend .pending								{ margin-bottom:1px; }
.legend .orange									{ background-color:#ff6c00; width:30px; display:inline-block; }
.legend .red									{ background-color:#e70000; width:30px; display:inline-block; }

/*]]>*/