@charset "utf-8";

/*************************
 *   GLOBAL              *
 *************************/

body, html{ height:100%; } /* Container full page height */

body{
margin:0;
padding:0;
line-height: 1.5em;
background: url(../img/bgBody.jpg) #fff -70px 0 no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
a {
	color: #34a5a9;
	text-decoration: underline;
}
a:focus,
a:hover { color: #000; }

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
} 
h1 {
	font-size: 2.75em;
} 
h2 {
	font-size: 2.5em;
}
h3 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
	color: #34a5a9;
}
h4 {
	line-height: 1em;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 25px;
	text-transform: uppercase;
	color: #34a5a9;
}
h5 {
	line-height: 1em;
	font-size: 11px;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #34a5a9;
}
h6 {
	line-height: 1em;
	padding-top: 5px;
	font-size: 11px;
	color: #34a5a9;
}
p {
margin: 10px 0 0 0;
text-align: justify;
}

li ul, li ol { margin:0 1.5em; } 
ul, ol { margin: 0.5em 0 0 1.5em; }
ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }

iframe {
border: 1px #000000 solid;
}

form {}
label {
float: left;
width: 50px;
margin-bottom: 2px;
position: relative;
}
input {
width: 180px;
padding: 2px;
border: 1px #000000 solid;
float: right;
margin-bottom: 2px;
position: relative;
}
input:focus,
input:hover {
border: 1px #34a5a9 solid;
}
#buttons input {
float: left;
margin-left: 54px;
width: 80px;
background-color: #34a5a9;
color: #fff;
}
#buttons input:focus,
#buttons input:hover {
border: 1px #000000 solid;
background-color: #fff;
color: #34a5a9;
}

/*************************
 *   LAYOUT              *
 *************************/

#maincontainer{
width: 830px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding: 0;
}

#header{
margin: 0 0 30px 0;
}

#header h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 300px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 300px; /*Width of left column*/
margin-left: -830px; /*Set left margin to -(MainContainerWidth)*/
}

.innertube{
margin: 0 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}
#leftcolumn .innertube{
margin: 0 20px;
}

.headLogo{
margin-top: 185px;
}
.headTitle{
padding: 19px 20px 0 20px;
text-align: right;
}

.blockLeft{
padding: 10px;
background: url(../img/bgCornersLeftTop.gif) left top no-repeat;
display: block;
margin-bottom: 20px;
}

.blockRight{
padding: 10px;
padding-bottom: 0;
background: url(../img/bgCornersRightTop.gif) left top no-repeat;
display: block;
}
.blockRightBottom{
height: 10px;
background: url(../img/bgCornersRightBottom.gif) bottom left no-repeat;
margin-bottom: 20px;
clear: right;
display: block;
}
#info .blockRightBottom{
margin-bottom: 30px;
}

.blockRight img{
 max-width: 490px;
}

.blockLeft form{
margin-top: 10px;
}
.blockLeft p {
color: #34a5a9;
}

#inschrijven a  {
display: block;
padding: 10px;
background-color: #fff;
border: 2px solid #34a5a9;
color: #34a5a9;
font-weight: bold;
font-size: 18px;
text-decoration: none;
}
#inschrijven a:hover  {
background-color: #34a5a9;
border: 2px solid #fff;
color: #fff;
}

.artist 		{ float: left; margin-bottom: 20px;}

.pakket li		{ width: 90%; border-bottom: 1px dashed #34a5a9; padding: 0 3px; }
.pakket li:hover{ background-color: #DDEEEE; }

.padRight1 		{ padding-right: 10px; }
.padTop1 		{ padding-top: 10px; }
.margin1 		{ margin-bottom: 40px; }
.margin2 		{ margin-bottom: 20px; }
.margin3 		{ margin-top: 40px; }
.margin4 		{ margin-right: 20px; }
.margin5		{ margin: 10px 15px; }
.floatLeft 		{ position: relative; float: left; }
.floatRight		{ position: relative; float: right; }
.center 		{ text-align: center; }
.nomargin 		{ margin: 0; }
.clearL			{ clear: left; }
.clearR			{ clear: right; }
.clearBoth		{ clear: both; }
.small			{ font-size: 75%; }

.curved {
-moz-border-radius:4px;
-webkit-border-radius:4px;
behavior:url(border-radius.htc);
}

#menu { padding-right: 0; }
#menu ul{
list-style-type: none;
margin: 0;
padding: 0;
float: left;
width: 250px;
list-style: none;
display: block;
}
#menu ul li{
list-style-image:none;
list-style-type: none;
float: left;
width: 115px;
margin: 0 10px 3px 0;
padding: 0;
}
#menu ul li a{
display: block;
width: 105px;
padding: 5px;
line-height: 1em;
text-decoration: none;
background-color: #fff;
font-weight: bold;
border: 1px solid #ddeeee;
}
#menu ul li a:hover {
background-color: #34a5a9;
border: 1px solid #34a5a9;
color: #fff;
}
#menu ul li a.current {
background-color: #ddeeee;
border: 1px solid #34a5a9;
color: #34a5a9;
}