/* 
Website: Feestival.info
Description: StyleSheet for Feestival.info
Version: 1,0
Author: Nick Thesing
*/



* {
	 margin: 0;
     padding: 0;
	 }

body{
	 font-size: 62.5%; /* Resets 1em to 10px */
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 color: black;
	 text-align: center;
	 background: transparent url(../images/achtergrond.jpg) repeat top left;
}

.prog:hover {
text-decoration: underline;
}

#foto {
width: 600px;
height: 65px;
background: transparent url(../images/foto.png) no-repeat bottom center;
margin-left: 100px;
display: block;
}

#foto:hover {
background: transparent url(../images/foto.png) no-repeat top center;
}

#wrapper {
	width: 100%;
	height: 750px;
	/* background: transparent url(../images/site2.png) no-repeat top center; */
	background: transparent url(../images/site3.png) no-repeat top center;
}

#header {
	width: 100%;
	height:110px;
}

#container {
	margin: auto;
	width:800px;
	height:700px;
}

#time {
position: absolute;
margin-left: 10px;
margin-top: 180px;
float: left;
height: 100px;
width: 100px;
}


#footer {
margin-top: 90px;
color: #FFF;
font-size: 0.9em;
}

#footer a {
color: #FFF;
}

/*************YELLOW************/


#content_yellow_left {
margin-top: 120px;
margin-left:35px;
position: relative;
width: 155px;
height: 275px;
float: left;
}

#content_yellow_right {
margin-top: 60px;
margin-right:39px;
text-align: left;
float: right;
width: 386px;
height: 330px;

}

#content_yellow {
	background: transparent url(../images/new/yellow_bg.png) no-repeat bottom center;
}



/*************END-YELLOW************/

/*************RED************/


#content_red_right {
position: relative;
float: right;
margin-top: 50px;
margin-right:25px;
margin-left: 50px;
text-align: left;
width: 630px;
height: 380px;

background: transparent url(../images/red_content.png) no-repeat top center;
}



/*************END-RED************/


.datumcontent {

position: relative;
float: right;
margin-top: 50px;
margin-right:25px;
margin-left: 50px;
text-align: left;
width: 750px;
height: 380px;

background: transparent url(../images/datums_content.png) no-repeat top center;

}

/*************ORANGE************/


#content_orange_right {
position: relative;
float: right;
margin-top: 50px;
margin-right:25px;
text-align: left;
width: 520px;
height: 380px;
background: transparent url(../images/orange_content.png) no-repeat bottom center;
}


.orange_contenth1 {
width: 500px;
height: 45px;
padding-top: 15px;
padding-left: 20px;
}

.orange_contentp {
padding: 10px 20px 10px 20px; /* boven rechts onder links */
width: 480px;
height: 270px;
}

.orange_contenta {
font-size: 1.1em;
color: #B50000;
width: 100%;
height: 20px;
text-align: center;
}



/*************END-ORANGE************/

/*************GREEN***********/

#content_green_left {
float: left;
margin-top: 60px;
margin-left:30px;
text-align: left;
position: relative;
width:280px;
height: 330px;
}

.psmallwidth {
width: 270px;
}


#content_green{
	background: transparent url(../images/new/green_bg.png) no-repeat bottom center;
}


/*************END-GREEN************/


/*************LIGHTBLUE***********/


#content_lightblue_left{
margin-top: 60px;
margin-left: 37px;
text-align: left;
float: left;
width: 386px;
height: 328px;
}

#content_lightblue_right{
margin-top: 60px;
margin-right:35px;
position: relative;
width: 158px;
height: 275px;
float: right;
}

#content_lightblue{
	background: transparent url(../images/new/lightblue_bg.png) no-repeat bottom center;
}



/*************END-LIGHTBLUE************/

/*************BLUE***********/


#content_blue_left{
margin-top: 50px;
text-align: left;
margin-left:30px;
float: left;
width: 520px;
height: 380px;
background: transparent url(../images/orange_content.png) no-repeat bottom right;
}


.blue_contenth1 {
width: 500px;
height: 45px;
padding-top: 15px;
padding-left: 20px;
}

.blue_contentp {
padding: 10px 20px 10px 20px; /* boven rechts onder links */
width: 480px;
height: 270px;
}

.blue_contenta {
font-size: 1.1em;
color: #B50000;
width: 100%;
height: 20px;
text-align: center;
}


/*************END-BLUE************/

/*************PURPLE***********/


#content_purple_left{

position: relative;
float: left;
margin-top: 50px;
margin-right:25px;
margin-left: 30px;
text-align: left;
width: 630px;
height: 380px;

background: transparent url(../images/red_content.png) no-repeat top center;

}


#jerome {
font-size: 1.2em;
color: white;
position: absolute;
width: 300px;
height: 200px;
margin-top: 100px;
margin-left: 100px;
border: 1px dotted white;
text-align: left;
padding-left: 10px;
padding-right: 10px;
}

/*************END-PURPLE************/



/******STYLES******/


h2 {
text-transform: uppercase;
margin-bottom: 10px;
color: #B50000;
font-size: 1.2em;
font-weight: bold;
}

p {
font-size: 1.1em;
margin-bottom: 10px;
}

a {
color: #B50000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


.bold {
font-weight: bold;
}

.a_content_left {
text-decoration: none;
color: #B50000;
}

.a_content_left:active, .a_content_left:visited{
color: #B50000;
}

.a_content_left:hover {
text-decoration: underline;

}

.a_content_right {
color: #B50000;
text-decoration: none;
}

.a_content_right:active, .a_content_right:visited{
color: #B50000;
}

.ulnavi {
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
}

.ulnavi li {
float: left;
width: 33%;
height: 25px;
}

.white {
color: #FFF;
}


.a_content_right:hover {
text-decoration: underline;
}

.contenth1 {
width: 610px;
height: 45px;
padding-top: 15px;
padding-left: 20px;
}

.contentp {
padding: 10px 20px 10px 20px; /* boven rechts onder links */
width: 590px;
height: 270px;
}

.contenta {
font-size: 1.1em;
color: #B50000;
width: 100%;
height: 20px;
text-align: center;
}


.contenth1small{
padding-left: 14px;
padding-top: 13px;
width: 370px;
height: 45px;
}

.contentpsmall{
padding: 10px 20px 10px 20px; /* boven rechts onder links */
width: 350px;
height: 230px;
}

.contentasmall{
font-size: 1.1em;
text-align: center;
color: #B50000;
width: 390px;
height: 20px;
}


.red_h1 {
font-size: 1.3em;
color: #ff0000;
}

.ul {
font-size: 1.1em;
margin-left: 20px;
margin-bottom: 10px;
}

.noborder {
border:none;
}

.imgdatum28 {
margin-top: 20px;
margin-left: 20px;
width: 90px;
height: 340px;
float: left;
background: transparent url(../images/28.png) no-repeat top left;
}
.imgdatum29 {
margin-top: 20px;
margin-left: 20px;
width: 300px;
height: 340px;
float: left;
background: transparent url(../images/29.png) no-repeat top center;
}
.imgdatum30 {
margin-top: 20px;
margin-left: 20px;
width: 300px;
height: 340px;
float: left;
background: transparent url(../images/30.png) no-repeat top center;
}

#sponsers {
margin-top: -15px;
}

.red {
color: #B50000;

}

.inner_contentdatums28{
float: left;
margin-top: 20px;

width: 620px;
height: 340px;
}

.inner_contentdatums{
float: left;
margin-top: 20px;
margin-left: 20px; 
width: 380px;
height: 340px;
background: transparent url(../images/pic.png) no-repeat bottom center;
}


#junglestrike {
margin-left: 230px;
margin-top: -250px;
position: relative;
width: 200px;
}

#radiofood {
float: left;
position: relative;
width: 200px;
height: 200px;
}

#kingjack {
position: relative;
width: 200px;
height: 200px;
margin-left: 250px;
}

#valerius {
float: left;
position: relative;
width: 200px;
height: 200px;
}

#tenhut {
position: relative;
width: 200px;
height: 200px;
margin-left: 250px;
}

#dio {
text-align: center;
position: relative;
width: 150px;
height: 200px;
margin-left: 180px;
}

#ruben {
margin-top: -10px;
text-align: center;
float: left;
position: relative;
width: 200px;
height: 150px;
}

#redbull {
position: relative;
float: left;
width: 100px;
height: 120px;
}

#inkonpaper {
position: relative;
float: left;
width: 100px;
height: 120px;
}

#zaanstad {
position: relative;
float: left;
margin-left: -15px;
margin-top: -10px;
width: 250px;
height: 120px;
}

#stp {
position: relative;
float: right;
margin-top: -50px;
margin-bottom: 10px;
width: 200px;
height: 60px;
}


#gezocht {
position: relative;
float: left;
margin-top: -30px;
width: 450px;
height: 100px;
}

.margintop {
margin-top: 10px;
margin-left: 50px;
}

.pfoto {
margin-left: 20px;
}

span {
font-size: 0.8em;
}


.ulnavi li a{
color: #B50000;
text-decoration: none;
font-size: 1.1em;
}

.ulnavi li a:hover {
font-weight: bold;
text-decoration: none;
}

.wanneer {
text-transform: uppercase;
color: #B50000;
font-size: 1.2em;
font-weight: bold;
}

#toplinks {
width: 200px;
height: 150px;
float: left;
}


#bottomlinks {
width: 200px;
height: 50px;
float: left;
}


#toprechts {
width: 200px;
height: 150px;
float: right;
}


#bottomrechts {
float: right;
width: 200px;
height: 50px;
}

.contimg {
margin-top: -250px;
margin-left: 280px;
}

#jeff {
height: 70px;
width:450px;

	background: transparent url(../images/foto_jeff.jpg) no-repeat top right;
}

#lars {
height: 70px;
width: 450px;

	background: transparent url(../images/foto_lars.jpg) no-repeat top right;
}

#lenny {
height: 70px;
width: 450px;
background: transparent url(../images/foto_lenny.jpg) no-repeat top right;
}

.sololinks {

width: 190px;
float: left;
height: 220px;
}

.sololinks  img {
margin-bottom: 10px;
}

.solorechts {
width: 250px;
float: right;
}

.table {
margin-top: -10px;
}

.tdsmall {
font-size: 1.0em;
font-weight: normal;
}

.table td {
font-weight: bold;
}

.textarea {
width: 200px;
height: 150px;
}

.textinput {
width: 200px;
}

.input {
margin-left: 10px;
}

.table #submit {
margin-top: -20px;
margin-left: 50px;
}

.table #reset {
margin-top: -20px;
margin-left: 260px;
}

#logolinks {
margin-top: -15px;
width: 210px;
position: relative;
float: left;
height: 230px;
}

#logorechts {
margin-top: -15px;
width: 210px;
float: right;
height: 230px;
}



#logorechts #zaandambeach {
margin-top: -10px;
margin-bottom: 10px;
}


/*********CONTENT***********/


#content {
	position: relative;
	width:800px;
	height:455px;
}

.content_bg {
	width:800px;
	height:455px;
}


#menu {
	position: relative;
	margin-left: 10px;
	padding-top:5px;
	width:800px;
	height:50px;
}

#content_home {
position: relative;
margin-left: -3px;
}

#hyves {
position: absolute;
margin-top: 101px;
margin-left: 697px;
background: transparent url(../images/hyves-over.png) no-repeat top left;
width: 91px;
height: 34px;
}

#hyves:hover, #hyves:active {
background: transparent url(../images/hyves_hover.png) no-repeat top right;
}

#hyves a {
display: block;
width: 91px;
height: 34px;
}

.incontent {
background: transparent url(../images/hyves-over.png) no-repeat top left;
position: absolute;
margin-top: -52px;
margin-left: 533px;
width: 91px;
height: 34px;

}

.incontent:hover, .incontent:active {
background: transparent url(../images/hyves_hover.png) no-repeat top right;
}

.incontent a {
display: block;
width: 91px;
height: 34px;
}

.tablemuziek {
font-size: 1.1em;
margin-top: -10px;
margin-left: -15px;
width: 260px;
height:250px;
}

.tablemuziek tr {
width: 250px;
}

.tablemuziek td {
width: 120px;
height: 10px;
}

#homehover {
margin-left: 10px;
margin-top: 0px;
width: 782px;
height: 276px;

background: transparent url(../images/home_hover.png) no-repeat top left;
}

#homehover:hover {
width: 782px;
height: 276px;
background: transparent url(../images/home_hover.png) no-repeat top right;
}

#homehover a {
display: block;
width: 782px;
height: 276px;
}

.fotograaf {
height: 70px;
width: 100%;
margin-bottom: 20px;
}

.fotograaf img {
float: left;
}

#fotograaf-top {
margin-top: -50px;
}

#fotograaf-mid {
margin-top: -10px;
}

.fotograafp {
margin-left: 90px;
margin-top: 10px;
}

.datumbox {
float: left;

width: 150px;
height: 170px;
margin-bottom: 20px;
margin-left: 20px;

}


.poster {
width: 300px;
height: 250px;
background: transparent url(../images/poster_klein.png) no-repeat top center;

}

#box28 {
background: transparent url(../images/28_box.png) no-repeat top center;
}

#box29 {
background: transparent url(../images/29_box.png) no-repeat top center;
}

#box30 {
background: transparent url(../images/30_box.png) no-repeat top center;
}