@charset "UTF-8";
/* CSS Document */

/* 
Theme Name: Luminis
Theme URL: 
Description: Custom theme for Luminis
Author: Ontwerpstudio Trendwerk
Author URI: http://www.trendwerk.nl/
Version: 1.0
*/

/*
====================
Reset
====================
*/

* {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: baseline;
}
a img { border:0; }

/*
====================
Typography
====================
*/

body,h1,h2,h3,h4,h5,h6,textarea {
font-family: Arial, Helvetica, sans-serif;
}
body {
	color: #FFF;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
}
p {
	font-size: 13px;
	line-height: 18px;
	margin: 0px 0px 10px 0px;
}
h1 {
	font-size: 24px;
	font-weight: normal;
	line-height:  normal;
	margin: 0px;
	text-transform: none;
}
h2 {
	font-size: 24px;
	font-weight: normal;
	line-height:  normal;
	margin: 0px 0px 10px 0px;
	text-transform: none;
}
h3 {
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	padding: 0 20px;
	text-transform: none;
}
.orange h3 {background-image: url(images/orangetitlebg.png);}
.purple h3 {background-image: url(images/purpletitlebg.png);}
.blue h3 {background-image: url(images/bluetitlebg.png);}
h4 {
	font-size: 15px;
	line-height:  normal;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	text-transform: none;
}
h5 {
	color: #666;
	font-size: 15px;
	line-height:  normal;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	text-transform: none;
}
h6 {
	font-size: 13px;
	line-height:  normal;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	text-transform: none;
}

/* Link styles */

a {
	color: #FFF;
	text-decoration: underline;
}
a:hover {
	color: #CCC;
}

a:focus, h3:focus {
border:medium none;
outline:medium none;
}

/* List styles */

ul {
	margin: 0 0 10px 20px;
}
li {
	line-height: 18px;
}

/* Header & footer links */

#header p, #header a, #header li, #footer p, #footer a, #footer li {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;	
}

#header a:hover, #footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

#footer a:hover {
	color: #247feb;
}
/* images */

.entry img {
	padding: 4px;
	border: 1px solid #cccccc;
	background: #FFF;
}

.left, .alignleft {
	margin: 3px 15px 3px 0;
	float: left;
}
.right, .alignright {
	margin: 3px 0 3px 15px;
	float: right;
}
.clear {
	clear: both;
}

a.lightbox {}

/*
====================
Layout
====================
*/

body {
	background-color: #000;
	min-width: 960px;
	}

/* homepages */

.home1 {background: url(images/bg-home1.jpg) no-repeat center top #000;}
.home2 {background: url(images/bg-home2.jpg) no-repeat center top #000;}
.home3 {background: url(images/bg-home3.jpg) no-repeat center top #000;}
.home4 {background: url(images/bg-home4.jpg) no-repeat center top #000;}
.home5 {background: url(images/bg-home5.jpg) no-repeat center top #000;}
.home6 {background: url(images/bg-home6.jpg) no-repeat center top #000;}

#homeleft {
	width: 460px;
	float: left;
	margin-top: 80px;
}
	#smoes {
		background-image: url(images/contentbg.png);
		padding: 20px 20px 20px 30px;
	}
	
#homeright {
	width: 460px;
	float: right;
	margin: 300px 0 100px 0;
}
	#homeright #content {
		background-image: url(images/contentbg.png);
		padding: 20px;
	}

/* subpages */

.page1 {background: url(images/bg-page1.jpg) no-repeat center top #000;}
.page2 {background: url(images/bg-page2.jpg) no-repeat center top #000;}
.page3 {background: url(images/bg-page3.jpg) no-repeat center top #000;}
.page4 {background: url(images/bg-page4.jpg) no-repeat center top #000;}
.page5 {background: url(images/bg-page5.jpg) no-repeat center top #000;}
.page6 {background: url(images/bg-page6.jpg) no-repeat center top #000;}


.page #wrap {
	width: 960px;
	margin: 0px auto;
}

#pageleft {
	width: 460px;
	float: left;
	margin-top: 80px;
}
	#smoes {
		background-image: url(images/contentbg.png);
		padding: 20px 20px 20px 30px;
	}
	
#pageright {
	width: 460px;
	float: right;
	margin-top: 80px;
}
	#pageright .entry, #pageleft .entry {
		background: url(images/contentbg.png) left top repeat;
		padding: 20px 20px 15px 20px;
		overflow:  hidden !important;
	}
	
	#pageleft #uitdagingen .post {
    margin: 0px 0px 10px 0px;
  }
	
	#pageleft #uitdagingen h3 {
    cursor: pointer;
    height: 40px;
    _padding: 0 10px; //IE6 Fix
  }
  
  #pageleft #uitdagingen .post .arrow {
    width: 22px;
    height: 22px;
    position: absolute;
	margin-top: -30px;
	margin-left: 410px;
    cursor:pointer;  
    position: relative;
  }
  
  .orange #pageleft #uitdagingen .post .ui-state-active .arrow {
    background-image: url(images/orangearrowdown.png);
  }
  .orange #pageleft #uitdagingen .post .ui-state-default .arrow {
    background-image: url(images/orangearrowright.png);
  }
  
  .purple #pageleft #uitdagingen .post .ui-state-active .arrow {
    background-image: url(images/purplearrowdown.png);
  }
  .purple #pageleft #uitdagingen .post .ui-state-default .arrow {
    background-image: url(images/purplearrowright.png);
  }
  
  .blue #pageleft #uitdagingen .post .ui-state-active .arrow {
    background-image: url(images/bluearrowdown.png);
  }
  .blue #pageleft #uitdagingen .post .ui-state-default .arrow {
    background-image: url(images/bluearrowright.png);
  }

/*
====================
Sidebars & widgets
====================
*/

/* sidebars */

.sidebar {
	list-style: none;
	margin: 20px 0 0 0;
}
	.sidebar .widget_text .widgettitle {
	display: none;
}

/* widgets */

.widget {
	background: url("images/contentbg.png");
	padding: 10px;
	margin-bottom: 20px;
}

.widgeticon {
	float: left;
	margin-right: 10px;
}

.widgettext {
	margin: 5px 0 0 0;
}

.widgettext h4 {
	font-size: 20px;
	margin: 0 0 5px 0;
}

.widgettext p {
	font-size: 18px;
}

.widget p a {
	text-decoration: none;
}

.widget p a:hover {
	text-decoration: underline;
}

/* iframe fotoalbum */

#iframe-fotos-back {
                position: absolute;
                top: 0;
                left:0;
                height:100%;
                width:100%;
                background: #000;
               
                opacity: 0.7;
                filter: alpha(opacity=70);
                z-index: 10;
               
                display:none;
}
 
#iframe-fotos {
                position: absolute;
                z-index: 11;
                border:5px solid #fff;
                width: 800px;
                height: 600px;
                overflow:hidden;
               
                left: 50%;
                margin-left: -400px;
                top: 50%;
                margin-top: -300px;
               
                display:none;
}
 
#iframe-sluit-scherm {
                position: absolute;
                z-index: 11;
                left: 50%;
                top: 50%;
                margin-left: 325px;
                margin-top: -327px;
                display: none;
}

/* CSS Preloader */

#preload {
	display: none;
	background: url(images/bg-home1.jpg);
	background: url(images/bg-home2.jpg);
	background: url(images/bg-home3.jpg);
	background: url(images/bg-home4.jpg);
	background: url(images/bg-home5.jpg);
	background: url(images/bg-home6.jpg);
	background: url(images/bg-page1.jpg);
	background: url(images/bg-page2.jpg);
	background: url(images/bg-page3.jpg);
	background: url(images/bg-page4.jpg);
	background: url(images/bg-page5.jpg);
	background: url(images/bg-page6.jpg);
}