/* Start of CMSMS style sheet 'Pret op Recept' */
/***************/
/****ALGEMEEN****/
/****************/

* {
margin: 0;
padding: 0;
}

body {
font-family: Verdana;
font-size: 11px;
color: #291d05;
background-image: url(images/bg.jpg);
background-position: center top;
background-color: #feeb04;
background-repeat: no-repeat;
cursor : url("images/gardecursor.cur"), pointer;
}

#wrapper {
margin: 0 auto;
width: 1013px;
height: 100%;
}

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

#header{
width: 1013px;
height: 165px;
background-repeat: no-repeat;
float:left;
}

#menuwrapper{
height:53px;
left:50%;
margin-left:-335px;
margin-top:157px;
position:absolute;
z-index:102;
top: 0;
}

#content{
width: 1013px;
height: 100%;
background-image: url(images/content.png);
background-repeat: repeat-y;
z-index: 90;
float:left;
position:relative;
}

#content_top {
background-image: url(images/content_top.png);
background-repeat: no-repeat;
width: 1013px;
height: 107px;
float: left;
}

#content_top_tekst {
padding: 70px 170px 0 170px;
}

#content_tekst{
padding: 0px 170px 0 170px;
}

#footer{
width: 1013px;
height: 200px;
position:relative;
top: -60px;
float:left;
background-image: url(images/footer.png);
background-repeat: no-repeat;
z-index: 0;
}

/***************/
/****STYLE******/
/***************/

.footer {
padding: 90px 0 0 150px;
position: absolute;
float: right;
color: #929292;
}

.breadcrumbs {
color: #929292;
font-size: 10px;
margin: 0 0 0 15px;
}

.breadcrumbs a {
color: #929292;
font-size: 10px;
text-decoration: none;
}

.breadcrumbs a:hover {
text-decoration: underline;
}

.cal-pastlist-bedrijven, .cal-pastlist-festivals, .cal-pastlist-decembermaand {
width: 220px;
height: 100%;
float:left;
font-size:9px;
line-height: 9px;
}

.youtube {
float: left;
margin: 10px 0 0 24px;
}

input:hover{
cursor : url("images/gardecursor_hover.cur"), pointer
}

.gallery .img {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
cursor:pointer;
margin:3px 0;
padding:3px;
z-index: 200;
position: relative;
}

.speellijst_oneven {
background-color: #ddd3c3;
}

img.bio {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin:5px;
padding:3px;
z-index: 200;
position: relative;
}

.Persfoto_div {
width: 200px;
height: 150px;
float: left;
margin: 3px
overflow: hidden;
font-style: italic; 
}

.pdf_div {
float: left;
margin: 5px;
width: 200px;
height: 200px;
overflow: hidden;
}

.Persfoto_div img {
height: 80px;
width: 54px;
margin: 0 auto;
}

.titel_uploads
{
height: 30px;
font-weight: bold;
font-style: normal; 
}


/**********************/
/****OPMAAK TEKST******/
/*********************/

p{

}

h1{
}

h2{
}

h3{
font-size: 18px;
text-transform: uppercase;
}

h4{
font-size:18px;
text-transform:uppercase;
}

a {
color: #483309;
}

a:hover {
cursor : url("images/gardecursor_hover.cur"), pointer;
text-decoration: none;
color: #b07b16;
}

.gallery a{
border: 0;
}

/***************/
/****TABS******/
/***************/

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* tab pane styling */
div.panes div {
	display:none;		
	padding:15px 10px;
	}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:11px;
	display:block;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px 5px 0 5px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	

}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}


/***************/
/****CONTACT****/
/***************/

.required label {
float: left;
width: 150px;
margin: 2px;
}

#fbrp__30, #fbrp__34, #fbrp__35, #fbrp__38, #fbrp__45 {
margin: 2px;
width: 425px;
}

#fbrp__45 {
width: 425px;
height: 200px;
}

#m279e6fbrp_submit {
margin: 10px 90px 0 0;
float:right;
}
/* End of 'Pret op Recept' */