/* ----------------------------------------------------
   Project: 	nadjazzda.com
   Subject: 	general CSS definitions

   (C) 2008 Frenz, Amsterdam
   ---------------------------------------------------- */

*
{
	margin: 0;
	padding: 0;
}


html, body
{
	height: 100%;
	width: 100%;
	border:0;
}

body
{
	
	font-family: verdana, arial;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: lighter;
	letter-spacing: 0px;
	line-height: 18px;
	color: #fff;
	
}

h1
{
	font-size: 13px;
	font-weight: 600;
	line-height: 25px;
	font-family: Zapfino, CascadeScript, "Monotype Corsiva", "Lucida Bright";
	padding-left: 25px;
}

p
{
	padding: 10px 25px 0px 25px;

		
}

b
{
	font-weight: bold;
}

a
{
	color:#CC3300;
	text-decoration: none;
	font-weight: 600;
}

a:link,
	a:visited
{
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
	color: #FF0000;
}

a:active
{
	text-decoration: none;
}


img
{
	border:none;
	margin-left:2px;
}

/* column container */
div#box-main-container 
{
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
    width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
	border-right: 1px #fff solid; 
}

#box-left,
#box-middle,
#box-right
{
	float:left;
	position:relative;
	padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}


.blogstyle 
{
	background:#B90008;		/* right column background colour */
}

body div.muziek
{
	background:#FF7B00;		/* right column background colour muziek*/
}

body div.zwerven
{
	background:#ffb107;		/* right column background colour zwerven*/	
}

body div.esperanza
{
	background:#ffb107;		/* right column background colour esperanza*/	
}

body div.acts
{
	background:#ffb107;		/* right column background colour acts*/	
}

body div.liedteksten
{
	background:#ffb107;		/* right column background colour liedteksten*/	
}
body div.bio
{
	background:#b90008;		/* right column background colour bio*/
	
}
body div.theater
{
	background:#ffb107;		/* right column background colour theater*/	
}

.blogstyle .colmid {
	right:25%;				/* width of the right column */
	background:#ff6801;		/* center column background colour */
}

.blogstyle .colleft {
	right:45%;				/* width of the middle column */
	background:#ff7b00;		/* left column background colour */
}

.blogstyle #box-left {
	width:30%;				/* width of center column content (column width minus padding on either side) */
	left:70%;				/* 100% plus left padding of center column */
}

.blogstyle #box-middle {
	width:44%;				/* Width of left column content (column width minus padding on either side) */
	left:70%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.blogstyle #box-right {
	width:22%;				/* Width of right column content (column width minus padding on either side) */
	left:72%;				/* Please make note of the brackets here:(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/*
div#box-left 
{
	position:relative;
	heigth: inherit;
	float:left;
	width: 30%;
	background-color: #ff7b00;

}

div#box-middle 
{
	position:relative;
	float:left;
	heigth: inherit;
	width: 39%;
	background-color: #ff6801;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	
}

div#box-right 
{
	position:relative;
	float:left;
	heigth: inherit;
	width: 30%;
	background-color: #cc7ac4;
	z-index:2;
	border-left:1px #fff solid;
	top: 0px;

}



#footer {
border-top:1px solid #FFFFFF;
clear:both;
float:left;
width:100%;
height: 1px;
}
*/

/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
	border-top:1px solid #000;
}

/*
div#box-main-container div.home-right 
{
	background-color: #b90008;
}

div#box-main-container div.bio-right 
{
	background-color: #b90008;
}

div#box-main-container div.muziek-right 
{
	background-color: #ff7b00;
}

div#box-main-container div.news-right 
{
	background-color: #cc7ac4;
}

div#box-main-container div.fotos-right 
{
	background-color: #4a495b;
}

div#box-main-container div.theater-right 
{
	background-color: #ffb107;
}
*/

/*-------------- Content elementen ----------------*/

img.img-1
{	
	margin-top:0px;
	right:0%;
	top:10px;

}

img.img-2
{
	margin-top:150px;
	right:5%;
	top:200px;
}

div.text-1
{
	margin-top:110px;	
}

body .blogstyle div.colleft div.fotos-right
{
	width:23%;
}

div#text-2
{
	margin-top:5px;
	margin-right:120px;
}

div#text-3
{
	margin-top:15px;
	
}

div#text-4
{
	margin-top:110px;
	/*	margin-left: 130px;*/
	color: #9E0000;
}

div#menu-1,
div#logo
{
	position:absolute;
	right:7px;
	top:12px;
}	

div#menu-2
{
	position:absolute;
	right:3%;
	top:240px;	
}

div#menu-3
{
	position:absolute;
	left:10%;
	top:240px;	
}

div#menu-4
{
	position:absolute;
	right:70%;
	top:350px;	
}

div#menu-5
{
	position:absolute;
	right:20%;
	top:360px;	
}

div#menu-6
{
	position:absolute;
	right:3%;
	top:450px;	
}

div#menu-7
{
	position:absolute;
	right:7%;
	top:12px;	
}

div#menu-8
{
	position:absolute;
	right:3%;
	top:240px;	
}

div#menu-9
{
	position:absolute;
	left:10%;
	top:240px;	
}

div#menu-10
{
	position:absolute;
	right:20%;
	top:360px;	
}

div#menu-11
{
	position:absolute;
	right:3%;
	top:450px;	
}
div#menu-12
{
	position:absolute;
	right:70%;
	top:350px;	
}

p.intro
{
	
}
p.i
{
	font-style: italic;
}

p.b
{
	font-weight: 200;
	font-size: 12px;
	font-family: Zapfino, CascadeScript, "Monotype Corsiva", "Lucida Bright";
	line-height: 20px;
}