/* Layout Stylesheet */ 



/*

    WAARSCHUWING: In application.php - printHeader() word gebruik gemaakt van 

    HTML-tags welke alleen voor IE werken!!!

*/

#cse-search-results {
display: none;
visibility: hidden;
}


table.summary {

	width: 100px;

}



body {

 margin:0px 20px;

 background-color: silver;

 background-image: url(images/back.gif);

 background-repeat: repeat;

 padding:0px;

 text-align:center; 

 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

 font-size: 13px;

}



div#markedpart {

  border-color: red;

  border-width: 2px;

  border-style: outset ;

}



h1 { /* Title */

	font-size: x-large;

	text-align: center;	

	word-wrap: normal;

}



h2 {

	font-size: large;

	text-align: center;

}



h3 { /* plein part name */

	text-align: center;

	font-size: large;

	font-weight: bolder;	

}



a:link {

	color: #6495ED;

}

 

.okImage {

	height: 17px;

	background-image: url(images/ok.gif);

	background-repeat: no-repeat;

	padding-left: 20px;

}



.errorImage {

	height: 17px;

	background-image: url(images/error.gif);

	background-repeat: no-repeat;

	padding-left: 20px;

}



.warningImage {

	height: 17px;

	background-image: url(images/warning.gif);

	background-repeat: no-repeat;

	padding-left: 20px;

}



div#outer {

 text-align:left;

 vertical-align: top;

 border :0px none #000000;

 width: 100%;

 margin: auto;

 padding: 0px 0px 0px 0px;

 color: #333333; 

}





td#header {

 height:100px;

 background-color: blue;

 color: White;

 border-width:0px 0px 0px 0px;

 padding: 0px 0px 0px 0px;

 margin: 0px 0px 0px 0px; 

 background-image: url('images/logo.gif');

 background-position: left;

 background-repeat: no-repeat;

 background-position: 10px;

 text-align: center;

}



td#banners {

 border: 0px none;

 padding: 0px 0px 0px 0px;

 margin: 0px 0px 0px 0px; 

 vertical-align: top;

 width: 170px;

 text-align: center;

 background-color:#FFAC84;

 background-image: url('images/banners.PNG'); 

 background-position: left;

 background-repeat: repeat-y;

}



div#onlineUsers {

 float: right;

 color: gray;

 position: relative;

 margin-bottom: 5px;

}



table#maintable {

 padding: 0px 0px 0px 0px;

 margin: 0px 0px 0px 0px; 

 border-width:0px 0px 0px 0px;

 border: 0 none;

 color: #333333;

 width: 100%;

}







td#menu {

 border-width:0px 0px 0px 0px;

 border: 0px none;

 color: #333333;

 border:solid #000000;	

 padding: 0px 0px 0px 0px;

 margin: 0px 0px 0px 0px; 

 border-width:1px 0px 1px 0px;

 background-color: red;

 background-image: url('images/menu_kinderpleinen.png'); 

 background-repeat: repeat-x;

 font: 18px arial;

}



table.pleinHtml {

	text-align: left;

}



td#content {

 border: 0px none;

 background-color:#FFAC84;

 vertical-align: top;

 border-width:0px 0px 0px 0px;

 padding: 0px 0px 0px 0px;

 margin: 0px 0px 0px 0px; 

 text-align:left;

 vertical-align: top;

/* width: 100%;*/

}



/* AZ Table */

.azOverview { 

    text-align: center;

    width: 100%;

}



.colAZ   { 

    border: 0px none; 

    width: 30px; 

    text-align: center;

}



#tableAZ  { 

    border: 0px none; 

    margin: 0px auto; 

    width: 800px;

}



div#contentClearer {

	clear: both;

}



#content a:link{

 color: Blue;     

}



#content a:visited{

 color: #8C008C;

}



#footer {

 height:25px;

 background:#c0c0c0;

 color: black; /* #333333; */

 border:solid black;

 border-width:1px 0px 0px 0px;

 margin:0px;

}



.footerText {

	/*font-size: xx-small;*/

    color: black;

    font-weight: bold;

    font: 18px arial;

	background-color: white;

	clear: both;

}



.errormessage {

	color: red;

}



input {

	background-color: white;	

	border-style: solid;

	border-width: 1px;

	width: 100%;

}



.webButton {

	background-image: url('images/webutton.JPG');

	background-repeat: repeat-x;

	background-position: left top;



	border-style: ridge;

	border-width: 1px;

	border-color: gray;

	

	color: #A0522D;

    height: 23px;

    margin: 0px;

    padding: 0px 10px 0px 10px;	



	text-align: center;

	text-decoration: none;

}



table#login {

	width: 80%;

}



table#login th{

	text-align: right;

	width: 15px;

}



.color1 { background-color: #ff3366;}

.color2 { background-color: #ff3399; }

.color3 { background-color: #ff66cc; }

.color4 { background-color: #ff99ff; }

.color5 { background-color: #ff6600; }

.color6 { background-color: #ff9900; }

.color7 { background-color: #ff9933; }

.color8 { background-color: #ff9966; }

.color9 { background-color: #ffcc00; }

.color10 { background-color: #ffcc66; }

.color11 { background-color: #ffff00; }

.color12 { background-color: #ffff66; }

.color13 { background-color: #ffffcc; }

.color14 { background-color: #66cc00; }

.color15 { background-color: #66ff00; }

.color16 { background-color: #66ff66; }

.color17 { background-color: #66cccc; }

.color18 { background-color: #99ccff; }

.color19 { background-color: #cc99ff; }

.color20 { background-color: #cc99ff; }

.color21 { background-color: #cc99cc; }

.color22 { background-color: #cccc99; }

.color23 { background-color: #ccccff; }

.color24 { background-color: #cccccc; }

.color25 { background-color: #ccffcc; }



.linkImage {

    height: 100px;

    width: 100px;

    float: left;

    border: 0px;

}



.linkImageBig {

    width : 190px;

    float: left;

    border: 0px;

}



.subjectImage {

    height: 100px;

    width: 100px;

    float: left;

}



.pleinImage {

    height: 100px;

    width: 100px;

    border: 0px;

}



.pleinDescription {

	font-size: small;

	text-align: center;

	width: 100%;

}



#hintbox{ /*CSS for pop up hint box */

    position:absolute;

    top: 0px;

    background-color: lightyellow;

    width: 150px; /*Default width of hint.*/ 

    padding: 3px;

    border:1px solid black;

    font:normal 11px Verdana;

    line-height:18px;

    z-index:100;

    border-right: 3px solid black;

    border-bottom: 3px solid black;

    visibility: hidden;

}



.hintanchor{ /*CSS for link that shows hint onmouseover*/

    font-weight: bold;

    color: navy;

    margin: 3px 8px;

}



.toolbar {

    text-align: center;

    /*

    background-image: url(images/toolbar.PNG);

    background-repeat: repeat-x;

    */

    background-color: #b8d2e7;

    padding: 0px;

    margin: 0px;

	height: 25px;

}



div.window {

	text-align: left;

/*	border: 1px solid #666;*/

	padding: 0px;

	background-color: #b8d2e7;

	padding: 2px;

}



div.windowtitle {

    height: 20px;

    background-image: url(images/windowtitle.gif);

    background-repeat: repeat-x;

    text-align: center;

    font-weight: bolder;

    width:100%;

}



div.windowContent {

    padding: 0px;

    margin: 0px; 

    width: 100%;         

}



div.windowFooter {

}



div#browser {

    width: 95%;

    background-color: #99ccff;

    

}



div#singlewin {

	margin-left: 5px;

}



div#singlewin-onlineUsers {

	overflow: auto;

	height: 150px;

	margin-left: 5px;

	text-align: center;

}



div#singlewin-toppleinen {

	overflow: auto;

	height: 300px;

	margin-left: 5px;

	text-align: center;

}



table#reactiontable {

}



td.reactiontabledelete{

  width: 10px;

  color: red;  

}



td.reactiontabledate{

  font-style: italic;

  width: 140px;

  border: thin rgb(0,51,0) dotted

}



td.reactiontablename{

  font-weight: bold;

  width: 200px;

  border: thin rgb(0,51,0) dotted

}



td.reactiontablereaction{

  background-color: rgb(255,255,153);

  border: thin rgb(0,51,0) dotted  

}



#beheerMenu {

	word-wrap: none;

	width: 150px;

}



/*span#otherpleinen {

	font-size: smaller;

}*/



#headerLink {

    display: block; 

    width: 100%; 

    height: 100%;

}



.bookmark{

    width: 20px;

    height: 16px;

    background: url('images/facebook.png') no-repeat 6px center;

    display: block;

}



.facebook{

    width: 20px;

    height: 16px;

    background-image: url('images/partimage2.gif');

    display: block;

}



#resultsTable{

    width: 100%;

    margin-left: 10px;

}



#searchPleinText{

    width: 100%;

    margin-left: 10px;

}



.center{ 

    text-align: center;

    width: 100%;

}



.googleSearchbar{

    width: 500px;

    margin: 0px auto;

}



.topBanner{

    padding-top: 10px;

    padding-bottom: 3px;

    /*background-color: blue;*/

    text-align: center;

    width: 100%;

}



.bottomBanner{

    padding-top: 3px;

    padding-bottom: 3px;

/*    background-color: blue;*/

    text-align: center;

    width: 100%;

}



.googleSearch{

    text-align: center;

    width: 100%;

    margin-bottom: 5px;

}



#categoriePleinen {

    font-size: 15px;

    text-align: left !important;

}



#pleinLijst{

    list-style-type: none;

    padding: 0px;

    margin: 0px

}



.pleinLijstItem{

    display:block;

    float:left;

}



/*.adsbygoogle{

    -webkit-box-shadow: 11px 7px 38px 1px rgba(0,0,0,0.75);

    -moz-box-shadow: 11px 7px 38px 1px rgba(0,0,0,0.75);

    box-shadow: 11px 7px 38px 1px rgba(0,0,0,0.75);

    background: transparent;

}*/



#cookietable input{

    width: auto;

}

#cookieconsent:desc {

    color: #000;

}

#cookieconsent:desc a{

    color: #333;

}



    body .cc-window.cc-floating {

        max-width: 100%;



    }

@media (max-width: 1024px){

    body .cc-window {

        top:0;

    }

}