@import url("reset.css");

/*
* General
*/
html{
 width:100%;
}
div.contentLeft div#info ul.lala ,div#Div1 ul.lala
{
	padding: 0 0 0 200px;	
}

body
{
  font-family:Arial;
  font-size:11px;
  color:#51566d;
  font-weight:300;
  letter-spacing:normal;
  line-height:normal;
  width:100%;
}
img
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    
}
h1
{
  color:#ff6600;
  font-size:16px;
  margin:0 0 10px 0;
  font-weight:900;
}
h2
{
  color:#384659;
  font-size:14px;
  font-weight:900;
  margin:0 0 10px 0;
}
h3
{
  font-size:12px;
  font-weight:bold;  
}
h4
{
  font-size:12px; 
  font-weight:bold;  
}
p
{
  margin:5px 0 5px 0;
}

a
{
   text-decoration:none;
   color:#ff6600;
}
a:hover 
{
   text-decoration:underline;
}
input
{
    font-size:11px;
}

/*
* MASTER
*/
#page
{
  margin:0 auto;
  width:940px;
}

/* Navigation */
#navigation
{
  margin: 0;padding: 0;
  font-weight:800;
  margin:10px 0 0 0;
  height:15px;
}
#navigation a
{
   text-decoration:none;
   color:#384659;
}
#navigation a:hover 
{
   color:#ff6600;
}

#navigation .navPages
{
   width:750px;
   float:left;
}
#navigation .activePage a
{
  color:#ff6600;
}

#navigation .activePage
{
  color:#ff6600;
}


#navigation .navPages ul
{
   margin: 0;padding: 0;
   list-style-type:none;
}
#navigation .navPages ul li
{
   list-style-type:none;
   float:left;
   margin:0 20px 0 0;
}

#navigation .navLang ul
{
   margin:0;padding: 0;
}
#navigation .navLang ul li
{
   float:right;
   list-style-type:none;
   margin:0 0 0 10px;
}

/* Content */
#pageContent
{
   clear:both;
   margin:30px 0 0 0;
   height:20px;
   height:100%;
}

/* Footer */
#footer
{
    clear:both;
    padding:30px 0 10px 0;
}
#footer .info
{
   text-align:center;
}
#footer .info a
{
   text-align:center;
   color:#ff6600;
}

/*
* Components
*/

/* COLORS */
.orange
{
    color:#ff6600;
}
.blueGrey
{
    color:#384659;
}

/* links */
.Link
{
   text-decoration:underline; 
}
.noLink
{
   text-decoration:none; 
}
.noLinkHover :hover
{
   text-decoration:underline; 
}

/* font */
.strong
{
   font-weight:bold;
}

/*textPage */

.textItem
{
   margin:0 0 4px 0;
}
.textContentBlock
{
   margin:0 0 0 2px;
}

.textPage
{
  margin:0 20px 0 0;
}
.textPage p
{
   margin:0 0 10px 0;
}
.textPage h3
{
   margin:0 0 10px 0;
}

.listNumeration li
{
    list-style-type:decimal;
    list-style-position:inside;
    margin:0 0 5px 0;
}
.listNumeration
{
    margin:0 0 10px 0;
}

/* Align */
.floatLeft
{
   float:left; 
}
.floatRight
{
  float:right;   
}
.clear
{
   clear:both;
}

/* Labels */
.labelComment
{
    font-size:10px;
    color:#81869c;
}

/* lines */
.lineOrange
{
  margin:10px 0 0 0;
  background: transparent url(../images/lineOrange.jpg) repeat-x;
  clear:both;
}
.lineGrey
{
  margin:5px 0 0 0;
  background: transparent url(../images/lineGrey.jpg) repeat-x;
  clear:both;
}

.starContainer ul li
{
  float:left; 
}


.popup
{
   
}
.popup .popupContent
{
  padding:10px 10px 10px 10px;
   background: transparent url(../images/popup_back.jpg) repeat-x;
  background-color:#E1E1E1;
  clear:both;
  border-bottom:1px solid #ff6600;
}
.popup .closeBtn
{
   clear:both;
   float:right;
   margin:0 10px 0 0;
}

/* Image */
.textLeftImage
{
   margin:2px 10px 5px 0;
   float:left;
}

.textPrintImage
{
   margin:-5px 2px 5px 0;
   float:left;
}
/* 
*Page Structure 
*/

/*content8020*/
.content8020 .contentLeft
{
  float:left;
  width:725px;
  _width:715px;
}
.content8020 .contentRigth
{
  float:right;
  width:205px;
}
/*content6040*/
.content6040 .contentLeft
{
  float:left;
  width:500px;
}
.content6040 .contentRigth
{
  float:right;
  width:425px;
}
/*content6040*/
.content4060 .contentLeft
{
  float:left;
  width:440px;
}
.content4060 .contentRigth
{
  float:right;
  width:485px;
}


/*content100*/
.content100
{

}

/* Inside the content */
.contentBlock
{
  clear:both;
}


/*
* User Controls
*/
.ContainerTips
{
   margin:0 0 50px 0;
}
.tip .readMore
{
  margin: 5px 0 10px 0;
}
.tip h3
{
  margin:0 0 5px 0;
}


.stayInformed
{
    float:left;
    width:195px;
	_width:190px;
}
.stayInformed .content
{
    margin:5px 0 10px 0;
}

.hoIsSD
{
    width:195px;
}

.ideas
{
    width:232px;
}
.ideas .top
{
    background: transparent url(../images/ideeTop.jpg) no-repeat;
}
.ideas .middle
{
    background: transparent url(../images/ideeMiddle.jpg);
    background-repeat:no-repeat;
    background-color:#efefef;
    padding:0 10px 0 15px;
}
.ideas .bottom
{
    background: transparent url(../images/ideeBottom.jpg) no-repeat;
    height:15px;
}
.ideas .info
{
    border-bottom-color:#cccccc;border-bottom-style:solid;border-width:1px;
    padding:0 0 10px 0;
    margin:10px 0 0 0;
}
.ideas .ideaContainer .idea
{
   border-bottom-color:#cccccc;border-bottom-style:solid;border-width:1px;
   margin:5px 0 5px 0;
   padding:0 0 10px 0;
}
.ideas .middle .allIdeas
{
   height:30px;
   margin:15px 0 0 0;
}

.products
{
	width:200px;
}
.products .productContainer ul li
{
    margin:0 0 5px 0;
}
.products .productContainer ul li h3
{
    margin:0 0 0px 0;
}

.products .productContainer ul li a
{
    color:#ff6600;
}
.products .productContainer ul
{
   margin:10px 0 10px 0;
}

.organisationContainer
{
   width:90%;
}

/*
* Multipale Page Elements
*/

/* imageNavigationBar */
.imageNavigationBar
{
 width:720px;
 overflow:hidden;
 background: url(../images/videoBar_back.jpg) repeat-x;
 
}
.imageNavigationBar input
{
    float:left;
    height:30px;
}


/* Posts */
.contentPost
{
   width:700px;
}
.contentPostNoLine
{
   margin:10px 0 0 0;
   width:700px;
}
.postHeader
{
   margin:5px 0 10px 0;
   height:10px;
}
.postHeaderList ul li
{
   margin:0 5px 10px 0;
   float:left;
   font-weight:bold;
}
.postHeader div
{
   float:left;
   margin:0 20px 0 0;
   color:#51566d;font-size:10px;
}

.postFooter
{
   margin:10px 0 0 0;
   color:#51566d;font-size:10px;
   height:10px;
}
.postFooter div
{
   margin:0 5px 0 0;
}
.postFooter a
{
  color:#81869C;
}
.postDate
{
  color:#51566d;font-size:10px;
}

/* textContent */
.textPageContent
{
   width:700px;
}
.textPageContent div
{
   margin:0 0 20px 0;
}

.textPageContent .linkBtn
{
   margin:10px 0 0 0;
}

.textPage em
{
	font-style:italic;
}

/* video player */
.flashVideo
{
    width:706px;
    border-width:2px;border-style:solid;border-top-style:none;border-color:#c3c3c3;
    clear:both;
    float:left;
    padding:10px 0 10px 10px;
    margin:0 0 10px 0;
}
.flashVideo .videoPlayer
{
    float:left;
    width:460px;
}

.flashVideo .videoInfo
{
   margin:0 10px 40px 0;
}
.flashVideo .share
{
 margin :20px 0 0 0;
}


/* Form */
.form ul li
{
   clear:both;
}
.form ul li div
{
    float:left;
    margin:0 10px 5px 0;
}

.form .label
{
  text-align:right;
  width:150px;
}
.form .input
{
  width:260px;  
}
.form .input input
{
  width:250px;  
}
.form .input select
{
  width:260px;  
}
.form .validation
{
   color:Red;
   text-align:right;
}



/*
* Pages
*/




/* Home */
.contentTV
{
  background: transparent url(../images/background_sdwTv.jpg) no-repeat;
  width:500px;height:292px;
}

.winner
{
  clear:both; 
}
.winner .winnersIntro ul li
{
    clear:both;
}
.winner .info
{
  margin:0 0 0 65px;
}
.winner .thumb
{
  margin:0 0 0 0;
}
.winner .lineGrey
{
  margin:10px 0 0 0;  
}

/* Organisation */
.themaOrganisationBlock
{
  background: transparent url(../images/back_organisation.jpg) top no-repeat;
  width:442px;
  margin:0;
  margin-bottom:10px;
}

.themaOrganisationBlock_bottom
{
  background: transparent url(../images/back_organisation_resume.jpg) bottom no-repeat;
  width:442px;
}


.themaOrganisationBlock .themaInfoBlock
{
  padding:5px 0 10px 15px;
  width:90%;
}
.controlbarOrganisation
{
  margin:0 30px 0 0;
  _padding:0 0 0 10px;
}

.sdwTVDetail
{
  background: transparent url(../images/background_sdwTv_detail.jpg) no-repeat;

}
/*.videoDetailFooter
{
    margin:10px 10px 0 12px;
}*/

/* comments */
.containerCommentForm
{
   width:485px;
}
.containerCommentForm .firstColumn
{
   float:left;
   width:370px;
}
.containerCommentForm .secondColumn
{
   float:right;
   width:300px;
}
.containerCommentForm .secondColumn div
{
  margin:0 0 15px 10px; 
}
.containerCommentForm .label
{
  float:left;
  width:50px;
  text-align:right;
  padding: 0 5px 0 0;
}
.containerCommentForm .aspInputField
{
   float:left;
   width:200px;
   margin-bottom:10px;
}
.containerCommentForm .validation
{
    margin:0 0 0 5px;
}

/* Winnaars Detail */
.winnaarsDetail .winnaarDetailContentFrame
{
	clear:both;
	width:703px;
	padding:10px 0 10px 13px;
	border-width:2px;border-style:solid;border-top-style:none;border-color:#c3c3c3;
	margin:0 0 20px 0;
}

.winnaarsDetail .winnaarDetailContentFrame .winnaarImageInfo
{
	margin:10px 0 0 0;
}
.winnaarsDetail .winnaarDetailContentFrame .winnaarImageInfo img
{
	margin:5px 10px 10px 2px;
}
.winnaarsDetail .winnaarDetailContentFrame .winnaarImageInfo .winnaarInfoText
{
	float:left;
	width:600px;
	margin:0 0 15px 0;
}
.winnaarsDetail .winnaarDetailContentFrame .winnaarInfo
{
	clear:both;
}


.winnaarsDetail .winnaarDetailContentFrame .videoInfo
{
	margin:0 15px 30px 5px;
}

.winnaarsDetail .winnaarDetailContentFrame .share
{
	float:right;
}
.winnaarInfo .videoPlayer
{
    float:left;
    margin:0 10px 0 0;
}

/* Beraad */
.beraad .videoPlayer
{
   float:left;
   margin:0 10px 0 0; 
}
.beraad .beraadInfo
{
    margin:0 20px 0 0;
}


/* Winnaars */
.winnaars .winnaarsVideo
{
  float:left;
  width:455px;
}
.winnaars .containerWinnaars
{
	float:left;
	margin:0 0 0 10px;
	width:250px;
}
.winnaars .containerWinnaars ul li
{
	margin:0 0 10px 0;
}


.juryContent
{
	clear:both;
	width:700px;
}
.juryContent ul
{
	list-style-type:circle;
	list-style-position:outside;
	margin:10px 0 0 20px;
}

.beraadslagingContent
{
	width:700px;
}
.beraadslagingContent ul
{
	list-style-type:circle;
	list-style-position:outside;
	margin:0 0 0 20px;
}



/* Inzendingen */
.containerInzendingen
{
    margin:40px 0 0 0;
    clear:both;
}
.containerInzendingen .inzendItem
{
   width:95%;
}
.containerInzendingen .inzendItem .lineGrey
{
   margin:10px 0 0 0;
}

.containerInzendingenDetail .lineOrange
{
 margin:20px 0 0 0;
}


#inzendingen h1
{
    margin:0 0 2px 0;
}
#inzendingen .labelComment
{
    margin:0px 0 0 0;
}


/* E News */

#enews .form
{
    margin:20px 0 0 0;
    width:700px
}

.opsomming {
	margin-left: 16px;
	list-style-type:disc;
	list-style-position:outside;
	
}

div.contentRigth div#controlSpace .hoIsSD, .stayInformed
{
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.stayInformed
{
	margin-right: 15px;	
}

div.controlbarOrganisation div.lineOrange {display:none;}

div#solutions{
	
	background:url(../images/bg_solutions.jpg) no-repeat;
	padding: 10px;
	height:322px;
	
}

div#solutions a{
	
	color:black;
	text-decoration:none;
	font-weight:bold;
	
}

div#solutions a:hover{
	

	text-decoration:underline;

}

div.contentLeft div#info ul ,div#Div1 ul
{
	margin: 10px 0 10px 35px;	
}

div.contentLeft div#info ul li ,div#Div1 ul li
{
	list-style-type: circle;
	margin: 0 0 10px 0;
}

p.center-image {text-align: center;}

/* Image */
.textLeftImage
{
   margin:2px 10px 5px 0;;
   float:left;
}


/* extra SP 02*/
p.center-image {text-align: center;}

/* Image */
.textLeftImage
{
   margin:2px 10px 5px 0;;
   float:left;
}

div.contentLeft div#info ul ,div#Div1 ul
{
	margin: 10px 0 10px 35px;	
}

div.contentLeft div#info ul li ,div#Div1 ul li
{
	list-style-type: circle;
	margin: 0 0 10px 0;
}

div.contentLeft div#info ul.lala ,div#Div1 ul.lala
{
	padding: 0 0 0 200px;	
}

/*** Windows ***/
div.contentLeft div.closed
{
	display: none;	
}

div.contentLeft div.open
{
	margin-left: 45px;
	border-left: 4px #e7e7e7 solid;
	padding: 0 0 0 8px;
}

ol.blabla
{
	list-style-type:decimal;
	padding: 0 0 0 20px;
}

ul.rep
{
	list-style-type:disc;
	padding: 0 0 0 20px;
}

li.rep
{
	list-style-type:disc;
}