/* Standaard alle margins & paddings op nul want sommige browsers hebben standaard margin en padding */
*
    {
    margin: 0;
    padding: 0;
    }

/* Algemene instellingen */
body
    {
    background-color: #B7B1B1; /* Achtergrondkleur */
    margin: 0 auto; /* Boven marge van 15px, links & rechts automatisch; dus gecentreerd */
    color: #fff; /* tekstkleur */
    font-family: Verdana, Arial, Helvetica, sans-serif; /* Lettertype(s) */
    font-size:62.5%; /* Door de body lettergrootte op 62.5% te zetten, kan je bij alle andere items werken met em, waarbij 1em standaard gelijk is aan 10px, met dat verschil dat em relatief is, px niet. */
    }

/* Hoofdtitel */ 
h1 
    { 
    background: url('IMAGES/h1.gif') top center no-repeat; /* Zet de afbeelding op top midden zonder te herhalen */ 
    text-indent: -999em; /* Zorgt dat de tekst 9990px buiten scherm begint, zodat deze niet over de afbeelding te zien is */ 
    width: 930px; 
    height: 113px; 
    float:left; 
    } 

/* Pagina titel */
h2
    {
    color: #E36D0A;
    font-size: 3.0em; /* Standaard dus 30px, maar bij grotere resoluties of instelling van de browser om tekst te vergroten/verkleinen zal dit ook gebeuren, in px blijft het altijd 30px vast. */
    font-weight: normal; /* Standaard vette titels afzetten */
    }

/* Ondertitels */
h3
    {
    color: #E36D0A;
    font-size: 2.5em;
    padding-bottom: 5px;
	padding-top: 10px;
    }
    
/* Links in ondertitels */
h3 a
    {
    color: #fff; /* Websafe colors bestaan uit een combinatie van 3 maal 2 letters of cijfers en kunnen zo verkort worden van aabbcc naar abc */
    text-decoration: none;
    }

/* Links in ondertitels wanneer mouseover */
h3 a:hover
    {
    color: #E36D0A;
    }

#news h2, #news h3
	{
	margin-left:15px;
	}
	
/* Kleinere titels */
h4
    {
    color: #F77A06;
    font-size: 1.4em;
    padding-bottom: 10px;
	}    
						
/* Afbeeldingen standaard geen boorden geven */
img
    {
    border: 0;
    }

/* Paragrafen standaard uitlijnen */
p
    {
    text-align: justify;
    }

/* Standaard links */
a
    {
    text-decoration: none;
    color: #F77A06;
    font-weight: bold;
    }

/* Standaard links bij mouseover */
a:hover
    {
    color: #fff;
    }
    
/* De container waarin alles wordt geplaatst */
#container
    {
    background-color: #fff;
    width: 930px;
    margin: 0 auto;
	margin-top:20px;
    padding-bottom:20px;
	}

 /* Top-menu container*/ 
#container #top_nav 
    { 
    font-weight: bold; /* Tekst in vet */ 
    font-size: 1.5em; 
    padding-top: 10px; 
    width: 200px; 
    margin-top: -110px; 
    float:right; 
    } 

/* top-menu */
#top_nav ul
    {
    height: 30px;
    float: right; /* Laat het geheel rechts zweven */
    margin-right: 10px;
    }

/* Top-menu items */
#top_nav ul li
    {
    float: left; /* maakt de geordende lijst horizontaal ipv verticaal (standaard) */
    list-style: none; /* Haalt standaard bolletje weg */
    padding: 2px;
    }

/* Menu container */
#container #menu
    {
    clear: both; /* Wist alle voorgaande nog actieve floats */
    font-size: 1em;
    width: 930px;
    text-align: right;
    background:url('IMAGES/menu.jpg') top left repeat-x;
    height: 40px;
	font-family: sans-serif;
	font-weight: bold;
    }

/* Menu */
#menu ul
    {
    margin-right: 10px;
    float: right;
    }

/* Menu items */
#menu ul li
    {
    float: left; /* maakt de geordende lijst horizontaal ipv verticaal (standaard) */
    list-style: none; /* Haalt standaard bolletje weg */
    margin: 0 10px;
    height: 40px; 
	line-height:12px;
    }

/* Links van de menu item */
#menu ul li a
    {		
	display:block;
    text-decoration: none;
    color: #fff;
    background: url('http://www.xposed.be/site/IMAGES/navigation.jpg') bottom center no-repeat; /* inkepingsafbeelding onderaan plaatsen */
    padding-bottom: 25px; /* Ruimte van 25px onderaan om de inkepingsafbeelding als achtergrond te tonen */
    }

/* Links van de menu item bij mouseover*/
#menu ul li a:hover
    {  
	display:block;
    text-decoration: none;
    color: #E36D0A;
    background: url('http://www.xposed.be/site/IMAGES/navigation_hover.jpg') bottom center no-repeat; /* inkepingsafbeelding onderaan plaatsen */
    padding-bottom: 25px; /* Ruimte van 25px onderaan om de inkepingsafbeelding als achtergrond te tonen */
    }

/* Uitleg kader */
#explanation
    {
    clear: both;
    height: 190px;
    background: url('IMAGES/explanation_bg.jpg') top left no-repeat; /* achtergrondafbeelding zetten en verticaal laten herhalen */
    padding: 20px 20px 10px 75px; /* Ruimte laten boven rechts onder links */
    overflow: auto;

    }

/* Margins voor Uitleg paragraaf en 2e paragraaf van uitleg kader */
#explanation p.explanation, #explanation p.expl_txt2
    {
    margin: 5px 0 20px 0;
    }

/* Paragraaf 1 van uitleg kader in vet*/
#explanation p.explanation
    {
    font-weight: bold;
    }

/* explanation box hergebruikt in spolight detail page. Daar heeft ze een shooters-definitie nodig */
#explanation p.shooters
    {
	font-weight: bold;
    margin-bottom: 10px;
    }	
	
/* aparte class voor bold */ 
.xposed { font-weight:bold; }
	 	
/* aparte class voor oranje kleur */
.d_xposed_d { font-weight:bold; color:#E36D0A; }
	 
/* Uitleg kader event */	
.event_expl
    {
    clear: both;
    height: 110px;
    background: url('IMAGES/event_expl_bg.jpg') top left no-repeat; /* achtergrondafbeelding zetten en verticaal laten herhalen */
    padding: 20px 20px 10px 75px; /* Ruimte laten boven rechts onder links */
    }	
					
/* Shooters-definitie in beginbox event */
.event_expl p.shooters
    {
	font-weight: bold;
    margin-bottom: 10px;
    }	

/* Text-definitie in help-box, help-page & op index page */
.event_expl p.helptxt
    {
    margin-bottom: 10px;
    }	

/* Index page; links naar andere pages */
.event_expl p.link
    {
    text-align: right;
	padding: 40px 0px 0px 0px; 
	float: right;
    }	
	
/* Index-page; als text links moet floaten */
.event_expl p.helptxtfloat
    { 
	float: left; /* tekst rechts van deze tekst laten lopen door deze tekst links te laten zweven */
    margin-bottom: 10px;
    }		
		
				
/* Spotlight boxen */
.spotlight
    {
    padding: 10px 20px 10px 75px;
    height: 180px;
    }
    
/* Afbeelding in spotlight boxen */
.spotlight img
    {
    float: left; /* tekst rechts van de afbeelding laten lopen door afbeelding links te laten zweven */
    margin-right: 10px;
    border: 1px solid #E36D0A; /* boord van 1px volle lijn in oranje */
    }

/* Shooters in spotlight boxen */
.spotlight p.shooters
    {
    color: #F77A06;
	font-weight: bold;
    margin-bottom: 10px;
    }

/* Images link in spotlight boxen */
.spotlight p.images_link
    {
    text-align: right;
    clear: both;
    margin-bottom: 5px;
    }

/* Lichte spotlight box */
.light
    {
    background: url('IMAGES/spotlight_light_bg.jpg') top left no-repeat;
    }
    
/* Donkere spotlight box */
.dark
    {
    background: url('IMAGES/spotlight_dark_bg.jpg') top left no-repeat;
    }			
	
/* Spotlight foto box */
.img_block
	{
	clear: both;
	margin: 0 auto;
	text-align: center;
	}

/* Foto's in de foto box */
.img_block img
	{
    border: 2px solid #E36D0A;
	text-align: center;
	margin: 5px;
	}

/* Foto's links floaten */
.img_block img.left
	{
	float:left;
	}
	
/* Event foto box */
.event_img_block
	{
	clear: both;
	margin: 0 auto;
	text-align: center;
	}

/* Foto's in de event foto box */
.event_img_block img
	{
    border: 2px solid #FFFFFF;
	text-align: center;
	margin: 5px;
	}

/* Foto's events links floaten */
.event_img_block img.left
	{
	float:left;
	}

/* Scheiding */
.break
	{
	clear:both;
	height: 35px;
	width: 930px;
	margin: 5px auto;
	background: url('IMAGES/break.jpg') top center no-repeat;
	}
 
/* Event boxen */
.event
    {
    padding: 10px 20px 10px 75px;
    height: 110px;
    }
    
/* Afbeelding in event boxen */
.event img
    {
    float: left; /* tekst rechts van de afbeelding laten lopen door afbeelding links te laten zweven */
    margin-right: 10px;	
	margin-top: 20px;
    border: 1px solid #E36D0A; /* boord van 1px volle lijn in oranje */
    }

/* Shooters in event boxen */
.event p.shooters
    {
    color: #F77A06;
	font-weight: bold;
    margin-bottom: 10px;
    }

/* Images link in event boxen */
.event p.images_link
    {
    text-align: right;
    clear: both;
    margin-bottom: 5px;
    }

/* Lichte event box */
.ev1
    {
    background: url('IMAGES/event_light_bg.jpg') top left no-repeat;
    }
       
	
/* Donkere event box */
.ev2
    {
    background: url('IMAGES/event_dark_bg.jpg') top left no-repeat;
    }		

/* Photographer boxen */
.photographer
    {
    padding: 10px 20px 10px 75px;
    height: 110px;
    }
		
/* Afbeelding in photographer boxen */
.photographer img
    {
    float: left; /* tekst rechts van de afbeelding laten lopen door afbeelding links te laten zweven */
    margin-right: 10px;	
	margin-top: 20px;
    border: 1px solid #E36D0A; /* boord van 1px volle lijn in oranje */
    }
	
/* Shooter in photographer boxen */
.photographer p.shooters
    {
    color: #FFF;
	font-size: 9px;
    margin-bottom: 10px;
    }

/* Images link in photographer boxen */
.photographer p.images_link
    {
    text-align: right;
    clear: both;
    margin-bottom: 5px;
    }	
	
/* Lichte photographer box */
.pg1
    {
    background: url('IMAGES/event_light_bg.jpg') top left no-repeat;
    }
       
	
/* Donkere photographer box */
.pg2
    {
    background: url('IMAGES/event_dark_bg.jpg') top left no-repeat;
    }	
	
		
/* Uitleg kader photographer */	
#shooter_expl
    {
    clear: both;
    height: 255px;
    background: url('IMAGES/shooter_expl_bg.jpg') top left no-repeat; /* achtergrondafbeelding zetten en verticaal laten herhalen */
    padding: 20px 20px 10px 75px; /* Ruimte laten boven rechts onder links */
    overflow: auto;
    }	
	
#shooter_expl p.shooter_info
    {
	font-weight: bold; 
	margin-top: 20px;
    margin-bottom: 10px;
    }	
		
.above img
    {
    float: left; 
	margin-right: 10px;	
	}

.above p.shooter_detail
    {
    float: left; 
	}
							
/* Shooters-definitie in beginbox photographer */
#shooter_expl p.shooter_detail 
    {
	font-weight: bold;
    margin-bottom: 5px;	
	margin-right: 10px;
    }	

#shooter_expl p.shooter_detail_txt
    {
    margin-bottom: 5px;
    }	

/* Linker boxen */
.linker
    {
    padding: 10px 20px 10px 135px;
    height: 60px;
    }
		
/* Shooter in linker boxen */
.linker p.shooters
    {
    color: #FFF;
	font-size: 9px;
    margin-bottom: 10px;
    }

/* Lichte linker box */
.lg1
    {
    background: url('IMAGES/link_light_bg.jpg') top left no-repeat;
    }
       
	
/* Donkere linker box */
.lg2
    {
    background: url('IMAGES/link_dark_bg.jpg') top left no-repeat;
    }	

/* news boxen */
.news
    {
    padding: 30px 20px 10px 75px;
    height: 80px;
    }
    
/* Text in news boxen */
.news p.news_text, #news p.news_text
    {
    color: #FFF;
	font-size: 10px;
    margin-bottom: 10px;
    }

/* link in news boxen */
.news p.news_goto, #news p.news_goto
    {
    text-align: right;
    clear: both;
    margin-bottom: 5px;
    }
.news p.news_goto a:hover, #news p.news_goto a:hover
	{
	color:#fff;
	}

/* Lichte news box */

.nwlight
    {
    background: url('IMAGES/event_light_bg.jpg') top left no-repeat;
    }
       
	
/* Donkere news box */
.nwdark
    {
    background: url('IMAGES/event_dark_bg.jpg') top left no-repeat;
    }		
						
/* gerelateerd aan popup voor display van large size images */ 
#showimage{
	position:absolute;
	visibility:hidden;
	border: 1px solid black;
	margin-top: 0Px;
	}
#dragbar{
	cursor: pointer;
	background-color: black;
	min-width: 100px; /*NS6 style to overcome bug*/
	}
#dragbar #closetext{
	font-weight: normal;
	margin-right: 1px;
	color: #FFFFFF;
	font-family: Verdana,Tahoma;
	font-size: 10px;
	}	
/* Einde code voor display van large size images */ 	
/* Semi-CMS*/
#admin-panel, #help, #help-login, #photographers
	{
	color:#000;
	text-align:left;
	margin:5px;
	padding:15px;
	}

#news p
	{
		color:#000;
	}
	
#admin-panel a:hover, #news a:hover, #news_search a:hover, #help a:hover, #help-login a:hover, #photographers a:hover
	{
	color:#000;
	}

#news p, #admin-panel p, #admin-panel ul, #photographers p
	{
	font-size:1.2em;
	}

#admin-panel a:hover
	{
	color:#000;
	}

#admin-panel ul li
	{
	margin:5px;
	padding-bottom:5px;
	}

form#help, form#help-login, form#news
	{
	text-align:center;
	margin:0 auto;
	padding-bottom:25px;
	width:850px;
	color:#000;
	}

#help fieldset, #news fieldset, .pic-upload fieldset
	{
	text-align:left;
	padding:5px;
	margin:10px 0;
	}

#help legend, #news legend, .pic-upload legend
	{
	font-size:1.2em;
	color:#E36D0A;
	padding:3px;
	border:1px solid #fff;
	background-color:#000;
	font-weight:bold;
	}

#help label, #news label
	{
	float:left;
	width:100px;
	margin:5px 10px 5px 0;
	font-size:1.2em;
	}

.pic-upload label
	{
	float:left;
	width:135px;
	margin:5px 10px 5px 0;
	font-size:1.2em;
	}

#help input, #help textarea, #help-login input, #news input, #news textarea, .pic-upload input, .pic-upload textarea
	{
	margin:5px 0;
	font-family:sans-serif;
	font-size:1.1em;
	}

#news input#titel, #news input#linktekst, #news input#link, .pic-upload input#websitelink, .pic-upload input#websitenaam, .pic-upload input#specialiteit
	{
	width:350px;
	}

#publiek, #pagina
	{
	padding-right:5px;
	}

#help p
	{
	font-weight:bold;
	margin:10px 0 5px 0;
	color:#000;
	}

div#help-login
	{
	color:#000;
	text-align:left;
	margin:5px;
	padding:15px;
	font-size:1.2em;
	}

#help-login label
	{
	float:left;
	width:120px;
	margin:5px 10px 5px 0;
	font-size:1.2em;
	}

p.error
	{
	margin:20px auto;
	text-align:center;
	color:#000;
	font-size:1.3em;
	}

p.succes
	{
	margin:20px 10px;
	text-align:left;
	color:#000;
	font-size:1.2em;
	}

p.right
	{
	text-align:right;
	margin-right:15px;
	}

table.help, table.news
	{
	width:85%;
	padding:5px;
	}

table.help tr, table.news tr
	{
	padding:5px;
	}

table.help td, table.news td
	{
	padding:5px;
	border-bottom:1px dotted #E36D0A;
	width:25%;
	}

#help-login a:hover, #help-login table.help td a:hover, #news a:hover
	{
	color:#000;
	}

table.news
	{
		color:#000;
		margin-left:20px;
	}

table.news td.datum
	{
	width:100px;
	}

table.news td.auto
	{
	width:auto;
	}

table.news td.adminfct
	{
	width:20px;
	}

#news blockquote
	{
	margin-left:25px;
	}

#news_search
	{
	color:#000;
	clear:both;
	margin-right:10px;
	}

#news_search p
	{
	text-align:right;
	}

#news_search p input#keyword, #news_search p input#submit
	{
	margin:10px 0 0 5px;
	font-size:0.9em;
	}

#news_search p select
	{
	width:75px;
	margin:10px 0 0 5px;
	font-size:1.0em;
	}

/* Thumbnails */
.thumbs_photographer
	{
	clear:both;
	margin:0 auto;
	text-align:center;
	width:850px;
	padding:0 10px;
	}

.thumbs_photographer img
	{
	border: 1px solid #000;
  	}



/* Shadow for thumbnail images */

.img-shadow
	{
	float:left;
	background: url(IMAGES/shadow.gif) no-repeat bottom right;
	text-align:center;
	margin:20px 0;
	}

.img-shadow img
	{
  display: block;
  background-color: #fff;
  margin-top: -6px;
  margin-right:  6px;
  margin-bottom: 6px;
  margin-left: -6px;
  border: 1px solid #000;
	}


.pic-upload p
	{
	clear:both;
	margin:5px 0;
	}

.clear
	{
	clear:both;
	}

.center
	{
	margin:0 auto;
	text-align:center;
	}

.avatar_photographer
	{
	height:60px;
	width:40px;
	}

hr
	{
	margin:10px 0;
	}

.pic-upload .thumb

	{
	float:left;
	margin:10px;
	text-align:center;
	border:1px dotted #ccc;
	width:190px;
	height:235px;
	}

.thumb form p
	{
	text-align:center;
	}

.photographer_center
	{
		width:212px;
		margin:0 auto;
		text-align:center;
		float:left;
	}

#fotolijst
	{
	width:450px;
	}

#fotolijst_sorteer
	{
	width:50px;
	}

.red {
	color:red;
	font-size:0.9em;
	margin-top:7px;
	}


.kaders_rules
    {
    padding: 10px 20px 10px 75px;
    height: 250px;
    background: url('IMAGES/kaders.jpg') top left no-repeat;
    }

#photographers form #fieldset_perso div, #photographers form #fieldset_upload div
	{
	margin:1.0em 10.0em;
	}

#photographers form #fieldset_perso span, #photographers form #fieldset_upload span
	{
	color:red;
	margin:0;
	margin-top:0.3em;
	}

#photographers form #fieldset_perso label, #photographers form #fieldset_upload label, #photographers form #fieldset_status label
	{
	display:block;
	width:8.0em;
	float:left;
	cursor:pointer;
	margin:0;
	}

#photographers form #fieldset_perso input, #photographers form #fieldset_upload input, #photographers form #fieldset_perso textarea, #photographers form #fieldset_perso select
	{
	padding:0.1em;
	display:block;
	}

#photographers form #fieldset_perso legend
	{
	}

#photographers form #fieldset_perso p, #photographers form #fieldset_status p
	{
	margin-bottom:1.0em;
	}
span.button
	{
	border:1px dotted #ccc;
	padding:2px;
	cursor:pointer;
}

#fieldset_status span {
	float:left;
	line-height:3.0em;
}