/* V2 L&S Events Website by Eldesign: Erik Leutscher */

body {background: #272627 url('../images/background.gif') repeat-x; margin:0; padding:0; font-family:helvetica ,'Lucida Sans', tahoma; font-size:13px; line-height:16px;}
.left {float:left;}
.right {float:right;}
* {margin:0; padding:0;}
.clear {clear:both;}

img {border:none;}

a {color:#2A2A2A; text-decoration:none;}
a:hover {text-decoration:underline;}

#container {width:1000px; margin: 0 auto; display:table;}
#content {width:1000px; margin:0px 0 0 0; display:table;}
#content .inside {margin:20px 18px 15px 18px;}

#content h1 {border-bottom: #336699 solid 3px; padding:0 18px 10px 18px; margin:0 -18px 10px -18px; font-weight:400;}

#header {background:url('../images/header_background.gif') no-repeat; height:147px; margin:0;}
	#header .logo {margin:35px 0 0 20px;}
	#header .slogan {margin:60px 20px 0 0;}
	
#nav {background:url('../images/nav_background.gif') no-repeat; height:43px; width:1000px; font-size:16px; }
	#nav p {float:left; color:#D2D2D2; padding:13px 20px 7px 20px; margin:2px 0 0 0; border-right:#5C5C5C solid 1px;}
	#nav p a {color:#d2d2d2;} #nav p a:hover {text-decoration:none;}
	#nav p.last {border:none; padding:13px 22px 7px 22px;}
	#nav p.first {margin-left:10px;}
	#nav p:hover {color:white; border-bottom:#336699 solid 3px;}
	
#slideshow_home {background:url('../images/slideshow_background.gif'); width:1000px; height:313px; overflow:hidden;}
	#slideshow_home #slideinside {margin:0 0 0 9px; width:982px; height:299px;}
	
#slideshow {background:url('../images/slideshow_background.gif'); width:1000px; height:150px;}
	#slideshow #slideinside {margin:0 0 0 9px; width:982px; height:150px;}

#footer {padding:20px;}
	#footer p {float:left; margin:0 30px 20px 0; color:#999; font-size:11px;}
	#footer p a {color:#999;}

/* Homepage only */
.home a {color:#bfbfbf;}
#content #over, #content #dagprog, #content #avondprog { width:333px; float:left; }
#content #over .cont, #content #dagprog .cont, #content #avondprog .cont {background:url('../images/home/vak_content_background.gif') no-repeat; width:333px; height:306px; /*text-align:justify;*/ color:#BFBFBF;}
#content #over .cont p {padding:15px 28px 15px 28px;}
#content #over .title, #content #dagprog .title, #content #avondprog .title {width:333px; height:70px;}
#slide1, #slide2 {margin:0 8px 0 10px;}
#slide1 div, #slide2 div {padding:15px 25px 15px 26px;}
#slide1 img, #slide2 img {border: #BFBFBF solid 1px; float:left; margin:0 10px 0 0;}
#slide1 h3, #slide2 h3 {margin:0 0 8px 0;}
#twitter_cont {margin:0px 10px 0 10px; display:table; color:#838383;}
	#twitter_cont ul {list-style:none; margin:0;}
		#twitter_cont ul li {width:270px; margin:20px 20px;}
	#twitter_cont p {font-size:10px; margin:0 25px 10px 0; float:right;}

/* Static Pages */
#content.static {background:#fff url('../images/content_back_white.gif') repeat-x; width:980px; margin:10px 0 0 9px; border:#fff solid 1px;}
#content.static p {/*text-align:justify;*/ line-height:19px; margin:5px 0 5px 0;}
#content.static ul {padding:0 0 0 20px;}

/* Two Column Pages */
#sidebar {background:url('../images/sidebar_background.gif') repeat-y; width:225px; color:#ccc;}
	#sidebar h1 {border-bottom: #336699 solid 3px; padding:15px 10px 5px 10px; margin:0 0 10px 0; font-weight:400; color:#ccc; font-size:21px;}
		#sidebar h1 a {color:#ccc;}
	#sidebar ul {list-style:none; margin:5px 0 15px 0;}
	#sidebar li {padding:5px 15px 5px 15px; border-bottom:#3b3b3b solid 1px;}
	#sidebar li a {color:#C3C3C3;}
		#sidebar a.active {color:#336699;}
		#sidebar li.active {border-bottom:#336699 solid 1px;}
	
#content.twocol {width:983px; background: url('../images/twocol_content_background.png') repeat-y; margin:10px 0 0 9px;}
#content.twocol h1 {padding:15px; margin:0;}
#second {width:733px; margin:0 0 0 25px;}
	#second p {margin:15px;}
	#second p img {max-width:250px; float:left; margin:5px 10px 5px 0; border:#ccc solid 2px;}
	#second li {margin:0 0 0 40px;}
	#second h2 {margin:15px 15px 5px 15px;}
	#second hr {border: #336699 solid 1px;}

/* Arrangementen */
#arr_list img {border: #336699 solid 1px; margin:0 5px 5px 15px; max-width:110px;}
.threecol {width:220px; float:left; margin:15px 0 0 15px; border:#f1f1f1 solid 1px; padding:0;}
	.threecol h2 {border-bottom: #336699 solid 3px; padding:0 5px 5px 5px; font-weight:300; font-size:18px;}
	.threecol ul {margin:0 0 0 -19px; padding:0;}
	.threecol li {list-style:none; border-bottom:#f1f1f1 solid 1px; margin:0; padding:3px 0 3px 0;}
.prijs {margin:15px; width:210px; float:left;}
	.prijs div {margin:5px 0 5px 0;}
	.prijs_info ul {padding:0; margin:-15px -15px 5px -15px;}
	.prijs_info li {padding:0; margin:0;}
	.prijs_info p {margin:-15px;}
	.prijs_aantal { font-size:22px; color:#336699; font-weight:bold;padding-left:15px;}
	
/* Forms */
.formblok {width:460px; margin:0 10px 5px 0;}
	.formblok .label {background:#f1f1f1; border:#ccc solid 1px; padding:5px; width:160px;}
	.formblok .form {margin:0 0 0 5px; padding:5px;}
	.form input.text {background:#FFF; font-size:14px; padding:5px; margin:-4px 0 0 0; width:240px;}
	.form input.text:hover, textarea.textarea:hover {border:#407599 solid 1px;}
	.error {border:#AD1D2B solid 1px;}
	.succes {border: 1px solid #698745; font-size:14px; background:#C6FFC9; padding:5px;}
	.normal{border:#ccc solid 1px;}
	.submit {width:100px; height:40px;}
	.formblok h3 {border-bottom: #627ca8 solid 1px; margin:5px 0 10px 0; padding:3px 0 3px 0;}
	.notice {border: #295E99 solid 1px; padding:5px; background:#C4DBFF; font-size:14px;}

/* Foto album */
.fotoview img {width:110px;}

/* Referenties */
.ref {width:450px;}
	.ref ul {margin:0; padding:0;}
	.ref ul li {border-bottom:1px solid #9C9C9C; list-style:none; padding:3px 0 3px 0;}