/* main */

*{
	margin:0;
	padding:0;
	outline:none;
}

html {height: 100%;}
.clear {clear : both;}

img, div { behavior: url(/dancepoint.nl/js/iepngfix.htc); }

body {
	font-family: Verdana, Geneva, sans-serif;
	height: 100%;
	background-color: #fff;
}

#container {
	position:relative;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
}

h1 {
	font-size:20px;
	color:#892223;
	font-weight:lighter;
}

p {
	font-size:11px;
	color:#464646;
	line-height: 17px;
}

span{
	font-size:11px;
	color:#892223;
	line-height: 17px;
	font-weight:bold;
}

a {
	font-size:11px;
	text-decoration: underline;	
	color:#464646;
}

/* header */

#header{
	height:155px;
	background:#fff url(../img/header_bg.jpg) repeat-x scroll 0 0;
}

#header .wrapper{
	height:155px;
	width:950px;
	margin:0 auto;
	position:relative;
}

#header .logo{
	height:155px;
	width:280px;
	margin:0px 0px 0px 0px;
	float:left;
}

#header .slagzin{
	height:100px;
	width:400px;
	margin:0px 0px 0px 0px;
	float:right;
	background-image: url(../img/come_to.jpg);
}

#header .wrapper .proefles_btn{
	height:39px;
	width:214px;
	position:absolute;
	bottom:-60px;
	right:20px;
	z-index:10;
}

/* header */

#bar{
	height:400px;
	background:#fff url(../img/bar_bg.jpg) repeat-x scroll 0 0;
	position:relative;
}

#bar .wrapper{
	height:400px;
	width:950px;
	margin:0 auto;
	position:relative;
	background-image: url(../img/bar__wrapper_bg.jpg);
}

#bar .links{
	height:400px;
	width:475px;
	margin:0px 0px 0px 0px;
	float:left;
	display: inline-block;
	padding: 0px;
}

#bar .rechts{
	height:400px;
	width:475px;
	margin:0px 0px 0px 0px;
	float:left;
	display: inline-block;
	padding: 0px;	
}

#bar .rechts .nieuws{
	height:268px;
	width:475px;
	float:left;
	margin:132px 0px 0px 0px;
	padding: 0px;
}

#bar .rechts .nieuws .content{
	height:120px;
	width:250px;
	float:left;
	margin:110px 0px 0px 0px;	
	padding: 0px 0px 0px 128px;
}

#bar .rechts .nieuws .content p{
	font-size:10px;
}

#sub_bar{
	height:40px;
	background:#fff url(../img/sub_bar_bg.jpg) repeat-x scroll 0 0;
}

/* main */

#main {
	height:auto !important;
	height:100%;
	background: url(../img/main_bg.jpg) repeat-x scroll bottom transparent; 
}

#main .wrapper{
	width:950px;
	margin:0 auto;
	position:relative;
	height:auto !important;
	height:100%;
	background:transparent url(../img/main_wrapper_back.png) repeat-y scroll 0 0;
}

#main .links{
	min-height: 808px;
	height:auto !important;
	height:100%;
	width:595px;
	float:left;
	background: url(../img/main_links_bg.jpg) no-repeat scroll right bottom transparent;
	display: inline-block;
}

#main .links .content{
	min-height: 100%;
	height:auto !important;
	height:100%;
	width:500px;
	float:left;
	margin:0px 0px 0px 25px;
}

#main .rechts{
	min-height: 100%;
	height:auto !important;
	height:100%;
	width:322px;
	float:left;
	display: inline-block;
}

#main .rechts .top{
	height:4px;
	width:322px;
	float:left;
	background-image: url(../img/main_rechts_top.jpg);
}

#main .rechts .content{
	min-height: 100%;
	height:auto !important;
	height:100%;
	width:280px;
	float:left;
	margin:5px 0px 0px 22px;
}

#main #muziek_player{
	width:274px;
	height:41px;
	float:left;
	background-color:#fbf6d8;
	/*margin:0px 0px 10px 7px;*/
}


#main .rechts .divider{
	height:2px;
	width:280px;
	float:left;
	margin:15px 0px 15px 0px;
	background-image: url(../img/balk_rechts_devider.jpg);
}

#main .rechts .content p{
	width:280px;
}

#main .rechts .content p label{
	float:left;
	margin:0px 20px 0px 0px;
	width:50px;
}

#main .rechts .content .radio_div{
	float:left;
	margin:0px 30px 10px 0px;
	width:100px;
}

#main .rechts .content .button{
	float:left;
	width:71px;
	height:24px;
}

#main .rechts .content .titel{
	width:280px;
	float:left;
}

#main .rechts .content .get_noticed{
	width:280px;
	float:left;
}

#main .rechts .content .get_noticed a{
	color:#ff983c;
	text-decoration:none;
}

#main .rechts .content .get_noticed a:hover{
	text-decoration:underline;
}

/* footer */

#footer{
	height:281px;
	background:#d0cbb8 url(../img/footer_bg.jpg) repeat-x scroll 0 0;
}

#footer a{
	text-decoration:none;
}

#footer .wrapper{
	height:262px;
	width:950px;
	margin:0 auto;
	position:relative;
}

#footer ul{
	list-style-image: url(../img/ul_img.jpg);
	margin:0px 0px 0px 20px;
}

#footer ul li{
	margin:0px 0px 5px 5px;
}

#footer .colom{
	height:222px;
	width:175px;
	float:left;
	margin:40px 20px 0px 10px;
}

#footer .contact{
	height:222px;
	width:275px;
	float:right;
	margin:40px 55px 0px 0px;
}

#footer p span{
	font-size:11px;
	color:#892223;
	line-height: 17px;
	font-weight:normal;
}

.img_container {display: inline-block; float: left; width: 133px; height: 89px; background-image: url(/dancepoint.nl/img/rechts_img_bg.jpg); margin: 0 5px 5px 0; }
.img_container img {border: 0px; margin: 2px 0 0 4px;}

.img_container2 {display: inline-block; float: left; width: 133px; height: 150px; background-image: url(/dancepoint.nl/img/imgblock_bg.png); margin: 0 5px 5px 0; font-size: 11px; overflow: hidden; }
.img_container2 img {border: 0px; margin: 2px 0 0 4px;}
.img_container2 span {margin: 2px auto; width: 124px; display: block; font-size: 10px; overflow: hidden; padding-left: 2px; font-weight: normal;}


/* contact */

#contact_form { margin-bottom: 20px; display: inline-block; }
#contact_form p { margin: 2px; padding: 0; padding-top: 0px; display: inline-block; float:left; width:580px;}
#contact_form p label { display: block; float: left; width: 150px;}
#contact_form p input { display: block; float: left; width: 200px;}
#contact_form h3 {display: block; float: left; height: 22px; width: 580px;}
#contact_form p textarea { width: 350px; height: 100px;}

#error{
	color: #900;
	font-size:12px;
	margin:20px 0px 0px 0px;
}

table{
	font-size:10px;
	line-height: 16px;
}

table tr td { vertical-align: top;}

.partner { width: 580px; }
.partner_intro {float: left; width: 300px; margin-left: 8px;}
.introtekst {	float: left;	width: 518px;	padding: 30px 0px 0 0px;	font-weight: bold;}
.introtekst2 {	float: left;	width: 518px;	padding: 30px 0px 0 0px;	margin: 0 0 30px 0;	font-weight: bold;}
.vervolgtekst {	float: left;	width: 518px;	padding: 30px 0px 0 0px;	display: none;}
.leesmeer {	float: left;	width: 200px;	margin: 0 0 0px 0;}
.leesmeer a {	text-decoration: none; float: right;	margin: 5px 10px 5px 0;	display: block;	height: 11px;	line-height: 8px;	padding: 0 17px 0 0;	font-weight: bold;	background-image: url(/dancepoint.nl/img/leesmeerknop.png);	background-position: top right;	background-repeat: no-repeat;}
.leesmeer a.active {	width: 11px;	overflow: hidden;	padding: 0;	text-indent: -1000px;	background-position: bottom right;}
.uitklapblok {}

.map_address {display: none; visibility: hidden;}

.map{
	height:215px;
	width:250px;
	float:right;
	background-color:#91907a;
	margin:5px;
	display: inline-block;
}

.map #map_canvas{
	height:211px;
	width:246px;
	float:left;
	margin:2px 2px 2px 2px;
}

.nieuws_ouder { display: block; float: left; margin: 10px 0 0 0;}
.nieuws_ouder .datum {width: 150px; float: left; display: inline-block;}
.nieuws_ouder .titel {width: 350px; float: left; display: inline-block;}

.hide_init {display: none;}

.sectiontableentry1 {margin-bottom: 10px; float: left; width: 100%;}
.sectiontableentry1 a {text-decoration: none; font-weight: bold; color: #892223;}

.sectiontableentry2 {margin-bottom: 10px; float: left; width: 100%;}
.sectiontableentry2 a {text-decoration: none; font-weight: bold; color: #892223;}

.img_gal_link {float: left; display: block; width: 100%; text-align: right;}
.img_gal_link a {text-decoration: none; font-weight: bold; color: #892223;}

.link_table tr {margin-bottom: 10px; float: left; width: 100%;}
.link_table tr a {text-decoration: none; font-weight: bold; color: #892223;}

.colom2 { 
	width: 350px; 
	font-size:11px;
	color:#892223;
	height:222px;
	float:left;
	margin:40px 20px 0px 10px;
}
